:root{
  --ground:#083241;--ground-2:#062733;
  --milk:rgba(255,255,255,.20);--row:rgba(255,255,255,.1375);--quiet:rgba(255,255,255,.07);--bright:rgba(255,255,255,.5);
  --white:#F0F5F4;--muted:#8FA5B1;--muted-on-milk:rgba(240,245,244,.62);--hair:rgba(255,255,255,.14);
  --mint:#2CFE9E;--lav:#B0AEC6;--coral:#E0806B;
  --display:"Newsreader",Georgia,serif;--body:"Inter",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--white);font-family:var(--body);font-weight:300;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
img,svg{max-width:100%}
b,strong{font-weight:500}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
@media(min-width:760px){.wrap{padding:0 44px}}

/* type */
h1,h2,h3{font-family:var(--display);font-weight:300;line-height:1.1;letter-spacing:-.005em;margin:0}
h1{font-size:clamp(38px,4.8vw,64px)}
h2{font-size:clamp(32px,3.8vw,50px)}
h3{font-size:26px;line-height:1.2}
h4{font-family:var(--body);font-weight:500;font-size:19px;line-height:1.3;margin:0}
p{margin:0 0 1em}
.lede{font-size:clamp(18px,1.7vw,21px);line-height:1.5}
.muted{color:var(--muted)}
.mono,.kicker{font-family:var(--mono);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase}
.kicker{color:var(--muted);display:block;margin-bottom:18px}
.mint{color:var(--mint)}.coral{color:var(--coral)}.lav{color:var(--lav)}
.num{font-family:var(--display);font-weight:300;font-size:clamp(64px,8vw,120px);line-height:1;display:block}

/* nav */
.top{position:sticky;top:0;z-index:30;background:rgba(8,50,65,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}
nav{display:flex;align-items:center;justify-content:space-between;height:66px}
.mark{font-family:var(--display);font-weight:400;font-size:24px;display:flex;align-items:center;gap:11px;text-decoration:none;letter-spacing:.01em}
.mark i{display:inline-block;width:13px;height:21px;border:2px solid currentColor;border-radius:2px;position:relative}
.mark i::after{content:"";position:absolute;left:50%;top:-5px;bottom:-5px;width:2px;background:currentColor;transform:translateX(-50%)}
nav .links{display:none;gap:30px;font-size:15px;font-weight:400;align-items:center}
nav .links a{text-decoration:none;color:var(--muted);padding:4px 0;border-bottom:1px solid transparent}
nav .links a:hover{color:var(--white)}
nav .links a.here{color:var(--white);border-bottom-color:var(--mint)}
@media(min-width:800px){nav .links{display:flex}}
nav .links .btn{padding:9px 16px;font-size:14px;color:var(--white);border-bottom:0}

/* buttons */
.btn{display:inline-block;font-family:var(--body);font-weight:500;font-size:16px;text-decoration:none;padding:13px 22px;border-radius:10px;background:var(--mint);color:var(--ground);border:1px solid var(--mint);transition:transform .15s,background .15s}
.btn:hover{background:#5CFFB5;transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.32)}
.btn.ghost:hover{background:var(--quiet)}
.more{font-weight:400;text-decoration:none;color:var(--white);border-bottom:1px solid var(--mint);padding-bottom:2px}
.more::after{content:" →"}

/* sections */
section,header.hero{padding:72px 0}
@media(min-width:760px){section,header.hero{padding:104px 0}}
.rule{border:0;border-top:1px solid var(--hair);margin:0}

/* grid */
.cols{display:grid;gap:36px}
@media(min-width:880px){
  .cols{grid-template-columns:repeat(12,1fr);gap:44px}
  .c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}
  .r5{grid-column:8/13}.r6{grid-column:7/13}.r7{grid-column:6/13}
}
.sec-head{max-width:720px;margin-bottom:44px}
.sec-head p{margin:16px 0 0}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}

/* milk */
.panel{background:var(--milk);border-radius:28px;padding:26px}
.panel .row{background:var(--row);border-radius:16px;padding:14px 18px}
.panel .row+.row{margin-top:10px}
.panel .muted{color:var(--muted-on-milk)}
.quiet{background:var(--quiet);border-radius:20px;padding:22px 24px}
.hair-b{border-bottom:1px solid var(--hair)}
.chip{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.04em;padding:5px 10px;border-radius:10px;background:var(--row);color:var(--white);white-space:nowrap}
.chip.mint{background:var(--mint);color:var(--ground)}
.chip.lav{background:var(--lav);color:var(--ground)}
.chip.coral{background:transparent;color:var(--coral);box-shadow:inset 0 0 0 1.6px rgba(224,128,107,.7)}
.chip.ghost{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.32)}

/* benefit grid */
.gains{display:grid;gap:14px}
@media(min-width:700px){.gains{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.gains{grid-template-columns:1fr 1fr 1fr;gap:18px}}
.gain{background:var(--milk);border-radius:24px;padding:28px 28px 26px;display:flex;flex-direction:column;gap:12px;min-height:200px}
.gain .n{font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--mint)}
.gain h3{font-size:24px}
.gain p{margin:auto 0 0;color:var(--white);font-size:15.5px;line-height:1.5;background:var(--row);border-radius:14px;padding:12px 14px}

/* roles */
.roles{display:grid;gap:0;border-top:1px solid var(--hair)}
@media(min-width:760px){.roles{grid-template-columns:repeat(4,1fr)}}
.roles>div{padding:26px 24px 30px 0;border-bottom:1px solid var(--hair)}
@media(min-width:760px){.roles>div{border-bottom:0;border-right:1px solid var(--hair)}.roles>div:last-child{border-right:0}.roles>div+div{padding-left:24px}}
.roles .who{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:14px}
.roles p{margin:0;font-size:20px;font-family:var(--display);line-height:1.3}

/* stat band */
.stats{display:grid;gap:36px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:44px 0}
@media(min-width:760px){.stats{grid-template-columns:repeat(3,1fr);gap:0}.stats>div+div{border-left:1px solid var(--hair);padding-left:40px}}
.stats .cap{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:14px;display:block}

/* reveal */
.rv{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.rv.on{opacity:1;transform:none}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}.rv.d4{transition-delay:.4s}.rv.d5{transition-delay:.5s}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* door (hero) */
.door{position:relative}
.door svg{display:block;width:100%;height:auto}
.door .lbl{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;fill:var(--white)}
.door .lbl.dim{fill:var(--muted-on-milk)}
.door .lane{stroke:rgba(255,255,255,.28);stroke-width:1.4;fill:none}
.door .lane.deny{stroke:rgba(224,128,107,.55);stroke-dasharray:4 5}
.door .gate{fill:rgba(255,255,255,.5)}
.door .gate-bar{fill:var(--mint)}
.door .pkt{r:4.2}
.door .counter{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;fill:var(--muted-on-milk)}
.door .counter tspan.v{fill:var(--mint)}

/* tangle vs door */
.pair{display:grid;gap:18px}
@media(min-width:860px){.pair{grid-template-columns:1fr 1fr;gap:24px}}
.pair .panel{padding:22px 24px 20px}
.pair .cap{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;gap:12px;flex-wrap:wrap}
.pair .cap b{font-family:var(--display);font-weight:300;font-size:24px}
.pair .cap span{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-on-milk)}
.pair svg{width:100%;height:auto;display:block}
.pair .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.06em;fill:var(--white)}
.pair .box{fill:var(--row)}
.pair .wire{stroke:rgba(255,255,255,.45);stroke-width:1.3;fill:none;stroke-dasharray:900;stroke-dashoffset:900}
.pair .wire.coral{stroke:rgba(224,128,107,.75)}
.pair.on .wire{animation:draw 1.4s ease forwards}
.pair .gate{fill:rgba(255,255,255,.5)}
@keyframes draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.pair .wire{stroke-dashoffset:0;animation:none}}
.pair .sum{margin:16px 0 0;font-size:15.5px;color:var(--muted-on-milk)}
.pair .sum b{color:var(--white);font-weight:400}

/* request card (PHI filter) */
.req{background:var(--milk);border-radius:28px;padding:26px 28px;position:relative;overflow:hidden}
.req .hdr{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-on-milk);padding-bottom:14px;border-bottom:1px solid var(--hair);margin-bottom:18px;gap:12px;flex-wrap:wrap}
.req .hdr .st{color:var(--white);transition:color .3s}
.req .hdr .st.mint{color:var(--mint)}
.req .note{font-family:var(--display);font-size:clamp(20px,2vw,26px);line-height:1.5;margin:0}
.req .id{display:inline-block;position:relative;transition:color .35s;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:1px}
.req .id .r{display:none;font-family:var(--mono);font-size:.55em;letter-spacing:.06em;background:var(--lav);color:var(--ground);padding:4px 8px;border-radius:8px;vertical-align:middle;position:relative;top:-2px}
.req.f .id{border-bottom-color:transparent}
.req.f .id .o{display:none}.req.f .id .r{display:inline-block;animation:pop .35s ease}
@keyframes pop{from{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}
.req .tail{margin-top:22px;display:grid;gap:10px}
.req .tail .row{background:var(--row);border-radius:14px;padding:12px 16px;font-family:var(--mono);font-size:12.5px;letter-spacing:.03em;display:flex;gap:14px;align-items:center;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}
.req .tail .row .k{color:var(--muted-on-milk);min-width:74px;letter-spacing:.12em;text-transform:uppercase;font-size:11px}
.req.m .tail .m{opacity:1;transform:none}
.req.h .tail .h{opacity:1;transform:none}
.req .steps{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}
.req .steps span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:9px;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:var(--muted-on-milk);transition:all .3s}
.req .steps span.on{background:var(--row);color:var(--white);box-shadow:none}
.req .steps span.done{color:var(--mint)}

