@font-face{font-family:Geom;font-style:normal;font-weight:400;font-display:swap;src:url('assets/geom-400.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('assets/inter-400.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('assets/inter-500.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('assets/inter-600.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('assets/inter-700.ttf') format('truetype')}
/* October 7 system: Colors, Typography, Components and desktop-main. */
.design-oct7{--accent:#279755;--paper:#f2f2f2;--ink:#121212;--body-size:clamp(15px,1.146vw,22px);--heading-size:clamp(32px,3.542vw,68px);background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif}
.layout-approved.design-oct7 h2,.layout-approved.design-oct7 h3{font-family:Inter,Arial,sans-serif;letter-spacing:0}
.design-oct7 p{line-height:1.2;letter-spacing:-.02em}
.layout-approved.design-oct7 .section{padding:clamp(72px,8.33vw,160px) 3.125vw}
.layout-approved.design-oct7 .eyebrow{font:400 clamp(14px,1.146vw,22px)/1.2 Inter,Arial,sans-serif;color:inherit;letter-spacing:0}
.layout-approved.design-oct7 .header{left:3.125%;right:3.125%;top:clamp(16px,2.1vw,40px);padding:8px 10px 8px 20px;gap:24px;border-radius:8px;background:#313131cc;min-height:60px}
.layout-approved.design-oct7 .brand{font:400 clamp(24px,1.67vw,32px)/1 Geom,Arial,sans-serif;letter-spacing:-.06em;white-space:nowrap}
.layout-approved.design-oct7 .header nav{margin:auto;gap:clamp(16px,1.875vw,36px)}
.layout-approved.design-oct7 .header nav a,.layout-approved.design-oct7 .nav-cta{font:400 clamp(12px,.938vw,18px)/1.1 Inter,Arial,sans-serif;color:var(--paper)}
.layout-approved.design-oct7 .nav-cta{background:var(--ink);padding:14px 34px;border-radius:6px}

.layout-approved.design-oct7 .button{background:var(--accent);border-radius:8px;min-height:48px;padding:16px 30px;font:500 clamp(14px,1.042vw,20px)/1.1 Inter,Arial,sans-serif;letter-spacing:-.02em;color:var(--paper)}

.design-oct7 :is(button,a):focus-visible{outline-color:#f2f2f2}
.layout-approved.design-oct7 .hero h1{font:400 clamp(100px,10vw,192px)/1 Geom,Arial,sans-serif;letter-spacing:-.06em}
.layout-approved.design-oct7 .hero .hero-copy{top:47%;z-index:6}
.layout-approved.design-oct7 .hero .hero-bottom{top:57%;z-index:6}
.layout-approved.design-oct7 .hero-bottom .button{width:34%}
.layout-approved.design-oct7 .hero>.hero-descriptor{bottom:6%;font:500 clamp(16px,1.25vw,24px)/1.1 Inter,Arial,sans-serif;z-index:6}
.hero-drag-hint{position:absolute;top:46%;left:70.5%;padding:13px 18px;border-radius:30px;background:#313131a6;backdrop-filter:blur(10px);font:400 12px/1.2 Inter;opacity:var(--hero-ui,1);pointer-events:none;z-index:6}
.design-oct7 .hero-shade{background:linear-gradient(#0004,#0002 45%,#0008)}
.layout-approved.design-oct7 .section-heading,.layout-approved.design-oct7 .function-heading{grid-template-columns:1fr 2.06fr;gap:20px;margin-bottom:60px}
.layout-approved.design-oct7 :is(.section-heading h2,.function-heading h2,#benefits-title,.upcoming h2){font:600 var(--heading-size)/1 Inter,Arial,sans-serif;letter-spacing:0}
.layout-approved.design-oct7 .application-grid{gap:20px}
.layout-approved.design-oct7 .application-card,.layout-approved.design-oct7 .application-card>div:not(.industry-word){min-height:0;height:100%;aspect-ratio:586/724}
.layout-approved.design-oct7 .application-card>div:not(.industry-word){padding:40px;justify-content:flex-end}
.layout-approved.design-oct7 .application-card h3{font:700 clamp(24px,1.875vw,36px)/1.1 Inter;margin-bottom:20px}
.layout-approved.design-oct7 .application-card p{font:400 var(--body-size)/1.2 Inter;letter-spacing:-.02em;color:var(--paper);max-width:none}
.layout-approved.design-oct7 .application-card:after{background:linear-gradient(0deg,#121212 0%,#121212d0 22%,transparent 68%)}
.layout-approved.design-oct7 .scene-copy{left:3.125vw;bottom:6%;width:30.6vw;max-width:620px;padding:40px 70px 40px 40px;background:var(--ink);border-radius:8px}
.layout-approved.design-oct7 .scene-copy h2{font:700 clamp(24px,1.875vw,36px)/1.1 Inter;letter-spacing:0;margin-bottom:20px}
.layout-approved.design-oct7 .scene-copy p{font:400 var(--body-size)/1.2 Inter;color:var(--paper);max-width:none}
.layout-approved.design-oct7 .scene-card-caption{font:400 clamp(13px,1.042vw,20px)/1.2 Inter;color:#777;margin-top:clamp(30px,3.1vw,60px)}
.layout-approved.design-oct7 .scene-bottom{left:3.125vw;bottom:6%}
.layout-approved.design-oct7 #immersion .flight-stops{left:calc(30.6vw - 45px);bottom:150px}
.layout-approved.design-oct7 :is(.flight-stops button,.explore-dots button,.function-dots button){width:20px;height:8px;border-radius:5px;background:#282828}
.layout-approved.design-oct7 :is(.flight-stops button,.explore-dots button,.function-dots button)[aria-current]{height:22px;background:var(--accent)}
.layout-approved.design-oct7 .scene-progress{display:none}
.layout-approved.design-oct7 .benefits-showcase{background:var(--accent)}
.layout-approved.design-oct7 .benefits-grid{max-width:none;grid-template-columns:1fr 2.13fr;gap:60px 20px}
.layout-approved.design-oct7 .benefits-panel{padding:0;gap:20px;background:none;justify-content:initial;font:400 var(--body-size)/1.2 Inter;color:var(--ink)}
.platform-description,.layout-approved.design-oct7 .benefits-metrics{padding:40px;border-radius:8px;background:var(--paper)}
.platform-description p+p{margin-top:16px}
.layout-approved.design-oct7 .benefits-metrics{gap:28px;font:500 clamp(16px,1.25vw,24px)/1.1 Inter}
.layout-approved.design-oct7 .benefits-metrics small{font:400 clamp(13px,1.042vw,20px)/1.2 Inter;color:#777;margin-top:12px}
.layout-approved.design-oct7 .benefits-screen{align-self:stretch;border-radius:8px}
.layout-approved.design-oct7 .benefits-background{height:100%;object-fit:cover}
.platform-access{padding:clamp(64px,6.25vw,120px) 3.125vw 0;background:var(--paper);color:var(--ink);overflow:hidden}
.layout-approved.design-oct7 .platform-access h2{font:600 var(--heading-size)/1 Inter;text-align:center}
.access-scene{position:relative;height:clamp(560px,46vw,885px);max-width:1600px;margin:clamp(55px,6.25vw,120px) auto 0}
.access-scene>img{height:100%;width:auto;max-width:75%;object-fit:contain;object-position:center bottom;margin:auto}
.access-card{position:absolute;width:34%;max-width:590px;border-radius:6px;background:#9e9e9e30;backdrop-filter:blur(22px);padding:40px}
.layout-approved.design-oct7 .access-card h3{font:700 clamp(23px,1.875vw,36px)/1.1 Inter;margin-bottom:20px}
.access-card p{font:400 var(--body-size)/1.2 Inter}
.access-browser{top:5%;right:5%}.access-mobile{top:33%;left:6%}.access-optimization{top:64%;right:14%}
.layout-approved.design-oct7 .features{background:var(--ink)}
.layout-approved.design-oct7 .function-list{width:68.7%;max-width:none;gap:20px}
.layout-approved.design-oct7 .function-trigger{padding:40px;aspect-ratio:1234/692;border-radius:8px}
.layout-approved.design-oct7 .function-name{font:700 clamp(24px,1.875vw,36px)/1.1 Inter;color:var(--paper);max-width:75%;margin-bottom:6px}
.layout-approved.design-oct7 .function-description{font:400 var(--body-size)/1.2 Inter;max-width:470px;letter-spacing:-.02em}
.layout-approved.design-oct7 .function-row{opacity:.5}.layout-approved.design-oct7 .function-row:is(:hover,:focus-within,.is-active,:first-child){opacity:1}
.layout-approved.design-oct7 .function-dots{margin-right:11%;gap:6px}
.layout-approved.design-oct7 .layout-demo{margin-top:70px;width:36%}
.layout-approved.design-oct7 .tech-cube-pin{background:var(--ink)}
.layout-approved.design-oct7 .tech-panel{background:#9e9e9e30;backdrop-filter:blur(22px);padding:40px;border-radius:8px}
.layout-approved.design-oct7 .tech-panel h3{font:700 clamp(24px,1.875vw,36px)/1.1 Inter;margin-bottom:20px}
.layout-approved.design-oct7 .tech-panel p{font:400 var(--body-size)/1.2 Inter;letter-spacing:-.02em}
.layout-approved.design-oct7 .tech-panels{left:3.125%;top:32%;width:30%;max-width:620px}
.layout-approved.design-oct7 .technology-object{left:18%;top:5%;width:80%;height:100%;mix-blend-mode:screen}
.layout-approved.design-oct7 .tech-cube-bottom button[aria-current]{background:var(--accent);border-color:var(--accent)}
.layout-approved.design-oct7 .tech-cube-progress i{background:var(--accent)}
.layout-approved.design-oct7 .tour{padding:36px 3.125vw;min-height:0;height:56.25vw;max-height:1100px;background:#292521}
.layout-approved.design-oct7 .tour-image{inset:0;border-radius:0}
.layout-approved.design-oct7 .tour-image:after{inset:3.2%;background:#31313166;border-radius:8px}
.layout-approved.design-oct7 .tour-copy{width:36%;position:relative;z-index:1}
.layout-approved.design-oct7 .upcoming{padding-bottom:0;position:relative;background:var(--ink)}
.app-eyebrow{position:absolute;left:3.125vw;top:clamp(72px,8.33vw,160px)}
.layout-approved.design-oct7 .app-layout-copy{margin-left:32.7%;width:67.3%}
.layout-approved.design-oct7 .app-layout-copy p{font:400 var(--body-size)/1.2 Inter;margin-top:40px;max-width:780px}
.layout-approved.design-oct7 .app-layout-phone{width:62%;margin:32px auto 0;max-height:750px;aspect-ratio:1.8;object-fit:cover;object-position:center 40%}
.layout-approved.design-oct7 .contact{display:grid;grid-template-columns:1fr 2fr;gap:60px;background:var(--accent);padding-top:100px;padding-bottom:100px}
.layout-approved.design-oct7 .contact-layout{margin:0;width:auto}
.layout-approved.design-oct7 .contact h2{font:600 var(--heading-size)/1 Inter;letter-spacing:0;margin-bottom:65px}
.layout-approved.design-oct7 .contact dt{font:400 clamp(16px,1.25vw,24px)/1.1 Inter;margin-bottom:18px}
.layout-approved.design-oct7 .contact dd{font:700 clamp(25px,1.875vw,36px)/1.1 Inter;margin:0 0 40px}
.contact-brands{display:grid;gap:20px;width:60%;margin-top:100px}
.contact-brand,.contact-brands img{display:flex;align-items:center;justify-content:center;width:100%;height:125px;border-radius:8px;background:#f2f2f230;padding:30px}
.contact-brand{font:400 48px/1 Geom;letter-spacing:-.06em}.contact-brands img{object-fit:contain}
@media(max-width:1300px){.layout-approved.design-oct7 .header{gap:14px;padding-left:16px}.layout-approved.design-oct7 .header nav{gap:18px}.layout-approved.design-oct7 .nav-cta{padding:13px 22px}.layout-approved.design-oct7 .application-card>div:not(.industry-word){padding:26px}.layout-approved.design-oct7 .scene-copy{padding:28px 50px 28px 28px;width:36vw}.layout-approved.design-oct7 #immersion .flight-stops{left:calc(36vw - 32px);bottom:130px}.platform-description,.layout-approved.design-oct7 .benefits-metrics{padding:26px}.access-card{padding:40px}.layout-approved.design-oct7 .tech-panels{width:36%}.layout-approved.design-oct7 .tech-panel{padding:28px}.layout-approved.design-oct7 .function-trigger{padding:28px}.contact-brand,.contact-brands img{height:90px;padding:20px}}
@media(max-width:1050px){.layout-approved.design-oct7 .header nav{display:none}.layout-approved.design-oct7 .menu-toggle{display:block;margin-left:4px}.layout-approved.design-oct7 .nav-cta{margin-left:auto}.layout-approved.design-oct7 .header.menu-open nav{display:flex;position:absolute;top:72px;left:0;right:0;padding:25px;flex-direction:column;gap:24px;background:#282828;border-radius:8px}.layout-approved.design-oct7 .header nav a{font-size:16px}.layout-approved.design-oct7 .application-card h3{font-size:23px}.layout-approved.design-oct7 .application-card,.layout-approved.design-oct7 .application-card>div:not(.industry-word){aspect-ratio:auto;min-height:520px}.layout-approved.design-oct7 .application-card>div:not(.industry-word){padding:22px}.hero-drag-hint{left:auto;right:4%;top:72%}.access-card{width:37%;padding:40px}.access-browser{right:0}.access-mobile{left:0}.access-optimization{right:5%}}
@media(max-width:700px){.layout-approved.design-oct7 .section{padding:64px 5vw}.layout-approved.design-oct7 .header{left:4%;right:4%;top:12px;min-height:54px}.layout-approved.design-oct7 .brand{font-size:24px}.layout-approved.design-oct7 .nav-cta{font-size:12px;padding:12px 14px}.layout-approved.design-oct7 .hero h1{font-size:110px}.layout-approved.design-oct7 .hero .hero-copy{top:42%}.layout-approved.design-oct7 .hero .hero-bottom{top:53%}.layout-approved.design-oct7 .hero-bottom .button{width:80%}.hero-drag-hint{top:auto;bottom:20%;right:auto;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px}.layout-approved.design-oct7 .hero>.hero-descriptor{bottom:8%;font-size:16px}.layout-approved.design-oct7 .section-heading,.layout-approved.design-oct7 .function-heading{grid-template-columns:1fr;gap:24px;margin-bottom:34px}.layout-approved.design-oct7 .application-grid{gap:18px}.layout-approved.design-oct7 .application-card,.layout-approved.design-oct7 .application-card>div:not(.industry-word){min-height:510px;aspect-ratio:auto}.layout-approved.design-oct7 .application-card h3{font-size:28px}.layout-approved.design-oct7 .application-card p{font-size:16px}.layout-approved.design-oct7 .application-card>div:not(.industry-word){padding:28px}.layout-approved.design-oct7 .scene-copy{left:5vw;bottom:7%;width:90vw;padding:24px 44px 24px 24px}.layout-approved.design-oct7 .scene-copy h2{font-size:25px}.layout-approved.design-oct7 .scene-copy p{font-size:15px}.layout-approved.design-oct7 .scene-card-caption{margin-top:30px;font-size:12px}.layout-approved.design-oct7 .scene-bottom{left:5vw;bottom:7%}.layout-approved.design-oct7 #immersion .flight-stops{left:calc(90vw - 30px);bottom:110px}.layout-approved.design-oct7 :is(.flight-stops button,.explore-dots button){width:12px}.layout-approved.design-oct7 .benefits-grid{grid-template-columns:1fr;gap:26px}.layout-approved.design-oct7 .benefits-screen{grid-row:3;min-height:230px}.layout-approved.design-oct7 .benefits-background{object-fit:contain}.layout-approved.design-oct7 .benefits-panel{grid-row:4}.platform-description,.layout-approved.design-oct7 .benefits-metrics{padding:26px}.platform-access{padding:60px 5vw 0}.layout-approved.design-oct7 .platform-access h2{font-size:32px;text-align:left}.access-scene{height:auto;margin-top:35px;display:grid;gap:14px;padding-bottom:36px}.access-scene>img{height:340px;max-width:100%;order:0}.access-card{position:relative;inset:auto;width:100%;max-width:none;padding:40px;order:1}.layout-approved.design-oct7 .access-card h3{font-size:24px;margin-bottom:12px}.layout-approved.design-oct7 .function-list{width:100%;gap:18px}.layout-approved.design-oct7 .function-trigger{padding:24px;aspect-ratio:1.05}.layout-approved.design-oct7 .function-name{font-size:25px;max-width:100%}.layout-approved.design-oct7 .function-description{font-size:15px}.layout-approved.design-oct7 .layout-demo{width:100%;margin-top:30px}.layout-approved.design-oct7 .tech-panels{left:5%;top:auto;bottom:90px;width:90%;height:340px}.layout-approved.design-oct7 .tech-panel{padding:24px}.layout-approved.design-oct7 .tech-panel h3{font-size:25px}.layout-approved.design-oct7 .tech-panel p{font-size:15px}.layout-approved.design-oct7 .technology-object{left:0;top:3%;width:100%;height:50%}.layout-approved.design-oct7 .tour{height:620px;max-height:90svh;padding:24px 5vw}.layout-approved.design-oct7 .tour-copy{width:90%}.layout-approved.design-oct7 .upcoming{padding-bottom:0}.app-eyebrow{position:static;display:block;margin-bottom:25px}.layout-approved.design-oct7 .app-layout-copy{margin:0;width:100%}.layout-approved.design-oct7 .app-layout-copy p{font-size:16px;margin-top:25px}.layout-approved.design-oct7 .app-layout-phone{width:100%;aspect-ratio:1;margin:26px auto 0;object-position:center}.layout-approved.design-oct7 .contact{grid-template-columns:1fr;gap:30px}.contact-aside{display:contents}.contact-aside>.eyebrow{grid-row:1}.contact-brands{grid-row:3;display:flex;margin-top:0;width:100%;gap:16px}.contact-brands>*{width:150px}.layout-approved.design-oct7 .contact-layout{grid-row:2}.layout-approved.design-oct7 .contact h2{font-size:32px;margin-bottom:38px}.layout-approved.design-oct7 .contact h2 br{display:none}.layout-approved.design-oct7 .contact dd{font-size:24px;overflow-wrap:anywhere}.contact-brand{font-size:36px}}
@media(prefers-reduced-motion:reduce){.hero-drag-hint{display:none}.layout-approved.design-oct7 .tech-panels{position:relative;inset:auto;width:100%;height:auto}.layout-approved.design-oct7 .function-row{opacity:1}}
.layout-approved.design-oct7 .app-layout-copy p{max-width:clamp(480px,40.625vw,780px)}
.layout-approved.design-oct7 .app-layout-phone{object-position:center 20%}
.layout-approved.design-oct7 .hero .model-controls{bottom:16px;opacity:calc(var(--hero-ui,1)*.75)}
@media(max-width:700px){.layout-approved.design-oct7 .app-layout-copy p{max-width:100%}.layout-approved.design-oct7 .app-layout-phone{object-position:center}.layout-approved.design-oct7 .hero .model-controls{bottom:12px;font-size:10px;gap:8px}.layout-approved.design-oct7 .hero .model-controls>span{display:none}}
.layout-approved.design-oct7 .app-layout-phone{width:clamp(260px,22vw,420px);height:clamp(420px,34vw,660px);max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center top;margin-top:64px}
@media(max-width:700px){.layout-approved.design-oct7 .app-layout-phone{width:260px;height:430px;margin-top:35px}}
.contact-brand{font-family:Geom,Inter,Arial,sans-serif}

/* Long menu jumps skip the sticky story's intermediate animation and blur. */
.tech-panel[aria-hidden="true"]{visibility:hidden;pointer-events:none}
html.anchor-navigating .layout-approved.design-oct7 .tech-panel{backdrop-filter:none;transition:none}
html.anchor-navigating .technology-object{will-change:auto}

/* Shorter chapter travel; keep the existing gentle transition. */
@media(prefers-reduced-motion:no-preference){.layout-approved.design-oct7 .tech-cube-story{height:460svh}}
@media(max-width:850px) and (prefers-reduced-motion:no-preference){.layout-approved.design-oct7 .tech-cube-story{height:520svh}}

/* Match the same handoff state that disables model interaction. */
.hero:not(.model-ready) .hero-drag-hint,.hero.is-handoff .hero-drag-hint{visibility:hidden;opacity:0}

/* Keep the complete three-phone composition visible at every viewport size. */
.layout-approved.design-oct7 .app-phones-video{display:block;width:min(680px,75vw);height:auto;max-height:none;aspect-ratio:1;object-fit:contain;object-position:center;margin:32px auto 0;background:#121212}
@media(max-width:700px){.layout-approved.design-oct7 .app-phones-video{width:100%;height:auto;margin-top:24px}}

/* Merge the near-black video background with the section, including its poster. */
.layout-approved.design-oct7 .upcoming{isolation:isolate}
.layout-approved.design-oct7 .app-phones-video{mix-blend-mode:lighten}

/* Hero uses direct model interaction without a bottom control strip. */
.layout-approved.design-oct7 .hero .model-controls{display:none}

/* Figma Components: stable geometry, colour-only default / hover / pressed. */
.layout-approved.design-oct7 :is(.button,.nav-cta,.header nav a){transition:background-color 160ms ease,color 160ms ease;transform:none}
@media(hover:hover){
 .layout-approved.design-oct7 .button:hover{background:#29a95e;color:#f1f1f1;transform:none}
 .layout-approved.design-oct7 .nav-cta:hover{background:#1b1b1b;color:#f1f1f1}
 .layout-approved.design-oct7 .header nav a:hover{color:#f1f1f1}
}
.layout-approved.design-oct7 .button:active{background:#269453;color:#fff;transform:none;transition-duration:60ms}
.layout-approved.design-oct7 .nav-cta:active{background:#0d0d0d;color:#fff;transition-duration:60ms}
.layout-approved.design-oct7 .header nav a:active{color:#fff;transition-duration:60ms}
@media(prefers-reduced-motion:reduce){.layout-approved.design-oct7 :is(.button,.nav-cta,.header nav a){transition:none}}

/* Header links gain the rounded dark backing shown in Figma Components. */
.layout-approved.design-oct7 .header nav a{position:relative;isolation:isolate;user-select:none}
.layout-approved.design-oct7 .header nav a::before{content:'';position:absolute;inset:-8px -10px;border-radius:6px;background:transparent;z-index:-1;pointer-events:none;transition:background-color 160ms ease}
@media(hover:hover){.layout-approved.design-oct7 .header nav a:hover::before{background:#121212}}
.layout-approved.design-oct7 .header nav a:focus-visible::before{background:#121212}
.layout-approved.design-oct7 .header nav a:active::before{background:#0d0d0d;transition-duration:60ms}
@media(prefers-reduced-motion:reduce){.layout-approved.design-oct7 .header nav a::before{transition:none}}

/* Figma scroll cue and contact links. */
.hero-scroll-cue{position:absolute;left:67%;top:78%;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:30px;background:#313131a6;backdrop-filter:blur(10px);font:400 12px/1.2 Inter;opacity:var(--hero-ui,1);pointer-events:none;z-index:6;white-space:nowrap}
.hero-scroll-cue svg{flex:none}
.layout-approved.design-oct7 .contact dd a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:700px){.hero-scroll-cue{left:50%;top:auto;bottom:14%;transform:translateX(-50%);font-size:11px;padding:8px 12px}}

/* Review 08 Oct: component geometry is independent of text length. */
@media(min-width:1051px){
 .layout-approved.design-oct7 .header{min-height:0;padding:8px 10px 8px 20px}
 .layout-approved.design-oct7 .header nav{position:absolute;left:50%;transform:translateX(-50%);margin:0;gap:clamp(16px,1.8vw,36px);white-space:nowrap}
 .layout-approved.design-oct7 .nav-cta{margin-left:auto}
}
.hero .hero-drag-hint,.hero .hero-scroll-cue{position:absolute;inset:auto;opacity:0;visibility:hidden;transform:none;transition:opacity .22s ease,visibility .22s;white-space:nowrap;z-index:9}
.hero .cue-visible{opacity:1;visibility:visible}
.hero.is-handoff .hero-drag-hint,.hero.is-handoff .hero-scroll-cue{opacity:0;visibility:hidden}
@media(hover:none){.hero .hero-drag-hint,.hero .hero-scroll-cue{display:none}}
.layout-approved.design-oct7 .scene-copy{height:clamp(340px,21.875vw,420px);padding:40px 76px 40px 40px;display:flex;flex-direction:column;justify-content:flex-start}
.layout-approved.design-oct7 .scene-copy p{white-space:pre-line}
.layout-approved.design-oct7 .scene-card-caption{margin-top:auto;padding-top:20px}
.layout-approved.design-oct7 #immersion .scene-copy .flight-stops,.layout-approved.design-oct7 .scene-copy .explore-dots{position:absolute;left:auto;right:32px;top:50%;bottom:auto;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;margin:0;padding:0}
.layout-approved.design-oct7 #immersion .scene-shade{background:transparent}
.hero .hero-bridge-shade{background:#0d0d0d}
.layout-approved.design-oct7 .benefits-screen{position:relative;min-height:0;align-self:stretch;aspect-ratio:auto}
.layout-approved.design-oct7 .benefits-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f2f2f2}
.layout-approved.design-oct7 .benefits-panel{align-self:start}
.access-media{position:absolute;inset:0;overflow:hidden}
.access-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.access-loop{opacity:0}.access-looping .access-loop{opacity:1}.access-looping .access-intro{opacity:0}
.layout-approved.design-oct7 .function-list{margin:0 auto;width:68.7%}
.layout-approved.design-oct7 .function-row,.layout-approved.design-oct7 .function-row:is(:hover,:focus-within,:first-child){opacity:.5;transform:scale(.94);transform-origin:center;transition:transform .4s ease,opacity .3s ease}
.layout-approved.design-oct7 .function-row.is-active{opacity:1;transform:scale(1)}
.layout-approved.design-oct7 .function-dots{float:none;position:sticky;top:45vh;left:86%;width:20px;height:0;margin:0;overflow:visible}
.function-footnote,.function-play,.function-status{display:none!important}
.layout-approved.design-oct7 .tech-cube-bottom,.layout-approved.design-oct7 .tech-cube-progress{display:none}
.layout-approved.design-oct7 .tech-panel{transition:none;will-change:transform,opacity}
.layout-approved.design-oct7 .tech-panels{top:30%;bottom:auto;height:auto}
.layout-approved.design-oct7 .upcoming{overflow:hidden}
.layout-approved.design-oct7 .app-phones-video{width:min(1120px,75vw);height:clamp(340px,31.5vw,605px);aspect-ratio:auto;object-fit:cover;object-position:center top;margin:45px auto 0}
@media(max-width:1050px){.layout-approved.design-oct7 .scene-copy{width:46vw}}
@media(max-width:700px){
 .layout-approved.design-oct7 .scene-copy{width:90vw;height:330px;padding:28px 54px 28px 28px}
 .layout-approved.design-oct7 #immersion .scene-copy .flight-stops,.layout-approved.design-oct7 .scene-copy .explore-dots{right:24px}
 .layout-approved.design-oct7 .benefits-screen{height:auto;aspect-ratio:16/9;min-height:0}
 .access-media{position:relative;height:350px;order:0}
 .layout-approved.design-oct7 .function-list{width:100%}
 .layout-approved.design-oct7 .function-dots{display:none}
 .layout-approved.design-oct7 .tech-panels{top:auto;bottom:55px;height:340px}
 .layout-approved.design-oct7 .app-phones-video{width:100%;height:65vw;margin-top:24px}
}
@media(prefers-reduced-motion:reduce){.layout-approved.design-oct7 .function-row{transform:none;opacity:1;transition:none}.layout-approved.design-oct7 .tech-panels{top:auto;bottom:auto}}
.layout-approved.design-oct7 .brand img{width:clamp(48px,3.75vw,72px);height:auto}
.layout-approved.design-oct7 .hero h1 img{width:clamp(240px,24.44vw,469px);height:auto;max-width:none}
.contact-brand img{width:100%;height:auto;padding:0;background:none;border-radius:0}
.layout-approved.design-oct7 .hero h1 img{margin:0 auto}
@media(min-width:1051px){.layout-approved.design-oct7 .header{padding:6px 8px 6px 20px}.layout-approved.design-oct7 .nav-cta{padding:9px 26px}}
.access-media video{mix-blend-mode:normal;filter:brightness(.995885);height:calc(100% + 2px);object-position:center bottom}
.layout-approved.design-oct7 #immersion .scene-copy{height:clamp(320px,18.385vw,353px)}
.layout-approved.design-oct7 #explore .scene-copy{height:280px}
@media(min-width:1700px){.layout-approved.design-oct7 #explore .scene-copy{height:273px}}
@media(max-width:700px){.layout-approved.design-oct7 #immersion .scene-copy{height:330px}.layout-approved.design-oct7 #explore .scene-copy{height:280px}}
.layout-approved.design-oct7 .app-phones-video{object-position:center top;margin-top:clamp(-110px,-7vw,-50px);height:calc(clamp(340px,31.5vw,605px) + clamp(95px,10.5vw,155px))}
@media(max-width:700px){.layout-approved.design-oct7 .app-phones-video{margin-top:-12px;height:calc(65vw + 36px)}}

/* Larger pointer hints; the two interaction zones remain mutually exclusive. */
.hero .hero-drag-hint,.hero .hero-scroll-cue{font-size:14px;line-height:1.3;padding:14px 18px}

/* Replace the native pointer only while a hero hint is visible. */
@media(hover:hover) and (pointer:fine){.hero.has-cursor-cue,.hero.has-cursor-cue #stage canvas{cursor:none}.hero.has-cursor-cue a,.hero.has-cursor-cue button{cursor:pointer}}

/* Equal logo tiles; backgrounds belong only to the wrappers, never the images. */
.design-oct7 .contact-brands{width:min(100%,280px);gap:16px}
.design-oct7 .contact-brands>.contact-brand{display:flex;align-items:center;justify-content:center;width:100%;height:112px;padding:24px 32px;border-radius:8px;background:#f2f2f230;min-width:0}
.design-oct7 .contact-brands>.contact-brand>img{display:block;width:100%;max-width:170px;height:auto;max-height:48px;padding:0;margin:0;border-radius:0;background:transparent;object-fit:contain;flex:none}
@media(max-width:1300px){.design-oct7 .contact-brands>.contact-brand{height:90px;padding:20px 24px}.design-oct7 .contact-brands>.contact-brand>img{max-width:140px;max-height:40px}}
@media(max-width:700px){.design-oct7 .contact-brands{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.design-oct7 .contact-brands>.contact-brand{height:90px;padding:20px}}

/* Technology: native video framing, driven by the six editorial time ranges. */
.layout-approved.design-oct7 .technology-object{inset:0;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;transform:none;pointer-events:none}
.layout-approved.design-oct7 .tech-cube-pin{background:#111}
@media(max-width:700px){.layout-approved.design-oct7 .technology-object{height:58%;top:4%;object-fit:contain}}

/* Review iteration 02: preserve video framing and use the media as the layout reference. */
.layout-approved.design-oct7 #explore .scene-shade{display:none}
.layout-approved.design-oct7 #explore .scene-play{display:none}
.layout-approved.design-oct7 .benefits-screen{aspect-ratio:16/9;align-self:start;background:#efefef}
.layout-approved.design-oct7 .benefits-screen video{position:static;height:auto;aspect-ratio:16/9;object-fit:contain;background:#efefef}
.layout-approved.design-oct7 .benefits-panel{align-self:stretch;min-height:0;gap:16px}
.platform-description{flex:1;display:flex;flex-direction:column;justify-content:flex-start}
@media(min-width:701px){.layout-approved.design-oct7 .benefits-panel{font-size:clamp(12px,1.04vw,20px)}.platform-description,.layout-approved.design-oct7 .benefits-metrics{padding:clamp(16px,1.6vw,30px)}.layout-approved.design-oct7 .benefits-metrics{gap:clamp(10px,1vw,20px);font-size:clamp(14px,1.04vw,20px)}.layout-approved.design-oct7 .benefits-metrics small{font-size:clamp(11px,.83vw,16px);margin-top:6px}}
.platform-access{background:#f1f1f1}
.access-scene{max-width:none}
.access-media{overflow:visible}
.access-media video{object-fit:cover;filter:brightness(.99177);height:calc(100% + 2px);mix-blend-mode:normal}
@media(min-width:701px){.access-media{left:-3.125vw;right:-3.125vw}.access-scene{height:clamp(560px,56.25vw,1080px);margin-top:0}}
.access-reveal{opacity:0;transform:translateY(35px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.access-revealed{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.access-reveal{opacity:1;transform:none;transition:none}}
@media(min-width:701px){.contact-aside{display:flex;flex-direction:column;align-self:stretch}.design-oct7 .contact-brands{margin-top:auto;padding-top:40px}}

.hero .hero-drag-hint,.hero .hero-scroll-cue{display:flex;align-items:center;gap:8px}
.hero .hero-drag-hint svg,.hero .hero-scroll-cue svg{flex:0 0 26px;width:26px;height:26px}
.design-oct7 .contact-brands>.contact-brand>img[alt="БЛИК"]{max-width:128px;max-height:40px}
.design-oct7 .contact-brands>.contact-brand>img[alt="expasoft"]{max-width:216px;max-height:none}
@media(hover:none){.hero .hero-drag-hint,.hero .hero-scroll-cue{display:none}}
.layout-approved.design-oct7 .contact dd:last-child{margin-bottom:0}

/* Let the desktop stage grow to the native 16:9 video height. */
@media(min-width:701px) and (prefers-reduced-motion:no-preference){
 .layout-approved.design-oct7 .tech-cube-pin{height:max(100svh,56.25vw)}
 .layout-approved.design-oct7 .tech-cube-story{height:calc(360svh + max(100svh,56.25vw))}
}
@media(min-width:701px) and (max-width:850px) and (prefers-reduced-motion:no-preference){
 .layout-approved.design-oct7 .tech-cube-story{height:calc(420svh + max(100svh,56.25vw))}
}

/* One pinned visual handoff: the room resolves into the table in place. */
.tech-entry-bridge{position:absolute;inset:0;width:100%;height:100svh;object-fit:cover;object-position:center;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
 .layout-approved.design-oct7 #technology{margin-top:-100svh;background:transparent;z-index:2}
 .layout-approved.design-oct7 .tech-cube-pin{visibility:hidden}
 .layout-approved.design-oct7 .technology-object{object-fit:cover;opacity:0}
 .layout-approved.design-oct7 #explore .scene-copy{opacity:var(--table-copy-opacity,1)}
}
@media(prefers-reduced-motion:reduce){.tech-entry-bridge{display:none}}

#technology{scroll-margin-top:0}

/* Reviewed header component: 60px frame and real 44px menu hit areas. */
@media(min-width:1051px){
 .layout-approved.design-oct7 .header{height:60px;min-height:60px;padding:8px 8px 8px 28px;background:#9e9e9e30;backdrop-filter:blur(54.3px);gap:16px}
 .layout-approved.design-oct7 .header nav{position:static;transform:none;margin:auto;gap:0}
 .layout-approved.design-oct7 .header nav a{display:flex;align-items:center;justify-content:center;height:44px;padding:8px clamp(10px,1.25vw,24px) 6px;border-radius:8px;font-weight:400;line-height:1.1;transition:background-color 300ms ease-out,color 300ms ease-out}
 .layout-approved.design-oct7 .header nav a::before{inset:0;border-radius:8px;transition:background-color 300ms ease-out}
 .layout-approved.design-oct7 .nav-cta{height:44px;display:flex;align-items:center;padding:8px clamp(16px,1.77vw,34px) 6px;font-weight:400;flex-shrink:0}
}
.layout-approved.design-oct7 .function-dots{position:absolute;top:0;height:auto;transform:translateY(-50%)}
@media(prefers-reduced-motion:reduce){.layout-approved.design-oct7 .header nav a,.layout-approved.design-oct7 .header nav a::before{transition:none}}

.hero .hero-scroll-cue{gap:6px;padding:10px 16px 10px 14px;border-radius:78px;background:#9e9e9e30;backdrop-filter:blur(54.3px)}

/* The tour is the final overlay of the pinned table story, at its existing dimensions. */
.layout-approved.design-oct7 #technology #tour{position:absolute;left:0;right:0;top:max(0px,calc((100svh - min(56.25vw,1100px))/2));width:100%;background:transparent;z-index:10;opacity:0;visibility:hidden}
@media(prefers-reduced-motion:no-preference){
 .layout-approved.design-oct7 .tech-cube-story{height:calc(440svh + max(100svh,56.25vw))}
}
@media(min-width:701px) and (max-width:850px) and (prefers-reduced-motion:no-preference){
 .layout-approved.design-oct7 .tech-cube-story{height:calc(500svh + max(100svh,56.25vw))}
}
@media(max-width:700px){
 .layout-approved.design-oct7 #technology #tour{top:max(0px,calc((100svh - min(620px,90svh))/2))}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){.layout-approved.design-oct7 .tech-cube-story{height:600svh}}
@media(prefers-reduced-motion:reduce){.layout-approved.design-oct7 #technology #tour{position:relative;top:auto;opacity:1;visibility:visible;margin-top:32px}}

/* Centre the menu against the header itself, independent of logo and CTA widths. */
@media(min-width:1051px){.layout-approved.design-oct7 .header nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}}

/* Phone and captions share the bounded Figma frame (1463px at 1920px). */
.platform-access{padding:clamp(60px,5.208vw,100px) clamp(24px,11.9vw,228px) 0;background:#f1f1f1}
.access-layout{width:100%;max-width:1463px;margin-inline:auto}
.access-scene{width:100%;max-width:1463px;height:auto;aspect-ratio:16/9;margin:0 auto;display:block;padding:0}
.access-media{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#f1f1f1}
.access-media video{width:100%;height:100%;object-fit:contain;object-position:center;filter:brightness(.99177)}
.access-card{width:40%;max-width:590px;padding:40px}
.layout-approved.design-oct7 .access-card h3{font-size:clamp(20px,1.875vw,36px);margin-bottom:12px}
.access-card p{font-size:clamp(14px,1.25vw,24px)}
.access-browser{top:10%;right:-1.5%;left:auto}
.access-mobile{top:47%;left:-4%;right:auto}
.access-optimization{top:auto;bottom:40px;right:10.5%;left:auto}
@media(min-width:701px) and (max-width:1100px){.platform-access{padding-inline:5vw}}
@media(max-width:700px){
 .platform-access{padding:60px 5vw 0}
 .access-scene{aspect-ratio:auto;display:grid;gap:14px;margin-top:24px;padding-bottom:36px}
 .access-media{position:relative;inset:auto;height:auto;aspect-ratio:16/9;order:0}
 .access-card{position:relative;inset:auto;width:100%;max-width:none;padding:40px;order:1}
 .layout-approved.design-oct7 .access-card h3{font-size:24px}
 .access-card p{font-size:16px}
}

/* Updated contact headline: 955px at the 68px desktop type size. */
.layout-approved.design-oct7 .contact h2{max-width:14.045em;margin-bottom:60px}
@media(max-width:700px){.layout-approved.design-oct7 .contact h2{max-width:100%;margin-bottom:38px}}

/* Freeze the platform composition at its 2284px viewport size (minus 2 × 3.125vw gutters). */
@media(min-width:2284px){
 .layout-approved.design-oct7 .benefits-grid{max-width:2141.25px;margin-inline:auto}
}

/* Compact screens: keep readable text without tying its height to a narrow 16:9 video. */
@media(max-width:1100px){
 .layout-approved.design-oct7 .benefits-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .layout-approved.design-oct7 .benefits-screen{grid-column:1;grid-row:3;width:100%;min-height:0}
 .layout-approved.design-oct7 .benefits-panel{grid-column:1;grid-row:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch;font-size:16px;line-height:1.3}
 .layout-approved.design-oct7 .platform-description,.layout-approved.design-oct7 .benefits-metrics{padding:24px}
 .layout-approved.design-oct7 .benefits-metrics{font-size:18px;line-height:1.2;align-content:start;gap:24px}
 .layout-approved.design-oct7 .benefits-metrics small{font-size:14px;line-height:1.3}
}
@media(max-width:600px){
 .layout-approved.design-oct7 .benefits-panel{grid-template-columns:minmax(0,1fr)}
}

/* Avoid a first-card flash before the video scroll controller paints. */
@media(prefers-reduced-motion:no-preference){
 .layout-approved.design-oct7 #immersion .scene-copy{opacity:0}
}

/* Hide both the full header height and its offset from the viewport edge. */
.layout-approved.design-oct7 .header{--header-top:clamp(16px,2.1vw,40px);top:var(--header-top)}
.layout-approved.design-oct7 .header.away{transform:translateY(calc(-100% - var(--header-top) - 8px));pointer-events:none}
@media(max-width:700px){.layout-approved.design-oct7 .header{--header-top:12px}}

/* Let text determine row heights so access captions cannot overlap. */
@media(min-width:701px){
 .access-scene{display:grid;grid-template-columns:40% 20% 40%;grid-template-rows:auto auto;row-gap:40px;aspect-ratio:auto;min-height:min(56.25vw,823px);padding:40px 0;align-content:center}
 .access-scene .access-card{position:relative;inset:auto;width:100%;max-width:none;align-self:center;z-index:1}
 .access-scene .access-browser{grid-column:3;grid-row:1}
 .access-scene .access-mobile{grid-column:1;grid-row:1 / 3}
 .access-scene .access-optimization{grid-column:3;grid-row:2}
}

/* Responsive audit: allow contact grid tracks and long text to shrink. */
.layout-approved.design-oct7 .contact-layout{min-width:0;max-width:100%}
.layout-approved.design-oct7 .contact :is(h2,dd){overflow-wrap:anywhere}
@media(max-width:700px){
 .layout-approved.design-oct7 .contact{grid-template-columns:minmax(0,1fr)}
}
@media(min-width:701px) and (max-width:900px){
 .layout-approved.design-oct7 .application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .layout-approved.design-oct7 .application-card:last-child{grid-column:1 / -1}
}

/* Match the decoded #EFEFEF video matte to the section's #F1F1F1. */
.platform-access,.access-media{background:#f1f1f1}
.access-media{isolation:isolate}
.access-media video{object-position:center bottom;filter:brightness(1.0083682);mix-blend-mode:darken}