.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:40px;min-height:620px;height:calc(100svh - 90px);max-height:920px}
.hero .hero-content{width:100%;grid-column:1;grid-row:1}
.hero .hero-content h1{font-size:clamp(48px,5.7vw,88px)}
.hero .hero-content .intro{font-size:clamp(15px,1.3vw,19px);max-width:420px}
.hero .hero-content .hero-actions{flex-wrap:wrap;gap:20px}
.hero .hive-wrap.hive-dense{opacity:.23;pointer-events:none;z-index:1}
.hero .hero-caption{margin-top:32px}
.hero-film{position:relative;z-index:5;grid-column:2;grid-row:1;min-width:0}
.zn-film-stage{position:relative;aspect-ratio:16/9;background:#061014;overflow:hidden;border:1px solid #9affeb35;border-radius:14px;box-shadow:0 18px 75px #0006,0 0 45px #9affeb0b}
.zn-film-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#050b0e}
.zn-film-hero-caption{font-size:clamp(14px,1.5vw,20px);line-height:1.5;color:#d3e2dd;letter-spacing:-.02em;margin:18px 0 0;text-align:center}
.zn-film-hero-caption em{font-style:normal;color:#9affeb}
@media(max-width:900px){.hero{gap:24px;padding-left:5%;padding-right:5%}.hero .hero-content h1{font-size:52px}.hero .hero-content .intro{font-size:15px}.hero .hero-content .hero-actions{gap:12px}.hero-film{align-self:center}}
@media(max-width:640px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding:28px 20px 70px;min-height:0;height:auto;max-height:none}.hero-film{order:-1;align-self:stretch}.hero .hero-content{width:100%}.hero .hero-content h1{font-size:clamp(40px,11vw,58px);margin-top:14px;margin-bottom:16px}.hero .hero-content .intro{font-size:14px;line-height:1.65;margin-bottom:24px}.hero .hero-content .hero-actions{gap:20px}.hero .hero-caption{font-size:6px;margin-top:26px}.hero .hive-wrap.hive-dense{opacity:.15;top:0;bottom:0;pointer-events:none}.zn-film-stage{border-radius:10px}.zn-film-hero-caption{font-size:14px;margin-top:12px}.hero .hero-bottom{bottom:20px}}

.hero .hero-content h1{font-size:clamp(42px,4.8vw,76px);line-height:1.08;letter-spacing:-.05em}
.hero .hero-content .eyebrow{letter-spacing:.12em}
.process h2{font-size:clamp(32px,4.5vw,58px);line-height:1.12;letter-spacing:-.04em;margin:16px 0 18px}.process h2 span{color:#9affeb}.zn-process-intro{color:#92a59d;font-size:16px;margin:0 0 42px;line-height:1.6}
@media(max-width:640px){.hero .hero-content h1{font-size:clamp(38px,10vw,52px)}.hero .hero-content .eyebrow{font-size:8px}.process h2{font-size:36px}}

/* Cinematic first screen with navigation over the animation. */
.header{position:absolute;top:0;left:0;right:0;height:94px;z-index:30;background:linear-gradient(180deg,#050b0ee8,transparent);border:0;backdrop-filter:none;-webkit-backdrop-filter:none;gap:24px}
.header nav{margin-left:auto;gap:22px}.header-account{color:#effff9;white-space:nowrap;font-size:12px;padding:12px 16px;border:1px solid #9affeb4d;border-radius:9px;background:#071b1b88}.header-cta{font-size:12px}
.hero{display:block;min-height:650px;height:100svh;max-height:none;padding:0;isolation:isolate;background:#050b0e}
.hero:after{z-index:2;inset:auto 0 0;height:140px;background:linear-gradient(0deg,#050b0ebf,transparent)}
.hero .hive-wrap.hive-dense,.hero-grid,.hero-orbit{display:none}
.hero-film{position:absolute;inset:0;z-index:1;width:100%;height:100%}.hero-film .zn-film-stage{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}.zn-film-hero-caption{display:none}
.hero .hero-content{position:absolute;left:5%;bottom:40px;z-index:5;width:auto;max-width:90%;pointer-events:none}.hero .hero-content h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.hero .hero-content>.eyebrow,.hero .hero-content>.intro,.hero .hero-content>.hero-caption{display:none}.hero .hero-content .hero-actions{margin:0;pointer-events:auto}.hero .hero-actions .button{background:#9affeb;color:#071815;border:1px solid #9affeb}.hero .hero-actions .text-link{font-size:12px;color:#d2ebe3}
.hero .hero-bottom{display:none}
@media(max-width:900px) and (min-width:641px){.header{gap:12px;padding-inline:3%}.header nav{gap:12px}.header-account{padding:10px;font-size:11px}.header-cta{font-size:11px;padding:10px}.brand{font-size:14px}}
@media(max-width:640px){.header{height:76px;padding-inline:20px;gap:12px}.header .header-cta{display:none}.header-account{margin-left:auto;font-size:10px;padding:10px 12px}.header nav{margin-left:0}.header nav.open{background:#071514f5}.header .menu{margin-left:0}.hero{min-height:650px;height:100svh;padding:0}.hero .hero-content{bottom:30px;left:20px;right:20px;max-width:none;width:auto}.hero .hero-content .hero-actions{justify-content:space-between;gap:12px}.hero .hero-actions .button{padding:14px 16px;font-size:11px}.hero .hero-actions .text-link{font-size:10px}.hero-film{position:absolute;inset:0}.hero .hero-content h1{font-size:1px}}