/* nested containment (deploy) */
.nest{position:relative;aspect-ratio:1.25;max-width:520px}
.nest div{position:absolute;left:0;top:0;border-radius:24px}
.nest .o{width:100%;height:100%;background:rgba(255,255,255,.10)}
.nest .m{width:72%;height:72%;background:rgba(255,255,255,.18)}
.nest .i{width:44%;height:44%;background:rgba(255,255,255,.34)}
.nest .lbl{position:absolute;bottom:14px;left:20px;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--white)}
.nest .out{position:absolute;right:22px;top:22px;text-align:right;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);line-height:2}

/* recorder rows */
.rec{background:var(--milk);border-radius:24px;padding:20px 22px;font-family:var(--mono);font-size:12.5px;line-height:1.6}
.rec .bar{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-on-milk);padding-bottom:10px;border-bottom:1px solid var(--hair);margin-bottom:12px}
.rec .line{white-space:pre-wrap;word-break:break-word;opacity:0;transform:translateY(4px)}
.rec .line.on{opacity:1;transform:none;transition:opacity .25s,transform .25s}
.rec .k{color:var(--muted-on-milk)}.rec .go{color:var(--mint)}.rec .hold{color:var(--coral)}.rec .hash{color:var(--lav)}
.rec .sep{height:1px;background:var(--hair);margin:10px 0}
.rec .caret{display:inline-block;width:8px;height:14px;background:var(--mint);vertical-align:-2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

/* fields */
.fields{display:grid;border-top:1px solid var(--hair)}
.fields div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--hair)}
.fields div span:first-child{font-family:var(--mono);font-size:12.5px;letter-spacing:.03em}
.fields div span:last-child{color:var(--muted);font-size:15.5px}

/* list */
.list{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.list li{padding-left:26px;position:relative;font-size:17px}
.list li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:3px;background:var(--mint)}

/* timeline */
.tl{display:grid;border-top:1px solid var(--hair)}
@media(min-width:760px){.tl{grid-template-columns:repeat(4,1fr)}}
.tl>div{padding:22px 22px 24px 0;border-bottom:1px solid var(--hair)}
@media(min-width:760px){.tl>div{border-bottom:0;border-right:1px solid var(--hair)}.tl>div:last-child{border-right:0}.tl>div+div{padding-left:22px}}
.tl .when{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);display:block;margin-bottom:12px}
.tl h4{margin-bottom:6px}.tl p{margin:0;font-size:15.5px;color:var(--muted)}

/* form */
.form{background:var(--milk);border-radius:28px;padding:30px 28px;display:grid;gap:18px}
.form form{display:grid;gap:10px}
.form input{font:inherit;font-weight:300;padding:13px 15px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.1);color:var(--white)}
.form input::placeholder{color:var(--muted-on-milk)}
.form input:focus{border-color:var(--mint);outline:none}

/* footer */
footer{padding:36px 0 44px;font-size:13.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;border-top:1px solid var(--hair)}
footer a{text-decoration:none}
footer a:hover{color:var(--white)}

/* cta */
.cta{padding:72px 0 88px}
.cta .panel{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;padding:40px}
.cta .panel p{margin:12px 0 0;max-width:52ch;color:var(--muted-on-milk)}

