.qp-hero{--qp-red:var(--color-brand-red);position:relative;isolation:isolate;background:var(--qp-red);color:var(--color-brand-white);font-family:var(--font-arabic);overflow:hidden}.qp-hero__inner{direction:ltr;justify-content:flex-end;position:relative;max-width:1760px;min-height:clamp(650px,78svh,880px);margin-inline:auto;display:flex;align-items:center}.qp-hero__copy{position:relative;z-index:2;width:43%;padding:clamp(2.5rem,5vw,5rem) clamp(1.5rem,4vw,4.5rem) clamp(2.5rem,5vw,5rem) 1rem;animation:qp-copy-enter .65s ease-out both}.qp-hero__brand{display:inline-flex;align-items:stretch;border:2px solid #fff;font:800 clamp(1.1rem,1.7vw,1.85rem)/1.3 var(--font-sans);white-space:nowrap;margin-bottom:clamp(1.75rem,3vw,3rem)}.qp-hero__brand>span{padding:.3rem .55rem}.qp-hero:not([lang=ar]){font-family:var(--font-sans)}.qp-hero:not([lang=ar]) h1{line-height:1.2}.qp-hero[dir=ltr] .qp-hero__actions svg{transform:rotate(180deg)}.qp-showcase__text{text-align:start}.qp-hero__primary.nav-cta-pill{min-height:48px;height:auto;white-space:normal;color:var(--site-text)}.qp-hero__primary.nav-cta-pill:hover{color:#fff}.qp-hero__primary.nav-cta-pill svg{position:relative;z-index:2;flex-shrink:0}.qp-hero__eyebrow{font-size:.85rem;font-weight:400;margin-bottom:.7rem}.qp-hero h1{max-width:18ch;font-size:clamp(2rem,3vw,3.25rem);line-height:1.5;font-weight:700;letter-spacing:0;text-wrap:balance}.qp-hero h1>span{display:block}.qp-hero__intro{max-width:30rem;margin-top:1rem;font-size:clamp(.93rem,1.15vw,1.1rem);line-height:2}.qp-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.75rem}.qp-hero__actions a{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:48px;font-size:.9rem;font-weight:600;text-decoration:none}.qp-hero__primary{background:var(--color-brand-black);color:#fff;padding:.8rem 1.3rem;transition:background .18s ease,transform .18s ease}.qp-hero__primary:hover{background:#080808;transform:translateX(-3px)}.qp-hero__secondary{color:#fff;border-bottom:1px solid #ffffff80}.qp-hero__secondary:hover{border-bottom-color:#fff}.qp-hero__note{max-width:28rem;margin-top:1.1rem;font-size:.7rem;line-height:1.9}.qp-showcase{position:absolute;left:0;inset-block:20px;width:58%;color:var(--color-brand-black)}.qp-showcase__backdrop{position:absolute;inset:0;background:#f1f1f1;clip-path:polygon(0 0,76% 0,100% 100%,0 100%)}.qp-showcase__backdrop:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 36% 47%,#fff 0,#fff0 64%)}.qp-showcase__backdrop:after{content:"";position:absolute;top:0;left:0;height:5px;width:110px;background:var(--color-brand-black)}.qp-showcase__top{position:absolute;top:1.75rem;left:2rem;right:27%;display:flex;justify-content:space-between;direction:ltr;gap:.7rem;font:800 .65rem var(--font-sans);letter-spacing:.1em;color:#666}.qp-showcase__top>span:last-child{color:#b9161b;white-space:nowrap}.qp-showcase__stage{position:absolute;top:4.5rem;bottom:9rem;left:1.5rem;right:22%}.qp-showcase__image{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateX(-20px);transition:opacity .4s ease,transform .55s cubic-bezier(.2,.7,.2,1),visibility .4s}.qp-showcase__image.is-active{opacity:1;visibility:visible;transform:none;animation:qp-image-enter .45s ease-out both}@keyframes qp-image-enter{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}.qp-showcase__image img{width:100%;height:100%;object-fit:contain}.qp-showcase__image--app{padding:.5rem}.qp-showcase__image--app img{max-width:400px}.qp-showcase__caption{position:absolute;bottom:5.7rem;left:2rem;right:20%;text-align:right}.qp-showcase__text h2{font-size:clamp(.85rem,1.15vw,1.1rem);line-height:1.7;letter-spacing:0;font-weight:600}.qp-showcase__text p{font-size:.73rem;line-height:1.8;color:#606060;margin-top:.3rem}.qp-showcase__controls{position:absolute;bottom:1rem;left:1.5rem;right:18%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.qp-showcase__views{display:flex;gap:.4rem}.qp-showcase__views button{display:grid;place-items:center;width:clamp(32px,3.6vw,62px);min-height:44px;padding:0;background:transparent;border:0;cursor:pointer}.qp-showcase__views button>span{width:100%;height:6px;background:#aaa;border-radius:4px;transition:background .18s ease,transform .18s ease}.qp-showcase__views button[aria-pressed=true]>span{background:var(--qp-red);transform:scaleY(1.35)}.qp-showcase__views button:hover>span{background:#555}.qp-showcase__views button[aria-pressed=true]:hover>span{background:var(--qp-red)}.qp-showcase__arrows{position:relative;isolation:isolate;display:flex;padding-inline:.8rem;flex-shrink:0}.qp-showcase__arrows:before{position:absolute;content:"";inset:0;z-index:-1;background:var(--color-brand-black);transform:skewX(24deg)}.qp-showcase__arrows button{display:grid;place-items:center;min-width:48px;height:48px;border:0;background:transparent;color:#fff;cursor:pointer;transition:color .18s ease}.qp-showcase__arrows button:hover{color:#ff8d91}.qp-hero__copy a:focus-visible{outline:3px solid #fff;outline-offset:5px}.qp-showcase button:focus-visible{outline:3px solid var(--qp-red);outline-offset:3px}@keyframes qp-copy-enter{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@media (min-width:1760px){.qp-hero:before{position:absolute;content:"";inset:20px 50% 20px 0;background:#f1f1f1;z-index:-1}}@media (min-width:761px) and (max-width:1100px){.qp-hero__inner{min-height:690px}.qp-hero__copy{width:46%;padding-inline:1.5rem 1rem}.qp-hero h1{font-size:clamp(1.9rem,3.5vw,2.6rem)}.qp-hero__brand{font-size:1.1rem}.qp-showcase{width:55%}.qp-showcase__top{left:1rem;right:28%;font-size:.55rem}.qp-showcase__stage{left:.5rem;right:20%}.qp-showcase__caption{left:1rem}.qp-showcase__controls{left:1rem;right:16%;gap:.7rem}.qp-showcase__views{gap:.3rem}.qp-showcase__views button{width:28px}.qp-showcase__arrows{padding-inline:.4rem}.qp-showcase__arrows button{min-width:44px}}@media (max-width:760px){.qp-hero__inner{display:flex;flex-direction:column;min-height:0}.qp-hero__copy{width:100%;padding:2.25rem 1.5rem 3.5rem}.qp-hero__brand{font-size:clamp(1.1rem,4.5vw,1.65rem);margin-bottom:1.5rem}.qp-hero h1{max-width:24ch;font-size:clamp(1.9rem,6.5vw,2.7rem)}.qp-hero h1>span{display:inline}.qp-hero__intro{max-width:36rem;margin-top:.9rem}.qp-hero__actions{margin-top:1.3rem}.qp-showcase{position:relative;inset:auto;width:100%;height:clamp(420px,85vw,600px)}.qp-showcase__backdrop{clip-path:polygon(0 0,100% 32px,100% 100%,0 100%)}.qp-showcase__top{top:3rem;left:1.5rem;right:1.5rem;font-size:.6rem}.qp-showcase__stage{top:5rem;bottom:9.2rem;left:1rem;right:1rem}.qp-showcase__caption{bottom:5.5rem;left:1.5rem;right:1.5rem}.qp-showcase__text h2{font-size:.9rem}.qp-showcase__controls{left:1.5rem;right:1.5rem;bottom:1.2rem}.qp-showcase__views button{width:clamp(28px,7vw,48px)}}@media (max-width:360px){.qp-hero__copy{padding-inline:1rem}.qp-hero__actions{column-gap:1rem}.qp-hero__actions a{font-size:.8rem}.qp-showcase__controls{left:1rem;right:1rem;gap:.5rem}.qp-showcase__arrows{padding-inline:.4rem}.qp-showcase__arrows button{min-width:44px}}@media (prefers-reduced-motion:reduce){.qp-hero *,.qp-hero :after,.qp-hero :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.qp-hero__primary:hover,.qp-showcase__image{transform:none}}