@font-face{font-family:Archivo;src:url('/fonts/archivo-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Archivo;src:url('/fonts/archivo-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Archivo;src:url('/fonts/archivo-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Plex;src:url('/fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('/fonts/ibm-plex-sans-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Plex;src:url('/fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Mono;src:url('/fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Mono;src:url('/fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}

:root{
  --paper:#f2f4f1;--paper2:#e8ece8;--white:#fff;
  --ink:#0c1f1c;--ink2:#41584f;--muted:#6a7f77;--line:rgba(12,31,28,.12);--line2:rgba(12,31,28,.07);
  --green:#087765;--mint:#2dbd8e;--mint-d:#12a37c;
  --amber:#d98a1f;--amber-s:#fbf0dc;--amber-d:#8f5412;--red:#c8503b;
  --pine:#06130f;--pine2:#0d2923;
  --disp:Archivo,system-ui,sans-serif;--ui:Plex,system-ui,sans-serif;--mono:Mono,ui-monospace,monospace;
  --out:cubic-bezier(.16,1,.3,1);--nav:68px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--paper)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{background:var(--paper);color:var(--ink);font:16px/1.55 var(--ui);-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,h4{font-family:var(--disp);font-weight:500}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img,video{display:block;max-width:100%}
ul,ol{list-style:none}
.shell{width:min(1280px,100% - 64px);margin-inline:auto}
.mono{font:500 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:4px}
.skip{position:fixed;left:16px;top:-60px;z-index:400;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;font-weight:600}
.skip:focus{top:12px}

.grain{position:fixed;inset:0;z-index:250;pointer-events:none;opacity:.045;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .9 0'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>")}
.progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:120;pointer-events:none}
.progress i{display:block;height:100%;background:var(--green);transform-origin:0 50%;transform:scaleX(0)}

/* nav */
.nav{position:fixed;z-index:100;left:0;right:0;top:0;height:var(--nav);padding:0 clamp(16px,3vw,40px);display:flex;align-items:center;gap:28px;
  background:rgba(242,244,241,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line2);color:var(--ink);transition:transform .6s var(--out),background .5s,color .5s,border-color .5s}
.nav.hide{transform:translateY(-100%)}
.nav.dark{background:rgba(6,19,15,.62);color:#fff;border-color:rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:11px;font:500 20px var(--disp);letter-spacing:-.025em}
.brand img{width:32px;height:32px}
.lg-w{display:none}.nav.dark .lg-d{display:none}.nav.dark .lg-w{display:block}
/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;gap:10px;border-radius:99px;padding:13px 22px;font:600 15px/1 var(--ui);white-space:nowrap;overflow:hidden;isolation:isolate;transition:box-shadow .4s var(--out),background .3s,color .3s,border-color .3s}
.btn i{font-style:normal;transition:transform .45s var(--out)}
.btn:hover i{transform:translate(2px,-2px)}
.btn[href^="#"]:hover i{transform:translateY(3px)}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--out)}
.btn:hover::after{transform:translateX(120%)}
.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{box-shadow:0 14px 34px -10px rgba(12,31,28,.6)}
.nav.dark .btn-ink{background:var(--mint);color:#03130d}
.btn-line{border:1px solid rgba(12,31,28,.22);color:var(--ink);background:rgba(255,255,255,.4)}.btn-line:hover{border-color:var(--ink);background:rgba(255,255,255,.8)}
.btn-mint{background:var(--mint);color:#03130d}.btn-mint:hover{box-shadow:0 12px 40px -8px rgba(45,189,142,.7)}
.btn.big{padding:20px 34px;font-size:18px}

.eyebrow{display:flex;align-items:center;gap:12px;color:var(--green);font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.close .eyebrow,.film .eyebrow{color:var(--mint)}
.rule{width:34px;height:1px;background:currentColor;position:relative;flex:none}
.rule::after{content:"";position:absolute;right:-3px;top:-2.5px;width:6px;height:6px;border-radius:50%;background:currentColor}
.tag{font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border-radius:99px;border:1px solid currentColor;opacity:.65;font-style:normal;white-space:nowrap}
.mask{display:block;overflow:hidden;padding:.06em 0 .1em;margin:-.06em 0 -.1em}
.mask .ln{display:block;will-change:transform}

/* ============================ HERO ============================ */
.hero{position:relative}
.hero-pin{position:relative;height:100svh;min-height:620px;overflow:hidden;background:radial-gradient(ellipse 80% 90% at 64% 38%,#fcfdfc 0,#eef2ee 45%,#c7d1cb 100%)}
.cam{position:absolute;inset:0;perspective:2600px;perspective-origin:62% 42%}
.rig{position:absolute;inset:0;transform-style:preserve-3d}
.desk{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}
.desk-bg{position:absolute;left:-3000px;top:-3000px;width:6000px;height:6000px;
  background:
    linear-gradient(rgba(12,31,28,.1) 1px,transparent 1px) 0 0/90px 90px,
    linear-gradient(90deg,rgba(12,31,28,.1) 1px,transparent 1px) 0 0/90px 90px,
    linear-gradient(rgba(12,31,28,.05) 1px,transparent 1px) 0 0/18px 18px,
    linear-gradient(90deg,rgba(12,31,28,.05) 1px,transparent 1px) 0 0/18px 18px,
    #d8e0da;
  -webkit-mask-image:radial-gradient(closest-side,#000 18%,transparent 62%);mask-image:radial-gradient(closest-side,#000 18%,transparent 62%)}
.hero-veil{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(243,245,242,.97) 0,rgba(243,245,242,.86) 30%,rgba(243,245,242,0) 56%),linear-gradient(0deg,rgba(243,245,242,.6),transparent 18%)}
.hero-paper{position:absolute;inset:0;z-index:3;background:var(--paper);opacity:0;pointer-events:none}
.hero-copy{position:absolute;z-index:4;left:clamp(20px,5.5vw,96px);top:50%;translate:0 -50%;width:min(780px,54vw);padding-top:var(--nav)}
.hero h1{font-size:clamp(44px,5.9vw,96px);line-height:1;letter-spacing:-.05em;margin:26px 0 26px;text-wrap:balance}
.hero h1 .mask:last-child .ln{color:var(--green)}
.lede{font-size:clamp(16px,1.35vw,19.5px);color:var(--ink2);max-width:31em;margin-bottom:34px}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.cap{position:absolute;z-index:4;left:clamp(20px,5.5vw,96px);bottom:calc(10vh + 34px);opacity:0;width:max-content;max-width:min(440px,80vw);font:500 clamp(20px,2vw,30px)/1.2 var(--disp);letter-spacing:-.03em;pointer-events:none}
.cap b{display:block;font:500 11.5px var(--mono);letter-spacing:.16em;color:var(--green);margin-bottom:12px}
.hero-foot{position:absolute;z-index:4;left:clamp(20px,5.5vw,96px);right:clamp(20px,5.5vw,96px);bottom:26px;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}
.cue{display:flex;align-items:center;gap:12px}
.cue i{width:46px;height:1px;background:rgba(12,31,28,.2);position:relative;overflow:hidden}
.cue i::after{content:"";position:absolute;inset:0;background:var(--ink);transform:translateX(-100%);animation:cue 2.4s var(--out) infinite}
@keyframes cue{60%,100%{transform:translateX(100%)}}
.fig{position:absolute;z-index:6;left:50%;top:50%;translate:-50% -50%;font:500 min(80vh,46vw)/1 var(--disp);letter-spacing:-.06em;color:var(--amber);opacity:0;pointer-events:none;white-space:nowrap;will-change:transform,opacity}
.now{position:absolute;z-index:7;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;gap:20px;padding:0 24px;opacity:0;pointer-events:none}
.now h2{font-size:clamp(64px,13vw,220px);line-height:.92;letter-spacing:-.07em}
.now p:last-child{font-size:clamp(16px,1.4vw,20px);color:var(--ink2);max-width:28em}

/* paper documents */
.doc{position:absolute;left:0;top:0;width:var(--w,460px);height:var(--h,600px);margin:calc(var(--h,600px)/-2) 0 0 calc(var(--w,460px)/-2);container-type:inline-size;
  background:linear-gradient(160deg,var(--p1,#fff),var(--p2,#f4f6f4));border-radius:5px;padding:7cqw;color:var(--ink);font-family:var(--ui);
  box-shadow:0 0 0 1px rgba(12,31,28,.1),0 1px 2px rgba(12,31,28,.2),0 16px 28px -10px rgba(12,31,28,.4),0 64px 90px -28px rgba(12,31,28,.5);
  backface-visibility:hidden;will-change:transform,filter}
.doc::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,transparent 26%,rgba(8,119,101,.1) 44%,rgba(255,255,255,.7) 51%,transparent 68%);background-size:280% 100%;background-position:var(--sx,0%) 0;mix-blend-mode:multiply}
.sh-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:5.5cqw}
.sh-head b{display:flex;align-items:center;gap:2cqw;font:500 2.7cqw var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sh-head b i{width:3.4cqw;height:3.4cqw;background:var(--green);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}
.sh-head u{text-decoration:none;font:500 2.4cqw var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:.3cqw solid var(--line);padding:.8cqw 1.8cqw;border-radius:9cqw}
.sh-title{font:500 6.4cqw/1.1 var(--disp);letter-spacing:-.035em;margin-bottom:5cqw}
.sk{display:grid;gap:2.4cqw;margin-bottom:6cqw}
.sk i{height:1.9cqw;border-radius:2cqw;background:#e6ebe8}
.sk i:nth-child(4n){width:58%}.sk i:nth-child(4n+1){width:94%}.sk i:nth-child(4n+2){width:80%}.sk i:nth-child(4n+3){width:88%}
.sh-stamp{position:absolute;right:7cqw;bottom:7cqw;font:500 2.8cqw var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green);border:.4cqw solid currentColor;padding:1.3cqw 2.6cqw;border-radius:1.2cqw;rotate:-6deg;opacity:.8}
.doc.coa{padding:0;overflow:visible}
.doc.coa .clip{position:absolute;inset:0;border-radius:inherit;overflow:hidden;padding:7cqw}
.coa .sh-title{margin-bottom:2.2cqw}
.meta{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:3cqw;margin-bottom:4.2cqw;padding-bottom:4cqw;border-bottom:.3cqw solid var(--line)}
.meta span{display:block;font:500 2.3cqw var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.9cqw}
.meta strong{font:500 3.3cqw var(--ui)}
.tbl{display:grid;gap:1.4cqw}
.tr{display:grid;grid-template-columns:1.4fr .8fr .95fr .5fr;align-items:center;gap:2cqw;font:500 3.3cqw var(--ui);padding:2.1cqw 2.4cqw;border-radius:1.2cqw;border:.3cqw solid transparent;position:relative}
.tr.th{font:500 2.3cqw var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-block:.4cqw}
.tr:not(.th){background:#fff;border-color:var(--line)}
.tr em{font-style:normal;color:var(--muted);font-size:3cqw}
.tr .ok{width:3.4cqw;height:3.4cqw;border-radius:50%;background:var(--green);justify-self:end;position:relative}
.tr .ok::after{content:"";position:absolute;left:1cqw;top:.7cqw;width:.9cqw;height:1.6cqw;border:solid #fff;border-width:0 .4cqw .4cqw 0;rotate:40deg}
.tr.mrow{transition:background .5s,border-color .5s}
.tr.mrow::before{content:"";position:absolute;left:-.3cqw;top:-.3cqw;bottom:-.3cqw;width:1.1cqw;border-radius:1.2cqw 0 0 1.2cqw;background:var(--amber);opacity:0;transition:opacity .5s}
.tr.mrow.hit{background:var(--amber-s);border-color:var(--amber)}
.tr.mrow.hit::before{opacity:1}
.tr.mrow .val{color:var(--amber-d);font-weight:600}
.tr.mrow .bang{width:3.6cqw;height:3.6cqw;border-radius:50%;background:var(--amber);justify-self:end;display:grid;place-items:center;color:#2b1700;font:700 2.4cqw var(--ui);opacity:0;transition:opacity .5s}
.tr.mrow.hit .bang{opacity:1}
.gauge{margin-top:4.2cqw;padding:4cqw 4.4cqw;border-radius:1.6cqw;background:var(--ink);color:#fff;opacity:0}
.gauge .g-top{display:flex;justify-content:space-between;align-items:flex-end}
.gauge .g-top span{display:block;font:500 2.3cqw var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#9fb8b0;margin-bottom:1cqw}
.gauge strong{font:500 12cqw/1 var(--disp);letter-spacing:-.06em}
.gauge strong u{text-decoration:none;font-size:5cqw;color:var(--amber);margin-left:.6cqw}
.gauge .g-lim{font:500 3.1cqw/1.5 var(--ui);color:#cfe0da;text-align:right}
.gauge .g-bar{position:relative;height:1.6cqw;border-radius:2cqw;background:rgba(255,255,255,.14);margin-top:5cqw}
.gauge .g-bar b{position:absolute;inset:0;border-radius:2cqw;background:linear-gradient(90deg,var(--mint-d),var(--mint) 60%,var(--amber));transform-origin:0 50%;transform:scaleX(0);width:64%}
.gauge .g-bar i{position:absolute;top:-1.4cqw;bottom:-1.4cqw;left:60%;width:.35cqw;background:#fff;border-radius:2px}
.gauge .g-bar i::after{content:"max 6.0";position:absolute;top:-3.4cqw;left:50%;translate:-50% 0;font:500 2.3cqw var(--mono);color:#fff;white-space:nowrap}
.rev{margin-top:3.2cqw;border:.4cqw dashed var(--line);border-radius:1.4cqw;padding:3cqw 3.6cqw;display:flex;justify-content:space-between;align-items:center;font:500 3.1cqw var(--ui);color:var(--muted)}
.rev span{font:500 2.3cqw var(--mono);letter-spacing:.12em;text-transform:uppercase}
.rev b{font-weight:500;color:var(--amber-d)}
.callout{position:absolute;left:106%;top:47%;width:64cqw;opacity:0;z-index:5;pointer-events:none}
.callout svg{position:absolute;right:100%;top:5cqw;width:14cqw;height:10cqw;overflow:visible}
.callout svg path{fill:none;stroke:var(--amber);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.callout .c-in{background:var(--ink);color:#fff;border-radius:1.6cqw;padding:3.4cqw 3.6cqw;box-shadow:0 5cqw 9cqw -3cqw rgba(12,31,28,.55);border-left:.7cqw solid var(--amber)}
.callout strong{display:block;font:500 4.6cqw/1.2 var(--disp);letter-spacing:-.02em;margin-bottom:1.6cqw}
.callout small{display:block;font:400 3.3cqw/1.45 var(--ui);color:#b6cdc5}
.callout b{color:var(--amber);font-weight:500}

@media(max-width:900px){
  .cam{perspective-origin:50% 50%}
  .hero-veil{background:linear-gradient(180deg,rgba(243,245,242,.95) 0,rgba(243,245,242,.7) 38%,transparent 56%),linear-gradient(0deg,rgba(243,245,242,.6),transparent 16%)}
  .hero-copy{top:calc(var(--nav) + 24px);translate:none;width:calc(100% - 40px);padding-top:0}
  .hero h1{font-size:clamp(40px,11.4vw,64px);margin:16px 0 14px}
  .lede{font-size:15px;margin-bottom:0;max-width:24em}
  .hero-copy .cta{display:flex;margin-top:22px}.hero-copy .cta .btn-line{display:none}.hero-copy .cta .btn{padding:14px 24px}
  .cap{top:calc(var(--nav) + 30px);bottom:auto}
  .shell{width:calc(100% - 40px)}
  .callout{left:50%;top:104%!important;translate:-50% 0;width:92cqw}
  .callout svg{display:none}
}

/* ============================ OVERVIEW ============================ */
.overview{position:relative;background:var(--paper);padding:clamp(80px,13vh,150px) 0 clamp(70px,11vh,130px)}
.ov-head{display:grid;grid-template-columns:1fr minmax(0,.7fr);gap:24px 64px;align-items:end;margin-bottom:clamp(40px,7vh,80px)}
.ov-head .eyebrow{grid-column:1/-1;margin-bottom:6px}
.overview h2,.reveal h2,.fw h2{font-size:clamp(40px,5.8vw,92px);line-height:1;letter-spacing:-.05em;text-wrap:balance}
.ov-sub{color:var(--ink2);font-size:clamp(16px,1.3vw,19px);max-width:34em}
.ov-table{border-top:1px solid var(--ink)}
.ov-row{position:relative;display:grid;grid-template-columns:56px 1.15fr 1.25fr 1.7fr 44px;gap:0 28px;align-items:center;padding:clamp(22px,3.4vh,34px) 12px;border-bottom:1px solid var(--line);isolation:isolate;transition:padding .5s var(--out)}
.ov-row:not(.ov-th)::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleY(0);transform-origin:50% 100%;transition:transform .55s var(--out)}
.ov-row:not(.ov-th):hover::before{transform:scaleY(1);transform-origin:50% 0}
.ov-row:not(.ov-th):hover{color:#fff;padding-inline:26px}
.ov-row:not(.ov-th):hover .ov-p,.ov-row:not(.ov-th):hover .ov-n{color:#9db7ae}
.ov-row strong{font:500 clamp(22px,2.3vw,34px)/1.1 var(--disp);letter-spacing:-.035em}
.ov-n{font:500 12px var(--mono);letter-spacing:.14em;color:var(--green)}
.ov-p{color:var(--muted);font-size:15.5px;line-height:1.45}
.ov-d{font-size:16px;line-height:1.5}
.ov-ar{justify-self:end;font-style:normal;font-size:24px;transition:transform .5s var(--out)}
.ov-row:not(.ov-th):hover .ov-ar{transform:translateX(6px);color:var(--mint)}
.ov-th{padding-block:12px;border-bottom:1px solid var(--line);font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);grid-template-columns:56px 1.15fr 1.25fr 1.7fr 44px}
.ov-th span:first-child{grid-column:1/3}
@media(max-width:900px){
  .ov-head{grid-template-columns:1fr}
  .ov-th{display:none}
  .ov-row{grid-template-columns:40px 1fr 30px;gap:6px 12px;padding:22px 4px}
  .ov-row strong{grid-column:2}.ov-p{grid-column:2;grid-row:3;font-size:14.5px}.ov-d{grid-column:2;grid-row:2}.ov-ar{grid-column:3;grid-row:1}
  .ov-row .ov-n{grid-row:1}
  .ov-row:not(.ov-th):hover{padding-inline:12px}
}

/* ============================ CHAPTERS ============================ */
.chapters{position:relative;background:var(--paper)}
.ch-pin{position:relative;height:100svh;min-height:640px;overflow:hidden}
.ch-bg{position:absolute;inset:0;background:var(--t0,#e3f1ea)}
.strip{position:relative;display:flex;width:500vw;height:100%;will-change:transform}
.scene{position:relative;overflow:hidden;width:100vw;flex:none;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(24px,4vw,70px);padding:calc(var(--nav) + 18px) clamp(24px,5.5vw,96px) 86px}
.s-num{position:absolute;right:2vw;bottom:-6vh;font:500 min(78vh,40vw)/1 var(--disp);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1.5px rgba(12,31,28,.085);pointer-events:none;user-select:none}
.s-text,.s-demo{position:relative;z-index:2}
.kicker{display:flex;align-items:center;gap:12px;font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:clamp(14px,2.4vh,24px)}
.kicker b{font-weight:500;color:var(--ink);padding-right:12px;border-right:1px solid var(--line)}
.kicker i{font-style:normal;margin-left:auto;color:var(--muted);letter-spacing:.1em}
.scene h3{font-size:clamp(28px,min(3.5vw,5.6vh),56px);line-height:1.04;letter-spacing:-.045em;margin-bottom:clamp(12px,2vh,20px);text-wrap:balance}
.def{font-size:clamp(15px,min(1.2vw,2.1vh),18px);color:var(--ink2);margin-bottom:clamp(14px,2.4vh,24px);max-width:34em}
.does{display:grid;gap:0;margin-bottom:clamp(14px,2.4vh,24px);border-top:1px solid var(--line)}
.does li{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:clamp(8px,1.3vh,12px) 0;border-bottom:1px solid var(--line);font-size:clamp(14px,min(1.05vw,1.9vh),16px);line-height:1.4}
.does b{font:500 12px/1.9 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.does span{color:var(--ink2)}
.io{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:clamp(14px,2.4vh,24px)}
.io>div{background:rgba(255,255,255,.62);border:1px solid var(--line2);border-radius:12px;padding:12px 14px}
.io span{display:block;font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.io p{font-size:clamp(13.5px,min(1vw,1.8vh),15px);line-height:1.4;font-weight:500}
.more{display:inline-flex;gap:10px;font:600 15px var(--ui);color:var(--green);border-bottom:1px solid rgba(8,119,101,.35);padding-bottom:4px;transition:border-color .3s,gap .4s var(--out)}
.more:hover{border-color:var(--green);gap:14px}
.stepper{position:absolute;z-index:5;left:50%;bottom:20px;translate:-50% 0;width:min(820px,calc(100% - 48px));display:grid;grid-template-columns:repeat(5,1fr);--p:0}
.stepper::before,.stepper::after{content:"";position:absolute;left:10%;right:10%;top:8px;height:1px;background:var(--line)}
.stepper::after{background:var(--ink);transform-origin:0 50%;transform:scaleX(var(--p))}
.stepper button{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;width:100%;font:500 12.5px var(--ui);color:var(--muted);transition:color .4s}
.stepper button i{width:17px;height:17px;border-radius:50%;background:var(--paper);border:1px solid rgba(12,31,28,.3);transition:all .5s var(--out)}
.stepper button:hover{color:var(--ink)}
.stepper button.on{color:var(--ink)}
.stepper button.on i{background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 6px rgba(12,31,28,.1)}
.stepper button.done i{background:var(--ink);border-color:var(--ink)}

/* window + demos */
.win{position:relative;background:#fff;border-radius:16px;box-shadow:0 50px 90px -34px rgba(12,31,28,.45),0 0 0 1px rgba(12,31,28,.08);overflow:hidden;max-width:720px;margin-left:auto}
.wbar{display:flex;align-items:center;gap:7px;height:40px;padding:0 16px;background:#f6f8f6;border-bottom:1px solid var(--line2);color:var(--muted)}
.wbar i{width:10px;height:10px;border-radius:50%;background:#d8dedb}
.wbar span{margin-left:10px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wbar .tag{margin-left:auto}
.wbody{padding:22px 24px 24px}
.d-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.d-head strong{font:500 22px var(--disp);letter-spacing:-.03em}
.count{font-size:14px;color:var(--muted)}.count b{color:var(--ink);font-weight:600}
.meter{height:7px;border-radius:9px;background:var(--paper2);margin-bottom:18px;overflow:hidden}
.meter i{display:block;height:100%;width:var(--w);border-radius:9px;background:var(--green);transform-origin:0 50%}
.reqs{display:grid;gap:8px}
.reqs li{display:grid;grid-template-columns:22px 1fr auto auto;gap:14px;align-items:center;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:500;font-size:15px}
.reqs .ck{width:20px;height:20px;border-radius:50%;background:var(--green);position:relative}
.reqs .ck::after{content:"";position:absolute;left:7px;top:4px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;rotate:40deg}
.reqs .due{font:400 12.5px var(--ui);color:var(--muted)}
.pill{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:99px;background:#e1f3eb;color:#0a6a50;white-space:nowrap}
.pill.due{background:var(--amber-s);color:var(--amber-d)}
.reqs li.r-due{background:var(--amber-s);border-color:rgba(217,138,31,.55)}
.reqs li.r-due .ck{background:var(--amber)}
.reqs li.r-due .ck::after{display:none}
.reqs li.r-due .ck::before{content:"!";position:absolute;inset:0;display:grid;place-items:center;font:700 12px/1 var(--ui);color:#2b1700}
.toast{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 15px;border-radius:10px;background:var(--ink);color:#fff;font-size:14px;line-height:1.35}
.bell{flex:none;width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(45,189,142,.25)}
.flow{display:flex;gap:6px;margin-bottom:16px}
.flow li{flex:1;text-align:center;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:9px 4px;border-radius:8px;background:var(--paper2);color:var(--muted);transition:background .4s,color .4s}
.flow li.on{background:var(--ink);color:#fff}
.flow li.done{background:#d8efe5;color:#0a6a50}
.coa-split{display:grid;grid-template-columns:.78fr 1.22fr;gap:16px;align-items:stretch}
.mini-doc{position:relative;border:1px solid var(--line);border-radius:8px;padding:14px;background:#fafbfa;overflow:hidden}
.md-h{height:10px;width:60%;border-radius:4px;background:#cfd8d4;margin-bottom:14px}
.md-l{height:7px;border-radius:4px;background:#e4e9e6;margin-bottom:10px}.md-l.s{width:68%}.md-l.m{width:84%}
.scan{position:absolute;left:0;right:0;top:0;height:46px;background:linear-gradient(transparent,rgba(18,163,124,.3));border-bottom:2px solid var(--mint)}
.graded{display:grid;gap:6px;align-content:start}
.g-h,.g-r{display:grid;grid-template-columns:1.1fr .8fr 1fr 26px;gap:8px;align-items:center;font-size:14px}
.g-h{font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:0 10px 4px}
.g-r{padding:10px;border:1px solid var(--line);border-radius:9px;font-weight:500}
.g-r em{font-style:normal;color:var(--muted);font-weight:400;font-size:13px}
.g-r .ok{width:18px;height:18px;border-radius:50%;background:var(--green);position:relative;justify-self:end}
.g-r .ok::after{content:"";position:absolute;left:6px;top:3.5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;rotate:40deg}
.g-r .bang{width:20px;height:20px;border-radius:50%;background:var(--amber);color:#2b1700;display:grid;place-items:center;font:700 12px var(--ui);justify-self:end}
.g-r.g-x{background:var(--amber-s);border-color:var(--amber)}
.g-r.g-x span:nth-child(2){color:var(--amber-d);font-weight:600}
.risk-top{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;margin-bottom:16px}
.ring{position:relative;width:150px;height:150px}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.rg-bg{fill:none;stroke:var(--paper2);stroke-width:9}
.rg-fg{fill:none;stroke:var(--red);stroke-width:9;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:27}
.rg-n{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.rg-n b{font:500 44px/1 var(--disp);letter-spacing:-.05em}.rg-n span{font:400 13px var(--ui);color:var(--muted)}
.rk-lab{display:inline-block;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red);background:#fae6e1;padding:4px 9px;border-radius:99px;margin-bottom:8px;transition:background .4s,color .4s}
.rk-trend{display:inline-block;margin-left:8px;font:500 12px var(--ui);color:var(--green);opacity:0}
.rk-trend i{font-style:normal}
.factors{display:grid;gap:8px}
.factors li{display:grid;grid-template-columns:96px 1fr 26px;gap:10px;align-items:center;font-size:13px;color:var(--ink2)}
.factors i{display:block;height:6px;border-radius:6px;background:var(--paper2);position:relative;overflow:hidden}
.factors i::after{content:"";position:absolute;inset:0;width:var(--w);background:var(--ink);border-radius:6px;transform-origin:0 50%;transform:scaleX(var(--k,1))}
.factors b{font-weight:600;text-align:right;color:var(--ink)}
.sig{display:grid;gap:7px}
.sig li{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-weight:500}
.sev{width:9px;height:9px;border-radius:50%}.sev.h{background:var(--red)}.sev.m{background:var(--amber)}
.sig .src{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.win.dark{background:var(--pine2);color:#fff;box-shadow:0 50px 90px -34px rgba(6,19,15,.7),0 0 0 1px rgba(255,255,255,.08)}
.win.dark .wbar{background:#0a211b;border-color:rgba(255,255,255,.08);color:#8fb0a6}.win.dark .wbar i{background:#1d3d34}
.win.dark .wbody{min-height:360px;display:grid;align-content:start;gap:14px}
.bubble{border-radius:14px;padding:14px 16px;font-size:16px;line-height:1.5;max-width:92%}
.bubble.q{background:rgba(255,255,255,.1);border-bottom-left-radius:4px;font:500 20px/1.3 var(--disp);letter-spacing:-.02em;min-height:58px;align-self:start;justify-self:start}
.caret{display:inline-block;width:2px;height:1em;background:var(--mint);vertical-align:-.12em;margin-left:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.searching{display:flex;align-items:center;gap:6px;font:500 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8fb0a6}
.searching b{width:5px;height:5px;border-radius:50%;background:var(--mint);animation:dots 1s infinite}
.searching b:nth-child(3){animation-delay:.15s}.searching b:nth-child(4){animation-delay:.3s}
@keyframes dots{50%{opacity:.25;transform:translateY(-3px)}}
.bubble.a{background:rgba(45,189,142,.13);border:1px solid rgba(45,189,142,.4);border-bottom-left-radius:4px;justify-self:start}
.srcs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.srcchip{display:inline-flex;align-items:center;gap:8px;background:var(--mint);color:#04140e;font:500 11.5px var(--mono);letter-spacing:.04em;padding:6px 10px;border-radius:7px}
.srcchip i{width:7px;height:7px;border-radius:50%;background:#04140e;opacity:.5}
.illus{font-size:13px;color:#8fb0a6}
.disc{display:grid;gap:14px;align-content:start;min-height:392px}
.disc-h{font:500 clamp(20px,1.9vw,26px)/1.15 var(--disp);letter-spacing:-.035em;text-wrap:balance;margin-bottom:2px}
.askbox{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 12px 10px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 14px 30px -18px rgba(12,31,28,.45);font-size:16px;font-weight:500}
.s-ico{position:relative;flex:none;width:16px;height:16px;border:2px solid var(--muted);border-radius:50%}
.s-ico::after{content:"";position:absolute;right:-6px;bottom:-5px;width:7px;height:2px;background:var(--muted);rotate:45deg}
.askbox .q-t{flex:0 1 auto}
.askbox .caret{margin-left:-6px}
.send{margin-left:auto;flex:none;width:36px;height:36px;border-radius:50%;background:var(--mint);position:relative}
.send::after{content:"";position:absolute;left:11px;top:10px;width:12px;height:12px;border-top:2px solid #fff;border-right:2px solid #fff;rotate:45deg;transform:translate(-2px,2px)}
.modes{display:flex;flex-wrap:wrap;gap:8px}
.modes span{padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:13.5px;font-weight:500}
.disc .searching{color:var(--muted)}
.disc .bubble.a{background:#eef7f3;border:1px solid #cfe8de;border-radius:14px;color:var(--ink);max-width:none}
.disc .a-t{font-size:16px;line-height:1.5}
.follow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fl-h{color:var(--muted);margin-right:4px}
.fchip{padding:7px 13px;border:1px solid #cfe8de;border-radius:99px;background:#f4faf7;font-size:13px;font-weight:500;color:#0a6a50}
.disc .illus{color:var(--muted)}
.graph{width:100%;height:auto;margin:6px 0 10px;overflow:visible}
.graph .edges path{fill:none;stroke:#dfe6e2;stroke-width:2.5;stroke-linecap:round}
.graph .edges path.lit{stroke:var(--green)}
.graph .n circle{fill:#fff;stroke:var(--ink);stroke-width:2.5}
.graph .n.hot circle{fill:var(--amber);stroke:#6b4306}
.graph .n.pt circle{stroke:#b8c4bf}
.graph .n.pt.lit circle{fill:var(--green);stroke:var(--green)}
.graph text{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;fill:var(--muted)}
.log{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:12px}
.log li{display:flex;gap:14px;font-size:14px;color:var(--ink2)}
.log time{font:500 12px var(--mono);color:var(--muted)}

@media(max-width:900px){
  .ch-pin{height:auto;min-height:0;overflow:visible}
  .ch-bg,.stepper{display:none}
  .strip{display:block;width:100%}
  .scene{width:100%;grid-template-columns:minmax(0,1fr);padding:84px 20px 56px;gap:28px;border-top:1px solid var(--line)}
  .s-text,.s-demo{min-width:0}
  .wbar span{max-width:60vw}
  .does li{grid-template-columns:78px minmax(0,1fr)}
  .scene:nth-child(1){background:#e3f1ea}.scene:nth-child(2){background:#e4edf5}.scene:nth-child(3){background:#f6eede}.scene:nth-child(4){background:#ebe9f3}.scene:nth-child(5){background:#f4e7e3}
  .s-num{font-size:52vw;bottom:auto;top:30px;right:-2vw}
  .win{margin:0;max-width:none}
  .risk-top{grid-template-columns:1fr}
  .ring{margin:0 auto}
  .reqs li{grid-template-columns:22px 1fr auto}.reqs .due{display:none}
  .coa-split{grid-template-columns:1fr}.mini-doc{display:none}
}

/* ============================ WORKSPACE ============================ */
.reveal{position:relative;background:var(--paper2);padding:clamp(80px,13vh,150px) 0 clamp(80px,12vh,150px);overflow:hidden}
.rv-head{display:grid;justify-items:center;text-align:center;gap:0}
.rv-head .eyebrow{margin-bottom:26px}
.rv-head .ov-sub{margin:24px auto 32px}
.rv-stage{position:relative;width:min(1180px,100% - 32px);margin:clamp(40px,7vh,80px) auto 0;perspective:1800px}
.rv-glow{position:absolute;inset:8% -4% -8%;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(8,119,101,.2),transparent 72%);filter:blur(24px)}
.device{position:relative;border-radius:16px;background:#fff;transform-origin:50% 100%;transform-style:preserve-3d;box-shadow:0 70px 120px -40px rgba(12,31,28,.45),0 0 0 1px rgba(12,31,28,.12),0 0 0 8px rgba(12,31,28,.04);will-change:transform}
.chrome{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;background:#f6f8f6;border-radius:16px 16px 0 0;border-bottom:1px solid var(--line2)}
.chrome i{width:10px;height:10px;border-radius:50%;background:#d8dedb}
.chrome span{margin-left:12px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.device img{width:100%;height:auto;border-radius:0 0 16px 16px}

/* ============================ FILM ============================ */
.film{position:relative;background:var(--pine)}
.film-pin{position:relative;height:100svh;overflow:hidden;background:var(--pine)}
.film-copy{position:absolute;z-index:4;left:50%;top:15%;translate:-50% -50%;text-align:center;display:grid;justify-items:center;gap:18px;pointer-events:none;width:calc(100% - 48px)}
.film-copy h2{font-size:clamp(32px,4.6vw,76px);line-height:1;letter-spacing:-.05em;color:#fff;text-wrap:balance}
.film-frame{position:absolute;left:25%;top:37%;width:50%;height:46%;border-radius:22px;background:#000;overflow:hidden}
.film-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.film-frame::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.25));pointer-events:none;transition:opacity .6s}
.film-frame.playing::after{opacity:0}
.play{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;z-index:3;transition:opacity .5s var(--out),scale .5s var(--out)}
.play span{width:92px;height:92px;border-radius:50%;background:var(--ink);box-shadow:0 18px 40px -10px rgba(12,31,28,.55),0 0 0 8px rgba(255,255,255,.55);display:grid;place-items:center;color:#fff;transition:all .5s var(--out)}
.play:hover span{background:var(--mint);color:#04140e;border-color:var(--mint);scale:1.08}
.play b{font:500 11.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:rgba(255,255,255,.88);padding:7px 12px;border-radius:99px}
.film-frame.playing .play{opacity:0;pointer-events:none}
@media(max-width:900px){
  .film,.film-pin{height:auto}
  .film-pin{overflow:visible;display:grid;justify-items:center;gap:30px;padding:clamp(72px,12vh,110px) 0}
  .film-copy{position:relative;left:auto;top:auto;translate:none;width:calc(100% - 40px)}
  .film-frame{position:relative;left:auto;top:auto;width:calc(100% - 32px);height:auto;aspect-ratio:16/9;border-radius:16px}
  .play span{width:70px;height:70px}
}

/* ============================ FRAMEWORKS ============================ */
.fw{position:relative;background:var(--paper);padding:clamp(80px,13vh,150px) 0}
.fw-head{display:grid;grid-template-columns:1fr minmax(0,.55fr);gap:24px 64px;align-items:end}
.fw-side{display:grid;gap:18px;justify-items:start}
.fw-feature{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 28px;margin-top:clamp(36px,6vh,64px);padding:clamp(22px,3vh,32px) clamp(24px,3vw,40px);border-radius:18px;background:var(--ink);color:#fff;overflow:hidden;isolation:isolate;transition:transform .6s var(--out),box-shadow .6s var(--out)}
.fw-feature::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 120% at 100% 0%,rgba(45,189,142,.35),transparent 70%)}
.fw-feature:hover{transform:translateY(-4px);box-shadow:0 30px 60px -24px rgba(12,31,28,.6)}
.ff-tag{grid-row:1/3;color:var(--mint);padding-right:28px;border-right:1px solid rgba(255,255,255,.18)}
.fw-feature strong{font:500 clamp(24px,2.8vw,40px)/1.1 var(--disp);letter-spacing:-.04em}
.ff-sub{grid-column:2;color:#a9c0b8;font-size:15px}
.fw-feature>i{grid-row:1/3;grid-column:3;font-style:normal;font-size:30px;transition:transform .5s var(--out);color:var(--mint)}
.fw-feature:hover>i{transform:translate(4px,-4px)}
@media(max-width:700px){.fw-feature{grid-template-columns:1fr auto}.ff-tag{grid-row:auto;border:0;padding:0}.fw-feature strong,.ff-sub{grid-column:1}.fw-feature>i{grid-row:1/4;grid-column:2}}
.fw-head .eyebrow{margin-bottom:22px}
.fw h2{max-width:11em}
.fw-list{columns:2;column-gap:64px;margin-top:clamp(40px,7vh,80px);border-bottom:1px solid var(--line)}
.fw-list li{break-inside:avoid}
.fw-list a{position:relative;display:grid;grid-template-columns:48px 1fr 28px;align-items:center;gap:12px;padding:clamp(16px,2.4vh,22px) 8px;border-top:1px solid var(--line);font:500 clamp(22px,2.3vw,34px)/1.1 var(--disp);letter-spacing:-.035em;isolation:isolate;overflow:hidden;transition:color .4s,padding .5s var(--out)}
.fw-list a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleX(0);transform-origin:0 50%;transition:transform .55s var(--out)}
.fw-list a:hover{color:#fff;padding-left:22px}
.fw-list a:hover::before{transform:scaleX(1)}
.fw-list small{font:500 11px var(--mono);letter-spacing:.12em;color:var(--muted)}
.fw-list a:hover small{color:#8fb0a6}
.fw-list a i{font-style:normal;justify-self:end;opacity:.5;transition:transform .5s var(--out),opacity .3s}
.fw-list a:hover i{transform:translateX(4px);opacity:1;color:var(--mint)}
@media(max-width:900px){.fw-head{grid-template-columns:1fr}.fw-list{columns:1}}

/* ============================ FAQ ============================ */
.faq{position:relative;background:var(--paper2);padding:clamp(80px,13vh,150px) 0}
.faq-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,110px);align-items:start}
.faq-head{position:sticky;top:calc(var(--nav) + 40px)}
.faq-head .eyebrow{margin-bottom:24px}
.faq h2{font-size:clamp(38px,5vw,80px);line-height:1;letter-spacing:-.05em;margin-bottom:26px}
.faq-list{border-top:1px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(22px,3vh,30px) 4px;font:500 clamp(20px,2vw,28px)/1.2 var(--disp);letter-spacing:-.03em;transition:padding .5s var(--out)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{padding-left:16px}
.faq summary i{position:relative;flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);transition:background .4s,border-color .4s,transform .5s var(--out)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:currentColor;translate:-50% -50%;transition:transform .5s var(--out)}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i{background:var(--ink);border-color:var(--ink);color:#fff;transform:rotate(180deg)}
.faq details[open] summary i::after{transform:rotate(0)}
.faq details p{max-width:36em;padding:0 56px 14px 4px;color:var(--ink2);font-size:clamp(16px,1.2vw,18px);animation:faqin .6s var(--out) both}
.faq details .more{margin:4px 0 26px 4px;animation:faqin .6s .08s var(--out) both}
@keyframes faqin{from{opacity:0;transform:translateY(-8px)}}
@media(max-width:900px){.faq-in{grid-template-columns:1fr}.faq-head{position:static}}

/* ============================ CLOSE / FOOT ============================ */
.close{position:relative;min-height:94svh;display:grid;align-items:center;text-align:center;background:var(--pine);color:#fff;overflow:hidden}
.close-in{position:relative;z-index:2}
.close-in{display:grid;justify-items:center;gap:32px;padding:90px 0}
.close h2{font-size:clamp(46px,9.4vw,160px);line-height:.96;letter-spacing:-.06em;text-wrap:balance}
.close h2 .ch{display:inline-block;will-change:transform}

/* ============================ STATIC / REDUCED MOTION ============================ */
.static .hero-pin{height:auto;min-height:0;overflow:visible;display:grid;padding-bottom:70px}
.static .cam,.static .hero-veil,.static .cap,.static .hero-foot,.static .fig,.static .now{display:none}
.static .hero-copy{position:relative;left:auto;top:auto;translate:none;width:min(1240px,100% - 64px);margin:0 auto;padding:calc(var(--nav) + 70px) 0 0}
.static .mask .ln{transform:none!important}
.static .ch-pin{height:auto;overflow:visible}.static .ch-bg,.static .stepper{display:none}
.static .strip{display:block;width:100%}
.static .scene{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-block:80px;border-top:1px solid var(--line)}
.static .scene:nth-child(1){background:#e3f1ea}.static .scene:nth-child(2){background:#e4edf5}.static .scene:nth-child(3){background:#f6eede}.static .scene:nth-child(4){background:#ebe9f3}.static .scene:nth-child(5){background:#f4e7e3}
.static .film,.static .film-pin{height:auto}
.static .faq-head{position:static}
.static .film-frame{position:relative;left:auto;top:auto;width:100%;height:70svh;border-radius:0}
.static .film-copy{position:relative;left:auto;top:auto;translate:none;padding:60px 0 30px}
.static .gauge{opacity:1}.static .callout{opacity:1}
@media(max-width:900px){.static .scene{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cue i::after,.caret,.searching b{animation:none}}
#fig{display:none}
@media(min-width:901px){#cap2{max-width:210px}}

/* closing glow: rises and brightens as you arrive, then breathes. Static and bright for reduced motion. */
.close .glow{position:absolute;inset:0;z-index:1;pointer-events:none;--k:1}
.close .glow i{position:absolute;display:block;left:50%;translate:-50% 0}
.close .g-wide{bottom:-10%;width:130%;height:56%;background:radial-gradient(ellipse 50% 72% at 50% 100%,rgba(45,189,142,.38),rgba(45,189,142,.15) 42%,rgba(45,189,142,.04) 66%,transparent 80%);opacity:var(--k);transform:scaleY(calc(.6 + .4 * var(--k)));transform-origin:50% 100%}
.close .g-core{bottom:-8%;width:44%;height:34%;background:radial-gradient(ellipse 50% 75% at 50% 100%,rgba(80,215,165,.44),rgba(45,189,142,.18) 50%,transparent 76%);filter:blur(16px);opacity:var(--k);transform:scale(calc(.8 + .2 * var(--k)));transform-origin:50% 100%}
.close .g-line{bottom:0;width:min(900px,70%);height:1px;background:linear-gradient(90deg,transparent,rgba(150,240,205,.6),transparent);box-shadow:0 0 30px 5px rgba(45,189,142,.28);opacity:calc(var(--k) * .7);transform:scaleX(calc(.4 + .6 * var(--k)))}
@media(prefers-reduced-motion:no-preference){
  .close .g-core{animation:glowBreath 6s ease-in-out infinite}
  .close .g-wide{animation:glowDrift 9s ease-in-out infinite}
}
@keyframes glowBreath{50%{opacity:calc(var(--k) * .8);scale:1.04 1.06}}
@keyframes glowDrift{50%{translate:-47% 0;opacity:calc(var(--k) * .82)}}