/* ===== pass 4: sheets, curtains, no eyebrows ===== */
section,header.hero{padding:96px 0}
@media(min-width:760px){section,header.hero{padding:150px 0}}
section.flush{padding-top:0}
h2 .dim,h1 .dim{color:var(--muted)}
.sheet{background:#EEF2F1;color:#083241;border-radius:28px;margin:0 14px;
  --milk:rgba(8,50,65,.06);--row:rgba(8,50,65,.085);--quiet:rgba(8,50,65,.05);--white:#083241;--muted:#4F6A75;--muted-on-milk:#4F6A75;--hair:rgba(8,50,65,.14);--mint:#128A5C}
@media(min-width:760px){.sheet{margin:0 24px;border-radius:36px}}
.sheet .btn{background:#083241;color:#F0F5F4;border-color:#083241}
.sheet .btn:hover{background:#0F4A5E}
.sheet .btn.ghost{background:transparent;color:#083241;border-color:rgba(8,50,65,.3)}
.sheet .more{color:#083241;border-bottom-color:#128A5C}
.sheet .chip.mint{background:#128A5C;color:#F0F5F4}
.sheet .chip.lav{background:#B0AEC6;color:#083241}
.sheet .pair .wire{stroke:rgba(8,50,65,.5)}
.sheet .pair .wire.coral{stroke:rgba(224,128,107,.9)}
.sheet .pair .gate{fill:rgba(8,50,65,.28)}
.sheet .pair .lbl{fill:#083241}
.sheet .pair .sum b{color:#083241}
.sheet .gain .n{color:#128A5C}
.sheet .gain p{color:#083241}
.sheet .nest .o{background:rgba(8,50,65,.06)}.sheet .nest .m{background:rgba(8,50,65,.10)}.sheet .nest .i{background:rgba(8,50,65,.16)}
.sheet .nest .lbl,.sheet .nest .out{color:#083241}
.sheet .stats .cap{color:#4F6A75}
.sheet .roles .who{color:#4F6A75}
.sheet .fields div span:last-child{color:#4F6A75}
.sheet .form input{background:#fff;border-color:rgba(8,50,65,.18);color:#083241}
.sheet .form input::placeholder{color:#4F6A75}
.sheet .tl .when{color:#128A5C}.sheet .tl p{color:#4F6A75}
.sheet .list li::before{background:#128A5C}
.sheet .today b{color:#C4654F}

/* curtain interstitial */
.curtain{position:relative;height:300px;overflow:hidden;pointer-events:none}
@media(min-width:760px){.curtain{height:380px}}
.curtain.short{height:200px}
.curtain i{position:absolute;top:0;height:100%;display:block;filter:blur(9px);opacity:.8;
  background:linear-gradient(180deg,rgba(176,174,198,.62) 0%,rgba(176,174,198,.28) 45%,rgba(176,174,198,0) 92%);
  animation:drift 16s ease-in-out infinite alternate}
.curtain i:nth-child(1){left:3%;width:14%;animation-delay:-2s}
.curtain i:nth-child(2){left:21%;width:5%;opacity:.45;animation-delay:-6s}
.curtain i:nth-child(3){left:41%;width:19%;animation-delay:-4s;background:linear-gradient(180deg,rgba(44,254,158,.26) 0%,rgba(44,254,158,.1) 50%,rgba(44,254,158,0) 92%)}
.curtain i:nth-child(4){left:67%;width:8%;opacity:.5;animation-delay:-9s}
.curtain i:nth-child(5){left:82%;width:15%;animation-delay:-1s}
.curtain .lbl{position:absolute;left:22px;bottom:34px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-left:14px;border-left:2px solid var(--mint)}
@media(min-width:760px){.curtain .lbl{left:44px}}
.curtain .rulev{position:absolute;top:0;bottom:0;width:1px;background:var(--hair)}
@keyframes drift{from{transform:scaleY(.86);transform-origin:top}to{transform:scaleY(1.06);transform-origin:top}}
@media(prefers-reduced-motion:reduce){.curtain i{animation:none}}

/* nav */
nav .links .btn{background:var(--mint);color:var(--ground);border-color:var(--mint)}
.stats{padding:56px 0}
.roles p{font-size:22px}
.cta .panel{padding:52px 48px}

/* ===== pass 5: width, fewer cards, less mono ===== */
:root{--max:1320px}
h1{font-size:clamp(40px,5.6vw,80px);line-height:1.04}
h2{font-size:clamp(32px,3.9vw,54px)}
.hero .h1row{max-width:19ch}
.hero .sub{display:grid;gap:28px;margin-top:30px;align-items:end}
@media(min-width:880px){.hero .sub{grid-template-columns:1fr auto;gap:60px}}
.hero .sub .lede{max-width:52ch;margin:0}
.door.wide .panel{padding:26px 28px 22px;margin-top:56px}
/* stats: body caps */
.stats .cap{font-family:var(--body);font-size:15.5px;letter-spacing:0;text-transform:none;color:var(--muted);margin-top:12px}
/* benefits as columns */
.gainsx{display:grid;gap:0;border-top:1px solid var(--hair)}
@media(min-width:700px){.gainsx{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.gainsx{grid-template-columns:repeat(3,1fr)}}
.gainsx>div{padding:30px 32px 34px 0;border-bottom:1px solid var(--hair)}
@media(min-width:1000px){.gainsx>div{border-right:1px solid var(--hair)}.gainsx>div:nth-child(3n){border-right:0}.gainsx>div:nth-child(n+4){padding-top:34px}.gainsx>div:nth-child(3n+2),.gainsx>div:nth-child(3n+3){padding-left:32px}.gainsx>div:nth-child(n+4){border-bottom:0}}
.gainsx h3{font-size:27px;margin-bottom:12px}
.gainsx p{margin:0;font-size:16.5px;color:var(--muted)}
.sheet .gainsx p{color:#4F6A75}
/* roles: no mono */
.roles .who{font-family:var(--body);font-size:14px;letter-spacing:0;text-transform:none;font-weight:500;color:var(--muted)}
.today b{font-family:var(--body);letter-spacing:0;text-transform:none;font-weight:500;font-size:14px}
.tl .when{font-family:var(--body);letter-spacing:0;text-transform:none;font-weight:500;font-size:14px}
.curtain .lbl{display:none}
/* request card: 5th phase */
.req .tail .row .k{font-family:var(--body);letter-spacing:0;text-transform:none;font-size:13px;font-weight:500}
.req.o .tail .o{opacity:1;transform:none}
.req .tail .o .chip{background:var(--lav);color:var(--ground)}
.req .steps span{font-family:var(--body);letter-spacing:0;text-transform:none;font-size:12.5px}
/* paper (report page) */
.paper{background:#FBFCFB;color:#083241;border-radius:6px;padding:44px 48px;box-shadow:0 22px 64px -28px rgba(0,0,0,.55);font-family:var(--body);font-weight:300;font-size:14.5px;line-height:1.5;max-width:640px}
.paper .ph{display:flex;justify-content:space-between;border-bottom:1px solid rgba(8,50,65,.18);padding-bottom:12px;margin-bottom:24px;font-size:12.5px;color:#4F6A75}
.paper h3{font-family:var(--display);font-size:30px;margin-bottom:6px}
.paper .pk{color:#4F6A75;margin:0 0 22px}
.paper .grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px}
.paper .cell b{display:block;font-family:var(--display);font-weight:300;font-size:36px;line-height:1}
.paper .cell span{color:#4F6A75;font-size:13px}
.paper .tbl{margin-top:26px;border-top:1px solid rgba(8,50,65,.18)}
.paper .tbl div{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:12px;padding:9px 0;border-bottom:1px solid rgba(8,50,65,.12);font-size:13px}
.paper .tbl div:first-child{color:#4F6A75;font-size:12px}
.paper .hl{background:rgba(224,128,107,.28);box-shadow:-3px 0 0 #E0806B;padding-left:8px;margin-left:-11px}
.paper .pfoot{margin-top:24px;font-size:12px;color:#4F6A75}
.pages{display:grid;border-top:1px solid var(--hair)}
.pages div{display:grid;grid-template-columns:56px 1fr 2fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--hair);align-items:baseline}
.pages div i{font-style:normal;color:var(--muted);font-size:14px}
.pages div b{font-weight:500}
.pages div span{color:var(--muted);font-size:15.5px}
/* cost/latency table */
.ledger{display:grid;border-top:1px solid var(--hair)}
.ledger div{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--hair);font-size:15px;align-items:baseline}
.ledger div:first-child{color:var(--muted);font-size:13.5px}
.ledger div span:not(:first-child){font-variant-numeric:tabular-nums}
.ledger .tot{font-weight:500}

/* ===== pass 6: crisp + blue register ===== */
:root{--blue:#2F6BFF;--blue-deep:#0B2E6B;--blue-ink:#071F49;--ice:#DCEBFA;--edge:rgba(255,255,255,.16)}
.panel,.req,.form,.gain,.quiet,.rec,.paper,.compose,.code{border-radius:8px}
.panel .row,.req .tail .row,.buyer .panel .row,.parts p,.gain p{border-radius:4px}
.chip,.req .steps span,.req .id .r,.btn,.form input,.nest div{border-radius:3px}
.sheet{border-radius:12px}
.panel,.req,.form,.rec{box-shadow:inset 0 0 0 1px var(--edge)}
.sheet .panel,.sheet .form{box-shadow:inset 0 0 0 1px rgba(8,50,65,.12)}
.paper{border-radius:3px;box-shadow:0 1px 0 rgba(8,50,65,.12),0 30px 60px -30px rgba(0,0,0,.6)}
.nest div{border:1px solid rgba(255,255,255,.14)}
.sheet .nest div{border-color:rgba(8,50,65,.16)}
/* buttons: blue primary, mint back to semantic */
.btn{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:500;letter-spacing:.005em}
.btn:hover{background:#1F58E6;transform:none}
nav .links .btn{background:var(--blue);color:#fff;border-color:var(--blue)}
.sheet .btn{background:var(--blue);color:#fff;border-color:var(--blue)}
.sheet .btn:hover{background:#1F58E6}
.more{border-bottom-color:var(--blue)}
.sheet .more{border-bottom-color:var(--blue)}
nav .links a.here{border-bottom-color:var(--blue)}
:focus-visible{outline-color:var(--blue)}
.list li::before,.sheet .list li::before{background:var(--blue);border-radius:1px}
.tl .when,.sheet .tl .when{color:var(--blue)}
.sheet .tl .when{color:#1F58E6}
/* blue band */
.band{background:var(--blue-deep);color:#fff;--muted:#A9BEE6;--hair:rgba(255,255,255,.16);--edge:rgba(255,255,255,.18);--milk:rgba(255,255,255,.10);--row:rgba(255,255,255,.08)}
.band .muted{color:#A9BEE6}
.band .stats{border-color:rgba(255,255,255,.16)}
.band .stats .cap{color:#A9BEE6}
/* curtains: crisper — ruled hairlines + narrower glow */
.curtain i{filter:blur(6px);opacity:.55}
.curtain::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,var(--hair) 0 1px,transparent 1px 120px);opacity:.5}
/* record strip (hero) */
.strip{margin-top:64px;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);overflow:hidden;position:relative}
.strip .hd,.strip .r{display:grid;grid-template-columns:96px 1.5fr 1.6fr 1.2fr 1.6fr 1fr;gap:18px;padding:13px 0;font-size:14px;align-items:baseline}
.strip .hd{color:var(--muted);font-size:12.5px;border-bottom:1px solid var(--edge)}
.strip .r{border-bottom:1px solid rgba(255,255,255,.07);font-variant-numeric:tabular-nums;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
.strip .r.on{opacity:1;transform:none}
.strip .r.out{opacity:0;transform:translateY(-8px)}
.strip .r .t{font-family:var(--mono);font-size:12.5px;color:var(--muted)}
.strip .r .h{font-family:var(--mono);font-size:12.5px;color:var(--lav)}
.strip .r .ok{color:var(--mint)}.strip .r .no{color:var(--coral)}
.strip .r .dim{color:var(--muted)}
@media(max-width:860px){.strip .hd span:nth-child(n+4),.strip .r span:nth-child(n+4){display:none}.strip .hd,.strip .r{grid-template-columns:80px 1fr 1fr}}
.strip .ft{display:flex;justify-content:space-between;padding:12px 0 0;font-size:13px;color:var(--muted)}
.strip .ft b{color:var(--white);font-weight:500}
/* footer */
.foot{margin-top:120px;border-top:1px solid var(--edge)}
.foot .top-row{display:grid;gap:40px;padding:64px 0 48px}
@media(min-width:880px){.foot .top-row{grid-template-columns:1.6fr 1fr 1fr 1fr}}
.foot .word{font-family:var(--display);font-weight:300;font-size:clamp(44px,5vw,64px);line-height:1;display:flex;align-items:center;gap:14px;text-decoration:none}
.foot .word i{display:inline-block;width:20px;height:34px;border:2px solid currentColor;border-radius:2px;position:relative}
.foot .word i::after{content:"";position:absolute;left:50%;top:-7px;bottom:-7px;width:2px;background:currentColor;transform:translateX(-50%)}
.foot .tag{margin:20px 0 0;max-width:36ch;color:var(--muted);font-size:16px}
.foot h5{font-family:var(--body);font-weight:500;font-size:14px;margin:0 0 16px;color:var(--white)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.foot ul a{text-decoration:none;color:var(--muted);font-size:15.5px}
.foot ul a:hover{color:var(--white)}
.foot .base{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;padding:22px 0 36px;border-top:1px solid var(--edge);font-size:13.5px;color:var(--muted)}
.foot .base .sig{display:flex;gap:22px}
.foot .base .sig a{text-decoration:none}
/* pairs (benefits page) */
.ba{display:grid;border-top:1px solid var(--hair)}
.ba>div{display:grid;gap:14px;padding:30px 0;border-bottom:1px solid var(--hair)}
@media(min-width:880px){.ba>div{grid-template-columns:1.1fr 1fr 1fr;gap:40px}}
.ba h3{font-size:26px}
.ba .lab{font-weight:500;font-size:13.5px;color:var(--muted);display:block;margin-bottom:6px}
.ba p{margin:0;font-size:16px;color:var(--muted)}
.ba .after p{color:var(--white)}
.sheet .ba .after p{color:#083241}
/* company */
.exp{display:grid;gap:0;border-top:1px solid var(--hair)}
@media(min-width:760px){.exp{grid-template-columns:repeat(3,1fr)}}
.exp>div{padding:30px 32px 34px 0;border-bottom:1px solid var(--hair)}
@media(min-width:760px){.exp>div{border-bottom:0;border-right:1px solid var(--hair)}.exp>div:last-child{border-right:0}.exp>div+div{padding-left:32px}}
.exp h3{font-size:27px;margin-bottom:12px}.exp p{margin:0;color:var(--muted);font-size:16.5px}
.principles{display:grid;gap:0;border-top:1px solid var(--hair)}
.principles>div{display:grid;gap:8px;padding:24px 0;border-bottom:1px solid var(--hair)}
@media(min-width:880px){.principles>div{grid-template-columns:1fr 2fr;gap:40px}}
.principles b{font-weight:500;font-size:19px}.principles p{margin:0;color:var(--muted)}

/* ===== pass 7: cream register, no blue; full-bleed hero + footer ===== */
:root{--cream:#F1ECE1;--cream-2:#E6DFD0;--band-ground:#04222D}
.sheet{background:var(--cream)}
.sheet .panel,.sheet .form{box-shadow:inset 0 0 0 1px rgba(8,50,65,.14)}
.btn,nav .links .btn,.sheet .btn{background:var(--cream);color:#083241;border-color:var(--cream)}
.btn:hover,nav .links .btn:hover,.sheet .btn:hover{background:#fff}
.btn.ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.34)}
.btn.ghost:hover{background:var(--quiet)}
.sheet .btn{background:#083241;color:var(--cream);border-color:#083241}
.sheet .btn:hover{background:#0F4A5E}
.more,.sheet .more{border-bottom-color:currentColor}
nav .links a.here{border-bottom-color:var(--cream)}
:focus-visible{outline-color:var(--cream)}
.list li::before{background:var(--cream)}
.sheet .list li::before{background:#083241}
.tl .when{color:var(--white)}.sheet .tl .when{color:#083241}
.band{background:var(--band-ground);color:var(--white);--muted:#8FA5B1;--hair:rgba(255,255,255,.14);--edge:rgba(255,255,255,.16)}
.band .muted,.band .stats .cap{color:#8FA5B1}
.curtain i{background:linear-gradient(180deg,rgba(241,236,225,.5) 0%,rgba(241,236,225,.2) 45%,rgba(241,236,225,0) 92%)}
.curtain i:nth-child(3){background:linear-gradient(180deg,rgba(44,254,158,.2) 0%,rgba(44,254,158,.08) 50%,rgba(44,254,158,0) 92%)}
/* hero: full width type */
.hero .h1row{max-width:none}
.hero.big{padding:140px 0 120px}
@media(min-width:880px){.hero.big{padding:190px 0 170px}}
.hero.big h1{font-size:clamp(46px,7.2vw,108px);line-height:.98;letter-spacing:-.012em}
.hero.big .sub{margin-top:44px}
.hero.big .sub .lede{max-width:60ch;font-size:clamp(19px,1.9vw,24px)}
/* record table, static */
.strip{margin-top:0}
.strip .r{opacity:1;transform:none}
/* footer as destination, full bleed */
.foot{margin-top:140px;border-top:1px solid var(--edge);background:var(--band-ground)}
.foot .wrap{max-width:none;padding:0 28px}
@media(min-width:760px){.foot .wrap{padding:0 48px}}
.foot .lead{display:grid;gap:36px;padding:96px 0 72px;border-bottom:1px solid var(--edge);align-items:end}
@media(min-width:880px){.foot .lead{grid-template-columns:1.4fr 1fr;gap:80px}}
.foot .lead h2{font-size:clamp(38px,5vw,72px);line-height:1.02}
.foot .lead p{margin:18px 0 0;max-width:52ch;color:var(--muted);font-size:18px}
.foot .lead .go{display:flex;gap:12px;flex-wrap:wrap;justify-self:start}
@media(min-width:880px){.foot .lead .go{justify-self:end}}
.foot .top-row{padding:64px 0 56px;grid-template-columns:1fr}
@media(min-width:880px){.foot .top-row{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.foot .word{font-size:clamp(56px,7vw,110px)}
.foot .word i{width:26px;height:44px;border-width:2.5px}
.foot .word i::after{top:-9px;bottom:-9px;width:2.5px}
.foot .tag{font-size:17px;max-width:40ch}
.foot h5{font-size:15px}
.foot ul a{font-size:16px}
.foot .base{padding:26px 0 40px;font-size:13.5px}

/* ===== pass 8: lightness (after andera.ai), console window, faq ===== */
.sheet{background:#F6F3EC;--hair:rgba(8,50,65,.11);--muted:#587580;--muted-on-milk:#587580}
.sheet .panel,.sheet .form{box-shadow:inset 0 0 0 1px rgba(8,50,65,.10)}
@media(min-width:760px){.sheet{margin:0 28px}}
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;left:50%;top:-40%;width:1400px;height:900px;transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(241,236,225,.10),rgba(241,236,225,0) 70%);pointer-events:none}
.hero .wrap{position:relative}
.curtain i{opacity:.42}
/* console window */
.win{background:#FBFCFB;color:#083241;border-radius:8px;box-shadow:0 1px 0 rgba(8,50,65,.12),0 48px 90px -40px rgba(0,0,0,.55);overflow:hidden;font-size:13.5px;line-height:1.45;font-weight:300}
.win .bar{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:12px 18px;border-bottom:1px solid rgba(8,50,65,.10);font-size:12.5px;color:#587580}
.win .bar .url{font-family:var(--mono);font-size:12px;text-align:center}
.win .dots{display:flex;gap:6px}.win .dots i{width:9px;height:9px;border-radius:50%;background:rgba(8,50,65,.14);display:block}
.win .body{display:grid;grid-template-columns:200px 1fr;min-height:520px}
.win aside{border-right:1px solid rgba(8,50,65,.10);padding:22px 0;display:flex;flex-direction:column}
.win aside .brand{font-family:var(--display);font-size:18px;padding:0 22px 20px;display:flex;align-items:center;gap:8px}
.win aside .brand i{display:inline-block;width:9px;height:15px;border:1.5px solid currentColor;border-radius:2px;position:relative}
.win aside .brand i::after{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:1.5px;background:currentColor;transform:translateX(-50%)}
.win aside a{display:flex;justify-content:space-between;padding:9px 22px;color:#587580;font-weight:400}
.win aside a.on{color:#083241;background:rgba(8,50,65,.05);box-shadow:inset 3px 0 0 #083241}
.win aside a em{font-style:normal;font-family:var(--mono);font-size:11px;color:#C4654F}
.win aside .chain{margin-top:auto;padding:20px 22px 0;font-family:var(--mono);font-size:11.5px;color:#B0AEC6;line-height:1.7}
.win main{padding:26px 30px 30px;display:grid;gap:18px;align-content:start}
.win .mh{display:flex;justify-content:space-between;align-items:baseline}
.win .mh h3{font-size:24px}.win .mh span{color:#587580;font-size:12.5px}
.win .kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.win .kpi div{padding:14px 16px 12px;border:1px solid rgba(8,50,65,.10);border-radius:4px}
.win .kpi b{display:block;font-family:var(--display);font-weight:300;font-size:34px;line-height:1;margin-bottom:8px}
.win .kpi span{color:#587580;font-size:12.5px;display:block}
.win .kpi .warn{color:#C4654F}
.win .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.win .card{border:1px solid rgba(8,50,65,.10);border-radius:4px;padding:12px 16px 6px}
.win .ct{font-weight:500;font-size:13px;color:#587580;margin-bottom:8px}
.win .li{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-top:1px solid rgba(8,50,65,.08);font-variant-numeric:tabular-nums}
.win .li span:last-child{color:#587580;text-align:right;white-space:nowrap}
.win .li.hl{box-shadow:-3px 0 0 #E0806B;padding-left:8px;margin-left:-11px;background:rgba(224,128,107,.08)}
.win .li .lav{color:#7B78A3}.win .li .no{color:#C4654F}
.win .li .t,.win .li .h{font-family:var(--mono);font-size:12px}
.win .li .t{color:#587580;flex:0 0 66px}.win .li .h{color:#7B78A3}.win .li .h .ok{color:#128A5C;font-style:normal;margin-right:4px}
.win .card .li:has(.t){display:grid;grid-template-columns:66px 1.2fr 1.6fr auto}
@media(max-width:860px){.win .body{grid-template-columns:1fr}.win aside{display:none}.win .kpi,.win .two{grid-template-columns:1fr 1fr}.win .bar .who{display:none}}
@media(max-width:560px){.win .kpi{grid-template-columns:1fr 1fr}.win .card .li:has(.t){grid-template-columns:66px 1fr}.win .card .li:has(.t) span:nth-child(3){display:none}}
/* faq */
.faq{display:grid;border-top:1px solid var(--hair)}
.faq>div{display:grid;gap:10px;padding:28px 0;border-bottom:1px solid var(--hair)}
@media(min-width:880px){.faq>div{grid-template-columns:1fr 1.4fr;gap:48px}}
.faq b{font-family:var(--display);font-weight:300;font-size:26px;line-height:1.2}
.faq p{margin:0;color:var(--muted);font-size:17px;max-width:62ch}
.sheet .faq p{color:#3F5A66}
.faq .more{border-bottom-color:currentColor}
.pages.views div{grid-template-columns:110px 1fr 2fr}

/* ===== pass 9: dark regions go cream; footer air ===== */
.band,.foot{background:#F6F3EC;color:#083241;
  --white:#083241;--muted:#587580;--muted-on-milk:#587580;--hair:rgba(8,50,65,.11);--edge:rgba(8,50,65,.12);
  --milk:rgba(8,50,65,.06);--row:rgba(8,50,65,.085);--quiet:rgba(8,50,65,.05)}
.band .muted,.band .stats .cap,.foot .muted{color:#587580}
.band .stats{border-color:rgba(8,50,65,.12)}
.band .stats>div+div{border-left-color:rgba(8,50,65,.12)}
.band h1 .dim,.foot h2 .dim{color:#587580}
.band .btn,.foot .btn{background:#083241;color:var(--cream);border-color:#083241}
.band .btn:hover,.foot .btn:hover{background:#0F4A5E}
.foot .btn.ghost{background:transparent;color:#083241;border-color:rgba(8,50,65,.3)}
.foot .btn.ghost:hover{background:rgba(8,50,65,.05)}
.hero.band::before{background:radial-gradient(closest-side,rgba(8,50,65,.05),rgba(8,50,65,0) 70%)}
/* footer: air, smaller mark */
.foot{margin-top:160px;border-top:0}
.foot .lead{padding:130px 0 100px;gap:48px}
.foot .lead p{color:#587580}
.foot .top-row{padding:88px 0 96px;gap:48px}
@media(min-width:880px){.foot .top-row{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.foot .word{font-size:26px;font-weight:400;gap:11px;letter-spacing:.01em}
.foot .word i{width:13px;height:21px;border-width:2px}
.foot .word i::after{top:-5px;bottom:-5px;width:2px}
.foot h5{color:#083241;margin-bottom:20px}
.foot ul{gap:12px}
.foot ul a{color:#587580}.foot ul a:hover{color:#083241}
.foot .base{padding:30px 0 48px;border-top:1px solid rgba(8,50,65,.12);color:#587580}
.foot :focus-visible{outline-color:#083241}

/* ===== pass 10: home hero — cream, copy left, 3D gateway scene right ===== */
.hero.lit{background:#F6F3EC;color:#083241;--white:#083241;--muted:#587580;--hair:rgba(8,50,65,.11);padding:110px 0 120px;overflow:visible}
@media(min-width:880px){.hero.lit{padding:130px 0 150px}}
.hero.lit::before{display:none}
.hero-grid{display:grid;gap:56px;align-items:center}
@media(min-width:880px){.hero-grid{grid-template-columns:5fr 7fr;gap:64px}}
@media(min-width:1100px){.hero-grid{grid-template-columns:4.5fr 7.5fr}}
.hero.lit .copy h1{font-size:clamp(38px,3.7vw,58px);line-height:1.06;letter-spacing:-.008em;max-width:none}
.hero.lit .copy .lede{margin:26px 0 0;max-width:42ch;font-size:clamp(17px,1.3vw,19px);color:#587580}
.hero.lit .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero.lit .btn{background:#083241;color:var(--cream);border-color:#083241}
.hero.lit .btn:hover{background:#0F4A5E}
.hero.lit .btn.ghost{background:transparent;color:#083241;border-color:rgba(8,50,65,.3)}
.hero.lit .btn.ghost:hover{background:rgba(8,50,65,.05)}
/* the scene */
.scene{position:relative;perspective:1600px;perspective-origin:60% 40%;aspect-ratio:10/6.4;min-height:300px}
.scene .floor,.scene .plane{position:absolute;inset:0;transform-origin:50% 60%;transform:rotateX(52deg) rotateZ(-22deg) translateZ(0);border-radius:8px}
.scene .floor{background:rgba(8,50,65,.05);box-shadow:inset 0 0 0 1px rgba(8,50,65,.06)}
.scene .floor.f1{transform:rotateX(52deg) rotateZ(-22deg) translateZ(-38px) scale(1.04)}
.scene .floor.f2{transform:rotateX(52deg) rotateZ(-22deg) translateZ(-76px) scale(1.08);background:rgba(8,50,65,.03)}
.scene .plane{background:#FBFCFB;box-shadow:0 1px 0 rgba(8,50,65,.12),0 60px 90px -40px rgba(8,50,65,.45);padding:28px 30px 22px;transform-style:preserve-3d;animation:hover 9s ease-in-out infinite alternate}
@keyframes hover{from{transform:rotateX(52deg) rotateZ(-22deg) translateZ(0)}to{transform:rotateX(49deg) rotateZ(-19deg) translateZ(14px)}}
@media(prefers-reduced-motion:reduce){.scene .plane{animation:none}}
.scene .plane svg{width:100%;height:100%;display:block;overflow:visible}
.scene .door .lane{stroke:rgba(8,50,65,.32);stroke-width:1.6}
.scene .door .lane.deny{stroke:rgba(224,128,107,.7)}
.scene .door .box{fill:rgba(8,50,65,.07)}
.scene .door .box.deny{fill:none;stroke:rgba(224,128,107,.8);stroke-width:1.4}
.scene .door .lbl{fill:#083241;font-size:12px}
.scene .door .lbl.deny{fill:#C4654F}
.scene .door .deny-lbl{fill:#C4654F;opacity:.55;transition:opacity .2s}
.scene .door .gate{fill:rgba(8,50,65,.12)}
.scene .door .pkt{r:5}
.scene .door .counter{fill:#587580;font-size:11.5px}
.scene .door .counter tspan.v{fill:#128A5C}
/* the standing slab: rises from the gate footprint */
.scene .slab{position:absolute;left:calc(30px + (100% - 60px) * .51);top:calc(28px + (100% - 50px) * .30);width:calc((100% - 60px) * .06);height:calc((100% - 50px) * .37);transform-style:preserve-3d;pointer-events:none}
.scene .slab i{position:absolute;left:40%;right:40%;bottom:0;height:100%;transform-origin:50% 100%;transform:rotateX(-90deg) translateZ(0);background:linear-gradient(180deg,#0F4A5E,#083241);border-radius:2px;box-shadow:0 0 0 1px rgba(8,50,65,.2),inset 0 0 0 1px rgba(255,255,255,.08)}
.scene .slab i::after{content:"";position:absolute;left:50%;top:8%;bottom:8%;width:2px;margin-left:-1px;background:#2CFE9E;border-radius:1px;box-shadow:0 0 10px rgba(44,254,158,.7)}
@media(max-width:879px){.scene{aspect-ratio:10/7;perspective-origin:50% 40%}}
.scene .floor,.scene .plane{transform:rotateX(50deg) rotateZ(-18deg) translateZ(0) scale(.86)}
.scene .floor.f1{transform:rotateX(50deg) rotateZ(-18deg) translateZ(-38px) scale(.9)}
.scene .floor.f2{transform:rotateX(50deg) rotateZ(-18deg) translateZ(-76px) scale(.94)}
@keyframes hover{from{transform:rotateX(50deg) rotateZ(-18deg) translateZ(0) scale(.86)}to{transform:rotateX(47deg) rotateZ(-15deg) translateZ(14px) scale(.86)}}
.scene{perspective-origin:55% 35%}
.scene .slab{left:calc(30px + (100% - 60px) * .497)}
.ground>section:first-child{padding-top:130px}

/* ===== pass 11: abstract hero object — three planes, one beam ===== */
.stack{position:relative;perspective:1500px;perspective-origin:50% 30%;aspect-ratio:1/0.82;min-height:320px}
.stack .iso{position:absolute;left:50%;top:58%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(62deg) rotateZ(-38deg);animation:sway 14s ease-in-out infinite alternate}
@keyframes sway{from{transform:rotateX(62deg) rotateZ(-38deg)}to{transform:rotateX(58deg) rotateZ(-30deg)}}
.stack .grid,.stack .slab{position:absolute;left:-190px;top:-190px;width:380px;height:380px;border-radius:3px;transform-style:preserve-3d}
.stack .grid{transform:translateZ(-60px) scale(1.25);background:
  linear-gradient(rgba(8,50,65,.10) 1px,transparent 1px) 0 0/38px 38px,
  linear-gradient(90deg,rgba(8,50,65,.10) 1px,transparent 1px) 0 0/38px 38px;
  -webkit-mask:radial-gradient(closest-side,#000 40%,transparent 100%);mask:radial-gradient(closest-side,#000 40%,transparent 100%)}
.stack .slab{background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(8,50,65,.28),0 30px 50px -30px rgba(8,50,65,.35);backdrop-filter:blur(2px)}
.stack .slab::before{content:"";position:absolute;inset:0;border-radius:3px;background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,0) 60%)}
.stack .s1{transform:translateZ(0)}
.stack .s2{transform:translateZ(110px);background:rgba(255,255,255,.42)}
.stack .s3{transform:translateZ(220px);background:rgba(255,255,255,.30)}
.stack .slab .tag{position:absolute;left:14px;top:12px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#083241}
.stack .slab .ring{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:1.5px solid #128A5C;opacity:0;animation:ring 4.2s linear infinite}
.stack .s1 .ring{animation-delay:.3s}.stack .s2 .ring{animation-delay:1.55s}.stack .s3 .ring{animation-delay:2.8s}
@keyframes ring{0%{opacity:0;transform:scale(.3)}6%{opacity:.9}30%{opacity:0;transform:scale(2.6)}100%{opacity:0;transform:scale(2.6)}}
.stack .slab::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#083241}
.stack .beam{position:absolute;left:0;top:0;width:2px;height:300px;margin-left:-1px;transform-origin:50% 100%;transform:translateZ(0) rotateX(-90deg) translateY(0);background:linear-gradient(180deg,rgba(8,50,65,0),rgba(8,50,65,.55) 20%,rgba(8,50,65,.55) 80%,rgba(8,50,65,0));transform-style:preserve-3d}
.stack .beam{transform:rotateX(-90deg);top:-300px}
.stack .beam b{position:absolute;left:50%;bottom:0;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#2CFE9E;box-shadow:0 0 12px rgba(44,254,158,.9),0 0 2px #128A5C;animation:rise 4.2s linear infinite}
@keyframes rise{0%{bottom:-6px;opacity:0}5%{opacity:1}70%{bottom:226px;opacity:1}78%{opacity:0}100%{bottom:226px;opacity:0}}
@media(prefers-reduced-motion:reduce){.stack .iso,.stack .ring,.stack .beam b{animation:none}.stack .ring{opacity:.6;transform:scale(1.6)}.stack .beam b{bottom:110px}}
@media(max-width:879px){.stack{aspect-ratio:1/0.9}.stack .grid,.stack .slab{width:300px;height:300px;left:-150px;top:-150px}.stack .s2{transform:translateZ(85px)}.stack .s3{transform:translateZ(170px)}}
@keyframes rise{0%{bottom:232px;opacity:0}5%{opacity:1}70%{bottom:-4px;opacity:1}78%{opacity:0}100%{bottom:-4px;opacity:0}}
.stack .s3 .ring{animation-delay:.3s}.stack .s2 .ring{animation-delay:1.55s}.stack .s1 .ring{animation-delay:2.8s}

/* ===== v2 pass 12: light mode base (miso) ===== */
:root{--ground:#F6F3EC;--white:#083241;--muted:#587580;--muted-on-milk:#587580;--hair:rgba(8,50,65,.11);--edge:rgba(8,50,65,.12);
  --milk:rgba(8,50,65,.06);--row:rgba(8,50,65,.085);--quiet:rgba(8,50,65,.05);--bright:rgba(8,50,65,.3);--mint:#128A5C;--lav:#7B78A3;--coral:#C4654F}
body{background:#F6F3EC;color:#083241}
h2 .dim,h1 .dim{color:#587580}
.top{background:rgba(246,243,236,.86);border-bottom:1px solid rgba(8,50,65,.11)}
nav .links a{color:#587580}nav .links a:hover,nav .links a.here{color:#083241}
nav .links a.here{border-bottom-color:#083241}
.btn,nav .links .btn,.sheet .btn{background:#083241;color:#F6F3EC;border-color:#083241}
.btn:hover,nav .links .btn:hover,.sheet .btn:hover{background:#0F4A5E}
.btn.ghost,.sheet .btn.ghost{background:transparent;color:#083241;border-color:rgba(8,50,65,.3)}
.btn.ghost:hover{background:rgba(8,50,65,.05)}
:focus-visible{outline-color:#083241}
.sheet{background:#FDFCFA;box-shadow:0 1px 0 rgba(8,50,65,.06),0 24px 60px -40px rgba(8,50,65,.25)}
.panel,.req,.form,.rec{box-shadow:inset 0 0 0 1px rgba(8,50,65,.12)}
.chip{color:#083241}.chip.mint{background:#128A5C;color:#F6F3EC}.chip.lav{background:#B0AEC6;color:#083241}
.chip.coral{color:#C4654F;box-shadow:inset 0 0 0 1.6px rgba(196,101,79,.7)}.chip.ghost{box-shadow:inset 0 0 0 1px rgba(8,50,65,.3)}
.pair .wire{stroke:rgba(8,50,65,.5)}.pair .wire.coral{stroke:rgba(224,128,107,.9)}.pair .gate{fill:rgba(8,50,65,.28)}.pair .lbl{fill:#083241}.pair .sum b{color:#083241}
.req .hdr .st.mint{color:#128A5C}.req .id .r{background:#B0AEC6;color:#083241}
.req .steps span{box-shadow:inset 0 0 0 1px rgba(8,50,65,.2)}.req .steps span.done{color:#128A5C}
.req .tail .row{background:var(--row)}
.nest .o{background:rgba(8,50,65,.06)}.nest .m{background:rgba(8,50,65,.10)}.nest .i{background:rgba(8,50,65,.16)}.nest div{border-color:rgba(8,50,65,.16)}.nest .lbl,.nest .out{color:#083241}
.strip .r .ok{color:#128A5C}.strip .r .no{color:#C4654F}.strip .r .h{color:#7B78A3}
.stats .cap{color:#587580}
.curtain i{background:linear-gradient(180deg,rgba(8,50,65,.10) 0%,rgba(8,50,65,.04) 45%,rgba(8,50,65,0) 92%);opacity:.6}
.curtain i:nth-child(3){background:linear-gradient(180deg,rgba(18,138,92,.14) 0%,rgba(18,138,92,.05) 50%,rgba(18,138,92,0) 92%)}
.list li::before{background:#083241}
.tl .when{color:#083241}
.form input{background:#fff;border-color:rgba(8,50,65,.18);color:#083241}.form input::placeholder{color:#587580}
.today b{color:#C4654F}
.mint{color:#128A5C}.coral{color:#C4654F}.lav{color:#7B78A3}
.door .lbl{fill:#083241}.door .lbl.dim{fill:#587580}.door .lane{stroke:rgba(8,50,65,.32)}.door .lane.deny{stroke:rgba(196,101,79,.6)}.door .gate{fill:rgba(8,50,65,.12)}.door .gate-bar{fill:#128A5C}.door .counter{fill:#587580}.door .counter tspan.v{fill:#128A5C}
.door .box{fill:rgba(8,50,65,.07)}.door .box.deny{fill:none;stroke:rgba(196,101,79,.8);stroke-width:1.4}.door .lbl.deny{fill:#C4654F}
.door .deny-lbl{fill:#C4654F;opacity:.55;transition:opacity .2s}
/* navy hero (serif on navy) */
.hero.dark{background:#083241;color:#F0F5F4;--white:#F0F5F4;--muted:#8FA5B1;--hair:rgba(255,255,255,.14);--mint:#2CFE9E}
.hero.dark h1 .dim{color:#8FA5B1}.hero.dark .muted{color:#8FA5B1}
.hero.dark .btn{background:#F1ECE1;color:#083241;border-color:#F1ECE1}.hero.dark .btn:hover{background:#fff}
.hero.dark .btn.ghost{background:transparent;color:#F0F5F4;border-color:rgba(255,255,255,.34)}.hero.dark .btn.ghost:hover{background:rgba(255,255,255,.07)}
.hero.dark::before{display:none}
.hero.dark .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero.dark .h1row{max-width:22ch}
.hero.dark .sub{display:grid;gap:28px;margin-top:30px;align-items:end}
@media(min-width:880px){.hero.dark .sub{grid-template-columns:1fr auto;gap:60px}}
.hero.dark .sub .lede{max-width:56ch;margin:0}
.hero.dark .stack .slab{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.hero.dark .stack .slab::before{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,0) 60%)}
.hero.dark .stack .slab .tag{color:#F0F5F4}.hero.dark .stack .slab::after{background:#F0F5F4}
.hero.dark .stack .grid{background:linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px) 0 0/38px 38px,linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px) 0 0/38px 38px}
.hero.dark .stack .beam{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.6) 20%,rgba(255,255,255,.6) 80%,rgba(255,255,255,0))}
.hero.dark .stack .slab .ring{border-color:#2CFE9E}
.hero-grid{display:grid;gap:56px;align-items:center}
@media(min-width:880px){.hero-grid{grid-template-columns:5fr 7fr;gap:64px}}
.hero.dark .copy h1{font-size:clamp(40px,4.2vw,64px);line-height:1.04;letter-spacing:-.01em}
.hero.dark .copy .lede{margin:26px 0 0;max-width:46ch;font-size:clamp(17px,1.35vw,20px)}
/* persona tabs + console */
.tabs{display:flex;gap:6px;margin-bottom:16px}
.tabs button{font:inherit;font-weight:500;font-size:14px;padding:9px 14px;border-radius:3px;border:1px solid rgba(8,50,65,.2);background:transparent;color:#587580;cursor:pointer}
.tabs button.on{background:#083241;color:#F6F3EC;border-color:#083241}
.win main[data-persona]{display:none}.win main[data-persona].on{display:grid}
.win .kpi .bar-b{height:4px;background:rgba(8,50,65,.10);border-radius:2px;margin-top:8px;overflow:hidden}.win .kpi .bar-b i{display:block;height:100%;background:#083241}
.win .kpi .bar-b i.warn{background:#C4654F}
.win .li .ok{color:#128A5C}
/* yes in a day */
.yes{display:grid;gap:16px}
@media(min-width:900px){.yes{grid-template-columns:1fr 1fr 1fr}}
.yes>div{background:#FBFCFB;border-radius:8px;box-shadow:0 1px 0 rgba(8,50,65,.12),0 30px 60px -36px rgba(8,50,65,.4);padding:18px 20px 20px;font-size:13.5px;line-height:1.45;display:flex;flex-direction:column;gap:10px}
.yes .yh{display:flex;justify-content:space-between;font-size:12.5px;color:#587580;padding-bottom:10px;border-bottom:1px solid rgba(8,50,65,.10)}
.yes .yh b{color:#083241;font-weight:500}
.yes .f{display:grid;grid-template-columns:96px 1fr;gap:6px 12px;align-items:baseline}
.yes .f span:nth-child(odd){color:#587580;font-size:12.5px}
.yes .chips{display:flex;gap:6px;flex-wrap:wrap}
.yes .btn{align-self:flex-start;font-size:13.5px;padding:9px 14px;margin-top:auto}
.yes .fx{display:grid;gap:6px;margin:2px 0}
.yes .fx span{padding:7px 10px;border-radius:3px;background:rgba(8,50,65,.05);font-size:13px}
.yes .fx .warn{box-shadow:inset 0 0 0 1px rgba(196,101,79,.6);background:rgba(196,101,79,.07)}
.yes .diff{font-family:var(--mono);font-size:12.5px;padding:10px 12px;border-radius:3px;background:rgba(8,50,65,.05);line-height:1.6}
.yes .diff .del{color:#C4654F;text-decoration:line-through}.yes .diff .add{color:#128A5C}
.yes .live{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#587580}
.yes .live b{color:#128A5C;font-weight:500}
.yes .n{font-family:var(--display);font-size:20px;color:#587580;margin-right:8px}
/* builder timeline (today, left) */
.wait{display:grid;gap:0;margin-top:6px}
.wait div{display:grid;grid-template-columns:78px 1fr;gap:14px;padding:11px 0;border-top:1px solid var(--hair);font-size:14.5px;align-items:baseline}
.wait div span:first-child{color:#587580;font-size:12.5px;font-family:var(--mono)}
.wait div.no span:last-child{color:#C4654F}
/* solutions */
.sit{display:grid;gap:36px;padding:72px 0;border-top:1px solid var(--hair)}
@media(min-width:960px){.sit{grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}}
.sit .q{font-family:var(--display);font-size:clamp(20px,1.7vw,24px);line-height:1.4;color:#587580;margin:18px 0 28px;max-width:44ch}
.sit dl{display:grid;gap:14px;margin:0}
.sit dl div{display:grid;grid-template-columns:150px 1fr;gap:16px;font-size:16px}
.sit dt{color:#587580;font-weight:500;font-size:14px;padding-top:2px}.sit dd{margin:0;color:#083241}
.sit dd.out{color:#587580}
.crop{background:#FBFCFB;border-radius:8px;box-shadow:0 1px 0 rgba(8,50,65,.12),0 40px 70px -40px rgba(8,50,65,.4);overflow:hidden;font-size:13.5px}
.crop .cb{display:flex;justify-content:space-between;padding:11px 16px;border-bottom:1px solid rgba(8,50,65,.10);font-size:12.5px;color:#587580}
.crop .cb b{color:#083241;font-weight:500}
.crop .li{display:flex;justify-content:space-between;gap:14px;padding:10px 16px;border-top:1px solid rgba(8,50,65,.07);font-variant-numeric:tabular-nums}
.crop .li:first-of-type{border-top:0}
.crop .li span:last-child{color:#587580;white-space:nowrap}
.crop .li.hl{box-shadow:inset 3px 0 0 #E0806B;background:rgba(224,128,107,.08)}
.crop .li .no{color:#C4654F}.crop .li .ok{color:#128A5C}.crop .li .lav{color:#7B78A3}.crop .li .t{font-family:var(--mono);font-size:12px;color:#587580}
.crop .cf{padding:10px 16px;font-size:12px;color:#587580;border-top:1px solid rgba(8,50,65,.10)}
/* seats (who) */
.seat{display:grid;gap:20px;padding:56px 0;border-top:1px solid var(--hair)}
@media(min-width:900px){.seat{grid-template-columns:1fr 1.3fr;gap:64px}}
.seat h2{font-size:clamp(30px,3vw,42px)}
.seat .today{margin-top:16px;color:#587580;font-size:16px;max-width:40ch}
.seat .today b{display:block;margin-bottom:4px}
.seat ul{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.seat li{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:baseline;padding-bottom:14px;border-bottom:1px solid var(--hair)}
.seat li b{font-weight:500;font-size:18px;display:block}
.seat li span{color:#587580;font-size:15.5px}
.seat li a{white-space:nowrap}
/* groups (what you get) */
.groups{display:grid;gap:44px}
.group h3{font-size:22px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--hair)}
.group .gainsx>div{padding-top:22px}
.compose{background:#083241;color:#F0F5F4;border-radius:8px;padding:22px 26px;font-family:var(--mono);font-size:13px;line-height:1.7;white-space:pre;overflow-x:auto}
.compose .c{color:#8FA5B1}.compose .k{color:#B0AEC6}.compose .v{color:#2CFE9E}
.parts{display:grid;gap:16px}@media(min-width:800px){.parts{grid-template-columns:1fr 1fr 1fr}}
.parts .panel h3{font-size:24px;margin-bottom:10px}.parts .panel p{margin:0;font-size:15.5px;color:#587580;background:transparent;padding:0}
.faq b{color:#083241}
.win .kpi .bar-b{padding:0;border:0;height:4px;border-radius:2px}
@media(min-width:880px){.foot .top-row{grid-template-columns:1.1fr 1fr 1.6fr 1fr 1fr}}
/* ===== v2 pass 13: hero flow field ===== */
.flow{position:relative;aspect-ratio:10/7;min-height:340px}
.flow canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
@media(min-width:880px){.hero-grid{grid-template-columns:5fr 7fr;gap:40px}.flow{margin-right:-64px}}
/* ===== v2 pass 14: copy rewrite devices ===== */
.route{background:#FBFCFB;border-radius:8px;box-shadow:0 1px 0 rgba(8,50,65,.12),0 40px 70px -40px rgba(8,50,65,.4);padding:18px 22px 8px;font-size:15px}
.route .rh{display:flex;gap:12px;align-items:baseline;font-family:var(--display);font-size:22px;padding-bottom:12px;border-bottom:1px solid rgba(8,50,65,.10);margin-bottom:6px}
.route .rh .arr{color:#587580;font-family:var(--body);font-size:16px}
.route dl{margin:0}.route dl div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:10px 0;border-top:1px solid rgba(8,50,65,.07)}
.route dl div:first-child{border-top:0}
.route dt{color:#587580;font-size:13.5px;font-weight:500;padding-top:2px}.route dd{margin:0}
.route .ok{color:#128A5C;font-weight:500}.route .no{color:#C4654F;font-weight:500}
.route .res{background:rgba(18,138,92,.08);margin:6px -22px -8px;padding:12px 22px 14px;border-top:1px solid rgba(18,138,92,.2)}
.route .res dd b{color:#128A5C;font-family:var(--mono);letter-spacing:.06em;font-size:13px}
.route .res.deny{background:rgba(196,101,79,.07);border-top-color:rgba(196,101,79,.25)}.route .res.deny dd b{color:#C4654F}
.route.small{margin-top:16px;font-size:14px;opacity:.92}.route.small .rh{font-size:19px}
.two-up{display:grid;gap:36px;border-top:1px solid var(--hair);padding-top:44px}
@media(min-width:880px){.two-up{grid-template-columns:1fr 1fr;gap:64px}}
.two-up h3{font-family:var(--body);font-weight:500;font-size:14px;color:#587580;margin-bottom:14px}
.two-up .big{font-family:var(--display);font-size:clamp(24px,2.2vw,30px);line-height:1.25;margin:0 0 14px}
.two-up p{color:#587580;font-size:16.5px;max-width:52ch}
.hero.dark .list li::before{background:#F1ECE1}.hero.dark .list li{color:#F0F5F4}
.hero.dark .nest .o{background:rgba(255,255,255,.08)}.hero.dark .nest .m{background:rgba(255,255,255,.14)}.hero.dark .nest .i{background:rgba(255,255,255,.24)}.hero.dark .nest div{border-color:rgba(255,255,255,.18)}.hero.dark .nest .lbl,.hero.dark .nest .out{color:#F0F5F4}
/* ===== v2 pass 15: get started ===== */
.guides{display:grid;gap:18px}@media(min-width:900px){.guides{grid-template-columns:1fr 1fr}}
.guide{background:var(--milk);border-radius:8px;padding:26px 28px 24px;box-shadow:inset 0 0 0 1px rgba(8,50,65,.12)}
.guide h3{font-size:24px;margin-bottom:10px}
.guide .pre{font-size:15px;color:#587580;margin:0 0 16px}.guide .pre b{color:#083241;font-weight:500}
.guide ol{margin:0;padding-left:22px;display:grid;gap:8px;font-size:15.5px}
.guide ol li::marker{color:#587580;font-family:var(--mono);font-size:13px}
.two-up .list li{font-size:16px}
.fields div span:first-child{font-family:var(--body);font-size:15px;font-weight:500;letter-spacing:0}
/* ===== v2 pass 16: security & deployment ===== */
.num-lbl{display:block;font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;color:#587580;margin-bottom:14px}
.h3{font-size:26px}
.arch{background:#FBFCFB;color:#083241;border-radius:8px;padding:22px 24px;box-shadow:0 1px 0 rgba(8,50,65,.12),0 40px 70px -40px rgba(0,0,0,.5);font-size:14px;display:grid;gap:10px;text-align:center}
.arch .tier{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.arch .tier span{padding:9px 14px;border:1px solid rgba(8,50,65,.2);border-radius:3px;font-weight:500}
.arch .tier.out span{border-style:dashed}.arch .tier .dim{border:0;color:#587580;font-weight:300;font-size:12.5px;padding:9px 0}
.arch .down{color:#587580;font-size:12.5px;font-family:var(--mono)}
.arch .box{border:1px solid #083241;border-radius:4px;padding:14px 16px;display:grid;gap:12px}
.arch .bt{display:flex;justify-content:space-between;align-items:baseline}.arch .bt b{font-family:var(--display);font-weight:400;font-size:22px}.arch .bt span{color:#587580;font-size:12.5px}
.arch .cells{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.arch .cells span{background:rgba(8,50,65,.06);padding:10px 4px;border-radius:3px;font-size:12.5px}
.arch .store{font-size:12px;color:#587580;border-top:1px solid rgba(8,50,65,.10);padding-top:10px}
@media(max-width:560px){.arch .cells{grid-template-columns:repeat(2,1fr)}}
.callouts{display:grid;gap:18px;border-top:1px solid var(--hair);padding-top:36px}
@media(min-width:900px){.callouts{grid-template-columns:1fr 1fr 1fr;gap:44px}}
.callouts h3{font-size:22px;margin-bottom:10px}.callouts p{margin:0;color:#587580;font-size:16px}
.boundary{display:grid;gap:36px}@media(min-width:900px){.boundary{grid-template-columns:1fr 1.2fr;gap:64px}}
.boundary h3{font-size:22px;margin-bottom:18px}.boundary .big{font-family:var(--display);font-size:clamp(22px,2vw,28px);line-height:1.3;margin:0 0 16px}
.boundary p{color:#587580;font-size:16px;max-width:52ch}
.fit{display:grid;border-top:1px solid var(--hair)}
.fit>div{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;padding:14px 0;border-bottom:1px solid var(--hair);font-size:16px}
.fit .hd{color:#587580;font-size:13.5px;font-weight:500}
.fit>div span:last-child{color:#587580}.fit .hd span:last-child{color:#587580}
.steps4{display:grid;gap:24px;border-top:1px solid var(--hair);padding-top:32px}
@media(min-width:900px){.steps4{grid-template-columns:repeat(4,1fr);gap:32px}}
.steps4 .n{font-family:var(--mono);font-size:12.5px;color:#587580;display:block;margin-bottom:12px}
.steps4 h3{font-size:20px;margin-bottom:10px}.steps4 p{margin:0;color:#587580;font-size:15.5px}
.cta-panel{background:#083241;color:#F0F5F4;border-radius:8px;padding:56px 48px;display:grid;gap:18px;justify-items:start}
.cta-panel h2{font-size:clamp(30px,3.2vw,44px)}.cta-panel .muted{color:#8FA5B1;max-width:56ch;margin:0}
.cta-panel .btn{background:#F1ECE1;color:#083241;border-color:#F1ECE1}
/* ===== v2 pass 17: light heroes, dark bands lower down ===== */
.hero{background:#F6F3EC;color:#083241}
.hero::before{display:none}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero .h1row{max-width:22ch}
.hero .sub{display:grid;gap:28px;margin-top:30px;align-items:end}
@media(min-width:880px){.hero .sub{grid-template-columns:1fr auto;gap:60px}}
.hero .sub .lede{max-width:56ch;margin:0}
.hero .list li::before{background:#083241}
.hero .form{background:#FDFCFA}
.hero{border-bottom:1px solid rgba(8,50,65,.08)}
.arch{box-shadow:0 1px 0 rgba(8,50,65,.12),0 40px 70px -40px rgba(8,50,65,.4)}
section.dark,.band.dark{background:#083241;color:#F0F5F4;--white:#F0F5F4;--muted:#8FA5B1;--hair:rgba(255,255,255,.14);--edge:rgba(255,255,255,.16)}
section.dark .muted,.band.dark .muted,.band.dark .stats .cap{color:#8FA5B1}
section.dark h2 .dim{color:#8FA5B1}
.band.dark .stats{border-color:rgba(255,255,255,.14)}.band.dark .stats>div+div{border-left-color:rgba(255,255,255,.14)}
section.dark .lede{color:#F0F5F4}
/* ===== v2 pass 18: value lens ===== */
.outcomes{display:grid;gap:32px;border-top:1px solid var(--hair);padding-top:44px}
@media(min-width:900px){.outcomes{grid-template-columns:1fr 1fr 1fr;gap:48px}}
.outcomes .for{display:block;font-size:13.5px;font-weight:500;color:#587580;margin-bottom:12px}
.outcomes h3{font-size:26px;margin-bottom:12px}.outcomes p{margin:0;color:#587580;font-size:16px}
.roles-t{display:grid;border-top:1px solid var(--hair)}
.roles-t>div{display:grid;grid-template-columns:1fr;gap:8px;padding:16px 0;border-bottom:1px solid var(--hair);font-size:15.5px}
@media(min-width:880px){.roles-t>div{grid-template-columns:150px 1.1fr 1.3fr;gap:28px}}
.roles-t .hd{color:#587580;font-size:13.5px;font-weight:500}
.roles-t>div span:first-child{font-weight:500}
.roles-t>div span:nth-child(2){color:#587580}
.sit dd b{font-weight:400;color:#083241}
/* ===== v2 pass 19: full-width nav; footer lead constrained ===== */
.top .wrap{max-width:none;padding:0 28px}
@media(min-width:760px){.top .wrap{padding:0 48px}}
.foot .lead{display:block;max-width:var(--max);margin:0 auto;padding:110px 44px 90px;border-bottom:0}
.foot .lead h2{max-width:20ch}
.foot .lead p{max-width:56ch}
.foot .lead .go{margin-top:32px;justify-self:start}
.foot .top-row{border-top:1px solid var(--edge)}
.foot .lead{padding:110px 0 90px;max-width:calc(var(--max) - 88px)}
.foot .lead{max-width:1232px}
.foot .lead{margin:0 auto 0 max(-4px,calc((100vw - 1328px)/2))}
.foot .wrap{max-width:none;width:100%;margin:0;box-sizing:border-box}

/* ===== v2 pass 20: white ground, sans headings, smaller scale (Stripe-ish proportion) ===== */
:root{--display:"Inter",system-ui,sans-serif;--max:1180px;--muted:#4F6A75;--muted-on-milk:#4F6A75;--hair:rgba(8,50,65,.10)}
body{background:#FFFFFF;color:#0B2E3C;font-size:16px;line-height:1.55}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.022em;line-height:1.08;color:#0B2E3C}
h1{font-size:clamp(34px,4vw,54px)}
h2{font-size:clamp(26px,2.8vw,36px);letter-spacing:-.02em;line-height:1.12}
h3{font-size:19px;letter-spacing:-.01em;line-height:1.3;font-weight:600}
h4{font-size:16px}
h2 .dim,h1 .dim{color:#7A8F99;font-weight:600}
.lede{font-size:clamp(16px,1.25vw,18px);line-height:1.55}
p{margin:0 0 .9em}
.muted{color:#4F6A75}
.num{font-family:var(--display);font-weight:600;font-size:clamp(40px,4.2vw,56px);letter-spacing:-.03em}
.mark{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.01em}
.mark i{width:11px;height:18px;border-width:1.8px}.mark i::after{top:-4px;bottom:-4px;width:1.8px}
.top{background:rgba(255,255,255,.85);border-bottom:1px solid rgba(8,50,65,.08)}
nav{height:60px}nav .links{gap:26px;font-size:14.5px}
.btn,nav .links .btn,.sheet .btn{font-size:14.5px;padding:10px 16px;border-radius:6px;font-weight:500}
nav .links .btn{padding:8px 14px;font-size:14px}
.more{font-size:15px;font-weight:500}
section,header.hero{padding:88px 0}
@media(min-width:760px){section,header.hero{padding:104px 0}}
section.flush{padding-top:0}
.hero{background:#FFFFFF;border-bottom:0;padding:88px 0 72px}
@media(min-width:880px){.hero{padding:112px 0 88px}}
.hero .h1row{max-width:18ch}
.hero .sub{margin-top:26px;gap:24px}
.hero .sub .lede{max-width:58ch}
.hero .actions{margin-top:28px}
.sec-head{max-width:640px;margin-bottom:36px}.sec-head p{margin:14px 0 0}
.cols{gap:40px}
/* surfaces */
.sheet{background:#F6F9FC;box-shadow:none;border-radius:12px;margin:0 20px}
@media(min-width:760px){.sheet{margin:0 24px}}
.panel,.req,.form,.rec,.guide{box-shadow:inset 0 0 0 1px rgba(8,50,65,.10);background:#fff;border-radius:8px}
.sheet .panel,.sheet .form{box-shadow:inset 0 0 0 1px rgba(8,50,65,.10);background:#fff}
.win,.route,.crop,.paper,.arch{box-shadow:0 0 0 1px rgba(8,50,65,.10),0 12px 32px -20px rgba(8,50,65,.25)}
.curtain{display:none}
.band{background:#F6F9FC}
section.dark,.band.dark{background:#0B2E3C}
section.dark h2{color:#fff}
/* type inside devices and lists */
.gainsx h3{font-size:18px;margin-bottom:8px}.gainsx p{font-size:15px}.gainsx>div{padding:22px 24px 26px 0}
.outcomes h3{font-size:19px;margin-bottom:8px}.outcomes p{font-size:15px}.outcomes .for{font-size:12.5px;margin-bottom:10px}
.two-up .big{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.015em;line-height:1.3;margin:0 0 10px}
.two-up p{font-size:15px}.two-up h3{font-size:12.5px;font-weight:500;margin-bottom:10px}
.two-up{padding-top:36px;gap:48px}
.roles-t>div{font-size:14.5px;padding:14px 0}.roles-t .hd{font-size:12.5px}
.sit{padding:56px 0;gap:48px}.sit .q{font-family:var(--body);font-style:italic;font-weight:300;font-size:17px;color:#4F6A75;margin:12px 0 22px}
.sit dl{gap:10px}.sit dl div{font-size:15px;grid-template-columns:140px 1fr}.sit dt{font-size:13px}
.seat{padding:44px 0}.seat h2{font-size:26px}.seat .today{font-size:15px}.seat li b{font-size:16px}.seat li span{font-size:14.5px}
.pages div{padding:14px 0}.pages div b{font-weight:600;font-size:15.5px}.pages div span{font-size:14.5px}.pages div i{font-size:13px}
.fields div{padding:11px 0;gap:14px}.fields div span:first-child{font-size:14.5px;font-weight:600}.fields div span:last-child{font-size:14.5px}
.list li{font-size:15.5px}.list{gap:11px}.list li::before{width:6px;height:6px;border-radius:50%;top:.6em}
.tl h4{font-size:15.5px}.tl p{font-size:14px}.tl .when{font-size:12.5px}
.faq b{font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:-.01em}.faq p{font-size:15px}.faq>div{padding:22px 0}
.principles b{font-size:16px}.principles p{font-size:15px}.principles>div{padding:18px 0}
.exp h3{font-size:18px;margin-bottom:8px}.exp p{font-size:15px}.exp>div{padding:22px 24px 26px 0}
.callouts h3{font-size:18px}.callouts p{font-size:15px}.callouts{padding-top:32px}
.boundary h3{font-size:18px}.boundary .big{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.015em;line-height:1.3}.boundary p{font-size:15px}
.fit>div{font-size:15px;padding:12px 0}.fit .hd{font-size:12.5px}
.steps4 h3{font-size:16.5px}.steps4 p{font-size:14.5px}.steps4 .n{font-size:12px}
.h3{font-size:19px}
.cta-panel{padding:44px 40px;border-radius:12px}.cta-panel h2{font-size:clamp(24px,2.6vw,32px);color:#fff}
.parts .panel h3{font-size:18px}.parts .panel p{font-size:14.5px}
.route{font-size:14px}.route .rh{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:-.01em}
.route dl div{grid-template-columns:130px 1fr;padding:9px 0}.route dt{font-size:12.5px}
.win{font-size:13px}.win .mh h3{font-size:18px;font-weight:600}.win .kpi b{font-family:var(--display);font-weight:600;font-size:26px;letter-spacing:-.02em}
.win aside .brand{font-family:var(--display);font-weight:600;font-size:15px}
.paper h3{font-family:var(--display);font-weight:600;font-size:20px}.paper .cell b{font-family:var(--display);font-weight:600;font-size:26px;letter-spacing:-.02em}
.arch .bt b{font-family:var(--display);font-weight:600;font-size:16px}
.crop .cb b{font-weight:600}
.pair .cap b{font-family:var(--display);font-weight:600;font-size:16px}
.req .note{font-family:var(--body);font-weight:300;font-size:clamp(16px,1.3vw,18px);line-height:1.6}
.stats{padding:40px 0}.stats .cap{font-size:14px}
.wait div{font-size:14px}
.compose,.code{font-size:12.5px;line-height:1.65;border-radius:8px}
/* footer */
.foot{margin-top:96px;background:#F6F9FC}
.foot .lead{padding:80px 0 64px}.foot .lead h2{font-size:clamp(28px,3vw,38px);max-width:22ch}.foot .lead p{font-size:16px;margin:14px 0 0}.foot .lead .go{margin-top:24px}
.foot .top-row{padding:56px 0 56px}
.foot .word{font-family:var(--display);font-weight:600;font-size:18px}
.foot .word i{width:11px;height:18px;border-width:1.8px}.foot .word i::after{top:-4px;bottom:-4px;width:1.8px}
.foot h5{font-size:13.5px;margin-bottom:14px}.foot ul{gap:9px}.foot ul a{font-size:14.5px}
.foot .base{padding:20px 0 32px;font-size:13px}
.tabs button{font-size:13.5px;padding:8px 12px;border-radius:6px}
.chip{font-size:11.5px}