:root{
  --night:#03180E;--night-2:#082A17;--wash:#0C4122;--line-d:#1D3A28;
  --paper:#FFFFFF;--mist:#EEF2EC;--line-l:#DCE2DA;
  --ink:#03180E;--body:#4D5A52;--muted:#58625D;--on-dark:#FFFFFF;--on-dark-2:#B9C7BE;
  --green:#1E7A3A;--green-hover:#22904A;--lime:#A4E057;--spring:#7AC74F;--gold:#B8975D;
  --display:'Inter Tight',Inter,system-ui,sans-serif;--sans:Inter,system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;
  --max:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:clip}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{font-family:var(--sans);color:var(--body);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}
img,svg,canvas{display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:500;color:var(--green);margin-bottom:18px}
.dark .eyebrow{color:var(--lime)}
h1,h2,h3{font-family:var(--display);font-weight:300;color:var(--ink);letter-spacing:-.015em}
.dark h1,.dark h2,.dark h3{color:var(--on-dark)}
h2{font-size:40px;line-height:1.2;max-width:820px;text-wrap:balance}
h1,h3{text-wrap:balance}
h3{font-size:27px;line-height:1.3}
.lede{font-size:18px;line-height:1.65;max-width:680px;margin-top:20px;text-wrap:pretty}
.dark{background:var(--night);color:var(--on-dark-2)}
.band{padding:120px 0}
.center{text-align:center}.center h2,.center .lede{margin-left:auto;margin-right:auto}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--green);color:#fff;font-family:var(--sans);font-weight:500;font-size:16px;padding:16px 26px;border-radius:8px;border:0;cursor:pointer;transition:background .2s}
.btn:hover{background:var(--green-hover)}
.link{font-weight:500;color:var(--green);display:inline-flex;gap:6px;align-items:center}
.dark .link{color:#fff}
.tag{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;padding:3px 7px;border-radius:4px;background:#E7EDE4;color:#3E5A45;vertical-align:middle}
.dark .tag{background:rgba(164,224,87,.12);color:var(--lime)}
.tag.gold{background:rgba(184,151,93,.16);color:#6A501F}
.dark .tag.gold{color:#D9BC86}

/* announce + nav */
.announce{background:var(--night);color:#fff;font-size:14px;text-align:center;padding:9px 16px;border-bottom:1px solid var(--line-d);position:relative;z-index:60}
.announce a{font-weight:500}.announce a span{color:var(--lime)}
header.nav{position:sticky;top:0;z-index:50;background:rgba(3,24,14,.0);transition:background .3s,border-color .3s,color .3s;border-bottom:1px solid transparent;color:#fff}
header.nav.solid{background:#fff;border-bottom-color:var(--line-l);color:var(--ink)}
header.nav.over-dark{background:rgba(3,24,14,.92);backdrop-filter:blur(8px)}
.nav .wrap{display:flex;align-items:center;height:72px;gap:40px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:22px;font-weight:400;letter-spacing:-.01em}
.brand svg{width:26px;height:26px}
.brand-logo{display:block;height:26px;width:auto}
.brand-logo.full{height:44px}
@media (max-width:980px){.brand-logo{height:20px}}
.nav ul{display:flex;gap:24px;list-style:none;flex:1;justify-content:center}
.nav ul a{font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;white-space:nowrap;text-transform:uppercase;opacity:.92}
.nav ul a:hover{opacity:1;text-decoration:underline;text-underline-offset:5px}
.nav .btn{padding:12px 20px;font-size:15px}

/* hero */
#hero{position:relative;overflow:hidden;min-height:calc(100vh - 38px);display:flex;align-items:center;margin-top:-72px;padding:150px 0 90px}
#hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 46% 52% at 50% 50%,#0C4122 0%,rgba(8,42,23,.55) 45%,rgba(3,24,14,0) 75%)}
#sphere{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:min(900px,120vw);height:min(900px,120vw)}
.hero-in{position:relative;z-index:2;text-align:center;width:100%}
.pill{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(164,224,87,.35);background:rgba(3,24,14,.7);border-radius:999px;padding:7px 16px;font-family:var(--mono);font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#E9F3E1}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
#hero h1{font-size:62px;line-height:1.12;letter-spacing:-.014em;margin:30px auto 26px;max-width:900px}
#hero p.sub{font-size:19px;line-height:1.6;max-width:620px;margin:0 auto 38px;color:#D5E0D8}
#hero p.sub b{color:#fff;font-weight:400}
#hero .fine{margin-top:18px;font:400 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7E9486}
.basis{margin-top:44px;font:400 12px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#7E9486;text-align:center}

/* value band */
#value{padding:40px 0 120px}
#value h2{font-size:44px;margin:0 auto}
.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:72px;text-align:left}
.outcomes li{list-style:none;border-top:1px solid var(--line-d);padding-top:22px}
.outcomes .n{font-family:var(--mono);font-size:12px;color:var(--lime);letter-spacing:.1em}
.outcomes h3{font-size:22px;line-height:1.35;margin:12px 0 10px;font-weight:400}
.outcomes p{font-size:15px;line-height:1.55}
.outcomes b{color:#fff;font-weight:400}

/* gates */
#gates{padding:40px 0 120px;position:relative}
#gates .wrap,#hero .hero-in{position:relative;z-index:2}
.seg{display:inline-flex;border:1px solid var(--line-d);border-radius:8px;padding:4px;margin-top:40px;gap:4px;background:rgba(8,42,23,.6)}
.seg button{all:unset;cursor:pointer;padding:10px 18px;border-radius:6px;font:500 14px var(--sans);color:var(--on-dark-2)}
.seg button[aria-selected=true]{background:var(--green);color:#fff}
.gchain{display:grid;grid-template-columns:repeat(9,1fr);margin-top:56px;position:relative}
.gchain::before{content:"";position:absolute;top:27px;left:5.5%;right:5.5%;height:2px;background:var(--line-d)}
.gchain::after{content:"";position:absolute;top:27px;left:5.5%;right:5.5%;height:2px;background:linear-gradient(90deg,var(--spring),var(--lime));transform-origin:left;transform:scaleX(0);transition:transform 1.4s ease}
#gates.all .gchain::after{transform:scaleX(1)}
.gate{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;transition:opacity .5s}
.gate i{width:56px;height:56px;border-radius:8px;border:1px solid var(--line-d);background:var(--night-2);display:grid;place-items:center;position:relative;z-index:1;transition:border-color .5s,background .5s,box-shadow .5s}
.gate svg{width:24px;height:24px;stroke:#5E7A67;fill:none;stroke-width:1.6;transition:stroke .5s}
.gate span{font:500 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7E9486;transition:color .5s}
.gate em{position:absolute;top:-24px;font-style:normal;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--night);background:var(--lime);border-radius:4px;padding:2px 6px}
#gates.solo .gate:not(.own){opacity:.4}
#gates .gate.own i,#gates.all .gate i{border-color:rgba(164,224,87,.6);background:#0B3A1E}
#gates .gate.own svg,#gates.all .gate svg{stroke:var(--lime)}
#gates .gate.own span,#gates.all .gate span{color:#E9F3E1}
#gates.all .gate i{box-shadow:0 0 0 4px rgba(164,224,87,.08)}
.gate i::after{content:"";position:absolute;right:-5px;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--lime);transform:scale(0);transition:transform .4s}
#gates.all .gate i::after{transform:scale(1)}
#gates .gate.own i::after{transform:scale(1)}
.gstat{margin-top:40px;font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#9FB3A6}
.gstat b{color:#fff;font-weight:500}
.unlocks{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-d);border:1px solid var(--line-d);border-radius:8px;overflow:hidden;margin-top:28px;text-align:left}
.u{background:var(--night);padding:26px 26px 24px;min-height:196px;display:flex;flex-direction:column;transition:background .6s}
.u .k{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7E9486}
.u strong{font:300 30px/1.15 var(--display);color:#7E9486;margin:14px 0 10px;letter-spacing:-.01em;transition:color .6s}
.u p{font-size:14.5px;line-height:1.55;color:#8FA398;flex:1}
.u small{margin-top:14px;font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8A9F92;display:flex;gap:6px;align-items:center}
.u small::before{content:"";width:10px;height:10px;border:1.5px solid currentColor;border-radius:2px}
#gates.all .u{background:#062414}
#gates.all .u .k{color:var(--lime)}
#gates.all .u strong{color:#fff}
#gates.all .u p{color:var(--on-dark-2)}
#gates.all .u small{color:#9FB3A6}
#gates.all .u small::before{border:0;width:6px;height:6px;border-radius:50%;background:var(--lime)}

.gchain.tiles{margin-top:40px}
.gate i{width:118px;height:118px;border:0!important;background:none!important;box-shadow:none!important}
.gate i img{width:100%;height:100%;object-fit:cover;border-radius:14px;-webkit-mask-image:radial-gradient(circle at 50% 52%,#000 58%,transparent 71%);mask-image:radial-gradient(circle at 50% 52%,#000 58%,transparent 71%);transition:filter .6s,opacity .6s}
.gate i svg{display:none}
#gates.solo .gate:not(.own) img{filter:grayscale(1) brightness(.55)}
#gates.solo .gate:not(.own){opacity:.55}
.gate i::after{right:14px;top:14px}
.gchain::before,.gchain::after{top:59px!important}

/* image slots */
.u{position:relative}
.u .ui{display:block;width:88px;height:88px;margin:-8px 0 8px -10px;object-fit:cover;border-radius:10px;-webkit-mask-image:radial-gradient(circle at 50% 55%,#000 55%,transparent 70%);mask-image:radial-gradient(circle at 50% 55%,#000 55%,transparent 70%);transition:filter .6s,opacity .6s}
#gates.solo .u .ui{filter:grayscale(1) brightness(.5);opacity:.6}
.u strong,.u p{padding-right:0}
.u .k{padding-right:0}
.u strong{max-width:none}
.seat .num .si{width:100%;max-width:340px;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin-bottom:18px;display:block}
.pimg{margin:56px 0 0;position:relative;border-radius:16px;overflow:hidden;background:#050806}
.pimg img{width:100%;display:block;aspect-ratio:16/7;object-fit:cover}
.pimg::after{content:"";position:absolute;inset:0;background:linear-gradient(15deg,rgba(3,24,14,.92) 0%,rgba(3,24,14,.55) 32%,rgba(3,24,14,0) 60%)}
.pimg figcaption{z-index:1;position:absolute;left:28px;bottom:24px;font:300 26px var(--display);color:#fff;letter-spacing:-.01em;max-width:520px}
.frames{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:56px;position:relative}
.frames figure{margin:0;border-radius:14px;overflow:hidden;background:#050806;position:relative}
.frames img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.frames figcaption{padding:16px 18px 18px;background:var(--night)}
.frames span{font:500 11px var(--mono);letter-spacing:.1em;color:var(--lime)}
.frames b{display:block;font:400 19px var(--display);color:#fff;margin:4px 0 6px}
.frames em{font-style:normal;font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#C9D6CD;display:flex;gap:6px;align-items:center}
.frames em::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}

/* workflow canvas (n8n) */
.wf{position:relative;border-radius:16px;background-color:#051D10;background-image:radial-gradient(rgba(164,224,87,.13) 1px,transparent 1.2px);background-size:22px 22px;border:1px solid var(--line-d);overflow:hidden}
.wf.light{background-color:#F4F7F2;background-image:radial-gradient(rgba(30,122,58,.16) 1px,transparent 1.2px);border-color:var(--line-l)}
.wf svg.edges{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.wf .edge{fill:none;stroke-width:1.7}
.wf .edge.gold{stroke:var(--gold);stroke-dasharray:5 5}
.wf .elab{font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;fill:#D9BC86}
.wf.light .elab{fill:#8C6E3A}
.wf .pk{fill:var(--lime);filter:drop-shadow(0 0 4px rgba(164,224,87,.9))}
.wf .pk.gold{fill:#E0C284;filter:drop-shadow(0 0 4px rgba(224,194,132,.9))}
.wn{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;background:#0A2718;border:1px solid #24503A;border-radius:10px;padding:9px 12px 9px 9px;min-width:150px;transition:border-color .25s,box-shadow .25s;z-index:1}
.wf.light .wn{background:#fff;border-color:var(--line-l)}
.wn .wi{flex:0 0 34px;height:34px;border-radius:8px;background:#0F3A22;display:grid;place-items:center;overflow:hidden}
.wf.light .wn .wi{background:#E4EFE0}
.wn .wi svg{width:18px;height:18px;stroke:var(--lime);fill:none;stroke-width:1.7}
.wf.light .wn .wi svg{stroke:var(--green)}
.wn .wi img{width:100%;height:100%;object-fit:cover}
.wn b{display:block;font:500 13px var(--sans);color:#fff;line-height:1.2}
.wf.light .wn b{color:var(--ink)}
.wn small{white-space:nowrap;display:block;font:400 10px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#8FA398;margin-top:3px}
.wf.light .wn small{color:var(--muted)}
.wn::before,.wn::after{content:"";position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#2E5C43;border:1px solid #051D10}
.wn::before{left:-5px}.wn::after{right:-5px}
.wf.light .wn::before,.wf.light .wn::after{background:#C9D3C6;border-color:#F4F7F2}
.wn.hit{border-color:var(--lime);box-shadow:0 0 0 3px rgba(164,224,87,.15)}
.wf.light .wn.hit{border-color:var(--green);box-shadow:0 0 0 3px rgba(30,122,58,.12)}
.wn.core{min-width:230px;padding:14px 16px 14px 12px;border-color:rgba(164,224,87,.6);background:#0C3A21}
.wn.core .wi{flex-basis:44px;height:44px;background:var(--green)}
.wn.core .wi svg{stroke:#fff}
.wn.core b{font:400 20px var(--display)}
.wn.core .ag{display:flex;gap:4px;margin-top:7px;flex-wrap:wrap}
.wn.core .ag i{font:500 9.5px var(--mono);font-style:normal;letter-spacing:.04em;color:var(--lime);border:1px solid rgba(164,224,87,.35);border-radius:4px;padding:1px 5px}
.wn.out{background:#F4F7F2;border-color:#F4F7F2;min-width:200px}
.wn.out b{color:var(--ink)}.wn.out small{color:var(--muted)}
.wn.out .wi{background:#E4EFE0}.wn.out .wi svg{stroke:var(--green)}
.wn.gap{border-color:rgba(184,151,93,.7);background:#2A2412}
.wn.gap .wi{background:rgba(184,151,93,.2)}.wn.gap .wi svg{stroke:#E0C284}
.wn.gap b{color:#F1DDB4}
.wn.big{min-width:190px}
.wn .ok{margin-left:auto;width:16px;height:16px;border-radius:50%;background:var(--lime);display:none;place-items:center}
.wn .ok::after{content:"";width:6px;height:3px;border-left:1.5px solid var(--night);border-bottom:1.5px solid var(--night);transform:rotate(-45deg);margin-top:-2px}
.wn.done .ok{display:grid}
.wfpanel{margin-top:56px;display:grid;grid-template-columns:1fr;gap:0}
.wflog{border:1px solid var(--line-d);border-top:0;border-radius:0 0 16px 16px;background:#041509;padding:14px 20px;display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:start;margin-top:-14px;padding-top:26px}
.wflog .lk,.integ .lk,.rout .lk{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7E9486}
.wflog ol{list-style:none;display:flex;flex-direction:column;gap:4px;min-height:84px}
.wflog li{font:400 12px var(--mono);color:#B9C7BE;letter-spacing:.02em;display:flex;gap:12px}
.wflog li time{color:#8A9F92}
.wflog li.g{color:#E0C284}
.wflog li:first-child{color:#fff}
.integ{margin-top:28px;display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:start}
.chips2{display:flex;flex-wrap:wrap;gap:8px}
.chips2 span{border:1px solid var(--line-d);border-radius:8px;padding:8px 12px;font:500 12.5px var(--sans);color:#DCE7DF;background:rgba(8,42,23,.6);display:flex;gap:8px;align-items:center}
.chips2 span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--spring)}
#engine{padding:110px 0 120px}

/* shelf */
.shelf{display:grid;grid-template-columns:.9fr 1.2fr;gap:56px;align-items:start}
.sell{list-style:none;margin-top:32px;display:flex;flex-direction:column;gap:18px}
.sell li{display:grid;grid-template-columns:34px 1fr;gap:12px}
.sell span{font:500 12px var(--mono);letter-spacing:.1em;color:var(--green);padding-top:3px}
.sell b{font:400 20px var(--display);color:var(--ink)}
.sell p{font-size:15px;margin-top:2px}
.sellnums{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;border-top:1px solid var(--line-l);padding-top:22px}
.sellnums strong{display:block;font:300 40px var(--display);color:var(--ink);letter-spacing:-.015em}
.sellnums span{font-size:14px}
.wfnote{margin-top:12px;font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.phone{position:absolute;transform:translate(-50%,-50%);width:190px;height:360px;border-radius:28px;background:#0A0F0C;padding:10px;box-shadow:0 0 0 1px #26332B;z-index:2}
.phone .scr{background:#fff;border-radius:20px;height:100%;padding:14px 12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.phone .top{font:500 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green);display:flex;justify-content:space-between}
.phone h6{font:400 15px var(--display);color:var(--ink);line-height:1.25}
.phone .th4{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.phone .th4 img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.phone .ln{font-size:11px;line-height:1.4;color:var(--body)}
.phone .vr{margin-top:auto;background:#E4EFE0;border-radius:8px;padding:7px 9px;font:500 9.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--green);display:flex;gap:6px;align-items:center}
.phone .vr::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}

/* roles */
.roles{display:grid;grid-template-columns:.95fr 1.25fr;gap:40px;margin-top:56px;align-items:start}
.rlist{list-style:none;display:flex;flex-direction:column}
.rlist button{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:block;padding:16px 0 16px 18px;border-left:2px solid var(--line-d);transition:border-color .2s}
.rlist em{display:block;font-style:normal;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8A9F92;margin-bottom:4px}
.rlist span{font:300 19px/1.35 var(--display);color:#8FA398}
.rlist b{font-weight:400;color:#C9D6CD}
.rlist button[aria-selected=true]{border-left-color:var(--lime)}
.rlist button[aria-selected=true] em{color:var(--lime)}
.rlist button[aria-selected=true] span{color:#fff}
.rlist button[aria-selected=true] b{color:var(--lime)}
.rpanel{position:sticky;top:120px}
.rout{margin-top:16px;border:1px solid var(--line-d);border-radius:12px;padding:20px 22px;background:#062414}
.rout strong{display:block;font:300 40px var(--display);color:#fff;letter-spacing:-.015em;margin-top:8px}
.rout p{font-size:15px;margin-top:6px}
.rout small{display:block;margin-top:10px;font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7E9486}

/* consumer */
#consumer{background:var(--night-2);padding:72px 0 64px}
#consumer .eyebrow{text-align:center}
#consumer h3{font-size:30px;text-align:center;margin:0 auto}
.cstats{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:44px}
.cstats strong{display:block;font:300 44px var(--display);color:#fff;letter-spacing:-.015em;line-height:1.05}
.cstats span{display:block;font-size:14.5px;line-height:1.5;margin-top:12px;color:var(--on-dark-2)}
.cstats small{display:block;margin-top:12px;font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7E9486}

/* scope 4 */
.ladder{display:grid;grid-template-columns:repeat(7,1fr);margin-top:56px;border-top:1px solid var(--line-l)}
.ladder div{padding:20px 16px 0 0;position:relative}
.ladder div::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#C9D3C6}
.ladder time{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ladder b{display:block;font:400 19px var(--display);color:var(--ink);margin:8px 0 4px}
.ladder span{font-size:13.5px;color:var(--body)}
.ladder .hit::before{background:var(--green);width:12px;height:12px;top:-7px}
.ladder .hit time{color:var(--green)}
.ladder .hit em{display:inline-block;margin-top:8px;font-style:normal;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--green);color:#fff;border-radius:4px;padding:3px 7px}
.ledger-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-top:96px}
.ledger-head h3{font-size:32px}
.ledger-head p{font-size:16.5px}
.ledger-wrap{margin-top:32px;padding:40px;min-height:0}
.card.ledger{max-width:none;width:100%;padding:28px 30px}
.l3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #EEF1EC}
.l{padding:22px 22px 20px;border-right:1px solid #EEF1EC;display:flex;flex-direction:column}
.l:first-child{padding-left:0}.l:last-child{border-right:0;padding-right:0}
.lk{font:500 11px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.l strong{font:300 40px var(--display);color:var(--ink);letter-spacing:-.015em;margin-top:14px;line-height:1.05}
.l em{font-style:normal;font-size:13.5px;color:var(--body);margin-top:4px}
.l p{font-size:14.5px;margin:14px 0 16px;flex:1}
.cnt{font:500 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;border-radius:4px;padding:6px 9px;align-self:flex-start}
.cnt.yes{background:#E4EFE0;color:var(--green)}
.cnt.mid{background:#EEF1EC;color:var(--body)}
.cnt.no{background:rgba(184,151,93,.16);color:#6A501F}
.lfoot{margin-top:6px;border-top:1px solid #EEF1EC;padding-top:14px;font-size:13.5px;color:var(--muted)}
.needs{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:56px}
.needs div{border-top:2px solid var(--green);padding-top:18px}
.needs span{font:500 11px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.needs b{display:block;font:400 19px/1.3 var(--display);color:var(--ink);margin:8px 0 8px}
.needs p{font-size:14.5px}

/* product surface */
#product{padding:110px 0 100px}
.frame{border-radius:16px;padding:38px 56px 0;background:linear-gradient(160deg,#1E7A3A 0%,#0C4122 38%,#082A17 100%);border:1px solid #1F5A33;overflow:hidden;position:relative}
.chrome{background:#10261A;border-radius:8px 8px 0 0;overflow:hidden}
.chrome .bar{height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;position:relative}
.chrome .bar i{width:9px;height:9px;border-radius:50%;background:#2F4A3A}
.chrome .bar em{position:absolute;left:50%;transform:translateX(-50%);font-style:normal;font-size:11px;color:#9FB3A6;background:#1A3526;border-radius:4px;padding:3px 90px}
.app{background:#fff;display:grid;grid-template-columns:52px 1fr 300px;min-height:430px;color:var(--ink)}
.app .side{border-right:1px solid var(--line-l);display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:18px}
.app .side b{width:26px;height:26px;border-radius:6px;background:var(--green);display:grid;place-items:center;color:#fff;font:500 12px var(--mono)}
.app .side svg{width:18px;height:18px;stroke:#8D9A91;fill:none;stroke-width:1.6}
.app .top .live{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green);display:flex;gap:6px;align-items:center;background:#EAF3E6;border-radius:4px;padding:4px 8px}
.app .top .live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}
.gantt .axis{height:24px;border-bottom:1px solid #EEF1EC;margin-bottom:4px}
.gantt .axis span{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.gantt .axis .track{display:flex;justify-content:space-between;border:0;padding:0 4px}
.gantt .axis em{font:400 10.5px var(--mono);font-style:normal;color:var(--muted);text-transform:uppercase}
.gantt .track s{position:absolute;top:8px;white-space:nowrap;margin-left:10px;text-decoration:none;font:400 10.5px var(--mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.gantt .track s.g{color:#8C6E3A}
.app .main{padding:22px 26px}
.app .top{display:flex;justify-content:space-between;align-items:flex-start}
.app .top h4{font:400 17px var(--display);letter-spacing:-.01em}
.app .top small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.stats3{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-l);border-radius:8px;margin:18px 0 18px}
.stats3 div{padding:12px 14px;border-right:1px solid var(--line-l)}.stats3 div:last-child{border:0}
.stats3 span{font-size:12px;color:var(--muted)}
.stats3 strong{display:block;font:300 28px var(--display);color:var(--ink);margin-top:2px}
.stats3 .g strong{color:#8C6E3A}
.gantt{border:1px solid var(--line-l);border-radius:8px;padding:12px 14px}
.gantt .row{display:grid;grid-template-columns:118px 1fr;align-items:center;height:30px;font-size:12px}
.gantt .row span{color:var(--ink)}
.gantt .track{position:relative;height:100%;border-left:1px dashed #E3E8E1}
.gantt .b{position:absolute;top:12px;height:6px;border-radius:3px;background:var(--green)}
.gantt .b::after{content:"";position:absolute;right:-5px;top:-2px;width:9px;height:9px;background:#fff;border:2px solid var(--green);transform:rotate(45deg)}
.gantt .b.gold{background:var(--gold)}.gantt .b.gold::after{border-color:var(--gold)}
.gantt .b.soft{background:#A9CFA0}.gantt .b.soft::after{border-color:#A9CFA0}
.app .feed{border-left:1px solid var(--line-l);padding:20px 18px;font-size:12.5px}
.feed h5{font:500 11px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.feed ol{list-style:none;display:flex;flex-direction:column;gap:14px}
.feed li{display:grid;grid-template-columns:14px 1fr;gap:8px}
.feed li::before{content:"";width:8px;height:8px;background:var(--green);transform:rotate(45deg);margin-top:5px}
.feed li.g::before{background:var(--gold)}
.feed time{display:block;font:400 10.5px var(--mono);color:var(--muted);letter-spacing:.05em}
.feed p{color:var(--ink);line-height:1.4}
.play{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;background:rgba(3,24,14,.82);color:#fff;border-radius:999px;padding:10px 24px 10px 10px;border:1px solid rgba(164,224,87,.3)}
.play i{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center}
.play i::after{content:"";border-left:12px solid var(--night);border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
.play b{font:400 17px var(--display);display:block}
.play small{font:400 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lime)}

/* proof stats */
#proof{background:var(--night-2);padding:64px 0 40px}
.nums{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:20px}
.nums strong{display:block;font:300 52px var(--display);color:#fff;letter-spacing:-.01em}
.nums span{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#9FB3A6;display:block;margin-top:8px;line-height:1.5}
.trustline{border-top:1px solid var(--line-d);margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;gap:16px}
.trustline span{white-space:nowrap;font:500 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#C9D6CD;display:flex;align-items:center;gap:8px}
.trustline span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}

/* workflow canvas (n8n) */
.flow{display:flex;align-items:flex-start;margin-top:64px}
.node{flex:0 0 150px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.node .box{width:100%;background:#fff;border:1px solid var(--line-l);border-radius:8px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:10px}
.node .ic{width:34px;height:34px;border-radius:8px;background:#E4EFE0;display:grid;place-items:center}
.node .ic svg{width:18px;height:18px;stroke:var(--green);fill:none;stroke-width:1.6}
.node .box b{font:500 14px var(--sans);color:var(--ink)}
.node .doc{font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px dashed #C5CFC3;border-radius:4px;padding:5px 8px}
.link-c{flex:1;position:relative;height:2px;margin-top:40px;background:linear-gradient(90deg,var(--spring),var(--lime));opacity:.9}
.link-c::after{content:"";position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime);animation:run 2.4s linear infinite}
.link-c.broken{background:none;border-top:2px dashed var(--gold);height:0;opacity:1}
.link-c.broken::after{display:none}
.link-c .flag{position:absolute;left:50%;top:-34px;transform:translateX(-50%);white-space:nowrap;font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6A501F;background:#F6EFE3;border:1px solid #E5D6BC;border-radius:4px;padding:3px 7px}
@keyframes run{from{left:0}to{left:calc(100% - 8px)}}

/* problem */
#problem .grid2{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:end}
.priced{border-left:2px solid var(--gold);padding-left:28px}
.priced strong{font:300 64px var(--display);color:var(--ink);display:block;letter-spacing:-.02em;line-height:1}
.priced p{margin-top:14px;font-size:16px;max-width:360px}
.caption{margin-top:40px;display:flex;justify-content:space-between;align-items:baseline;gap:40px;border-top:1px solid var(--line-l);padding-top:22px}
.caption p{max-width:720px;font-size:15px}
.caption em{font-style:normal;font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);white-space:nowrap}

/* why now */
#whynow .dates{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border-top:1px solid var(--line-d);text-align:left}
.dates div{padding:26px 28px 0 0;position:relative}
.dates div::before{content:"";position:absolute;top:-6px;left:0;width:10px;height:10px;background:var(--lime);transform:rotate(45deg)}
.dates time{font:500 12px var(--mono);letter-spacing:.1em;color:var(--lime)}
.dates b{display:block;font:300 24px var(--display);color:#fff;margin:10px 0 6px}
.dates p{font-size:15px}
.fees{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:64px;text-align:left}
.fees div{padding:0}
.fees strong{font:300 40px var(--display);color:#fff;display:block;letter-spacing:-.01em}
.fees span{display:block;font-size:14.5px;margin-top:8px;line-height:1.5}
.fees small{display:block;margin-top:14px;font:400 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7E9486}
.private{margin-top:40px;font:300 24px var(--display);color:#fff;max-width:760px;margin-left:auto;margin-right:auto;line-height:1.4}

/* how it works */
.chips{display:flex;align-items:center;gap:10px;margin-top:34px;flex-wrap:wrap}
.chips a{border:1px solid var(--line-l);border-radius:999px;padding:7px 18px;font-size:14px;font-weight:500;color:var(--ink);background:#fff}
.chips a.on{background:var(--green);border-color:var(--green);color:#fff}
.chips .arr{color:#A9B5AD}
.chips .loop{background:#fff;border-color:var(--green);color:var(--green)}
.marquee{overflow:hidden;margin-top:48px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee .row{display:flex;gap:12px;width:max-content;animation:slide 60s linear infinite;margin-bottom:14px}
.marquee .row.rev{animation-direction:reverse;animation-duration:70s}
.marquee span{border:1px solid var(--line-l);border-radius:999px;padding:9px 18px;font-size:15px;color:var(--ink);display:flex;align-items:center;gap:9px;white-space:nowrap;background:#fff}
.marquee span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--spring)}
.marquee span.g::before{background:var(--gold)}
@keyframes slide{to{transform:translateX(-50%)}}
.steps{display:grid;grid-template-columns:170px 1fr;gap:40px;margin-top:100px}
.rail{position:sticky;top:130px;align-self:start;list-style:none;border-left:1px solid var(--line-l)}
.rail li a{display:flex;align-items:center;gap:14px;padding:14px 0 14px 22px;font:500 13px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);position:relative}
.rail li a.on{color:var(--green)}
.rail li a.on::before{content:"";position:absolute;left:-6px;width:11px;height:11px;border-radius:3px;background:var(--green)}
.step{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:center;min-height:560px;padding:40px 0}
.step .k{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:8px}
.step h3{font-size:34px;margin:14px 0 16px}
.step p{font-size:17px;line-height:1.65}
.panel{border-radius:16px;padding:44px 40px;min-height:430px;display:flex;align-items:center;justify-content:center}
.p1{background:linear-gradient(155deg,#16392A,#0A2016)}
.p2{background:linear-gradient(155deg,#1E7A3A,#0B3A1E)}
.p3{background:linear-gradient(155deg,#3F5B2A,#1B2E14)}
.p4{background:linear-gradient(155deg,#1D4F4A,#0A2522)}
.card{background:#fff;border-radius:8px;width:100%;max-width:440px;padding:22px;color:var(--ink);border:1px solid var(--line-l)}
.card h5{font:500 11px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;display:flex;justify-content:space-between}
.ev{list-style:none;display:flex;flex-direction:column}
.ev li{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:start;padding:10px 0;border-top:1px solid #EEF1EC;font-size:14px}
.ev li::before{content:"";width:9px;height:9px;transform:rotate(45deg);background:var(--green);margin-top:6px}
.ev li b{font-weight:500;display:block}
.ev li small{color:var(--muted);font-size:12.5px}
.ev time{font:400 10.5px var(--mono);color:var(--muted);letter-spacing:.05em;margin-top:3px}
.mini{display:grid;grid-template-columns:1fr 40px 150px;align-items:center;gap:0}
.mini .ins{display:flex;flex-direction:column;gap:7px}
.mini .ins span{font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-l);border-radius:6px;padding:7px 9px;display:flex;gap:7px;align-items:center}
.mini .ins span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--spring)}
.mini .wires{height:100%;position:relative}
.mini .wires svg{width:100%;height:100%}
.mini .core{border-radius:8px;background:var(--night);color:#fff;padding:14px 12px;text-align:center}
.mini .core b{display:block;font:400 20px var(--display)}
.mini .core small{font:400 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lime)}
.okrow{margin-top:14px;border-top:1px solid #EEF1EC;padding-top:12px;display:flex;justify-content:space-between;font-size:13.5px}
.okrow b{font-weight:500;color:var(--green)}
.chain{display:flex;flex-direction:column;gap:0}
.chain .st{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px 0}
.chain .st i{width:34px;height:34px;border-radius:8px;background:#E4EFE0;display:grid;place-items:center;font:500 11px var(--mono);color:var(--green)}
.chain .st b{font-weight:500;font-size:15px}
.chain .v{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green)}
.chain .ln{width:2px;height:16px;margin-left:16px;background:linear-gradient(var(--spring),var(--lime))}
.mb{margin-top:10px;background:#F4F7F2;border-radius:6px;padding:10px 12px;font:400 11.5px var(--mono);letter-spacing:.04em;display:flex;justify-content:space-between}
.fields{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #EEF1EC}
.fields div{padding:9px 0;border-bottom:1px solid #EEF1EC;font-size:13.5px;display:flex;justify-content:space-between;padding-right:14px}
.fields div:nth-child(even){padding-left:14px;padding-right:0;border-left:1px solid #EEF1EC}
.fields span{color:var(--muted)}
.fields b{font-weight:500;color:var(--green);font-size:12.5px}
.outs{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.outs span{font:500 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;border-radius:4px;padding:6px 9px;background:var(--night);color:#fff}

/* record */
#record{background:var(--mist)}
#record .grid2{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}
.rec{background:#fff;border:1px solid var(--line-l);border-radius:8px;padding:28px 30px}
.rec .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.rec h4{font:400 22px var(--display);color:var(--ink);letter-spacing:-.01em}
.rec .ok{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green);display:flex;gap:6px;align-items:center}
.rec .ok::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}
.rec .stages{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0 20px;position:relative}
.rec .stages::before{content:"";position:absolute;top:8px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--spring),var(--lime))}
.rec .stages span{text-align:center;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);position:relative;padding-top:24px}
.rec .stages span::before{content:"";position:absolute;top:2px;left:50%;margin-left:-7px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--green)}
.rec .foot{display:flex;justify-content:space-between;margin-top:16px;font-size:13px;color:var(--muted)}

/* verification */
.q6{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-l);border:1px solid var(--line-l);border-radius:8px;overflow:hidden;margin-top:56px}
.q6 div{background:#fff;padding:24px 24px 26px;display:flex;flex-direction:column;gap:14px}
.q6 span{font:500 12px var(--mono);letter-spacing:.1em;color:var(--muted);display:flex;justify-content:space-between}
.q6 span i{width:20px;height:20px;border-radius:50%;background:var(--green);display:grid;place-items:center}
.q6 span i::after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);margin-top:-2px}
.q6 b{font:400 20px var(--display);color:var(--ink);line-height:1.35;letter-spacing:-.01em}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.ba > div{border-radius:16px;padding:36px}
.ba .before{background:var(--mist);border:1px solid var(--line-l)}
.ba .after{background:var(--night);color:var(--on-dark-2)}
.ba h4{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ba .after h4{color:var(--lime)}
.ba h5{font:300 26px var(--display);color:var(--ink);margin:10px 0 20px;letter-spacing:-.01em}
.ba .after h5{color:#fff}
.ba ul{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15.5px}
.ba li{display:flex;gap:12px;align-items:baseline}
.ba .before li::before{content:"";flex:0 0 12px;height:0;border-top:2px dashed var(--gold);transform:translateY(-4px)}
.ba .after li::before{content:"";flex:0 0 12px;height:2px;background:var(--lime);transform:translateY(-4px)}
.ba q{display:block;margin-top:26px;font:300 24px var(--display);color:var(--ink);quotes:"\201C" "\201D"}
.ba .after q{color:#fff}

.payoff{margin-top:48px;border-top:1px solid var(--line-l);padding-top:36px;display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:end}
.payoff p{font:300 26px/1.4 var(--display);color:var(--ink);letter-spacing:-.01em}
.payoff strong{display:block;font:300 60px var(--display);color:var(--ink);letter-spacing:-.02em;line-height:1}
.payoff span{display:block;margin:10px 0 12px;font-size:15px}
.payoff em{font-style:normal}

/* agents */
#agents{position:relative;overflow:hidden}
#agents::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 50% 90%,#0C4122,rgba(3,24,14,0) 70%)}
#agents .wrap{position:relative}
.agents{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:64px;text-align:left}
.agent{padding:6px 4px 0;border-top:1px solid var(--line-d)}
.agent .ic{display:none}
.agent .ic svg{width:18px;height:18px;stroke:var(--lime);fill:none;stroke-width:1.6}
.agent .ashot{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left;border-radius:8px;border:1px solid var(--line-d);margin-top:16px;background:#F8FAFB}
.agent b{font:300 26px var(--display);color:#fff;display:block;margin-top:18px}
.agent em{font-style:normal;font:500 10.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--lime);display:block;margin:8px 0 12px;white-space:nowrap}
.agent p{font-size:14px;line-height:1.55}
.sapp.shot{padding:0;background:#F8FAFB}.sapp.shot img{display:block;width:100%;height:auto}
.sapp.shot{padding:0;min-height:0;background:#F8FAFB}.sapp.shot img{display:block;width:100%;height:auto}
@media (max-width:980px){.sapp.shot{min-width:0}.scrn:has(.sapp.shot){min-width:0}}
.agent p.gain{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(164,224,87,.3);font:400 15.5px/1.45 var(--display);color:#fff}
.agent p.gain::before{content:"For you";display:block;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#9FB3A6;margin-bottom:6px}
.wires5{height:90px;position:relative}
.wires5 svg{width:100%;height:100%;overflow:visible}
.core-bar{border:1px solid rgba(164,224,87,.45);border-radius:8px;background:var(--night-2);padding:18px 26px;display:flex;justify-content:space-between;align-items:center;text-align:left}
.core-bar b{font:300 24px var(--display);color:#fff}
.core-bar span{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime);display:flex;align-items:center;gap:8px}
.core-bar span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}

/* seats */
.seats{display:grid;grid-template-columns:310px 1fr;gap:40px;margin-top:64px}
.tabs{display:flex;flex-direction:column;gap:8px}
.tabs button{all:unset;box-sizing:border-box;width:100%;cursor:pointer;border:1px solid var(--line-l);border-radius:8px;padding:13px 18px;font-weight:500;color:var(--ink);display:flex;flex-direction:column;gap:3px;font-size:15.5px;line-height:1.3}
.tabs button em{font-style:normal;font:500 12px var(--mono);letter-spacing:.04em;color:var(--green)}
.tabs button[aria-selected=true]{background:var(--green);border-color:var(--green);color:#fff}
.tabs button[aria-selected=true] em{color:rgba(255,255,255,.85)}
.tabs button .new{font:500 10px var(--mono);letter-spacing:.08em;background:#E4EFE0;color:var(--green);border-radius:4px;padding:2px 6px;margin-left:8px}
.tabs button[aria-selected=true] .new{background:rgba(255,255,255,.18);color:#fff}
.seat{display:none;background:var(--mist);border-radius:16px;padding:44px 48px}
.seat.on{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-self:start}
.seat .who{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.seat h3{font-size:32px;margin:14px 0 16px}
.seat .dio{font-size:16px;color:var(--body);border-left:2px solid var(--spring);padding-left:16px;margin-top:22px}
.seat .owner{margin-top:26px;font-size:14px}
.seat .owner span{font:500 11px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:4px}
.seat .num{align-self:start;padding-top:6px}
.seat .num strong{font:300 44px var(--display);color:var(--ink);display:block;letter-spacing:-.02em;line-height:1.05;white-space:nowrap}
.seat .num p{font-size:15px;margin:12px 0 16px}
.seat .num small{display:block;font:400 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-top:10px}
.oneneed{margin-top:40px;font:300 22px var(--display);color:var(--ink)}

/* continuity */
#continuity{background:var(--mist)}
.morph{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:64px}
.frame4{border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#0C4122,#03180E);position:relative}
.frame4 canvas{width:100%;aspect-ratio:1/1}
.frame4 .lab{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;background:linear-gradient(transparent,rgba(3,24,14,.92))}
.frame4 .lab span{font:500 11px var(--mono);letter-spacing:.1em;color:var(--lime)}
.frame4 .lab b{display:block;font:400 21px var(--display);color:#fff;margin:4px 0 6px}
.frame4 .lab em{font-style:normal;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#C9D6CD;display:flex;gap:6px;align-items:center}
.frame4 .lab em::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}
.frame4 + .frame4::before{content:"";position:absolute;left:-18px;top:50%;width:18px;height:2px;background:linear-gradient(90deg,var(--spring),var(--lime));z-index:2}

/* proof case */
#case{background:var(--mist)}
.case{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.case-l{background:var(--night);border-radius:16px;padding:52px 48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.case-l::before{content:"";position:absolute;right:0;top:0;bottom:0;width:45%;background-image:radial-gradient(rgba(164,224,87,.28) 1px,transparent 1.5px);background-size:14px 14px;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}
.case-l > *{position:relative}
.case-l .eyebrow{color:var(--lime)}
.stmt{font:300 30px/1.3 var(--display);color:#fff;letter-spacing:-.012em;max-width:520px}
.case-f{display:flex;justify-content:space-between;align-items:flex-end;margin-top:48px;gap:24px}
.case-f b{display:block;color:#fff;font-weight:500;font-size:16px}
.case-f span{font-size:14px;color:var(--on-dark-2)}
.case-f .big{text-align:right}
.case-f .big strong{display:block;font:300 48px var(--display);color:var(--lime);letter-spacing:-.02em;line-height:1}
.case-f .big span{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#9FB3A6}
.case-r{border-radius:16px;overflow:hidden;background:linear-gradient(155deg,#1E7A3A,#0B3A1E);position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;padding:44px 40px}
.sumcard{max-width:none}
.sumcard .rec-ok{color:var(--green);display:flex;gap:6px;align-items:center}
.sumcard .rec-ok::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}
.sumrows div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:11px 0;border-top:1px solid #EEF1EC;font-size:14.5px}
.sumrows span{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.sumrows b{font-weight:500;color:var(--ink)}
.case-r canvas{position:absolute;inset:0;width:100%;height:100%}
.case-cap{position:absolute;left:0;right:0;bottom:0;background:#fff;padding:18px 22px;display:flex;justify-content:space-between;align-items:center}
.case-cap b{font-weight:500;color:var(--ink)}
.case-cap span{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green)}

/* continuity image */
.mill{position:relative;margin-top:56px;border-radius:16px;overflow:hidden;background:#050806}
.mill img{width:100%;display:block;aspect-ratio:2752/1536;object-fit:cover}
.mtag{position:absolute;background:rgba(3,24,14,.82);border:1px solid rgba(164,224,87,.35);border-radius:8px;padding:10px 14px;backdrop-filter:blur(4px)}
.mtag span{font:500 10.5px var(--mono);letter-spacing:.1em;color:var(--lime)}
.mtag b{display:block;font:400 17px var(--display);color:#fff;margin:2px 0 4px}
.mtag em{font-style:normal;font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#C9D6CD;display:flex;gap:6px;align-items:center}
.mtag em::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}
.next4{display:grid;grid-template-columns:auto auto 1fr;gap:10px 18px;align-items:baseline;margin-top:20px;border-top:1px solid var(--line-l);padding-top:18px}
.next4 span{font:500 11px var(--mono);letter-spacing:.1em;color:var(--green)}
.next4 b{font:400 20px var(--display);color:var(--ink)}
.next4 em{font-style:normal;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green)}
.next4 p{grid-column:1/-1;font-size:15.5px;max-width:760px}

/* trust */
#trust{background:var(--night)}
.badges{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:40px}
.badges span{border:1px solid var(--line-d);border-radius:4px;padding:9px 14px;font:500 12px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#DCE7DF;display:flex;align-items:center;gap:8px}
.badges svg{width:14px;height:14px;stroke:var(--lime);fill:none;stroke-width:1.8}

/* faq */
.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}
.faq h2 em{font-style:normal;color:var(--green)}
.faq .mail{margin-top:26px;display:flex;gap:12px;align-items:center}
.faq .mail a{color:var(--green);font-weight:500}
details{border-bottom:1px solid var(--line-l)}
details:first-child{border-top:1px solid var(--line-l)}
summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-size:17px;font-weight:500;color:var(--ink);position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:16px;font:300 28px var(--display);color:var(--green)}
details[open] summary::after{content:"−"}
details p{padding:0 40px 24px 0;font-size:16px}

/* close */
#close{position:relative;overflow:hidden;padding:150px 0}
#close::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,14,.96) 0%,rgba(3,24,14,.7) 45%,rgba(3,24,14,.35) 100%),url(15-close-pellet.webp) center/cover no-repeat;mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000,transparent 75%)}
#close .wrap{position:relative}
#close h2{font-size:48px;max-width:900px}
#close .lede{margin-bottom:44px}
.pillars{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin:34px 0 44px}
.pillars span{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#C9D6CD;display:flex;gap:8px;align-items:center}
.pillars span::before{content:"";width:8px;height:8px;transform:rotate(45deg);background:var(--lime)}

/* footer */
footer{padding:72px 0 40px;background:#fff;border-top:1px solid var(--line-l)}
footer .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
footer .brand{color:var(--ink)}
footer .tl{margin-top:14px;font-size:15px;max-width:280px}
footer h6{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:14px}
footer ul{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:15px}
footer ul a:hover{color:var(--green)}
footer .legal{margin-top:56px;padding-top:22px;border-top:1px solid var(--line-l);display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}

/* review mode */
.note{display:none}
body.review .note{display:inline-block;font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;background:#FFF4D6;color:#7A5A12;border:1px solid #E9C66B;border-radius:4px;padding:3px 7px;margin:6px 4px 0 0;vertical-align:middle}

@media (max-width:980px){
  .nav ul{display:none}
  .nav .wrap{justify-content:space-between}
  .nav .btn{padding:10px 14px;font-size:14px;white-space:nowrap}
  .pill{font-size:10.5px;padding:6px 12px}
  .seats > *{min-width:0}
  .seat{padding:28px 22px}
  .trustline{flex-wrap:wrap;justify-content:center}
  .payoff p{font-size:21px}
  .case-l{padding:36px 26px}
  .sumrows div{grid-template-columns:1fr}
  #hero h1{font-size:42px}
  h2,#value h2{font-size:32px}
  .outcomes,.nums,.dates,.fees,.q6,.agents,.morph,.cstats,.ladder,.unlocks,.needs,.frames{grid-template-columns:1fr 1fr}
  .shelf,.roles,.integ,.wflog{grid-template-columns:1fr}
  .wfpanel,.shelf-r,.rpanel{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .wf{min-width:880px}
  #wf-role{min-width:640px}
  .rpanel{position:static}
  .pimg figcaption{font-size:19px;left:16px;bottom:14px}
  .gate i{width:84px;height:84px}
  .gchain{grid-template-columns:repeat(3,1fr);row-gap:28px}
  .gchain::before,.gchain::after{display:none}
  .ledger-head,.l3{grid-template-columns:1fr}
  .l{padding:18px 0;border-right:0;border-bottom:1px solid #EEF1EC}
  .ledger-wrap{padding:18px}
  .nums{grid-template-columns:1fr 1fr 1fr}
  #problem .grid2,#record .grid2,.faq,.seats,.seat.on,.ba,.step,.case,.payoff{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}.rail{display:none}
  .flow{flex-direction:column;align-items:stretch;margin-top:40px}
  .node{flex:none;flex-direction:row;align-items:center;gap:12px}
  .node .box{flex-direction:row;width:auto;flex:1;padding:10px 12px}
  .link-c{flex:none;width:2px;height:30px;margin:0 0 0 32px;background:linear-gradient(var(--spring),var(--lime))}
  .link-c::after{display:none}
  .link-c.broken{border-top:0;border-left:2px dashed var(--gold);width:0;height:30px}
  .link-c .flag{left:14px;top:4px;transform:none}
  .caption{flex-direction:column;gap:14px}
  .caption em{white-space:normal}
  .app{grid-template-columns:1fr}.app .side,.app .feed{display:none}
  .frame{padding:20px 16px 0}
  footer .top{grid-template-columns:1fr 1fr}
  .frame4 + .frame4::before{display:none}
  .mtag{position:static;margin:8px}
  .mill{display:flex;flex-direction:column}
}
@media (max-width:600px){
  .outcomes,.nums,.dates,.fees,.q6,.agents,.morph,.cstats,.ladder,.unlocks,.needs{grid-template-columns:1fr}
  #hero h1{font-size:36px}
  .band{padding:88px 0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* v4.4 overrides */
#hero .worth{margin:-18px auto 32px;display:flex;flex-direction:column;align-items:center;gap:4px}
#hero .worth b{font:300 34px var(--display);color:#fff;letter-spacing:-.015em}
#hero .worth span{font:500 11.5px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#9FB3A6}
#hero p.sub{text-wrap:balance;margin-bottom:30px}
.gate i{width:104px!important;height:104px!important;border:1px solid var(--line-d)!important;background:var(--night-2)!important;border-radius:14px;padding:6px;transition:border-color .5s,box-shadow .5s,background .5s}
.gate i img{border-radius:9px;-webkit-mask-image:none!important;mask-image:none!important}
#gates.all .gate i,#gates .gate.own i{border-color:rgba(164,224,87,.75)!important;background:#0B3A1E!important;box-shadow:0 0 0 4px rgba(164,224,87,.1),0 0 28px rgba(164,224,87,.28)!important}
.gate i::after{right:-6px!important;top:-6px!important;z-index:2}
.gchain::before,.gchain::after{top:52px!important}
.unlocks{grid-template-columns:repeat(4,1fr)}
.u{min-height:0;padding:22px 22px 20px}
.u strong{font-size:24px;text-wrap:balance}
.u .ui{width:76px;height:76px}
.screen{position:absolute;transform:translate(-50%,-50%);width:300px;z-index:2}
.screen .bz{background:#0A0F0C;border-radius:12px 12px 4px 4px;padding:8px;box-shadow:0 0 0 1px #26332B}
.screen .bar{height:20px;display:flex;align-items:center;gap:5px;padding:0 6px}
.screen .bar i{width:7px;height:7px;border-radius:50%;background:#2F4A3A}
.screen .bar em{margin-left:10px;flex:1;font-style:normal;font:400 9.5px var(--mono);color:#9FB3A6;background:#16241C;border-radius:4px;padding:2px 8px}
.screen .scr{background:#fff;border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:8px}
.screen .top{font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green);display:flex;justify-content:space-between}
.screen h6{font:400 15px var(--display);color:var(--ink);line-height:1.25}
.screen .th4{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.screen .th4 img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:5px}
.screen .ln{font-size:10.5px;line-height:1.45;color:var(--body)}
.screen .vr{background:#E4EFE0;border-radius:6px;padding:6px 8px;font:500 9px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--green);display:flex;gap:6px;align-items:center}
.screen .vr::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green)}
.screen .base{height:10px;margin:0 -22px;background:linear-gradient(#2A3A31,#141D18);border-radius:0 0 12px 12px}
.screen .base::before{content:'';display:block;width:60px;height:4px;margin:0 auto;background:#0A0F0C;border-radius:0 0 4px 4px}
@media (max-width:980px){.unlocks{grid-template-columns:1fr 1fr}.gate i{width:84px!important;height:84px!important}.gchain::before,.gchain::after{display:none}}
@media (max-width:600px){.unlocks{grid-template-columns:1fr}}
.u .k .sum{font-style:normal;margin-left:8px;font:500 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;border-radius:4px;padding:1px 5px;opacity:.85}
#gates.solo .u .k .sum{display:none}

/* v4.6 */
#hero .kicker{font:500 13px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin:-10px 0 16px}
#hero .aud{margin-top:26px;font-size:14px;color:#9FB3A6}
#hero .aud a{color:#DCE7DF;border-bottom:1px solid rgba(164,224,87,.35)}
#hero .aud a:hover{color:var(--lime)}
#hero .dflow{margin:44px auto 0;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:14px}
#hero .dtag{font:400 24px var(--display);color:#fff;letter-spacing:-.01em}
#hero .dchain,#hero .dsteps{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px}
#hero .dchain span{font:400 14px var(--sans);color:#DCE7DF;border:1px solid var(--line-d);border-radius:8px;padding:7px 12px;background:rgba(8,42,23,.6)}
#hero .dsteps span{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
#hero .dflow i{font-style:normal;color:#7E9486}
.lede b{font-weight:500;color:inherit}
.dark .lede b{color:#fff}
/* a11y */
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--lime);color:#062414;font:600 14px var(--sans);padding:10px 14px;border-radius:8px}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}
.addr a,.legal-pg p a,.crumbs a,.lede a,.mdates a{text-decoration:underline;text-underline-offset:3px}
button[data-s][aria-selected=true] em{color:#fff}
footer ul a,footer .legal a{display:inline-block;padding:4px 0;min-height:24px}
footer .top>div{min-width:0}
@media (max-width:600px){footer .top>div:first-child{grid-column:1/-1}footer .brand-logo.full{max-width:240px;height:auto}}
.nav .brand{padding:3px 0}
.tm a,.more a,.mdates a,.drivers span a{display:inline-block;padding:3px 0;min-height:24px}
.crumbs a{display:inline-block;padding:4px 0}
@media (max-width:600px){
  #hero .hero-eb,.nums span,.press span,.press small,.gchain .gate span,.drivers.d2 h6,.tm span,.tm em,form.demo label,.pf-k,.eyebrow,.wflog .lk,.wflog li,.rlist em,.seat .num small,.case-f span,.mleg small,.about-proof span,footer h6,.legal-pg .upd,.crumbs,.agent em,.s4c span,.tt span,.lk{font-size:12px!important}
  .agent em{white-space:normal}
  .crumbs a{padding:6px 0}
  .wn small{font-size:12px!important}
}
/* nav fit */
.nav .btn{white-space:nowrap;flex:none}
.nav .brand{flex:none}
@media (max-width:1320px){.nav ul{gap:18px}.nav ul a{font-size:12px;letter-spacing:.04em}.brand-logo{height:22px}}
/* nav-narrow */@media (min-width:981px) and (max-width:1120px){.nav ul > li:nth-child(5){display:none}.nav ul{gap:12px}.nav ul a{font-size:11.5px;letter-spacing:.02em}.brand-logo{height:18px}.nav .btn{padding-left:16px;padding-right:16px}}
/* company pages css */
.about-g{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:end}
.about-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px}
.about-proof>div{border-top:1px solid var(--line-l);padding-top:16px}
.about-proof strong{display:block;font:300 34px var(--display);color:var(--ink);letter-spacing:-.01em}
.about-proof span{font-size:14px;color:var(--body)}
#team{background:var(--mist)}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.tm{background:#fff;border:1px solid var(--line-l);border-radius:14px;padding:22px;display:flex;flex-direction:column}
.tm img{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:16px;background:#E4EFE0}
.tm b{font:400 21px var(--display);color:var(--ink)}
.tm span{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin:6px 0 12px}
.tm p{font-size:14.5px;line-height:1.55;color:var(--body);flex:1}
.tm em{font-style:normal;font:500 11px var(--mono);color:var(--muted);margin-top:10px}
.tm a{margin-top:14px;font-size:14px;color:var(--green);font-weight:500}
.addr{margin-top:36px;font-size:14.5px;color:var(--body)}
.addr a{color:var(--green)}
.legal-pg{padding-top:150px}
.legal-pg .wrap{max-width:780px}
.legal-pg .crumbs{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.legal-pg h1{font:300 46px var(--display);color:var(--ink);letter-spacing:-.015em}
.legal-pg .upd{font:500 12px var(--mono);color:var(--muted);margin:12px 0 30px}
.legal-pg h3{font:500 18px var(--sans);color:var(--ink);margin:28px 0 8px}
.legal-pg p{font-size:16px;line-height:1.65;color:var(--body)}
.legal-pg a{color:var(--green)}
.tk{background:#FFF3C4;color:#6B5200;padding:0 4px;border-radius:3px}
footer .legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media (max-width:980px){.about-g{grid-template-columns:1fr;gap:16px}.about-proof{grid-template-columns:1fr 1fr}.team{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.team{grid-template-columns:1fr}.legal-pg h1{font-size:34px}}
/* checkpoints v3 css */
/* islands css */
/* drivers two rows */
.drivers.d2{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:880px}
.drivers.d2 .dcol{display:flex;flex-direction:column;gap:10px}
.drivers.d2 h6{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin:0 0 2px 2px}
.drivers.d2 span a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(164,224,87,.35)}
@media (max-width:600px){.drivers.d2{grid-template-columns:1fr}}
#gates[data-v3][data-m="2"] .gchain::after{transform:scaleX(.75)}
#gates[data-v3] .gate.anchor{cursor:pointer}
#gates[data-v3][data-m="1"] .gate.anchor i{box-shadow:0 0 0 4px rgba(164,224,87,.1),0 0 28px rgba(164,224,87,.28)}
#gates[data-v3] .gate.anchor:hover i{border-color:var(--lime)}
.seathint{margin:30px auto -24px;font-size:14.5px;color:#9FB3A6}
.seathint b{color:#E9F3E1;font-weight:500}
#gates[data-v3] .gate img{transition:filter .5s ease,opacity .5s ease;transition-delay:calc(var(--d,0) * .12s)}
#gates[data-v3] .gate i{transition:border-color .5s ease,box-shadow .5s ease,background .5s ease;transition-delay:calc(var(--d,0) * .12s)}
#gates[data-v3] .gate:not(.lit) img{filter:grayscale(1) brightness(.5)}
#gates[data-v3] .gate:not(.lit){opacity:.55}
#gates[data-v3] .gate.lit i{border-color:rgba(164,224,87,.75);background:#0B3A1E;box-shadow:0 0 0 4px rgba(164,224,87,.1),0 0 28px rgba(164,224,87,.28)}
#gates[data-v3] .gate.lit span{color:#E9F3E1}
#gates[data-v3][data-m="3"] .gchain::after{transform:scaleX(1)}
.seg3 button{white-space:nowrap}
.drivers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:880px;margin:34px auto 0;text-align:left}
.drivers span{display:flex;align-items:center;gap:10px;border:1px solid var(--line-d);border-radius:10px;padding:12px 14px;font:400 15px/1.3 var(--sans);color:#7E9486;background:rgba(8,42,23,.4);transition:color .4s,border-color .4s,background .4s}
.drivers span i{flex:0 0 10px;height:10px;border-radius:50%;border:1.5px solid #4C6A57;transition:background .4s,border-color .4s,box-shadow .4s}
.drivers span.on{color:#fff;border-color:rgba(164,224,87,.55);background:#0B3A1E}
.drivers span.on i{background:var(--lime);border-color:var(--lime);box-shadow:0 0 10px rgba(164,224,87,.8)}
#gstat3{margin-top:20px}
.dclose{max-width:640px;margin:26px auto 0;font-size:16px;line-height:1.55;color:#C9D6CD}
.dclose b{color:#fff;font-weight:500}
.dnote{margin:10px auto 0;max-width:600px;font-size:13px;color:#7E9486}
@media (max-width:980px){.drivers{grid-template-columns:1fr 1fr}.seg3 button{padding-left:10px;padding-right:10px;font-size:13px}}
@media (max-width:600px){.drivers{grid-template-columns:1fr}}
.notnine{max-width:640px;margin:18px auto 0;font-size:15.5px;line-height:1.5;color:#DCE7DF}
form.demo{max-width:640px;margin:8px auto 0;text-align:left;display:grid;gap:14px}
form.demo .df{display:grid;grid-template-columns:1fr 1fr;gap:14px}
form.demo label{display:flex;flex-direction:column;gap:6px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9FB3A6}
form.demo input,form.demo textarea{font:400 15px var(--sans);text-transform:none;letter-spacing:0;color:#fff;background:#0A2616;border:1px solid var(--line-d);border-radius:8px;padding:11px 12px}
form.demo input:focus,form.demo textarea:focus{outline:2px solid var(--lime);outline-offset:1px}
form.demo .btn{justify-self:center;margin-top:6px;border:0;cursor:pointer}
form.demo .dmsg{text-align:center;font-size:15px;color:var(--lime);min-height:1.2em}
@media (max-width:600px){form.demo .df{grid-template-columns:1fr}}
.mplus{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.mplus>div{border:1px solid var(--line-l);background:#fff;border-radius:12px;padding:18px 20px}
.mplus span{font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.mplus b{display:block;font:400 19px var(--display);color:var(--ink);margin:8px 0 6px}
.mplus p{font-size:14.5px;line-height:1.5;color:var(--body)}
.mplus a{color:var(--green);font-weight:500;border-bottom:1px solid currentColor;white-space:nowrap}
.s4x{scroll-margin-top:100px;border:1px solid var(--line-l);background:#fff;border-radius:14px;padding:26px 28px;margin-bottom:56px}
.s4x-lead{font-size:16px;line-height:1.6;color:var(--body);max-width:820px;margin:-4px 0 22px}
.s4x-fit{margin-top:22px;padding-top:18px;border-top:1px solid var(--line-l);font-size:15.5px;line-height:1.55;color:var(--ink)}
.s4x-src{display:block;margin-top:14px;font:500 10.5px/1.6 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.s4x h3{font:400 26px var(--display);color:var(--ink);margin-bottom:16px}
.s4x-g{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.s4x-g span{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.s4x-g p{font-size:15px;line-height:1.55;color:var(--body);margin-top:8px}
@media (max-width:980px){.mplus,.s4x-g{grid-template-columns:1fr}}
#hero .hero-eb{font:500 13px var(--mono);letter-spacing:.14em;color:var(--lime);margin:0 auto 22px}
@media (max-width:980px){#hero .hero-eb{font-size:11.5px;margin-bottom:16px}}
/* checkpoints connect outward from yours, one by one (2026-09-30) */
#gates .gate,#gates .gate i,#gates .gate img{transition:opacity .45s ease,filter .45s ease,border-color .45s ease,background .45s ease,box-shadow .45s ease}
#gates.all .gate,#gates.all .gate i,#gates.all .gate img{transition-delay:calc(var(--d,0) * .22s)}
#gates.all .gchain::after{transition-duration:1.8s}
#pressure{background:linear-gradient(180deg,#03180E,#120F08 55%,#03180E)}
.press{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px;text-align:left}
.press>div{border:1px solid rgba(224,194,132,.32);background:rgba(42,33,18,.5);border-radius:14px;padding:24px 22px 22px}
.press span{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#E0C284}
.press strong{display:block;font:300 46px/1 var(--display);color:#fff;letter-spacing:-.02em;margin:16px 0 12px}
.press p{font-size:15px;line-height:1.5;color:#D2DBD4}
.press small{display:block;margin-top:14px;font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#7E9486}
.press-k{margin-top:44px;font:400 22px/1.4 var(--display);color:#fff}
.press-k.end::after{content:none}
.press-k::after{content:" \2193";color:#E0C284}
@media (max-width:980px){.press{grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.press strong{font-size:36px}.press-k{font-size:19px}}
@media (max-width:600px){.press{grid-template-columns:1fr}}
.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1040px;margin:40px auto 44px;text-align:left}
.pains>div{border:1px solid rgba(224,194,132,.35);background:rgba(42,33,18,.55);border-radius:12px;padding:20px 22px}
.pains span{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#E0C284}
.pains b{display:block;font:400 21px/1.25 var(--display);color:#fff;margin:10px 0 8px}
.pains p{font-size:14.5px;line-height:1.5;color:#C9D6CD}
.pains small{display:block;margin-top:12px;font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#7E9486}
@media (max-width:980px){.pains{grid-template-columns:1fr;margin:28px 0 32px}}
#hero p.sub.what{margin-top:-6px;font-size:17px;max-width:600px}
#hero p.sub.punch{font:300 24px/1.45 var(--display);color:#fff;letter-spacing:-.005em}
@media (max-width:980px){#hero p.sub.punch{font-size:20px}}
/* phone workflow: same engine, tall layout (2026-09-30) */
.wf-m{display:none}
@media (max-width:980px){
  .wfpanel:has(.wf-m) #wf-engine{display:none}
  .wfpanel:has(.wf-m){overflow:visible}
  #agents .swipe{display:none!important}
  .wf.wf-m{display:block;min-width:0;height:880px;border-radius:16px 16px 0 0}
  .wf-m .wn{min-width:0;gap:7px;padding:7px 8px 7px 7px;align-items:center}
  .wf-m .wn::before,.wf-m .wn::after{display:none}
  .wf-m .wn .wi{flex:0 0 28px;height:28px}
  .wf-m .wn .wi svg{width:15px;height:15px}
  .wf-m .wn b{font-size:12px}
  .wf-m .wn small{white-space:normal;font-size:9px;line-height:1.25}
  .wf-m .wn.src{width:31%}
  .wf-m .wn.src small{display:none}
  .wf-m .wn.core{width:90%;padding:12px 12px 12px 10px}
  .wf-m .wn.core .wi{flex-basis:38px;height:38px}
  .wf-m .wn.core b{font-size:19px}
  .wf-m .wn.core{flex-wrap:wrap}
  .wf-m .wn.core>div{flex:1 1 auto;min-width:0}
  .wf-m .wn.core .ag{flex-wrap:nowrap;gap:4px}
  .wf-m .wn.core .ag i{font-size:9.5px;padding:2px 5px;letter-spacing:0}
  .wf-m .wn.out,.wf-m .wn.gap{width:41%}
  .wf-m .elab{font-size:9px}
  .wfpanel:has(.wf-m) .wflog{margin-top:0;border-top:1px solid var(--line-d);border-radius:0 0 16px 16px}
}

.eprshots{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:48px 0 8px;text-align:left}.eprshots img{display:block;width:100%;border-radius:10px;border:1px solid var(--line-d)}.eprshots figcaption{font-size:13.5px;color:#A9BBAF;margin-top:10px}@media (max-width:980px){.eprshots{grid-template-columns:1fr}}
/* seats fade (2026-09-29, Andrew picked A): dark green melts into sage, matching tour and money below */
#seats4{padding-top:230px;background:linear-gradient(180deg,#03180E 0,#0E3320 70px,#6F8C78 150px,#D5DFD4 200px,#EEF2EC 240px)}
#seats4 .s4c{border-color:#D3DCD1}
@media (max-width:980px){#seats4{padding-top:180px}}
/* hero subheader as a second headline (2026-09-29, Andrew picked B) */
#hero .kicker{font:400 28px/1.25 var(--display);text-transform:none;letter-spacing:-.01em;color:#B8F06A;margin:0 auto 28px;max-width:900px;text-shadow:0 2px 16px rgba(0,0,0,.8)}
@media (max-width:980px){#hero .kicker{font-size:21px;margin-bottom:22px}}
/* phone pass (2026-09-29): steps stack, no label under 11.5px */
@media (max-width:980px){.step{grid-template-columns:1fr;gap:28px;min-height:0;padding:28px 0}.step>*{min-width:0}.step h3{font-size:28px}}
@media (max-width:600px){.gate em,.u small,.frames em,.wn small,.rlist em,.rout small,.cstats small,.ladder .hit em,.cnt,.gantt .axis span,.gantt .axis em,.feed time,.link-c .flag,.fees small,.ev time,.mini .core small,.chain .v,.agent em,.agent p.gain::before,.tabs button .new,.seat .num small,.mtag span,.mtag em,.ugroup em,.seatrow span,.cap small,.pill-ok,.pill-warn,.btn-s,.ltl small,.box h6,.tb th,.claims span{font-size:11.5px!important}.agent em{white-space:normal}.names{flex-direction:column;gap:12px;text-align:center}.names i{display:none}.names span{font-size:17px}.mbar div{padding-left:12px}.mbar span{font-size:20px}.mbar .m3{padding-left:0;justify-content:center;min-width:52px}.mbar .m3 span{font-size:13px}}
/* dflow readability (2026-09-29, Andrew picked C): below the particle cloud on a calm strip, bigger */
#hero .dflow{margin-top:110px;max-width:none;width:100vw;margin-left:calc(50% - 50vw);padding:48px 16px 20px;background:linear-gradient(rgba(2,16,9,0),rgba(2,16,9,.92) 30%,rgba(2,16,9,.92));gap:20px}
#hero .dtag{font-size:34px}
#hero .dchain span{font-size:16px;padding:10px 16px;background:#062414}
#hero .dsteps span{font-size:14px}
@media (max-width:980px){#hero .dflow{margin-top:64px;padding:36px 16px 12px}#hero .dtag{font-size:26px}#hero .dchain span{font-size:14px;padding:8px 12px}#hero .dsteps span{font-size:12px}}
.checks{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:30px auto 0;max-width:820px}
.checks li{font:500 14px var(--sans);color:#E9F3E1;display:flex;align-items:center;gap:8px}
.checks li::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' stroke='white' stroke-width='1.8' fill='none'/%3E%3C/svg%3E") center/100% no-repeat}
.partners{max-width:640px;margin:14px auto 0;font-size:15px;color:#9FB3A6}
.ugroup{display:flex;align-items:baseline;gap:14px;margin:48px 0 14px;text-align:left;flex-wrap:wrap}
.ugroup + .unlocks{margin-top:0}
.ugroup span{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
.ugroup b{font:300 22px var(--display);color:#fff}
.ugroup em{font-style:normal;font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7E9486}
.unlocks + .ugroup{margin-top:32px}
.gate i{width:124px!important;height:124px!important}
.gchain::before,.gchain::after{top:62px!important}
@media (max-width:980px){
  .nums{grid-template-columns:1fr 1fr!important;row-gap:32px}
  .trustline{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;justify-items:start}
  .gchain{grid-template-columns:repeat(3,1fr)!important;gap:22px 14px}
  .gate i{width:100%!important;height:auto!important;aspect-ratio:1/1;max-width:200px}
}
@media (max-width:600px){.trustline{grid-template-columns:1fr}}
.seatrow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:34px auto 0;max-width:1040px;text-align:left}
.seatrow a{border:1px solid var(--line-d);border-radius:10px;padding:14px 16px;background:rgba(3,24,14,.72);backdrop-filter:blur(3px);transition:border-color .2s}
.seatrow a:hover{border-color:var(--lime)}
.seatrow span{display:block;font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime);margin-bottom:6px}
.seatrow b{font:400 14.5px/1.4 var(--sans);color:#E9F3E1}
@media (max-width:980px){.seatrow{grid-template-columns:1fr 1fr}}

/* v5 */
#proof{padding:56px 0 48px}
.pf-h{text-align:center;font:300 56px/1.1 var(--display);letter-spacing:-.02em;color:#fff;margin:0 auto 48px}
@media (max-width:980px){.pf-h{font-size:40px;margin-bottom:32px}}
.pf-k{text-align:center;font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime);margin-bottom:34px}
#proof .nums{grid-template-columns:repeat(3,1fr)!important}
#proof .nums span{max-width:240px;margin:8px auto 0}
.names{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin-top:40px;border-top:1px solid var(--line-d);padding-top:24px}
.names span{font:400 18px var(--display);color:#DCE7DF;letter-spacing:-.005em}
.names i{width:5px;height:5px;border-radius:50%;background:var(--lime)}
.caps{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-d);border:1px solid var(--line-d);border-radius:10px;overflow:hidden;margin-top:36px;text-align:left}
.cap{background:var(--night);padding:22px 24px;display:grid;grid-template-columns:34px 1fr;gap:4px 14px;position:relative;transition:background .5s}
.cap .cn{font:500 12px var(--mono);color:#8A9F92;padding-top:4px;transition:color .5s}
.cap b{font:400 21px var(--display);color:#8FA398;transition:color .5s}
.cap p{font-size:14.5px;line-height:1.5;margin-top:4px;color:#7E9486;transition:color .5s}
.cap em{grid-column:2;font-style:normal;font:500 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#8A9F92;margin-top:10px}
.cap small{position:absolute;right:18px;top:20px;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid #2C4A36;color:#5E7A67;border-radius:4px;padding:2px 7px}
#gates.all .cap{background:#062414}
#gates.all .cap .cn,#gates.all .cap em{color:var(--lime)}
#gates.all .cap b{color:#fff}
#gates.all .cap p{color:var(--on-dark-2)}
#gates.all .cap small{background:var(--lime);border-color:var(--lime);color:var(--night)}
.s4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px}
.s4c{border:1px solid var(--line-l);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.s4c:hover{border-color:var(--green);transform:translateY(-2px)}
.s4c img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.s4c div{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.s4c span{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.s4c .pain{font:400 17px/1.35 var(--display);color:var(--ink);margin:10px 0 8px}
.s4c .see{font-size:14px;color:var(--body);flex:1}
.s4c strong{font:300 32px var(--display);color:var(--ink);letter-spacing:-.015em;margin-top:16px;border-top:1px solid var(--line-l);padding-top:14px}
.s4c small{font-size:12.5px;color:var(--muted)}
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.steps4 div{border:1px solid var(--line-d);border-radius:12px;overflow:hidden;background:#062414}
.steps4 img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.steps4 span{display:block;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime);padding:16px 18px 0}
.steps4 b{display:block;font:400 19px var(--display);color:#fff;padding:6px 18px 0}
.steps4 p{font-size:14px;padding:6px 18px 18px;color:var(--on-dark-2)}
#engine .wfpanel{margin-top:40px}
#agents[data-home] .wfpanel{margin-top:44px;text-align:left}
#agents[data-home] .agents{margin-top:56px}
#agents .swipe{display:none;margin-top:28px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
@media (max-width:980px){#agents .swipe{display:block}#agents[data-home] .wfpanel{margin-top:12px}}
.ttabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px}
.ttabs button{all:unset;cursor:pointer;border:1px solid var(--line-l);border-radius:8px;padding:10px 16px;font:500 14.5px var(--sans);color:var(--ink);background:#fff}
.ttabs button[aria-selected=true]{background:var(--green);border-color:var(--green);color:#fff}
.tpanes{display:grid;margin-top:28px}
.tpane{grid-area:1/1;display:grid;grid-template-columns:.7fr 1.6fr;gap:40px;align-items:center;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
.tpane.on{opacity:1;visibility:visible;transition:opacity .45s ease}
/* tour spacing */
#tour{padding-top:40px}
.tpane{align-items:start}
.tpane>div:first-child{padding-top:24px}
#tour .wfnote{margin-top:22px}
.tt span{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.tt h3{font-size:28px;margin:10px 0 16px}
.tt ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.tt li{font-size:15px;display:flex;gap:10px}
.tt li::before{content:"";flex:0 0 16px;height:16px;margin-top:3px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' stroke='white' stroke-width='1.8' fill='none'/%3E%3C/svg%3E") center/100% no-repeat}
.scrn{border-radius:12px;background:linear-gradient(155deg,#1E7A3A,#0B3A1E);padding:28px 28px 0;overflow:hidden}
.sbar{background:#10261A;border-radius:8px 8px 0 0;height:30px;display:flex;align-items:center;gap:6px;padding:0 12px}
.sbar i{width:9px;height:9px;border-radius:50%;background:#2F4A3A}
.sbar em{margin-left:14px;font-style:normal;font:400 11px var(--mono);color:#9FB3A6;background:#1A3526;border-radius:4px;padding:3px 12px}
.sapp{background:#fff;padding:20px 22px 22px;min-height:330px;color:var(--ink)}
.shd{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.shd b{font:400 18px var(--display)}
.shd small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.pill-ok,.pill-warn,.btn-s{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:5px 9px}
.pill-ok{background:#EAF3E6;color:var(--green)}
.pill-warn{background:#F6EFE3;color:#8C6E3A}
.btn-s{background:var(--green);color:#fff}
.ltl{display:grid;grid-template-columns:repeat(6,1fr);position:relative;margin:6px 0 18px}
.ltl::before{content:"";position:absolute;left:8%;right:8%;top:8px;height:2px;background:linear-gradient(90deg,var(--spring),var(--lime))}
.ltl .st{text-align:center;position:relative}
.ltl .st i{display:block;width:16px;height:16px;border-radius:50%;margin:0 auto 8px;background:#fff;border:3px solid var(--green)}
.ltl .st.gap i{border-color:var(--gold)}
.ltl .st.wait i{border-color:#C9D3C6}
.ltl b{display:block;font:500 12px var(--sans)}
.ltl small{font:400 10px var(--mono);color:var(--muted)}
.g2{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.box{border:1px solid var(--line-l);border-radius:8px;padding:12px 14px}
.box h6{font:500 10.5px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #EEF1EC;font-size:12.5px}
.row b{font-weight:500}
.ok{color:var(--green)}.warn{color:#8C6E3A}
.kpi{padding:4px 0 8px}
.kpi strong{display:block;font:300 28px var(--display);letter-spacing:-.01em}
.kpi.g strong{color:#8C6E3A}
.kpi span{font-size:12px;color:var(--muted)}
.tb{width:100%;border-collapse:collapse;font-size:12.5px}
.tb th{text-align:left;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line-l)}
.tb td{padding:10px 8px;border-bottom:1px solid #EEF1EC}
.tb tr.flag td{background:#FBF6EC}
.bar{display:inline-block;width:70px;height:6px;border-radius:3px;background:#EEF1EC;margin-right:8px;vertical-align:middle;overflow:hidden}
.bar i{display:block;height:100%;background:var(--green)}
.tb tr.flag .bar i{background:var(--gold)}
.alert{margin-top:14px;background:#FBF6EC;border:1px solid #E5D6BC;border-radius:8px;padding:10px 12px;font-size:12.5px;color:#5C4A26}
.claims{display:flex;flex-direction:column}
.claims div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #EEF1EC}
.claims b{font:400 15px var(--display)}
.claims span{font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
#money{padding:110px 0;background:var(--mist)}
.mbar{display:flex;height:64px;border-radius:10px;overflow:hidden;margin-top:44px;gap:3px}
.mbar div{display:flex;align-items:center;padding-left:18px}
.mbar span{font:300 26px var(--display);color:var(--night)}
.m1{background:var(--lime)}.m2{background:var(--spring)}.m3{background:#3FA055}
.mbar .m3 span{font-size:16px;color:#fff}
.m3{background:var(--green)!important}
.mleg{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:22px}
.mleg div{display:grid;grid-template-columns:14px 1fr;gap:2px 10px;align-items:start}
.mleg i{width:12px;height:12px;border-radius:3px;margin-top:5px}
.mleg b{font:400 17px var(--display);color:var(--ink)}
.mleg small{grid-column:2;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mnot{margin-top:36px;font-size:15px;max-width:760px;color:var(--body)}
@media (max-width:980px){
  #proof .nums{grid-template-columns:1fr!important}
  .caps,.g2,.g3,.mleg{grid-template-columns:1fr}
  .s4,.steps4{grid-template-columns:1fr 1fr}
  .tpane{grid-template-columns:1fr}
  .scrn{padding:14px 14px 0;overflow-x:auto}
  .sapp{min-width:560px}
}
@media (max-width:600px){.s4,.steps4{grid-template-columns:1fr}}

/* v5 r1 */
#hero .aud{margin-top:22px}
#hero .aud a{color:#E9F3E1;border-bottom:1px solid rgba(164,224,87,.45)}
.mfoot{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;border-top:1px solid var(--line-l);padding-top:28px}
.mfoot span{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.mpay p{font:300 22px/1.4 var(--display);color:var(--ink);margin-top:10px}
.mdates ul{list-style:none;margin:10px 0 14px;display:flex;flex-direction:column;gap:6px;font-size:15px}
.mdates b{font-weight:500;color:var(--ink)}
.mdates a{font:500 14.5px var(--sans);color:var(--green);border-bottom:1px solid currentColor}
@media (max-width:980px){.mfoot{grid-template-columns:1fr}}
#tour{background:var(--mist)}
.ttabs button{background:#fff}
#gates.all .gate em{display:none}
.caps{grid-template-columns:repeat(3,1fr)!important}
.cap{grid-template-columns:28px 1fr!important;padding:18px 20px!important}
.cap b{font-size:19px!important}
.cap em{margin-top:6px!important}
.cap small{top:16px!important}
.capk{margin-top:36px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime);text-align:left}
.capk + .caps{margin-top:12px}
@media (max-width:980px){.caps{grid-template-columns:1fr 1fr!important}}
@media (max-width:600px){.caps{grid-template-columns:1fr!important}}
.capline{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;margin:30px auto 0}
.capline .capk{flex-basis:100%;text-align:center;margin:0 0 4px}
.capline .ci{font:500 14.5px var(--sans);color:#7E9486;border:1px solid var(--line-d);border-radius:8px;padding:8px 13px;display:flex;align-items:center;gap:8px;transition:color .5s,border-color .5s,background .5s}
.capline .ci::before{content:'';width:15px;height:15px;border-radius:50%;border:1.5px solid #3A5A45;transition:all .5s}
#gates.all .capline .ci{color:#fff;border-color:rgba(164,224,87,.45);background:#062414}
#gates.all .capline .ci::before{border-color:var(--green);background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' stroke='white' stroke-width='1.8' fill='none'/%3E%3C/svg%3E") center/100% no-repeat}
.wflog li{align-items:baseline}
.wflog li code{margin-left:auto;font:400 11px var(--mono);color:#8A9F92;letter-spacing:.04em}
.wflog li:first-child code{color:var(--lime)}

/* nav dropdowns and page heroes (v4.5) */
.nav ul{align-items:center}
.nav .dd{position:relative}
.nav .dd > a::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 0 3px 8px;opacity:.7}
.nav .ddm{position:absolute;top:100%;left:-18px;padding-top:14px;display:none;z-index:70}
.nav .ddm > div{min-width:270px;background:#062414;border:1px solid var(--line-d);border-radius:10px;padding:8px;display:flex;flex-direction:column;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.nav .dd:hover .ddm,.nav .dd:focus-within .ddm{display:block}
.nav .ddm a{padding:10px 12px;border-radius:6px;font:400 14.5px var(--sans)!important;text-transform:none!important;letter-spacing:0!important;color:#DCE7DF!important;opacity:1!important;text-decoration:none!important}
.nav .ddm a:hover{background:#0B3A1E;color:#fff!important}
.nav .ddm a small{display:block;font:400 12px var(--sans);color:#8FA398;margin-top:2px}
.nav ul a.cur{color:var(--lime);opacity:1}
.nav.solid ul a.cur{color:var(--green)}
.menubtn{display:none;background:none;border:1px solid currentColor;border-radius:8px;color:inherit;font:500 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:9px 12px;cursor:pointer}
.phero{position:relative;overflow:hidden;margin-top:-72px;padding:180px 0 96px}
.phero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 70% at 80% 30%,#0C4122,rgba(3,24,14,0) 70%),radial-gradient(rgba(164,224,87,.16) 1px,transparent 1.3px);background-size:auto,22px 22px;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.phero .wrap{position:relative}
.phero[style]::before{opacity:.5}
.phero h1{font-size:58px;line-height:1.1;letter-spacing:-.02em;max-width:880px;margin-top:8px}
.phero .crumbs{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7E9486;margin-bottom:22px}
.phero .crumbs a{color:#C9D6CD}
.phero .jump{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.phero .jump a{border:1px solid var(--line-d);border-radius:8px;padding:9px 14px;font:500 14px var(--sans);color:#DCE7DF;background:rgba(8,42,23,.6)}
.phero .jump a:hover{border-color:var(--lime)}
.more{margin-top:36px;display:flex;justify-content:flex-start}
.center .more{justify-content:center}
.more a{font:500 15px var(--sans);color:var(--green);display:inline-flex;gap:8px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:2px}
.dark .more a{color:var(--lime)}
@media (max-width:980px){
  .menubtn{display:inline-block;margin-left:auto}
  .nav .wrap{flex-wrap:wrap;height:auto;min-height:72px;padding-top:10px;padding-bottom:10px}
  .nav.open ul{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:4px;padding:10px 0 16px;order:5}
  .nav.open .ddm{display:block;position:static;padding:4px 0 8px}
  .nav.open .ddm > div{box-shadow:none;background:transparent;border:0;padding:0 0 0 12px}
  .nav .btn{display:none}
  .phero h1{font-size:38px}
}