:root{color-scheme:dark;--bg:#08090b;--surface:#111317;--muted:#a8aaaf;--accent:#dfb678;--line:#27292e;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--bg);color:#f7f5f0;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.04em}h1{font-size:clamp(48px,6.2vw,88px);font-weight:750}h2{font-size:clamp(32px,4vw,54px)}h3{font-size:23px}p{color:var(--muted)}.wrap{width:min(calc(100% - 96px),var(--max));margin:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:black;padding:12px}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:#08090bf0;border-bottom:1px solid #ffffff0d;backdrop-filter:blur(16px)}.nav{min-height:88px;display:flex;align-items:center;gap:44px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:55px;height:55px;object-fit:contain}.wordmark{font-size:21px;letter-spacing:.12em;font-weight:800;line-height:1}.wordmark span{color:var(--accent);font-size:13px;margin-left:4px}.nav nav{display:flex;gap:28px;font-size:13px;color:#c9c9cc}.nav nav a:hover,.footer a:hover,.text-link:hover{color:var(--accent)}.nav>.button{margin-left:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 23px;border-radius:5px;background:var(--accent);color:#12100d;font-size:14px;font-weight:700;line-height:1.3;transition:background .2s,transform .2s}.button:hover{background:#f0c990;transform:translateY(-2px)}.button.secondary{background:#ffffff0b;border:1px solid #ffffff36;color:white}.button.secondary:hover{background:#ffffff17}.arrow{font-size:20px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--accent);margin-bottom:24px}.eyebrow:before{content:'';height:1px;width:25px;background:var(--accent)}.hero{position:relative;overflow:hidden;padding:86px 0 70px;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 40%,#46362655,transparent 55%),linear-gradient(110deg,#08090b 38%,#111116)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy>p{max-width:455px;font-size:17px;line-height:1.8;margin:26px 0 30px}.actions{display:flex;flex-wrap:wrap;gap:12px}.availability{font-size:11px!important;letter-spacing:.03em;margin-top:18px!important;color:#82858d}.poster-stage{height:470px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px}.hero-poster{width:42%;position:absolute;box-shadow:0 30px 60px #0009;border:1px solid #ffffff20;border-radius:8px;overflow:hidden;transition:transform .3s}.hero-poster img{width:100%;aspect-ratio:2/3;object-fit:cover}.hero-poster:nth-child(1){left:0;transform:rotate(-9deg) translateY(26px);z-index:1}.hero-poster:nth-child(2){left:29%;transform:translateY(-15px);z-index:3}.hero-poster:nth-child(3){right:-6%;transform:rotate(10deg) translateY(28px);z-index:2}.hero-poster:hover{transform:translateY(-25px) rotate(0);z-index:4}.stage-caption{position:absolute;bottom:-10px;left:30px;right:0;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:#bcb9b2}.stage-caption span:last-child{color:var(--accent)}.intro-strip{border-block:1px solid var(--line);padding:22px 0;background:#0d0e11}.intro-strip .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.intro-strip span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#c7c8cc}.intro-strip b{color:var(--accent);margin-right:10px;font-weight:400}.section{padding:86px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-head p{max-width:340px;font-size:14px}.section-head .eyebrow{margin-bottom:14px}.text-link{font-size:13px;border-bottom:1px solid #72757c;padding-bottom:4px;white-space:nowrap}.catalog{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.film{min-width:0}.film-art{overflow:hidden;border-radius:6px;background:var(--surface);position:relative}.film img{width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform .3s}.film:hover img{transform:scale(1.045)}.film .open-label{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#000d);padding:35px 12px 14px;font-size:11px;opacity:0;transition:opacity .2s}.film:hover .open-label,.film:focus-visible .open-label{opacity:1}.film h3{font-size:14px;line-height:1.4;letter-spacing:0;margin:14px 0 5px}.film p{font-size:11px;color:#92959d}.catalog-note{font-size:11px;margin-top:22px}.story{background:#111216;border-block:1px solid var(--line)}.story-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.story-art{position:relative;overflow:hidden;border-radius:7px}.story-art img{width:100%;aspect-ratio:16/11;object-fit:cover;object-position:left}.story-art span{position:absolute;bottom:20px;left:20px;padding:6px 12px;background:#08090be6;border:1px solid #ffffff30;border-radius:3px;font-size:10px;letter-spacing:.15em}.story-copy p{margin:24px 0;font-size:15px;line-height:1.85}.story-copy .text-link{display:inline-block;margin-top:5px}.app-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.phone-stage{height:560px;background:radial-gradient(ellipse at center,#45332050,transparent 64%);display:flex;justify-content:center;align-items:center;position:relative}.phone-stage img{height:530px;width:auto;filter:drop-shadow(0 28px 35px #0008);transform:rotate(-6deg)}.phone-stage .phone-tag{position:absolute;bottom:65px;right:30px;padding:14px 20px;border:1px solid #ffffff20;background:#17191cf0;border-radius:6px;font-size:12px}.phone-tag span{color:var(--accent)}.steps{margin:28px 0 32px;padding:0;list-style:none}.steps li{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.steps b{color:var(--accent);font-size:12px;padding-top:3px}.steps strong{display:block;margin-bottom:3px;font-weight:500}.steps p{font-size:12px}.faq-section{border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-grid>div>p{font-size:14px;margin-top:22px;max-width:300px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:23px 28px 23px 0;list-style:none;font-size:16px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;color:var(--accent);font-size:22px;top:16px}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 24px 24px 0;font-size:14px;line-height:1.85}.faq p a{text-decoration:underline;text-underline-offset:4px}.contact{padding:64px 0;background:#181612;border-block:1px solid #ffffff15}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact h2{font-size:36px}.contact p{font-size:14px;margin-top:14px;max-width:550px}.footer{padding:58px 0 26px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:40px}.footer .brand{margin-bottom:18px}.footer p{font-size:12px;max-width:265px}.footer h3{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:13px 0 20px;color:#d8d9dd}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:12px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:24px;color:#858892;font-size:10px;letter-spacing:.04em}.anchor{scroll-margin-top:110px}@media(min-width:1600px){.hero{padding-block:110px}.poster-stage{height:510px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero-grid{gap:25px}.poster-stage{height:380px}.nav{gap:26px}.nav nav{gap:18px}.catalog{grid-template-columns:repeat(3,1fr);gap:26px 18px}.story-grid,.app-grid{gap:40px}.faq-grid{gap:40px}.footer-grid{gap:20px}.wordmark{font-size:18px}.hero{padding-top:65px}.hero h1{font-size:62px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav{min-height:76px;gap:14px;flex-wrap:wrap;padding-block:10px}.brand img{width:42px;height:42px}.wordmark{font-size:17px}.nav nav{order:3;width:100%;justify-content:space-between;font-size:11px;padding:6px 0}.nav>.button{min-height:38px;padding:10px 13px;font-size:11px}.hero{padding:45px 0 42px}.hero-grid,.story-grid,.app-grid,.faq-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(46px,12vw,65px)}.hero-copy>p{font-size:15px}.hero-grid{gap:20px}.poster-stage{height:370px;max-width:420px;width:88%;margin:auto}.stage-caption{bottom:-5px;left:0;font-size:8px}.hero-poster:nth-child(3){right:-3%}.intro-strip .wrap{gap:15px;justify-content:center}.intro-strip span{font-size:9px}.intro-strip span:last-child{display:none}.section{padding:55px 0}.section-head{display:block}.section-head p{margin-top:18px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.film h3{font-size:13px}.story-art{order:2}.story-copy h2{max-width:330px}.app-grid{gap:10px}.phone-stage{height:450px;order:2}.phone-stage img{height:435px}.phone-stage .phone-tag{right:0;bottom:45px}.faq-grid{gap:22px}.faq-grid>div>p{max-width:100%}.contact-row{align-items:start;flex-direction:column}.contact h2{font-size:32px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.eyebrow{font-size:10px}.button{padding:13px 18px}.hero-copy .actions .button{flex:1;font-size:12px}.hero-copy .actions{gap:8px}.footer{padding-top:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;transform:none!important}}

@media(min-width:701px) and (max-width:900px){.hero-grid{grid-template-columns:1fr 1fr;gap:22px}.hero h1{font-size:clamp(43px,6.6vw,58px)}.hero-copy>p{font-size:14px}.hero-copy .button{font-size:12px;padding:13px 16px}.hero .availability{font-size:10px!important}.poster-stage{height:340px}.stage-caption{font-size:8px;left:0;bottom:0}}
