/* Full-bleed cinematic background. The still remains underneath video. */
.header{background:transparent;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .25s ease,box-shadow .25s ease,backdrop-filter .25s ease}
.header.is-scrolled{background:rgba(20,23,24,.68);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);box-shadow:0 8px 30px #00000015}
.header{position:fixed;inset:0 0 auto}
main>.hero{height:100svh;min-height:944px;max-height:1164px;padding-top:138px}
@media(min-width:1700px){main>.hero{min-height:1024px}}
@media(max-width:760px){main>.hero{height:100svh;min-height:810px;max-height:1020px;padding-top:105px}}
@media(prefers-reduced-motion:reduce){.header{transition:none}}
.hero{position:relative;isolation:isolate;min-height:860px;height:calc(100svh - 84px);max-height:1080px;padding-top:54px;display:flex;flex-direction:column;justify-content:space-between;background:#101314}
.hero-background{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-background img,.hero-background video{position:absolute;left:0;bottom:45px;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;object-position:center}
.hero-background video{opacity:0;transition:opacity .7s}
.hero-background video.is-playing{opacity:1}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#101314ed 0%,#101314ba 20%,#10131438 39%,transparent 57%,#14171820 74%,#141718 100%)}
.hero-copy{width:min(1240px,calc(100% - 80px));isolation:isolate}
.hero-copy:before{content:'';position:absolute;inset:-36px -50px -48px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,#080c0fe8 0%,#080c0fbd 38%,#080c0f65 59%,transparent 76%)}
.hero h1{font-size:clamp(40px,4.7vw,68px);font-weight:800;line-height:1.08;color:#fff;letter-spacing:-2.5px;text-shadow:0 2px 4px #000b,0 8px 32px #0009}
.hero h1 span{color:#fff}
.hero-description{max-width:690px;margin:22px auto 28px;font-size:20px;font-weight:500;line-height:1.6;color:#f5f7f2;text-shadow:0 2px 4px #000,0 4px 16px #000}
.hero .secondary{background:#141718b3;backdrop-filter:blur(8px)}
.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:30px;padding-top:50px}
.hero-caption{margin:0;font:10px/1.7 var(--mono);letter-spacing:1.3px}
.hero-caption .status-dot{margin-right:8px}
.hero-caption small{display:block;font:11px/1.6 var(--body);color:var(--muted);letter-spacing:0;margin-top:8px}
.motion-toggle{border:1px solid #687260;border-radius:30px;padding:9px 16px;background:#141718c9;backdrop-filter:blur(10px);font-size:11px;white-space:nowrap}
.motion-toggle span{margin-left:10px;color:var(--lime)}
.motion-toggle:hover{border-color:var(--lime)}
.motion-toggle[hidden]{display:none}
@media(min-width:1700px){.hero{min-height:940px}}
@media(max-width:760px){.hero{height:calc(100svh - 70px);min-height:740px;max-height:950px;padding-top:35px}.hero-copy{width:calc(100% - 36px)}.hero h1{font-size:clamp(34px,6.1vw,46px)}.hero-background img,.hero-background video{bottom:155px;object-position:center}.hero:after{background:linear-gradient(180deg,#101314f5 0%,#101314cd 29%,#10131445 49%,#14171810 70%,#141718 100%)}.hero-bottom{align-items:flex-start;flex-direction:column;gap:15px;padding-bottom:26px}.hero-caption{font-size:9px}.hero-caption small{font-size:10px}.motion-toggle{font-size:10px;padding:8px 12px}.workflow .flow-steps{margin-top:0}}
@media(prefers-reduced-motion:reduce){.hero-background video{display:none}}
@media(max-width:760px){.hero-copy:before{inset:-25px -18px -35px;background:radial-gradient(ellipse at 50% 43%,#080c0fea 0%,#080c0fba 43%,transparent 76%)}.hero h1{font-size:clamp(36px,6.5vw,48px);letter-spacing:-1.5px;line-height:1.1}.hero-description{font-size:16px;line-height:1.65;margin:20px 10px 25px}}