:root{--paper:#fafbfc;--white:#fff;--ink:#0a0d12;--ink2:#39414d;--mut:#646d7a;--line:#e3e7ec;--hair:#eff2f5;
--gn:#00d084;--gn2:#00b478;--acc:#00794e;--tl:#22b8cf;--wash:#f0f7f4;
--fh:'Montserrat',Inter,system-ui,sans-serif;--fb:'Inter',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--fb);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 40px}
.nav{position:sticky;top:0;z-index:90;background:rgba(250,251,252,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-in{max-width:1180px;margin:0 auto;padding:0 40px;height:68px;display:flex;align-items:center;gap:19px}
.logo{display:flex;align-items:center;text-decoration:none;color:var(--ink);flex:none}
.logo .lg{height:30px;width:auto;display:block}
.fo .flog{flex-basis:100%;display:flex}
.fo .lgf{height:24px;width:auto;display:block;color:var(--ink)}
.nl{font-size:14px;color:var(--mut);text-decoration:none;font-weight:500;white-space:nowrap}
.nl:hover{color:var(--ink)} .sp{flex:1}
.btn{display:inline-block;font-weight:600;font-size:14.5px;padding:11px 21px;border-radius:999px;text-decoration:none;background:var(--ink);color:#fff;border:1px solid transparent;transition:transform .18s}
.btn:hover{transform:translateY(-1px)}
.btn.gn{background:var(--gn);color:#04150e}
.btn.gh{background:#fff;color:var(--ink);border-color:var(--line)}
.btn.lg{font-size:15.5px;padding:14px 27px}
.btns{display:flex;gap:12px;flex-wrap:wrap}

/* left rail */
.rail{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;gap:3px;
 opacity:0;pointer-events:none;transition:opacity .4s}
.rail.show{opacity:1;pointer-events:auto}
.rail a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--mut);font-size:12px;font-weight:600;
 padding:7px 9px;border-radius:7px;transition:color .2s,background .2s;white-space:nowrap}
.rail a>span:last-child{max-width:0;opacity:0;overflow:hidden;transition:max-width .3s cubic-bezier(.16,1,.3,1),opacity .25s}
.rail:hover a>span:last-child{max-width:150px;opacity:1}
.rail:hover{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 18px 40px -26px rgba(10,13,18,.35)}
.rail a:hover{background:#fff;color:var(--ink)}
.rail a i{width:22px;height:2px;border-radius:2px;background:var(--line);flex:none;transition:background .25s,width .25s}
.rail a.on{color:var(--ink)} .rail a.on i{background:var(--gn);width:32px}

@media(max-width:1400px){.rail{display:none}}

/* sections */
section{border-top:1px solid var(--line);padding:104px 0}
section.hero{border-top:none;padding:76px 0 0}
section.white{background:var(--white)}
section.dark{background:#0a0d12;color:#e9eef4;border-top-color:#1a1f27}
section.wash{background:var(--wash)}
.slab{display:inline-flex;align-items:center;gap:11px;font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--acc);margin:0 0 18px}
.slab i{width:22px;height:1px;background:var(--gn)}
.dark .slab{color:var(--gn)}
h1{font-family:var(--fh);font-weight:700;font-size:clamp(32px,4.3vw,53px);line-height:1.04;letter-spacing:-.038em;margin:0 0 18px;max-width:20ch}
h2{font-family:var(--fh);font-weight:700;font-size:clamp(27px,3.4vw,41px);line-height:1.08;letter-spacing:-.032em;margin:0 0 14px;max-width:22ch}
.dark h1,.dark h2,.dark h3{color:#fff}
h3{font-family:var(--fh);font-weight:700;font-size:20px;letter-spacing:-.022em;margin:0 0 8px}
.lede{font-size:18px;color:var(--mut);max-width:60ch;margin:0 0 30px}
.dark .lede{color:#99a3b0}
.fine{font-size:13px;color:var(--mut);margin:16px 0 0}
.brand{font-size:13.5px;color:var(--mut);margin:20px 0 0}

/* hero */
.hero .in{text-align:center}
.hero h1,.hero .lede{margin-left:auto;margin-right:auto}
.hero .btns{justify-content:center}
.eyeb{display:inline-flex;align-items:center;gap:9px;font-family:var(--fh);font-size:11px;font-weight:600;letter-spacing:.16em;
 text-transform:uppercase;color:var(--acc);margin:0 0 20px;background:rgba(0,208,132,.08);border:1px solid rgba(0,208,132,.26);border-radius:999px;padding:7px 15px}
.eyeb i{width:6px;height:6px;border-radius:50%;background:var(--gn);animation:p 2.2s ease-in-out infinite}
@keyframes p{0%,100%{opacity:1}50%{opacity:.3}}

/* window */
.win{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#0e1013;box-shadow:0 34px 80px -40px rgba(10,13,18,.44)}
.dark .win{border-color:#232a33}

/* stepper */
.stepper{display:flex;gap:0;margin:38px 0 26px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.stepper button{flex:1;min-width:0;font-family:var(--fb);background:none;border:none;border-right:1px solid var(--hair);
 padding:15px 10px 17px;cursor:pointer;text-align:center;position:relative;transition:background .2s;color:var(--mut)}
.stepper button:last-child{border-right:none}
.stepper button:hover{background:var(--wash)}

.stepper button .st{display:block;font-family:var(--fh);font-weight:700;font-size:15px;letter-spacing:-.02em;color:var(--ink2)}
.stepper button.on{background:var(--wash)}
 .stepper button.on .st{color:var(--ink)}
.stepper button.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gn)}

.money{display:flex;align-items:baseline;gap:11px;margin:0 0 14px;flex-wrap:wrap}
.money b{font-family:var(--fh);font-weight:700;font-size:clamp(30px,3.6vw,44px);letter-spacing:-.04em;line-height:1;color:var(--acc);font-variant-numeric:tabular-nums}
.money span{font-size:14px;color:var(--mut)}

/* layers */

.chips{display:flex;flex-wrap:wrap;gap:7px}
.chips span{font-size:13px;font-weight:600;background:var(--wash);border:1px solid var(--line);border-radius:999px;padding:7px 13px}

 

/* explorer */

.list{display:flex;flex-direction:column;gap:7px;max-height:560px;overflow-y:auto;padding-right:6px}
.list::-webkit-scrollbar{width:5px}.list::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
.li{text-align:left;font-family:var(--fb);background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;cursor:pointer;
 transition:border-color .2s,background .2s;color:inherit}
.li:hover{border-color:var(--gn2)}
.li.on{border-color:var(--gn);background:var(--wash)}
.li .t{display:block;font-family:var(--fh);font-weight:700;font-size:15px;letter-spacing:-.018em}
.li .s{display:block;font-size:12.5px;color:var(--mut);margin-top:3px}
.li.hidden{display:none}
.view{position:sticky;top:96px}

/* calc */
.calc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 30px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:center;margin-top:22px}

input[type=range]{width:100%;-webkit-appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--gn) var(--p,15%),var(--hair) var(--p,15%));outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--gn);cursor:grab;box-shadow:0 3px 9px rgba(0,0,0,.16)}
.outs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.outs>div{padding:0 18px;border-left:1px solid var(--hair)}
.outs>div:first-child{border-left:none;padding-left:0}
.ol{font-size:11.5px;color:var(--mut);margin:0 0 6px}

/* offer */

.ph{background:rgba(255,255,255,.05);border:1px solid #242b34;border-radius:11px;padding:20px 22px}
.pk{display:block;font-family:var(--fh);font-weight:700;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gn);margin-bottom:8px}
.ph p{margin:0;font-size:14.5px;color:#99a3b0}
footer{padding:32px 0;border-top:1px solid var(--line);color:var(--mut);font-size:14px;background:#fff}
.fo{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
.fl{display:flex;gap:18px;flex-wrap:wrap}.fl a{color:var(--mut);text-decoration:none}
@media(max-width:1140px){.nl{font-size:13px}.nav-in{gap:14px}}
@media(max-width:1000px){
 .calc{grid-template-columns:minmax(0,1fr);gap:22px}
 .view{position:static}.list{max-height:none}
 .stepper{flex-wrap:wrap}.stepper button{flex:1 0 33%;border-bottom:1px solid var(--hair)}
 
 .outs{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}.outs>div{border-left:none;padding:0 12px 0 0}
 
 .nl{display:none}.wrap,.nav-in{padding-left:20px;padding-right:20px}
 section{padding:68px 0}
}
/* ===== v5 additions ===== */

.levers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 26px}
.lev label{display:block;font-size:12.5px;color:var(--mut);margin:0 0 7px}
.lev .lv{font-family:var(--fh);font-weight:700;font-size:23px;letter-spacing:-.03em;margin:0 0 9px;font-variant-numeric:tabular-nums}
.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);padding-top:22px}
.results>div{padding:0 22px;border-left:1px solid var(--hair)}
.results>div:first-child{border-left:none;padding-left:0}
.rl{font-size:12px;color:var(--mut);margin:0 0 7px}
.rv{font-family:var(--fh);font-weight:700;font-size:clamp(24px,2.8vw,34px);letter-spacing:-.035em;margin:0 0 6px;font-variant-numeric:tabular-nums}
.rv.g{color:var(--acc)}
.rf{font-size:11.5px;color:var(--mut);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.45}
.calcbox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 32px;margin-top:22px}

.ld{background:var(--wash);border:1px solid var(--line);border-radius:12px;padding:20px;position:relative}
.ld .n{font-family:var(--fh);font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--acc);margin:0 0 8px}
.ld h4{margin:0 0 5px;font-size:17px}
.ld .w{font-size:13.5px;color:var(--ink2);margin:0 0 8px;font-weight:600}
.ld p{margin:0;font-size:13.5px;color:var(--mut)}
.base{margin-top:12px;background:#0a0d12;color:#e9eef4;border-radius:12px;padding:18px 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px}
.base b{font-family:var(--fh);font-weight:700;color:#fff;font-size:14.5px}
.base span{color:#8d97a5}

@media(max-width:1140px){.nl{font-size:13px}.nav-in{gap:14px}}
@media(max-width:1000px){.levers{grid-template-columns:repeat(2,minmax(0,1fr))}
 .results{grid-template-columns:minmax(0,1fr);gap:18px}.results>div{border-left:none;padding:0}
 }
@media(max-width:620px){.levers{grid-template-columns:minmax(0,1fr)}}
.lev label .bmk{display:inline-block;margin-left:.5rem;font-family:Inter,sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--acc);background:rgba(0,208,132,.10);border:1px solid rgba(0,208,132,.28);border-radius:99px;padding:.13rem .45rem;vertical-align:middle}
@media(max-width:760px){.lev label .bmk{display:none}}
/* ---------- diagrams ---------- */
.dgm{margin:2.2rem 0 0;padding:0}
.dgm svg{width:100%;max-width:100%;height:auto;display:block;
 background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.1rem .8rem}
section.dark .dgm svg{background:rgba(255,255,255,.035);border-color:#232a33}
.dgm figcaption{font-size:.85rem;color:var(--mut);margin-top:.85rem;line-height:1.55;max-width:78ch}
section.dark .dgm figcaption{color:#8a939e}

.dt{font:700 14px 'Montserrat',sans-serif;fill:#0A0D12;letter-spacing:-.01em}
section.dark .dt{fill:#fff}

.ds{font:400 11.5px 'Inter',sans-serif;fill:#69727f}
section.dark .ds{fill:#99a3b0}
.dl{font:700 9.5px 'Inter',sans-serif;letter-spacing:.14em;fill:#a5aeb8}

.doc{display:grid;grid-template-columns:.95fr 1.05fr;gap:2rem;align-items:start;margin-top:2rem;
 padding-top:2rem;border-top:1px solid #232a33}

.doc h3{font-family:var(--fh);font-size:1.5rem;letter-spacing:-.024em;margin:0 0 .7rem;color:#fff;line-height:1.2}
.doc>div>p:last-child{margin:0;font-size:.94rem;line-height:1.62;color:#b6bec7}

@media(max-width:900px){.doc{grid-template-columns:1fr;gap:1.4rem}}

section.dark .dl{fill:#7c858f}
.dgm svg{overflow:visible}

section.dark .fine{color:#7c858f}
.dp{font:700 12.5px 'Montserrat',sans-serif;fill:#69727f;letter-spacing:-.01em}
section.dark .dp{fill:#8a939e}
.dp.on{fill:#00D084}
section.dark .dp.on{fill:#00D084}

.levers.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.calcm{display:flex;align-items:center;gap:.75rem;margin-top:22px;padding-top:18px;border-top:1px solid var(--hair)}
.calcm>span{font-size:12px;color:var(--mut)}
.mxp.lt button{border:1px solid var(--line);background:#fff;color:var(--mut);font-size:.82rem;padding:.34rem .8rem}
.mxp.lt{margin-top:0}
.mxp.lt button:hover{border-color:var(--gn);color:var(--acc)}
.mxp.lt button.on{background:var(--ink);border-color:var(--ink);color:#fff}
@media(max-width:760px){.levers.three{grid-template-columns:1fr}}
/* --- hero: the gap --- */
.hgap{display:inline-grid;grid-template-columns:1fr 1px 1fr;align-items:start;gap:0;
  background:#fff;border:1px solid var(--line);border-radius:16px;margin:30px 0 0;
  text-align:left;box-shadow:0 16px 36px -26px rgba(10,13,18,.3);max-width:640px}
.hgap::before{content:"";grid-column:2;grid-row:1;align-self:stretch;background:var(--line)}
.hgi{padding:20px 26px;min-width:0}
.hgi:first-child{grid-column:1}
.hgi.off{grid-column:3}
.hgi b{display:block;font-family:var(--fh);font-weight:700;font-size:44px;letter-spacing:-.045em;
  line-height:1;color:var(--acc);margin-bottom:8px}
.hgi.off b{color:#B45309}
.hgi span{font-size:13.5px;line-height:1.45;color:var(--mut);display:block}
.hgs{font-size:11.5px;color:var(--mut);margin:12px 0 0;line-height:1.5}
@media(max-width:620px){.hgap{grid-template-columns:1fr;max-width:none;display:grid}
  .hgap::before{grid-column:1;grid-row:2;height:1px;align-self:auto}
  .hgi:first-child{grid-row:1}.hgi.off{grid-column:1;grid-row:3}
  .hgi b{font-size:38px}}

:root{--ln:#e3e7ec;--acc2:#00794e}
.gaps>*{min-width:0}

#pg-integrations{--lsp:url(img/logos.webp)}

/* ---------- The Math page ---------- */
.mhero{padding:120px 0 54px;border-bottom:1px solid var(--ln)}
.mhero h1{font-size:clamp(38px,5vw,62px);line-height:1.03;letter-spacing:-.028em;margin:.5rem 0 1rem;max-width:16ch}
.mhero .lede{max-width:60ch;font-size:19px}

.dt{width:100%;border-collapse:collapse;margin:1.6rem 0 .6rem;font-size:.875rem}
.dt th{text-align:left;font-family:Inter,sans-serif;font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);font-weight:700;padding:.55rem .85rem;border-bottom:1px solid var(--ln)}
.dt td{padding:.72rem .85rem;border-bottom:1px solid var(--ln);color:var(--ink);vertical-align:top}
.dt td.n,.dt th.n{text-align:right;font-variant-numeric:tabular-nums}
.dt tbody tr:hover td{background:rgba(0,208,132,.045)}
.dt tr.tot td{font-weight:700;border-top:2px solid var(--ink);border-bottom:none;background:#fff}
.dt tr.tot td.g{color:var(--acc2)}
.dt .sub{display:block;font-size:.76rem;color:var(--mut);margin-top:.15rem}
.dtwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

.pnl{border:1px solid var(--ln);border-radius:16px;background:#fff;overflow:hidden;margin:1.9rem 0 .8rem}
.pnl .pr{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.85rem 1.35rem;border-bottom:1px solid var(--ln);align-items:baseline}
.pnl .pr:last-child{border-bottom:none}
.pnl .pr p{margin:0;font-size:.92rem}
.pnl .pr .sub{display:block;font-size:.78rem;color:var(--mut);margin-top:.18rem}
.pnl .pr b{font-family:Montserrat,sans-serif;font-size:1.02rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.pnl .pr.neg b{color:#c0392b}

.pnl .pr.fin{background:var(--ink);color:#fff}
.pnl .pr.fin p{color:#cfd6de}.pnl .pr.fin .sub{color:#8a939e}
.pnl .pr.fin b{color:var(--acc);font-size:1.55rem}

.seg{display:inline-flex;border:1px solid var(--ln);border-radius:10px;overflow:hidden;background:#fff}
.seg button{border:0;background:#fff;padding:.5rem .85rem;font:600 .84rem Inter,sans-serif;color:var(--mut);cursor:pointer;border-right:1px solid var(--ln)}
.seg button:last-child{border-right:0}
.seg button.on{background:var(--ink);color:#fff}
.mx{width:100%;border-collapse:separate;border-spacing:3px;font-size:.86rem}
.mx th{font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--mut);font-weight:700;padding:.4rem .3rem}
.mx td{text-align:center;padding:.75rem .4rem;border-radius:9px;background:#fff;border:1px solid var(--ln);font-variant-numeric:tabular-nums;font-weight:600}
.mx td.mark{outline:2px solid var(--acc);outline-offset:-2px;background:rgba(0,208,132,.09);color:var(--acc2)}

.dark .dt td,.dark .dt th{border-color:#232a33;color:#e9eef4}

/* ---------- two-futures ---------- */
.page[hidden]{display:none}
.nl.cur{color:var(--ink);font-weight:600}
.nl.cur:after{content:"";display:block;height:2px;background:var(--acc);border-radius:2px;margin-top:3px}

.ct{font-family:Montserrat,sans-serif;font-size:1rem;margin:0 0 .15rem}
.cs{font-size:.76rem;color:var(--mut);margin:0 0 .5rem;line-height:1.4;min-height:2.1em}
.cwrap{position:relative}
.cwrap svg{width:100%;height:auto;display:block;overflow:visible}
.cax{font:500 10px Inter,sans-serif;fill:#7c858f}
.cend{font:700 10.5px Inter,sans-serif}
.cend.a{fill:#00794E}.cend.b{fill:#B45309}
.ctip{position:absolute;top:6px;pointer-events:none;opacity:0;transition:opacity .12s;background:#0A0D12;color:#fff;border-radius:9px;padding:.5rem .65rem;font-size:.74rem;min-width:158px;box-shadow:0 8px 24px rgba(0,0,0,.22);z-index:4}
.ctip b{display:block;font-family:Montserrat,sans-serif;font-size:.76rem;margin-bottom:.3rem;color:#fff}
.ctip span{display:flex;align-items:center;gap:.4rem;color:#c3cad3;line-height:1.7}
.ctip i{width:8px;height:8px;border-radius:2px;flex:0 0 auto}
.ctip em{margin-left:auto;font-style:normal;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}

@media(max-width:1000px){.cs{min-height:0}}

.gaps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ln);border:1px solid var(--ln);border-radius:16px;overflow:hidden;margin-top:1.7rem}
.gaps>div{background:#fff;padding:1.35rem 1.4rem}
.gaps b{display:block;font-family:Montserrat,sans-serif;font-size:1.68rem;letter-spacing:-.02em;color:var(--acc2)}
.gaps span{display:block;font-size:.79rem;color:var(--mut);margin-top:.3rem;line-height:1.42}
@media(max-width:900px){.gaps{grid-template-columns:repeat(2,1fr)}}

.vs{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:1.5rem}
.vs thead th{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:700;padding:.6rem .9rem;border-bottom:1px solid var(--ln);text-align:right}
.vs thead th:first-child{text-align:left}
.vs thead th.a{color:#00794E}.vs thead th.b{color:#B45309}
.vs td{padding:.7rem .9rem;border-bottom:1px solid var(--ln);vertical-align:top}
.vs td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.vs .sub{display:block;font-size:.76rem;color:var(--mut);margin-top:.14rem;font-weight:400}
.vs tr.rl2 td{font-weight:700;background:#f7f9fa}
.vs tr.gmr td{font-weight:700;background:rgba(0,208,132,.06)}
.vs tr.rfin td{background:var(--ink);color:#fff;font-weight:700;font-size:1.02rem;border-bottom:none}
.vs tr.rfin td.n:first-of-type{color:var(--acc)}
.mnote{font-size:.82rem;color:var(--mut);line-height:1.6;margin-top:1rem}
.mnote a{color:var(--acc2);font-weight:600;text-decoration:none}

/* dark-section tables */
.dark .dt th{color:#8a939e;border-color:#232a33}
.dark .dt td{color:#dfe5ec;border-color:#1e252e}
.dark .dt tbody tr:hover td{background:rgba(0,208,132,.07)}
.dark .dt tr.tot td{background:transparent;border-top:2px solid #3a434e;color:#fff}
.dark .dt tr.tot td.g{color:var(--gn)}

.dark .dtwrap{border-radius:12px}
.vs tr.rfin td:nth-child(2){color:var(--gn)}

.ct{font-size:1.04rem}
.cs{font-size:.785rem}
/* ---------- buckets ---------- */

.tools{width:100%;border-collapse:collapse;font-size:.86rem;margin:.2rem 0 0}
.tools td{padding:.42rem 0;border-bottom:1px solid var(--hair)}
.tools td.n{text-align:right;width:112px}
.tools tr:last-child td{border-bottom:none;font-weight:700;border-top:1.5px solid var(--ink)}
.tools input{width:96px;text-align:right;font:600 .86rem var(--fb);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:.26rem .45rem;background:#fff}
.tools input:focus{outline:2px solid rgba(0,208,132,.4);outline-offset:1px}
/* ---------- waterfall ---------- */
.wf{margin-top:1.6rem;border:1px solid var(--line);border-radius:16px;background:#fff;padding:1.5rem 1.7rem}
.wfr{display:grid;grid-template-columns:minmax(150px,1.35fr) minmax(120px,2.6fr) 108px;gap:1rem;align-items:center;padding:.5rem 0}
.wfr+.wfr{border-top:1px solid var(--hair)}
.wfl{font-size:.9rem;color:var(--ink2);line-height:1.35}
.wfl span{display:block;font-size:.74rem;color:var(--mut);margin-top:.12rem;line-height:1.35}
.wfr.tot .wfl{font-weight:700;color:var(--ink)}
.wft{position:relative;height:22px;background:#f3f6f8;border-radius:5px;overflow:hidden}
.wft i{position:absolute;top:0;bottom:0;border-radius:3px;display:block}
.wfv{text-align:right;font-family:var(--fh);font-size:.94rem;font-weight:700;font-variant-numeric:tabular-nums}
.wfr.tot .wft{background:#e9eef2}
@media(max-width:720px){.wfr{grid-template-columns:1fr 76px}.wft{display:none}}
/* ---------- price stress ---------- */
.pz{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:1.9rem}
.pz>div{background:#fff;padding:1.9rem 2rem}
.pz .huge{font-family:var(--fh);font-size:clamp(46px,6.5vw,76px);letter-spacing:-.04em;line-height:1;color:var(--acc);margin:0}
.pz .huge small{font-size:.2em;letter-spacing:0;color:var(--mut)!important;font-weight:600;display:block;margin-top:.7rem;line-height:1.45;max-width:22ch}
.pzt{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:.9rem}
.pzt th{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:700;padding:.5rem .6rem;border-bottom:1px solid var(--line);text-align:right}
.pzt th:first-child{text-align:left}
.pzt td{padding:.6rem;border-bottom:1px solid var(--hair);text-align:right;font-variant-numeric:tabular-nums}
.pzt td:first-child{text-align:left}
.pzt tr.here td{background:rgba(0,208,132,.09);font-weight:700}
@media(max-width:860px){.pz{grid-template-columns:1fr}}
/* ---------- 5yr pnl ---------- */
.p5{width:100%;border-collapse:collapse;font-size:.86rem;min-width:720px}
.p5 th{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:700;padding:.55rem .7rem;border-bottom:1px solid var(--line);text-align:right}
.p5 th:first-child{text-align:left}
.p5 td{padding:.55rem .7rem;border-bottom:1px solid var(--hair);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.p5 td:first-child{text-align:left;white-space:normal}
.p5 .sub{display:block;font-size:.73rem;color:var(--mut);font-weight:400}
.p5 tr.rl2 td{font-weight:700;background:#f7f9fa;border-bottom-color:var(--line)}
.p5 tr.rfin td{background:var(--ink);color:#fff;font-weight:700;border-bottom:none}
.p5 tr.rfin td:last-child{color:var(--gn)}
.p5 tr.neg td{color:#a03d1a}
.p5 tr.neg td:first-child{color:var(--ink2)}
.p5 tr.head td{padding-top:1.1rem;font-weight:700;color:var(--acc);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid var(--line)}
.tog{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;margin-left:auto}
.tog button{border:0;background:#fff;padding:.5rem .9rem;font:600 .84rem var(--fb);color:var(--mut);cursor:pointer;border-right:1px solid var(--line)}
.tog button:last-child{border-right:0}
.tog button.on{background:var(--ink);color:#fff}
.rowhd{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.6rem}
/* white cards inside dark sections must not inherit the light section text color */
.dark .pz>div{color:var(--ink2)}
.dark .pz .pzt th{color:var(--mut)}
.dark .pz .pzt td{color:var(--ink)}
.dark .pz .pzt tr.here td{color:var(--acc)}
.dark .pz .bctl label{color:var(--mut)}
.dark .pz .bctl .v{color:var(--ink)}
.dark .pz .fine,.dark .pz p{color:var(--ink2)}
.dark .pz .huge{color:var(--acc)}
.dark .pz .huge small{color:var(--mut)!important}
.dark .pz b{color:var(--ink)}

/* ---------- worksheet ---------- */

.ansbar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:2rem}
.ansbar>div{background:#fff;padding:1.2rem 1.35rem;min-width:0}
.ansbar span{display:block;font-size:.76rem;color:var(--mut);line-height:1.4;margin-bottom:.42rem}
.ansbar>div>b{display:block;font-family:var(--fh);font-size:1.85rem;letter-spacing:-.03em;color:var(--acc);line-height:1}
.ansbar span b{color:var(--ink2);font-weight:600}
@media(max-width:900px){.ansbar{grid-template-columns:repeat(2,1fr)}}

.q{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.6rem 1.8rem;min-width:0}
.q.wide{margin-top:1.1rem}

.q h4{font-family:var(--fh);font-size:1.16rem;letter-spacing:-.015em;margin:0 0 .9rem;line-height:1.3;font-weight:700}
.qv{font-family:var(--fh);font-size:2.1rem;letter-spacing:-.03em;margin:0 0 .5rem;line-height:1}
.q input[type=range]{width:100%;accent-color:var(--gn)}
.qh{font-size:.81rem;color:var(--mut);line-height:1.5;margin:.65rem 0 0}
.pick{display:grid;gap:.6rem}
.pick.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:860px){.pick.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.pick.four{grid-template-columns:1fr}}
.pick button{text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:.95rem 1.05rem;cursor:pointer;font-family:var(--fb);transition:border-color .15s,background .15s}
.pick button:hover{border-color:#c3ccd4}
.pick button.on{border-color:var(--gn);background:rgba(0,208,132,.06)}
.pick button b{display:block;font-family:var(--fh);font-size:1.02rem;color:var(--ink);margin-bottom:.15rem}
.pick button span{display:block;font-size:.83rem;color:var(--ink2);font-weight:600;margin-bottom:.2rem}
.pick button em{display:block;font-size:.76rem;color:var(--mut);font-style:normal;line-height:1.4}
.pick button.on b{color:var(--acc)}

.assume{margin-top:1.1rem;border:1px dashed #ccd4dc;border-radius:16px;padding:1.4rem 1.7rem;background:rgba(255,255,255,.55)}
.at{font-family:var(--fh);font-size:.66rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--mut);margin:0 0 1rem}

.ai{font-size:.9rem;line-height:1.62;color:var(--ink2);margin:0}
.ai b{color:var(--ink)}

.whys{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:1.4rem}
.whys>div{background:rgba(255,255,255,.045);border:1px solid #232a33;border-radius:14px;padding:1.25rem 1.35rem;min-width:0}
.whys b{display:block;font-family:var(--fh);font-size:.98rem;color:#fff;margin-bottom:.4rem}
.whys p{margin:0;font-size:.85rem;line-height:1.58;color:#99a3b0}
@media(max-width:960px){.whys{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.whys{grid-template-columns:1fr}}

.close{display:grid;grid-template-columns:1.25fr .75fr;gap:1.6rem;margin-top:2.6rem;align-items:start}
@media(max-width:860px){.close{grid-template-columns:1fr}}
.close h3{font-family:var(--fh);font-size:1.6rem;letter-spacing:-.02em;margin:0 0 .7rem}
.close>div>p{font-size:.96rem;line-height:1.68;color:var(--ink2);margin:0;max-width:56ch}
.cb{background:var(--ink);border-radius:18px;padding:1.7rem 1.8rem;color:#fff}
.cbk{font-family:var(--fh);font-size:.64rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gn);margin:0 0 1rem}
.cbv{font-family:var(--fh);font-size:1.85rem;letter-spacing:-.03em;margin:0;color:#fff;line-height:1}
.cbl{font-size:.79rem;color:#8a939e;margin:.22rem 0 1.05rem;line-height:1.4}
.cbl:last-of-type{margin-bottom:0}
.cb .fine{color:#8a939e}
/* side-by-side P&L */
.p5 td.aa{background:rgba(0,208,132,.05)}
.p5 th.aa{color:var(--acc)}
.p5 th.bb{color:#B45309}
.p5 tr.rfin td.aa{background:var(--ink);color:var(--gn)}
.close>div.cb>p{color:#8a939e}
.close .cb .cbk{color:var(--gn)}
.close .cb .cbv{color:#fff}
.close .cb .cbl{color:#8a939e}
.close .cb .fine{color:#8a939e}
/* ---------- why we're different ---------- */

.chips{display:flex;gap:.4rem;flex-wrap:wrap}
.chips i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;
 background:rgba(0,208,132,.16);border:1px solid rgba(0,208,132,.4);color:var(--gn);
 font:700 .74rem var(--fh);font-style:normal;letter-spacing:.03em}

.fh2{font-family:var(--fh);font-size:1.24rem;letter-spacing:-.02em;color:#fff;margin:2.4rem 0 1rem}
.fits{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.fits>div{background:rgba(255,255,255,.035);border:1px solid #232a33;border-radius:13px;padding:1.1rem 1.2rem;min-width:0}
.fits b{display:block;font-family:var(--fh);font-size:.97rem;color:#fff;margin-bottom:.2rem}
.fits span{font-size:.83rem;line-height:1.5;color:#99a3b0}
@media(max-width:960px){.fits{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.fits{grid-template-columns:1fr}}
.risk{margin-top:1.5rem;border:1px solid rgba(0,208,132,.35);background:rgba(0,208,132,.05);border-radius:16px;padding:1.4rem 1.6rem}
.risk h4{font-family:var(--fh);font-size:1.08rem;margin:0 0 .4rem;color:var(--gn)}
.risk p{margin:0;font-size:.9rem;line-height:1.6;color:#b6bec7;max-width:88ch}
.cta2{display:grid;grid-template-columns:1fr auto;gap:2.4rem;align-items:center;margin-top:2.4rem;padding-top:2.1rem;border-top:1px solid #232a33}
.cta2 h3{font-family:var(--fh);font-size:1.55rem;letter-spacing:-.022em;margin:0 0 .45rem;color:#fff}
.cta2 p{margin:0;font-size:.94rem;line-height:1.6;color:#99a3b0;max-width:50ch}
.cta2 .btns{margin:0;justify-content:flex-end;flex-wrap:nowrap}
@media(max-width:900px){.cta2{grid-template-columns:1fr;gap:1.3rem}.cta2 .btns{justify-content:flex-start}}

/* ---------- pricing ---------- */
.prc{display:flex;align-items:stretch;gap:1rem;margin-top:2.2rem;flex-wrap:wrap}
.pmain{flex:1 1 300px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.8rem 2rem;min-width:0}
.pmain.b{border-color:rgba(0,208,132,.35);background:linear-gradient(180deg,rgba(0,208,132,.05),rgba(0,208,132,.015))}
.pk{font-family:var(--fh);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin:0 0 .5rem}
.pv{font-family:var(--fh);font-size:clamp(40px,5vw,60px);letter-spacing:-.045em;color:var(--ink);margin:0;line-height:1}
.pv small{font-size:.32em;color:var(--mut);font-weight:600;letter-spacing:-.01em;margin-left:.35rem}
.pd{font-size:.88rem;color:var(--mut);margin:.6rem 0 0;line-height:1.5}
.pplus{display:flex;align-items:center;font-family:var(--fh);font-size:1.8rem;color:#c3ccd4;font-weight:700}
@media(max-width:760px){.pplus{display:none}}

.pol{font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);font-weight:700;margin:0 0 .3rem;line-height:1.35}

/* ---------- pricing: gross margin ---------- */
.gmc{display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem;margin-top:1.9rem}
.gctrl{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.5rem 1.6rem;min-width:0}
.gctrl>div+div{margin-top:1.05rem}
.gctrl label{display:block;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--mut);font-weight:700;margin-bottom:.15rem}
.gctrl .v{font-family:var(--fh);font-size:1.24rem;margin:0 0 .2rem}
.gctrl input[type=range]{width:100%;accent-color:var(--gn)}
.gnote{font-size:.79rem;line-height:1.5;color:var(--mut);margin:1.1rem 0 0;padding-top:.9rem;border-top:1px solid var(--hair)}
.gout{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0;min-width:0;overflow:hidden;display:flex;flex-direction:column}
.ghero{background:var(--ink);padding:1.5rem 1.7rem}
.gl{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#8a939e;font-weight:700;margin:0 0 .3rem}
.gbig{font-family:var(--fh);font-size:clamp(46px,6vw,68px);letter-spacing:-.045em;color:var(--gn);margin:0;line-height:1}
.gtab{width:100%;border-collapse:collapse;font-size:.92rem}
.gtab td{padding:.85rem 1.7rem;border-bottom:1px solid var(--hair);color:var(--ink2)}
.gtab td.n{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink);white-space:nowrap}
.gtab tr.neg td.n{color:#a03d1a}
.gtab tr.tot td{font-weight:700;background:#f7f9fa;border-bottom:none;color:var(--ink);font-size:1.02rem}
.gtab tr.tot td.n{color:var(--acc)}

@media(max-width:900px){.gmc{grid-template-columns:1fr}}

/* ---------- sliders: neutral, no green fill ---------- */
input[type=range]{-webkit-appearance:none;appearance:none;accent-color:auto;background:transparent;height:22px;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:#dfe4ea}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;border-radius:50%;
 background:#0A0D12;border:2.5px solid #fff;box-shadow:0 1px 4px rgba(10,13,18,.28);margin-top:-6.5px}
input[type=range]::-moz-range-track{height:4px;border-radius:99px;background:#dfe4ea}
input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#0A0D12;border:2.5px solid #fff;
 box-shadow:0 1px 4px rgba(10,13,18,.28)}
.dark input[type=range]::-webkit-slider-runnable-track,.pz input[type=range]::-webkit-slider-runnable-track{background:#2b323b}
.dark input[type=range]::-moz-range-track,.pz input[type=range]::-moz-range-track{background:#2b323b}
.dark input[type=range]::-webkit-slider-thumb,.pz input[type=range]::-webkit-slider-thumb{background:#fff;border-color:#0A0D12}
.dark input[type=range]::-moz-range-thumb,.pz input[type=range]::-moz-range-thumb{background:#fff;border-color:#0A0D12}
/* ---------- pricing gm refinements ---------- */
.gsub{font-size:.86rem;color:#8a939e;margin:.6rem 0 0;line-height:1.5}
.gsub b{color:var(--gn)}

.punch2{font-family:var(--fh);font-size:clamp(19px,2.2vw,26px);font-weight:700;letter-spacing:-.024em;
 color:var(--ink);margin:2rem 0 0;text-align:center;line-height:1.35}
.gctrl>div+div{margin-top:1.3rem}
.gctrl{display:flex;flex-direction:column}
.gctrl .gnote{margin-top:auto;padding-top:1.2rem}

/* ---------- live share bar ---------- */
.sbar{display:flex;gap:3px;margin-top:1.6rem;height:64px}
.sseg{border-radius:9px;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;
 transition:flex-basis .18s ease;flex-grow:0;flex-shrink:1}
.sseg span{font:700 .78rem var(--fb);letter-spacing:.02em;white-space:nowrap;padding:0 .5rem}
.sseg.riq{background:var(--ink)} .sseg.riq span{color:#fff}
.sseg.run{background:rgba(240,160,32,.22);border:1px solid rgba(240,160,32,.45)} .sseg.run span{color:#8a5a12}
.sseg.you{background:rgba(0,208,132,.2);border:1.5px solid var(--gn)} .sseg.you span{color:#006b45;font-size:.92rem}
@media(max-width:700px){.sbar{height:52px}.sseg span{font-size:.68rem}}

/* pricing: flat-fee honesty line */
.flatn{margin-top:.85rem;font:500 .86rem/1.55 var(--fb);color:var(--ink2);
  padding-left:.9rem;border-left:2px solid var(--gn)}
@media(max-width:700px){.flatn{font-size:.8rem}}

/* pricing: all-caps emphasis in H1 */

/* pricing: transparency manifesto */

.mpunch{margin:2.1rem 0 0;font:400 1.02rem/1.66 var(--fb);color:#99a3b0;max-width:70ch}
.mpunch b{color:#fff;font-weight:600}
@media(max-width:700px){
  
  
  
  .mpunch{font-size:.94rem}
}

/* pricing: why-we-publish rows */
.pw{display:flex;flex-direction:column;gap:.7rem;margin-top:2.2rem;max-width:940px}
.pwr{display:grid;grid-template-columns:auto 1fr;gap:1.35rem;align-items:start;
  background:rgba(255,255,255,.042);border:1px solid #232a33;border-radius:16px;padding:1.4rem 1.65rem}
.pwr .n{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  font:700 .82rem var(--fb);letter-spacing:.02em;color:#69727f;
  background:rgba(255,255,255,.05);border:1px solid #2b323b;flex:none}
.pwr b{display:block;font-family:var(--fh);font-size:1.3rem;line-height:1.25;
  letter-spacing:-.022em;color:#fff;margin-bottom:.3rem}
.pwr .d{display:block;font:400 .93rem/1.55 var(--fb);color:#99a3b0}
.pwr.hi{border-color:rgba(0,208,132,.4);
  background:linear-gradient(90deg,rgba(0,208,132,.09),rgba(0,208,132,.02))}
.pwr.hi .n{color:var(--gn);background:rgba(0,208,132,.14);border-color:rgba(0,208,132,.4)}
.pwr.hi b{color:var(--gn)}
.mpunch{margin:2.3rem 0 0;font-family:var(--fh);font-weight:700;
  font-size:clamp(18px,1.9vw,23px);letter-spacing:-.022em;line-height:1.3;color:#fff}

/* pricing: never-on-your-invoice chips (scoped, must not touch global .chips) */
.nvc{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.1rem}
.nvc .nvchip{display:inline-flex;align-items:center;gap:.55rem;font:500 .875rem var(--fb);color:#aab3bf;
  background:rgba(255,255,255,.045);border:1px solid #232a33;border-radius:99px;padding:.5rem 1rem .5rem .82rem}
.nvc .nvchip:before{content:"";width:11px;height:2px;background:#B45309;border-radius:2px;flex:none}

/* pricing: standalone CTA band */
section.dark.band{padding-top:80px}
.punch2{text-wrap:balance}
section.dark+section.dark.band{padding-top:0}
.cta2.nb{border-top:0;padding-top:0;margin-top:0}

@media(max-width:820px){
  .pwr{padding:1.15rem 1.2rem;gap:1rem}
  .pwr .n{width:30px;height:30px;border-radius:9px;font-size:.74rem}
  .pwr b{font-size:1.12rem}
  .pwr .d{font-size:.87rem}
  .nvc .nvchip{font-size:.8rem}
}

/* ---- 90 Days page ---- */
/* diagram text (unique names; must not collide with table .dt / .ds) */

.dfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.2rem;max-width:660px}
.dfacts>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.4rem;min-width:0}
.dfacts b{display:block;font-family:var(--fh);font-size:2.05rem;letter-spacing:-.03em;color:var(--acc);line-height:1}
.dfacts span{display:block;font:400 .84rem/1.45 var(--fb);color:var(--mut);margin-top:.45rem}

.kps{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;margin-top:2rem}
.kp{background:rgba(255,255,255,.045);border:1px solid #232a33;border-radius:15px;
  padding:1.35rem 1.5rem;min-width:0;position:relative;padding-left:2.9rem}
.kp:before{content:"";position:absolute;left:1.4rem;top:1.72rem;width:9px;height:9px;
  border-radius:99px;background:var(--gn)}
.kp b{display:block;font-family:var(--fh);font-size:1.08rem;color:#fff;margin-bottom:.28rem;line-height:1.25}
.kp span{display:block;font:400 .88rem/1.55 var(--fb);color:#99a3b0}

@media(max-width:820px){
  .dfacts{grid-template-columns:repeat(3,1fr);gap:.6rem}
  .dfacts>div{padding:1rem .9rem}
  .dfacts b{font-size:1.5rem}
  .dfacts span{font-size:.72rem}
  .kps{grid-template-columns:1fr}
}

/* diagrams: keep labels legible on phones — swipe instead of shrink */
@media(max-width:760px){
  .dgm{overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:thin;padding-bottom:.35rem}
  .dgm svg{min-width:700px}
  .dgm figcaption{position:sticky;left:0}
}

/* comparison grid — same question asked of both */
.cmp{display:grid;grid-template-columns:1.05fr 1.2fr 1.2fr;margin-top:2.2rem;
  border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.cmp>div{padding:1.3rem 1.5rem;border-bottom:1px solid var(--hair);min-width:0}
.cmp>div:nth-child(3n+2),.cmp>div:nth-child(3n+3){border-left:1px solid var(--hair)}
.cmp>div:nth-last-child(-n+3){border-bottom:0}
.cmp>div.us{background:rgba(0,208,132,.055)}
.cmp>div.us:nth-child(3n+3){border-left-color:rgba(0,208,132,.3)}
.ch{font:700 .68rem var(--fb);letter-spacing:.11em;text-transform:uppercase;color:var(--mut);
  padding-top:1.05rem!important;padding-bottom:1.05rem!important;background:#fbfcfd}
.ch.us{color:var(--acc);display:flex;align-items:center;gap:.5rem;background:rgba(0,208,132,.09)}
.ch.us i{width:7px;height:7px;border-radius:99px;background:var(--gn);flex:none}
.cl{font-family:var(--fh);font-weight:700;font-size:1rem;line-height:1.32;
  letter-spacing:-.018em;color:var(--ink)}
.cv{font:400 .95rem/1.55 var(--fb);color:var(--ink2)}
.cv.us{color:var(--ink);font-weight:600}
.cmp>div.fin{padding-top:1.5rem;padding-bottom:1.5rem;background:#fbfcfd}
.cmp>div.fin.us{background:rgba(0,208,132,.11)}
.cv.fin{font-family:var(--fh);font-weight:700;font-size:1.22rem;letter-spacing:-.022em;
  line-height:1.28;color:var(--mut)}
.cv.fin.us{color:var(--acc)}
@media(max-width:820px){
  .cmp{grid-template-columns:1fr 1fr}
  .cmp>div{padding:1rem 1.05rem}
  .cmp>div.ch:first-child{display:none}
  .ch{grid-column:span 1}
  .cl{grid-column:1 / -1;background:#fbfcfd;border-left:0!important;
    font-size:.92rem;padding-top:.85rem!important;padding-bottom:.85rem!important}
  .cmp>div:nth-child(3n+2){border-left:0}
  .cv{font-size:.88rem}
  .cv.fin{font-size:1.02rem}
}

/* ---- Custom Apps ---- */

.split{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1.4rem}
.sp{border-radius:16px;padding:1.5rem 1.65rem;min-width:0}
.sp.no{background:#fff;border:1px solid var(--line)}
.sp.yes{background:linear-gradient(135deg,rgba(0,208,132,.11),rgba(0,208,132,.03));
  border:1.5px solid rgba(0,208,132,.5)}

.sp b{display:block;font-family:var(--fh);font-size:1.28rem;letter-spacing:-.024em;
  color:var(--ink);margin-bottom:.4rem;line-height:1.25}
.sp.yes b{color:var(--acc)}
.sp p{margin:0;font:400 .92rem/1.6 var(--fb);color:var(--ink2)}

.fh3{font-family:var(--fh);font-size:1.1rem;letter-spacing:-.02em;color:var(--ink);margin:2.4rem 0 .9rem}

.bld{display:inline-flex;align-items:center;font:500 .875rem var(--fb);color:var(--ink2);
  background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:.5rem 1rem}

@media(max-width:660px){
  .split{grid-template-columns:1fr}
}

/* documentation block moved into the light section 02 */
section.white .doc h3{color:var(--ink)}
section.white .doc>div>p:last-child{color:var(--ink2)}

section.white .doc{border-top:1px solid var(--hair);padding-top:2rem;margin-top:2.4rem}

/* ---- Security ---- */
.rws{display:flex;flex-direction:column;gap:.65rem;margin-top:2.1rem}
.rw{display:grid;grid-template-columns:1fr auto;gap:1.4rem;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.35rem 1.55rem;min-width:0}
.rw b{display:block;font-family:var(--fh);font-size:1.1rem;letter-spacing:-.02em;
  color:var(--ink);margin-bottom:.25rem;line-height:1.28}
.rw>div>span{display:block;font:400 .91rem/1.55 var(--fb);color:var(--ink2)}
.rw .rwt{justify-self:end;align-self:center;white-space:nowrap;font:700 .68rem var(--fb);
  letter-spacing:.1em;text-transform:uppercase;border-radius:99px;padding:.42rem .85rem}
.rw.you{background:linear-gradient(90deg,rgba(0,208,132,.09),rgba(0,208,132,.02));
  border-color:rgba(0,208,132,.45)}
.rw.you .rwt{color:var(--acc);background:rgba(0,208,132,.16);border:1px solid rgba(0,208,132,.4)}
.rw.us .rwt{color:var(--mut);background:var(--wash);border:1px solid var(--line)}

.kps.lt{grid-template-columns:repeat(2,1fr)}
.kps.lt .kp{background:#fff;border-color:var(--line)}
.kps.lt .kp b{color:var(--ink)}
.kps.lt .kp span{color:var(--ink2)}

.cts3{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:2rem}
.ct{background:rgba(255,255,255,.045);border:1px solid #232a33;border-radius:15px;padding:1.4rem 1.5rem;min-width:0}
.ct.on{border-color:rgba(0,208,132,.4)}
.ctn{margin:0;font-family:var(--fh);font-weight:700;font-size:1.1rem;color:#fff;letter-spacing:-.02em}
.cts{margin:.4rem 0 .6rem;font:700 .68rem var(--fb);letter-spacing:.11em;text-transform:uppercase}
.ct.on .cts{color:var(--gn)} .ct.prog .cts{color:#d98a2b}
.ctd{margin:0;font:400 .87rem/1.55 var(--fb);color:#99a3b0}

/* ---- Assessment ---- */
.fts{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:2.1rem}
.ft{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.5rem;
  min-width:0;position:relative;padding-left:3rem}
.ft:before{position:absolute;left:1.45rem;top:1.42rem;font:700 1rem/1 var(--fb)}
.ft.yes{border-color:rgba(0,208,132,.45)}
.ft.yes:before{content:"\2713";color:var(--acc)}
.ft.no{background:var(--paper)}
.ft.no:before{content:"\00D7";color:#8a4a08;font-size:1.15rem}
.ft b{display:block;font-family:var(--fh);font-size:1.04rem;letter-spacing:-.02em;
  color:var(--ink);margin-bottom:.25rem;line-height:1.3}
.ft.no b{color:var(--mut)}
.ft span{display:block;font:400 .89rem/1.55 var(--fb);color:var(--ink2)}

/* ---- Demo ---- */
.story{margin-top:2.1rem;padding-left:1.4rem;border-left:2px solid var(--gn);max-width:64ch}
.st1{margin:0 0 .6rem;font:400 1.06rem/1.6 var(--fb);color:var(--ink2)}
.st2{margin:.8rem 0 0;font-family:var(--fh);font-weight:700;font-size:clamp(22px,2.6vw,32px);
  letter-spacing:-.028em;line-height:1.2;color:var(--ink)}
.st3{margin:1rem 0 0;font:400 .95rem/1.6 var(--fb);color:var(--mut)}
.st3 b{color:var(--acc);font-weight:600}

.mns{margin-top:2.1rem;display:flex;flex-direction:column}
.mn{display:grid;grid-template-columns:110px 1fr;gap:1.5rem;align-items:start;
  padding:1.15rem 0;border-top:1px solid var(--hair)}
.mn:first-child{border-top:0;padding-top:0}
.mnm{font:700 .7rem var(--fb);letter-spacing:.09em;color:var(--acc);padding-top:.2rem;text-transform:uppercase}
.mn b{display:block;font-family:var(--fh);font-size:1.1rem;letter-spacing:-.02em;
  color:var(--ink);margin-bottom:.2rem;line-height:1.28}
.mn>div>span{display:block;font:400 .92rem/1.55 var(--fb);color:var(--ink2)}
.nvc.lt .nvchip{background:var(--paper);border-color:var(--line);color:var(--ink2)}

@media(max-width:820px){
  .cts3{grid-template-columns:1fr}
  .fts,.kps.lt{grid-template-columns:1fr}
  .rw{grid-template-columns:1fr;gap:.7rem}
  .rw .rwt{justify-self:start}
  .mn{grid-template-columns:1fr;gap:.25rem}
  .mnm{padding-top:0}
}

/* ---- Capabilities ---- */

.cap{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.35rem 1.45rem;min-width:0}

.cap b{display:block;font-family:var(--fh);font-size:1.06rem;letter-spacing:-.02em;
  color:var(--ink);line-height:1.28;margin-bottom:.3rem}

/* ---- The Numbers: three-number row ---- */
.thr{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:2.1rem}
.thr>div{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:1.5rem 1.6rem;min-width:0}
.thk{margin:0 0 .5rem;font:700 .66rem var(--fb);letter-spacing:.11em;text-transform:uppercase;color:var(--acc)}
.thv{margin:0 0 .7rem;font-family:var(--fh);font-weight:700;font-size:2.1rem;letter-spacing:-.035em;
  color:var(--ink);line-height:1}
.thd{margin:0;font:400 .9rem/1.6 var(--fb);color:var(--ink2)}
@media(max-width:820px){.thr{grid-template-columns:1fr}}

/* ---- home: four-stage selector ---- */

.stepper button.instg{box-shadow:inset 0 -3px 0 rgba(0,208,132,.45)}

/* ---- home: four-stage selector ---- */

.stepper button.instg{box-shadow:inset 0 -3px 0 rgba(0,208,132,.45)}

/* ---- Capabilities: pick an outcome, dive in ---- */

/* ================= CAPABILITIES v4 ================= */
/* --- the map --- */
.map{margin-top:2.1rem;background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:1.6rem 1.7rem 1.5rem}

.mb{font:700 .8rem var(--fb);color:var(--ink);background:linear-gradient(180deg,rgba(0,208,132,.13),rgba(0,208,132,.04));
  border:1.5px solid rgba(0,208,132,.45);border-radius:11px;padding:.8rem .5rem;cursor:pointer;text-align:center;min-width:0;
  transition:transform .12s,border-color .12s}
.mb:hover{transform:translateY(-2px);border-color:var(--gn)}

.mb{background:var(--wash);border-color:var(--line);color:var(--ink2)}

/* --- tour player --- */

.tw{background:#0a0d12;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px -24px rgba(10,13,18,.45)}

/* --- capabilities v5: one area = one player + a list of what it does --- */
.grp h2{max-width:880px}

.tiles{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.tl{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:.8rem;align-items:center;width:100%;text-align:left;
  background:none;border:0;border-bottom:1px solid var(--hair);border-left:3px solid transparent;
  padding:.68rem .7rem .68rem .8rem;margin:0;font-family:var(--fb);color:var(--ink);border-radius:0;transition:background .12s,border-color .12s}
.tl b{grid-column:1;grid-row:1;display:block;font:600 .93rem/1.3 var(--fb);color:var(--ink);letter-spacing:-.005em}
.tl span{grid-column:1;grid-row:2;display:block;font:400 .79rem/1.42 var(--fb);color:var(--mut);margin-top:.1rem}
.tl:after{content:"";grid-column:2;grid-row:1/3;align-self:center;width:0;height:0;justify-self:end}
.tl.has{cursor:pointer}
.tl.has:after{border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #b9c1cb;transition:border-color .12s}
.tl.has:hover{background:rgba(0,208,132,.05)}
.tl.has:hover:after{border-left-color:var(--acc)}
.tl.has:focus-visible{outline:2px solid var(--gn);outline-offset:-2px}
.tl.on{background:rgba(0,208,132,.08);border-left-color:var(--gn)}
.tl.on b{color:var(--acc)}
.tl.on:after{border-left-color:var(--acc)}

@media(max-width:900px){.tl{padding:.6rem .5rem .6rem .7rem}}

.nav-in .btn{white-space:nowrap;flex:none}
@media(max-width:420px){.nav-in .btn{font-size:13px;padding:9px 15px}}
.nav-in .sp{padding:0;margin:0;min-width:0;flex:1 1 0}
@media(max-width:380px){.nav-in .btn{padding:9px 12px;font-size:12.5px}.nav-in{gap:10px}}

/* --- 01 documentation: where it goes, outcomes, MCP --- */

.dmcp{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2.2rem;margin-top:2.6rem;background:var(--ink);color:#e9eef4;border-radius:20px;padding:2rem 2.2rem}

.dmcp-l h3{margin:0 0 .8rem;font-family:var(--fh);font-size:1.55rem;line-height:1.15;letter-spacing:-.026em;color:#fff}
.dmcp-l p{margin:0 0 .85rem;font:400 .95rem/1.55 var(--fb);color:#b7c0cb}
.dmcp-l p:last-child{margin-bottom:0}
.dmcp-l p b{color:#e9eef4;font-weight:600}
.dmcp-apps{margin-top:1rem!important;color:#8a939e!important}
.dmcp-apps b{color:#e9eef4;font-weight:600}
.dmcp-r{display:flex;flex-direction:column;gap:.55rem}
.dq{align-self:flex-end;max-width:88%;background:#2a313a;color:#fff;border-radius:14px 14px 4px 14px;padding:.6rem .9rem;font:500 .88rem/1.45 var(--fb)}
.dq i{display:block;font:700 .6rem var(--fb);letter-spacing:.1em;text-transform:uppercase;color:#959ea9;margin-bottom:.15rem;font-style:normal}
.da{align-self:flex-start;max-width:92%;background:#fff;color:var(--ink);border-radius:14px 14px 14px 4px;padding:.65rem .9rem;font:400 .88rem/1.45 var(--fb);border-left:3px solid var(--gn)}
.da em{display:block;font:600 .66rem var(--fb);letter-spacing:.06em;text-transform:uppercase;color:var(--acc);margin-top:.35rem;font-style:normal}

@media(max-width:900px){.dmcp{grid-template-columns:1fr;padding:1.5rem 1.2rem;gap:1.4rem}.dq,.da{max-width:100%}}

/* --- chapters: three choices, the screen does the explaining --- */

/* --- stack picker --- */

.spsw{position:relative;margin:.2rem 0 1.5rem;max-width:620px}

.spsx{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;width:100%;text-align:left;background:none;
  border:0;border-bottom:1px solid var(--hair);padding:.62rem .9rem;cursor:pointer;font-family:var(--fb)}
.spsx:last-child{border-bottom:0}
.spsx b{font:600 .9rem var(--fb);color:var(--ink)}
.spsx span{font:500 .72rem var(--fb);color:var(--mut);white-space:nowrap}
.spsx:hover{background:rgba(0,208,132,.07)}
.spsx.on b:after{content:" \2713";color:var(--acc)}
.spsn{margin:0;padding:.8rem .9rem;font:400 .85rem var(--fb);color:var(--mut)}

.spc{font:600 .82rem var(--fb);color:var(--ink2);background:#fff;border:1px solid var(--line);border-radius:99px;
  padding:.42rem .82rem;cursor:pointer;transition:background .12s,border-color .12s,color .12s}
.spc:hover{border-color:var(--gn);color:var(--ink)}
.spc:focus-visible{outline:2px solid var(--gn);outline-offset:2px}
.spc.on{background:var(--ink);border-color:var(--ink);color:#fff}
.spc.on:hover{background:#1c232c;border-color:#1c232c}

.stj{display:block;padding:.6rem 0;border-bottom:1px solid var(--hair);text-decoration:none}
.stj:last-of-type{border-bottom:0}
.stj b{font-family:var(--fh);font-size:1rem;letter-spacing:-.018em;color:var(--ink)}
.stj:hover b{color:var(--acc)}
.stjt{display:block;font:500 .76rem/1.4 var(--fb);color:var(--mut);margin-top:.15rem}
.stjd{display:block;font:400 .84rem/1.5 var(--fb);color:var(--ink2);margin-top:.28rem}
.strc{padding:.5rem 0;border-bottom:1px solid var(--hair)}
.strl{display:block;font:700 .64rem var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.strt{display:block;font:600 .9rem/1.45 var(--fb);color:var(--ink);margin-top:.1rem}
.stempty{margin:0;font:400 .88rem/1.5 var(--fb);color:var(--mut)}

/* --- the math: one input, ramp, assumptions --- */
.onein{max-width:560px;margin:1.8rem 0 1.6rem;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:1.2rem 1.4rem}
.onein label{display:block;font:600 .8rem var(--fb);color:var(--mut);letter-spacing:.01em}
.onein .qv{margin:.25rem 0 .5rem;font-family:var(--fh);font-size:2.1rem;letter-spacing:-.03em;color:var(--ink)}
.onein input[type=range]{width:100%}
.onein .qh{margin:.55rem 0 0;font:400 .78rem/1.45 var(--fb);color:var(--mut)}
.ramp{margin-top:2rem;border-top:1px solid var(--line);padding-top:1.4rem}

.asmt{margin:1.2rem 0 0;font:600 .86rem var(--fb);color:var(--ink);background:#fff;border:1.5px solid var(--line);
  border-radius:99px;padding:.62rem 1.2rem;cursor:pointer;transition:border-color .12s,color .12s}
.asmt:hover{border-color:var(--gn);color:var(--acc)}
.asmt.on{border-color:var(--gn);color:var(--acc);background:rgba(0,208,132,.07)}
.asmb{margin-top:1.6rem}
@media(max-width:700px){.onein .qv{font-size:1.8rem}}

/* --- two inputs + the P&L explainer --- */
.twoin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:760px;margin:1.8rem 0 1.6rem}
.twoin .onein{margin:0;max-width:none}
.pnlwrap{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:1.4rem;align-items:start;margin-top:1.6rem}
.p5x{position:sticky;top:88px;background:var(--ink);color:#e9eef4;border-radius:18px;padding:1.25rem 1.3rem}
.p5x .xk{margin:0 0 .5rem;font:700 .62rem var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--gn)}
.p5x h4{margin:0 0 .8rem;font-family:var(--fh);font-size:1.18rem;letter-spacing:-.026em;color:#fff}
.p5x .xm{margin:0 0 1rem;padding:0;list-style:none}
.p5x .xm li{padding:.45rem 0;border-bottom:1px solid #232a33;font:400 .83rem/1.5 var(--fb);color:#b7c0cb}
.p5x .xm li:last-child{border-bottom:0}
.p5x .xm b{color:#fff;font-weight:700}
.p5x .xw{margin:0;font:400 .83rem/1.6 var(--fb);color:#8a939e}
#p5b tr.xq{cursor:pointer}
#p5b tr.xq:hover td{background:rgba(0,208,132,.06)}
#p5b tr.xq.on td{background:rgba(0,208,132,.11)}
#p5b tr.xq.on td:first-child{box-shadow:inset 3px 0 0 var(--gn)}
@media(max-width:980px){.pnlwrap{grid-template-columns:1fr}.p5x{position:static}}
@media(max-width:620px){.twoin{grid-template-columns:1fr}}

/* --- the three numbers: clickable cards + drill-down --- */
.thr3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}
.thc{display:block;width:100%;text-align:left;background:#fff;border:1.5px solid var(--line);border-left:3px solid var(--line);
  border-radius:16px;padding:1.3rem 1.4rem 1.1rem;cursor:pointer;font-family:var(--fb);
  transition:border-color .14s,background .14s,box-shadow .14s}
.thc:hover{border-color:var(--gn);box-shadow:0 12px 28px -22px rgba(10,13,18,.5)}
.thc:focus-visible{outline:2px solid var(--gn);outline-offset:2px}
.thc.on{border-color:rgba(0,208,132,.4);border-left-color:var(--gn);background:rgba(0,208,132,.05)}
.thc .thk{margin:0 0 .45rem;font:700 .66rem var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.thc .thv{margin:0 0 .5rem;font-family:var(--fh);font-size:2.05rem;letter-spacing:-.034em;color:var(--ink)}
.thc.on .thv{color:var(--acc)}
.thc .thd{margin:0;font:400 .85rem/1.5 var(--fb);color:var(--ink2)}
.thc .thmore{display:inline-block;margin-top:.7rem;font:700 .72rem var(--fb);letter-spacing:.03em;color:var(--mut)}
.thc:hover .thmore,.thc.on .thmore{color:var(--acc)}
.thx{margin-top:1rem}
.thxi{background:var(--ink);color:#e9eef4;border-radius:20px;padding:1.7rem 1.9rem}
.thxi .xk{margin:0 0 .5rem;font:700 .62rem var(--fb);letter-spacing:.13em;text-transform:uppercase;color:var(--gn)}
.thxi h4{margin:0 0 .6rem;font-family:var(--fh);font-size:1.5rem;line-height:1.2;letter-spacing:-.028em;color:#fff}

.thxi .xm{margin:0 0 1rem;padding:0;list-style:none}
.thxi .xm li{padding:.4rem 0;font:400 .9rem/1.5 var(--fb);color:#b7c0cb}
.thxi .xm b{color:#fff;font-weight:700}
.thxi .xw{margin:0;padding-top:.9rem;border-top:1px solid #232a33;font:400 .9rem/1.6 var(--fb);color:#8a939e;max-width:820px}
@media(max-width:900px){.thr3{grid-template-columns:1fr}.thxi{padding:1.3rem 1.2rem}
  }

/* --- build-up: a bar that grows --- */

.pbur{display:grid;grid-template-columns:260px minmax(0,1fr) 110px;gap:1.2rem;align-items:center;
  padding:.6rem 0;border-bottom:1px solid var(--hair)}
.pbur .pbuk{font:500 .92rem/1.35 var(--fb);color:var(--ink2)}
.pbur .pbub{display:flex;height:22px;border-radius:5px;overflow:hidden;background:#eef1f4}
.pbur .pbub i{display:block;height:100%}
.pbur .pbub .s0{background:#c9d1d9}
.pbur .pbub .su{background:var(--gn)}
.pbur .pbub .sd{background:#f0a3a0}
.pbur .pbuv{text-align:right;font:600 .92rem var(--fb);color:var(--ink);font-variant-numeric:tabular-nums}
.pbur.zup .pbuv{color:var(--acc)}
.pbur.zdown .pbuv{color:#B45309}
.pbur.zbase .pbuk,.pbur.zend .pbuk{font-weight:700;color:var(--ink);font-family:var(--fh);letter-spacing:-.018em;font-size:1rem}
.pbur.zend{border-bottom:0;padding-top:.9rem;border-top:2px solid var(--ink);margin-top:.3rem}
.pbur.zend .pbub .s0{background:var(--ink)}
.pbur.zend .pbuv{font-size:1.15rem;font-family:var(--fh);letter-spacing:-.022em}
@media(max-width:820px){.pbur{grid-template-columns:1fr auto;gap:.3rem .8rem}.pbur .pbub{grid-column:1/-1;order:3}}

/* --- price dare --- */

/* --- the closing comparison --- */
.vs2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin-top:1.8rem}
.vsc{border-radius:20px;padding:1.6rem 1.7rem}
.vsc.b{background:#fff;border:1.5px solid var(--line)}
.vsc.a{background:var(--ink);color:#e9eef4}
.vsk{margin:0 0 1.2rem;font:700 .68rem var(--fb);letter-spacing:.11em;text-transform:uppercase;color:var(--mut)}
.vsc.a .vsk{color:var(--gn)}
.vsn{margin:0;font-family:var(--fh);font-size:1.85rem;letter-spacing:-.032em;color:var(--ink)}
.vsc.a .vsn{color:#fff}
.vsl{margin:0 0 .9rem;font:500 .78rem var(--fb);color:var(--mut)}
.dark .vsl,.vsc.a .vsl{color:#8a939e}
.vsx{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--line)}
.vsc.a .vsx{border-top-color:#2b323b}
.vsxk{margin:0 0 .15rem;font:700 .66rem var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.vsxv{margin:0;font-family:var(--fh);font-size:2.5rem;letter-spacing:-.036em;color:var(--ink)}
.vsc.a .vsxv{color:var(--gn)}
.vsq{margin:1.4rem 0 0;font-family:var(--fh);font-size:1.45rem;letter-spacing:-.026em;color:var(--ink2)}
.vsq b{color:var(--ink)}
.pnlb{margin-top:1rem}
@media(max-width:760px){.vs2{grid-template-columns:1fr}}
.asmn{margin:0 0 1.3rem;font:400 .92rem/1.6 var(--fb);color:var(--mut);max-width:760px}
.asmg{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}
.asmg.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.asmg.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.asmq{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}
.asmq.wide{margin-bottom:1rem}
.asmq label{display:block;font:600 .78rem/1.4 var(--fb);color:var(--mut)}
.asmq label b{color:var(--ink)}
.asmq .v{margin:.3rem 0 .5rem;font-family:var(--fh);font-size:1.4rem;letter-spacing:-.026em;color:var(--ink)}
.asmq input[type=range]{width:100%}
.asmq .qh{margin:.5rem 0 0;font:400 .8rem/1.5 var(--fb);color:var(--mut)}
.asmt2{width:100%;border-collapse:collapse;margin-top:.6rem}
.asmt2 td{padding:.35rem 0;border-bottom:1px solid var(--hair);font:500 .84rem var(--fb);color:var(--ink2)}
.asmt2 td.n{text-align:right}
.asmt2 input[type=number]{width:84px;font:600 .84rem var(--fb);border:1px solid var(--line);border-radius:7px;padding:.25rem .45rem;text-align:right}
@media(max-width:820px){.asmg.three,.asmg.four{grid-template-columns:1fr}}

/* --- stacked-bar drill-down (the three numbers) --- */
.sbz{margin:0 0 1.2rem}
.sbzb{display:flex;height:36px;border-radius:9px;overflow:hidden;background:#232a33}
.sbzb i{display:block;height:100%;min-width:2px;border:0;border-radius:0;padding:0;margin:0}
.sbzb i.sba{background:var(--gn)}

.sbzb i.sbc{background:#4d5762}
.sbzb i.sbd{background:#343d47}
.sbzl{display:flex;flex-wrap:wrap;gap:.35rem 1.7rem;margin-top:.85rem}
.sbzl span{display:flex;align-items:baseline;gap:.45rem;font:400 .86rem var(--fb);color:#8a939e;background:none;border:0;border-radius:0;padding:0;margin:0;letter-spacing:normal;text-transform:none}
.sbzl span::before{content:"";width:9px;height:9px;border-radius:2px;background:#4d5762;flex:none;transform:translateY(-1px)}
.sbzl span.sba::before{background:var(--gn)}

.sbzl span.sbd::before{background:#343d47}
.sbzl b{font:700 .96rem var(--fb);color:#fff;font-variant-numeric:tabular-nums}
.sbzn{margin:0;font:400 .96rem/1.6 var(--fb);color:#b7c0cb;max-width:800px}
.sbzn b{color:#fff;font-weight:700}
.mxp{display:inline-flex;gap:.4rem;margin-top:1.2rem}
.mxp button{border:1px solid #2b323b;background:transparent;color:#b7c0cb;border-radius:99px;
  padding:.42rem 1rem;font:700 .88rem var(--fb);cursor:pointer;transition:background .12s,color .12s,border-color .12s}
.mxp button:hover{border-color:var(--gn);color:#fff}
.mxp button.on{background:var(--gn);border-color:var(--gn);color:#06231a}
.mxpl{margin:.6rem 0 0;font:400 .82rem var(--fb);color:#69727f}
@media(max-width:620px){.sbzl{gap:.3rem 1rem}.sbzl span{font-size:.79rem}.sbzl b{font-size:.88rem}
  .thxi h4{font-size:1.25rem}}

/* --- versus: the gap, called out --- */
.vsd{display:inline-block;margin-left:.5rem;font-family:var(--fb);font-size:.82rem;font-weight:700;
  letter-spacing:0;color:var(--gn);vertical-align:middle;white-space:nowrap}
.vsd.big{font-size:1rem}

/* --- build-up rows: click for the arithmetic --- */
.pbur.zup,.pbur.zdown{cursor:pointer}
.pbur.zup:hover .pbuk,.pbur.zdown:hover .pbuk{color:var(--acc)}
.pbur.zup:hover .pbuq,.pbur.zdown:hover .pbuq{border-color:var(--gn);color:var(--acc)}
.pbuq{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:.45rem;
  border:1px solid var(--line);border-radius:50%;font:700 .6rem var(--fb);font-style:normal;color:var(--mut);
  vertical-align:middle;transform:translateY(-1px)}
.pbur.zon .pbuq{border-color:var(--gn);background:var(--gn);color:#06231a}
.pbur.zon .pbuk{color:var(--ink);font-weight:600}
.pbud{padding:.1rem 0 .9rem;font:400 .89rem/1.6 var(--fb);color:var(--ink2);
  border-bottom:1px solid var(--hair);max-width:780px}
.pbud b{color:var(--ink);font-weight:700}

/* --- price card controls, and the closing block on a dark section --- */
.pz .bctl{display:grid;grid-template-columns:1fr;gap:.9rem 1.2rem}
.pz .bctl label{display:block;font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;color:var(--mut);font-weight:700;margin-bottom:.22rem}
.pz .bctl .v{font-family:var(--fh);font-size:1.3rem;margin:0 0 .3rem;color:var(--ink)}
.pz .bctl input[type=range]{width:100%;accent-color:var(--gn)}
.pz .pzt tr.here td{background:rgba(0,208,132,.11)}
.dark .close h3{color:#fff}
.dark .close>div>p{color:#b7c0cb}
.dark .close .cb{background:rgba(255,255,255,.05);border:1px solid #232a33}

.whys.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.whys.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.whys.four{grid-template-columns:1fr}}
.dark .close .cb{background:rgba(0,208,132,.07);border:1px solid rgba(0,208,132,.24)}
.dark .close .cb .cbv{color:#fff}
.close .cb .cbv{font-size:1.85rem;line-height:1;margin:0}
.close .cb .cbl{font-size:.79rem;margin:.22rem 0 1.05rem;line-height:1.4}
.fo .flg{flex-basis:100%;font-size:.78rem;color:var(--mut)}
.sq,.sr{background:#fff;border:1px solid var(--line);border-radius:18px;padding:2rem;max-width:780px;box-shadow:0 18px 40px -28px rgba(10,13,18,.25)}
.sq-top{display:flex;justify-content:space-between;gap:1rem;font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
.sq-bar{height:6px;background:var(--hair);border-radius:99px;margin:.8rem 0 1.4rem;overflow:hidden}.sq-bar i{display:block;height:100%;background:var(--gn);width:0;transition:width .3s}
.sq h3{font-family:var(--fh);font-size:1.35rem;line-height:1.3;margin:0 0 1.2rem;letter-spacing:-.01em}
.sq-opts{display:grid;gap:.6rem}
.sq-opts button{text-align:left;font:inherit;font-size:15.5px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.sq-opts button:hover,.sq-opts button:focus-visible{border-color:var(--gn2);background:var(--wash);outline:none}
.sq-opts button.on{border-color:var(--gn);background:var(--wash);font-weight:600}
.sq-nav{margin-top:1.2rem;display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.sq-nav .fine{margin:0}
.sr-head{display:flex;gap:1.6rem;align-items:center;flex-wrap:wrap}
.sr-score b{font-family:var(--fh);font-size:4rem;line-height:1;letter-spacing:-.04em;color:var(--acc)}.sr-score span{color:var(--mut);font-weight:600}
.sr-band{font-family:var(--fh);font-weight:700;font-size:1.3rem;margin:0 0 .3rem}
.sr-head p{margin:0;max-width:52ch;color:var(--ink2)}
.sr-areas{display:grid;gap:.7rem;margin:1.8rem 0}
.sr-row{display:grid;grid-template-columns:170px 1fr 44px;gap:.9rem;align-items:center;font-size:14.5px}
.sr-row .t{height:8px;background:var(--hair);border-radius:99px;overflow:hidden}.sr-row .t i{display:block;height:100%;background:var(--gn)}
.sr-row b{text-align:right;font-variant-numeric:tabular-nums}
.sr h4{font-family:var(--fh);margin:1.6rem 0 .6rem}
.sr ol{margin:0 0 1.6rem;padding-left:1.2rem;color:var(--ink2)}.sr ol li{margin-bottom:.5rem}.sr ol li b{color:var(--ink)}
.sr-form{margin-top:1.8rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.sr-form .row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.8rem}
.sr-form label{display:flex;flex-direction:column;gap:.35rem;font-size:13px;font-weight:600;color:var(--ink2)}
.sr-form input{font:inherit;font-size:15px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.sr-msg{margin-top:.8rem;font-weight:600;color:var(--acc)}
@media(max-width:640px){.sq,.sr{padding:1.3rem}.sr-row{grid-template-columns:1fr 40px}.sr-row .t{grid-column:1 / -1;order:3}.sr-form .row{grid-template-columns:1fr}.sr-score b{font-size:3.2rem}}

/* ---- de-templating ---- */
.eyeb{background:none;border:0;border-radius:0;padding:0}
.eyeb i{display:none}
.rail{display:none!important}

.pwr{grid-template-columns:minmax(0,1fr)}

.sr .fine a{color:var(--acc);font-weight:600;text-decoration:none;border-bottom:1px solid var(--gn)}
[hidden]{display:none!important}
/* ---- nav: Platform menu + mobile menu ---- */
.nd{position:relative;display:flex;align-items:center}
.ndb{background:none;border:0;padding:0;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:5px}
.ndb svg{transition:transform .15s}
.nd.open .ndb svg{transform:rotate(180deg)}
.ndm{position:absolute;top:calc(100% + 14px);left:-18px;min-width:300px;background:#fff;border:1px solid var(--line);border-radius:14px;
  box-shadow:0 22px 48px -24px rgba(10,13,18,.35);padding:8px;display:none;z-index:95}
.nd.open .ndm{display:block}
.ndm:before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.ndm a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none}
.ndm a b{display:block;font:600 14px var(--fb);color:var(--ink)}
.ndm a span{display:block;font:400 12.5px/1.4 var(--fb);color:var(--mut);margin-top:2px}
.ndm a:hover,.ndm a:focus-visible{background:var(--wash);outline:none}
.ndm a.cur b{color:var(--acc)}
.ndb.cur{color:var(--ink);font-weight:600}
.ndb.cur:after{display:none}
.ndb.cur{text-decoration:underline;text-decoration-color:var(--acc);text-decoration-thickness:2px;text-underline-offset:8px}
.mnb{display:none;flex:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0}
.mnb i{display:block;width:16px;height:1.8px;border-radius:2px;background:var(--ink);transition:transform .15s,opacity .15s}
.mnb[aria-expanded="true"] i:nth-child(1){transform:translateY(5.8px) rotate(45deg)}
.mnb[aria-expanded="true"] i:nth-child(2){opacity:0}
.mnb[aria-expanded="true"] i:nth-child(3){transform:translateY(-5.8px) rotate(-45deg)}
.mnav{border-top:1px solid var(--line);background:#fff;padding:10px 20px 20px;max-height:calc(100vh - 68px);overflow:auto}
.mnav[hidden]{display:none!important}
.mnav a{display:block;padding:11px 2px;font:500 15px var(--fb);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hair)}
.mnav a.cur{color:var(--acc);font-weight:600}
.mnav .mgl{margin:14px 0 2px;font:700 11px var(--fb);letter-spacing:.11em;text-transform:uppercase;color:var(--mut)}
.mnav .btn{display:block;text-align:center;margin-top:16px;border-bottom:0;color:#04150e;font-weight:700}
@media(max-width:1000px){.nd{display:none}.mnb{display:flex}}
@media(max-width:480px){.logo .lg{height:24px}.nav-in{gap:10px}.nav-in .btn{padding:8px 12px;font-size:12.5px}.mnb{width:38px;height:38px}}
@media(min-width:1001px){.mnav{display:none!important}}

.sr-exit{margin:1.2rem 0 0;padding:.9rem 1.1rem;border-left:3px solid var(--gn);background:var(--wash);border-radius:0 10px 10px 0;font-size:.95rem;color:var(--ink2)}

/* --- 90 days: best case / worst case --- */
.bwc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin-top:1.8rem}
.bw{border-radius:20px;padding:1.5rem 1.6rem;min-width:0}
.bw.worst{background:rgba(255,255,255,.05);border:1px solid #232a33}
.bw.best{background:rgba(0,208,132,.08);border:1px solid rgba(0,208,132,.3)}
.bwk{margin:0 0 .5rem;font:700 .66rem var(--fb);letter-spacing:.12em;text-transform:uppercase;color:#8a939e}
.bw.best .bwk{color:var(--gn)}
.bwh{margin:0 0 1rem;font-family:var(--fh);font-size:1.35rem;line-height:1.2;letter-spacing:-.028em;color:#fff}
.bw ul{margin:0;padding:0;list-style:none}
.bw li{position:relative;padding:.5rem 0 .5rem 1.1rem;font:400 .9rem/1.55 var(--fb);color:#b7c0cb;border-bottom:1px solid #232a33}
.bw li:last-child{border-bottom:0}
.bw li::before{content:"";position:absolute;left:0;top:1.05em;width:5px;height:5px;border-radius:50%;background:#4d5762}
.bw.best li::before{background:var(--gn)}
@media(max-width:760px){.bwc{grid-template-columns:1fr}.bwh{font-size:1.2rem}}

/* --- 90 days: plain timeline --- */
.dtl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.8rem;position:relative}
.dtlc{background:#fff;border:1px solid var(--line);border-top:4px solid var(--gn);border-radius:16px;padding:1.4rem 1.5rem;min-width:0}
.dtlc.pay{border-top-color:var(--ink)}
.dtld{margin:0 0 .35rem;font-family:var(--fh);font-size:1.7rem;font-weight:700;letter-spacing:-.03em;color:var(--acc);line-height:1.1}
.dtlc.pay .dtld{color:var(--ink)}
.dtlh{margin:0 0 .85rem;font:700 1.02rem var(--fb);color:var(--ink)}
.dtlc ul{margin:0;padding:0;list-style:none}
.dtlc li{position:relative;padding:.32rem 0 .32rem 1.05rem;font:400 .92rem/1.45 var(--fb);color:var(--ink2)}
.dtlc li::before{content:"";position:absolute;left:0;top:.8em;width:6px;height:6px;border-radius:50%;background:var(--gn)}
.dtlc.pay li::before{background:var(--ink)}
.dtlx{margin:1.3rem 0 0;font:500 1.05rem var(--fb);color:var(--ink2)}
.dtlx b{color:var(--ink)}
@media(max-width:820px){.dtl{grid-template-columns:1fr}}
/* --- FAQ --- */
.faq{margin-top:1.6rem;border-top:1px solid var(--line);max-width:860px}
.faqi{border-bottom:1px solid var(--line)}
.faqi summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:1.05rem 0;font:600 1.05rem/1.4 var(--fb);color:var(--ink)}
.faqi summary::-webkit-details-marker{display:none}
.faqi summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;font:500 1.1rem var(--fb);color:var(--mut);transition:transform .15s}
.faqi[open] summary::after{content:"\2013";border-color:var(--gn);color:var(--acc)}
.faqi summary:hover{color:var(--acc)}
.faqi p{margin:0 0 1.1rem;padding-right:2.6rem;font:400 .98rem/1.6 var(--fb);color:var(--ink2)}
.faqi p a{color:var(--acc);font-weight:600;text-decoration:none}

/* --- about: what we ran into -> what we built --- */

/* ===== home: split hero ===== */
.hsp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:56px;align-items:center;text-align:left;margin-bottom:44px}
.hero .hsp h1,.hero .hsp .lede{margin-left:0;margin-right:0}
.hero .hsp h1{max-width:15ch}
.hero .hsp .btns{justify-content:flex-start}
.hspr{min-width:0}
@media(max-width:980px){.hsp{grid-template-columns:1fr;gap:36px;text-align:center}
  .hero .hsp h1,.hero .hsp .lede{margin-left:auto;margin-right:auto}.hero .hsp .btns{justify-content:center}}

/* ===== drawn Control Center cards ===== */
.win.lt{background:#fff;border-color:var(--line);box-shadow:0 30px 70px -42px rgba(10,13,18,.38)}
.uic{background:#fff;color:var(--ink);font-family:var(--fb);text-align:left}

.uic-h{margin:0 0 14px}

.uic-k{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;margin:0 0 14px}
.uic-k>div{background:var(--paper);border:1px solid var(--hair);border-radius:10px;padding:10px 12px;min-width:0}
.uic-k span{display:block;font:600 10.5px/1.3 var(--fb);letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
.uic-k b{display:block;margin-top:4px;font:700 20px/1.1 var(--fh);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.uic-k b.g{color:var(--acc)}.uic-k b.a{color:#B45309}.uic-k b.r{color:#b3261e}

.uic-r{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--hair)}
.uic-r>div:first-child{min-width:0}
.uic .uic-r .n{margin:0;font:600 14px/1.3 var(--fb);color:var(--ink)}
.uic .uic-r .d{margin:2px 0 0;font:400 12px/1.35 var(--fb);color:var(--mut)}
.uic-r .v{display:flex;align-items:center;gap:8px;font:600 14px var(--fb);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}
.uic-r .v small{font:500 11.5px var(--fb);color:var(--mut)}

.uic-n{font:700 15px var(--fh);color:var(--ink)}.uic-n.g{color:var(--acc)}
.uic .uic-f{margin:12px 0 0;font:500 12.5px/1.45 var(--fb);color:var(--mut)}
.uic .uic-btn{display:inline-block;margin:0 0 12px;padding:8px 13px;border-radius:8px;background:var(--gn);color:#06231a;font:700 12.5px var(--fb)}
.uic-canvas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 16px}
.uic-canvas>div{border-radius:9px;padding:12px 11px;min-height:70px;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
.uic-canvas b{font:700 13px/1.2 var(--fb)}.uic-canvas span{margin-top:2px;font:700 10px var(--fb);letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.uic-canvas .ok{background:#00a86b;color:#fff}.uic-canvas .pt{background:#22b8cf;color:#fff}.uic-canvas .em{background:#eef1f4;color:var(--mut)}
.uic-prog{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px}
.uic-prog span{font:600 12.5px var(--fb);color:var(--mut)}.uic-prog b{font:700 16px var(--fh);color:var(--acc)}
.uic-big{margin-top:16px;padding:14px 16px;border-radius:12px;background:var(--ink);display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.uic-big span{font:600 12.5px var(--fb);color:#8a939e}.uic-big b{font:700 28px var(--fh);color:var(--gn);letter-spacing:-.03em}.uic-big small{font-size:13px;color:#8a939e;letter-spacing:0}
.uic-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.uic-cols>div{background:var(--paper);border:1px solid var(--hair);border-radius:10px;padding:10px;min-width:0}
.uic .uic-cols .h{margin:0 0 8px;font:700 10.5px var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.uic .uic-cols .i{margin:0 0 6px;padding:8px 9px;background:#fff;border:1px solid var(--line);border-radius:7px;font:600 12.5px/1.3 var(--fb);color:var(--ink)}
.uic-flow{display:flex;flex-direction:column;gap:6px}
.uic-flow>div{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#fff}
.uic-flow span{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef1f4;font:700 11px var(--fb);color:var(--mut);flex:none}
.uic-flow b{font:600 13.5px var(--fb);color:var(--ink)}
.uic-flow .ai{border-color:rgba(0,208,132,.5);background:rgba(0,208,132,.06)}.uic-flow .ai span{background:var(--gn);color:#06231a}
.uic-flow .hu{border-color:rgba(180,83,9,.4);background:rgba(180,83,9,.05)}.uic-flow .hu span{background:#B45309;color:#fff}
@media(max-width:560px){.uic-cols{grid-template-columns:1fr}
  .uic-k b{font-size:17px}.uic-k>div{padding:9px 10px}}

/* ===== home: what you'll sell ===== */

.svlc{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 22px 20px;display:flex;flex-direction:column;min-width:0}
.svlc h3{margin:6px 0 8px;font:700 21px/1.2 var(--fh);letter-spacing:-.02em;color:var(--ink)}
.svlc>p{margin:0 0 16px;font:400 15px/1.55 var(--fb);color:var(--ink2)}

.svlc .svlp{margin:auto 0 0;padding-top:14px;border-top:1px solid var(--hair);font:700 15px var(--fb);color:var(--ink)}
.svlc .svlp span{display:block;margin-top:3px;font:500 12.5px/1.45 var(--fb);color:var(--mut)}
.svlc.on{border:1.5px solid var(--gn);background:linear-gradient(180deg,rgba(0,208,132,.08),#fff 62%);box-shadow:0 24px 50px -34px rgba(0,121,78,.5)}

.svlc .svlp.big{font:700 30px var(--fh);letter-spacing:-.03em;color:var(--acc)}
.svlc .svlp.big small{font-size:14px;color:var(--mut);letter-spacing:0;font-weight:600}
.svlc:not(:last-child)::after{content:"\2192";position:absolute;right:-17px;top:50%;transform:translateY(-50%);width:16px;text-align:center;color:#a5aeb8;font:600 16px var(--fb)}
@media(max-width:860px){.svlc:not(:last-child)::after{display:none}}

/* ===== home: built for MSPs ===== */

.trs{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.trs li{position:relative;padding:14px 0 14px 36px;border-bottom:1px solid var(--line)}
.trs li::before{content:"\2713";position:absolute;left:0;top:15px;width:22px;height:22px;border-radius:50%;background:rgba(0,208,132,.14);color:var(--acc);font:700 12px/22px var(--fb);text-align:center}
.trs b{display:block;font:700 15.5px/1.35 var(--fb);color:var(--ink)}
.trs span{display:block;margin-top:2px;font:400 13.5px/1.45 var(--fb);color:var(--mut)}
.trs span a{color:var(--acc);font-weight:600;text-decoration:none}
.trs li.hi b{font-size:17.5px}.trs li.hi::before{background:var(--gn);color:#06231a}

/* ===== Oct 2026 additions: real pages, the MCP connection and the waitlist ===== */
.dark .dmcp{background:transparent;padding:0;margin-top:2rem}
.dmcp .btns .btn{margin-top:0}
.wl-form{max-width:720px;margin-top:1.4rem;padding-top:0;border-top:0}
.wl-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wl-form .btn{margin-top:.4rem}
.wl-form .fine a{color:var(--acc);font-weight:600;text-decoration:none}
.dmcp-l .reach{list-style:none;margin:1.1rem 0 1.2rem;padding:0;display:grid;gap:.55rem}
.dmcp-l .reach li{position:relative;padding-left:1.1rem;font-size:.9rem;line-height:1.45;color:#aab3bf}
.dmcp-l .reach li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--gn)}
.dmcp-l .reach b{color:#fff;font-weight:600;margin-right:.3rem}
@media(max-width:560px){.cta2 .btns{flex-wrap:wrap}.cta2 .btns .btn{white-space:nowrap}}

/* ===== Oct 29: integrations bar, the MCP connection diagram, phones ===== */
#pg-home{--lsp:url(img/logos.webp)}
#pg-home h2{text-wrap:balance}
section.hv-logos{border-top:none;padding:52px 0 8px;background:transparent}
.hv-logos-h{text-align:center;font-size:14.5px;color:var(--mut);margin:0 0 22px}
.hv-logos-h a{color:var(--acc);font-weight:600;text-decoration:none;margin-left:4px}
.hv-mq{overflow:hidden;padding:4px 0 10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.hv-mq-t{display:flex;width:max-content;animation:hvMq 80s linear infinite}
.hv-mq:hover .hv-mq-t{animation-play-state:paused}
.hv-mq-g{display:flex;gap:10px;padding-right:10px}
.hv-mq-g span{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--fh);font-weight:600;font-size:14px;letter-spacing:-.01em;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 16px 10px 11px}
.hv-mq-g span::before{content:"";flex:none;width:22px;height:22px;border-radius:5px;background-image:var(--lsp);background-repeat:no-repeat;background-size:264px auto;background-position:calc(var(--lx) * 22 / 18) calc(var(--ly) * 22 / 18)}
@keyframes hvMq{to{transform:translateX(-50%)}}

section.hv-mcp{padding:96px 0}
.hv-mcp h2{margin-bottom:40px;max-width:24ch}
.hv-hub{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr);gap:96px;align-items:center;border:1px solid #1f262f;border-radius:24px;padding:44px 48px;
 background:radial-gradient(40% 70% at 50% 50%,rgba(0,208,132,.11),transparent 70%),rgba(255,255,255,.02)}
.hv-hub>div{position:relative;z-index:1}
.hv-hub-svg{position:absolute;left:0;top:0;z-index:0;pointer-events:none;overflow:visible}
.hv-hub-svg path{fill:none;stroke:rgba(0,208,132,.6);stroke-width:1.6;stroke-dasharray:5 7;animation:hvDash 1.4s linear infinite}
@keyframes hvDash{to{stroke-dashoffset:-24}}
.hv-hub-k{margin:0 0 12px;font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7f8a97}
.hv-node{background:#10161c;border:1px solid #26303b;border-radius:12px;padding:12px 15px;margin:0 0 10px}
.hv-node:last-child{margin-bottom:0}
.hv-node b{display:block;font-family:var(--fh);font-size:15px;letter-spacing:-.015em;color:#fff}
.hv-node span{display:block;font-size:12px;color:#8d97a5;margin-top:3px}
.hv-node.ai{display:flex;align-items:center;gap:10px;padding:14px 16px}
.hv-node.ai::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--gn);box-shadow:0 0 0 4px rgba(0,208,132,.15)}
.hv-node.more{background:transparent;border-style:dashed}
.hv-node.more b{color:#aab3bf;font-weight:600;font-size:14px}
.hv-core{background:linear-gradient(180deg,#0f1b17,#0b1114);border:1px solid rgba(0,208,132,.5);border-radius:22px;padding:26px 22px 22px;text-align:center;box-shadow:0 0 0 7px rgba(0,208,132,.06),0 30px 70px -30px rgba(0,208,132,.5)}
.hv-core img{margin:0 auto 14px;border-radius:14px}
.hv-core b{display:block;font-family:var(--fh);font-size:19px;letter-spacing:-.02em;color:#fff}
.hv-core>span{display:block;font-size:12.5px;color:#8d97a5;margin:3px 0 16px}
.hv-core ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:6px}
.hv-core li{font-size:11.5px;font-weight:700;color:var(--gn);background:rgba(0,208,132,.1);border:1px solid rgba(0,208,132,.32);border-radius:99px;padding:4px 10px}
@media(max-width:1000px){
 section.hv-mcp{padding:68px 0}
 .hv-hub{grid-template-columns:minmax(0,1fr);gap:44px;padding:28px 22px}
 .hv-hub-a{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .hv-hub-a .hv-hub-k{grid-column:1/-1;margin-bottom:2px}
 .hv-hub-a .hv-node{margin:0}
 .hv-hub-c{max-width:340px;margin:0 auto;width:100%}
}
@media(max-width:520px){
 .dfacts{grid-template-columns:minmax(0,1fr)}
 .dfacts>div{display:flex;align-items:center;gap:14px;padding:.85rem 1rem}
 .dfacts b{flex:none;min-width:4.6rem;font-size:1.45rem}
 .dfacts span{margin-top:0;font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){.hv-mq-t{animation:none}.hv-mq{overflow-x:auto}.hv-hub-svg path{animation:none}}

/* ===== Motion (Oct 29). The product does the moving: numbers settle, rows arrive, lines draw, chats answer.
   Each piece plays once when it comes into view. Without JavaScript, or with reduced motion, everything shows finished. ===== */
:root{--ez:cubic-bezier(.22,.8,.24,1)}
@keyframes moIn{from{opacity:0;transform:translateY(8px)}}

@keyframes moProg{to{transform:scaleX(1)}}
@keyframes moDots{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}

@keyframes moRing{from{box-shadow:0 0 0 0 rgba(0,208,132,.55)}to{box-shadow:0 0 0 14px rgba(0,208,132,0)}}

/* MCP page: the three steps light up in order */
.mo .svlc{transition:border-color .45s ease,box-shadow .45s ease,background .45s ease}

.mo .svlc.mo-lit{border-color:var(--ink);box-shadow:0 20px 40px -30px rgba(10,13,18,.55)}
.mo .svlc.mo-lit:not(:last-child)::after{color:var(--acc)}

/* who uses it: each drawn screen builds itself */
.mo .mo-build .uic-h,.mo .mo-build .uic-r,.mo .mo-build .uic-canvas>div,.mo .mo-build .uic-flow>div,.mo .mo-build .uic-k>div,.mo .mo-build .uic-cols>div,.mo .mo-build .uic-big,.mo .mo-build .uic-prog,.mo .mo-build .uic-btn,.mo .mo-build .uic-f{animation:moIn .5s var(--ez) both;animation-delay:calc(var(--i,0) * 75ms + 60ms)}

/* tab sets that play on their own until someone picks one: a thin bar shows the time left */
.mo-prg{display:none;position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--gn);transform:scaleX(0);transform-origin:left;pointer-events:none}
.mo-auto .mo-prg{display:block}
.mo-auto .on>.mo-prg{animation:moProg var(--dur,6s) linear forwards}
.mo-auto.mo-paused .on>.mo-prg{animation-play-state:paused}

/* MCP: the question is sent, the answer streams in, the source lands last */
.mo [data-anim="chat"] .dq,.mo [data-anim="chat"] .da{transition:opacity .4s var(--ez),transform .4s var(--ez)}
.mo [data-anim="chat"] .dq:not(.mo-shown),.mo [data-anim="chat"] .da:not(.mo-shown){opacity:0;transform:translateY(8px)}
.mo [data-anim="chat"] .da .mo-w{opacity:0;transition:opacity .18s ease}
.mo [data-anim="chat"] .da .mo-w.mo-v{opacity:1}
.mo [data-anim="chat"] .da em{opacity:0;transition:opacity .4s ease}
.mo [data-anim="chat"] .da.mo-fin em{opacity:1}

/* built for MSPs: one Control Center, every client wired in on its own line */

/* 90 days: your revenue line draws first, our invoice drops in after */
.mo [data-anim="ninety"] .rv-l{stroke-dasharray:var(--len,1200);stroke-dashoffset:var(--len,1200)}
.mo [data-anim="ninety"].mo-in .rv-l{stroke-dashoffset:0;transition:stroke-dashoffset 1.9s cubic-bezier(.45,.05,.25,1) .2s}
.mo [data-anim="ninety"] .rv-a{clip-path:inset(0 100% 0 0)}
.mo [data-anim="ninety"].mo-in .rv-a{clip-path:inset(0 0 0 0);transition:clip-path 1.9s cubic-bezier(.45,.05,.25,1) .2s}
.mo [data-anim="ninety"] .rv-d1,.mo [data-anim="ninety"] .rv-d2{transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .4s cubic-bezier(.2,.9,.3,1.5)}
.mo [data-anim="ninety"].mo-in .rv-d1{transform:none;transition-delay:1.1s}
.mo [data-anim="ninety"].mo-in .rv-d2{transform:none;transition-delay:2.05s}
.mo [data-anim="ninety"] .rv-flag{opacity:0;transform:translateY(-12px);transition:opacity .5s ease 1.6s,transform .6s var(--ez) 1.6s}
.mo [data-anim="ninety"].mo-in .rv-flag{opacity:1;transform:none}

/* MCP page: describe, approve, run, in that order */
.mo [data-anim="flow"] .dtlc{transition:opacity .5s ease,border-color .5s ease,box-shadow .5s ease}
.mo [data-anim="flow"]:not(.mo-done) .dtlc:not(.mo-lit){opacity:.45}
.mo [data-anim="flow"] .dtlc.mo-lit{border-color:var(--ink);box-shadow:0 20px 40px -30px rgba(10,13,18,.55)}

.mo [data-anim="count"] b{transition:opacity .3s ease}
.mo [data-anim="count"]:not(.mo-in) b{opacity:0}

/* ===== Home, Oct 29 (round 2): their questions become your services, five steps, the context graph ===== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

#pg-home .hsp{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px}
@media(max-width:1100px){
 #pg-home .hsp{grid-template-columns:minmax(0,1fr);gap:36px;text-align:center}
 #pg-home .hero .hsp h1,#pg-home .hero .hsp .lede{margin-left:auto;margin-right:auto}
 #pg-home .hero .hsp .btns{justify-content:center}
 #pg-home .hspr .qi{max-width:660px;margin:0 auto}
}

/* hero: what clients ask, answered by one managed service on their invoice */
#pg-home .hero .hsp h1{max-width:none;text-wrap:balance}
.qi{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;align-items:center;text-align:left}
.qi-svg{position:absolute;left:0;top:0;z-index:0;pointer-events:none;overflow:visible}
.qi-svg path{fill:none;stroke:#7fdcb7;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.qi-asks,.qi-inv{position:relative;z-index:1;min-width:0}
.qi-asks{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.qi-k{margin:0 0 2px;font:600 12px var(--fb);color:var(--mut)}
.qi-q{margin:0;max-width:100%;padding:9px 13px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 18px -14px rgba(10,13,18,.28);font:500 13.5px/1.4 var(--fb);color:var(--ink)}
.qi-typ{position:absolute;left:0;display:inline-flex;gap:4px;align-items:center;padding:13px 14px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid var(--line);animation:moIn .25s var(--ez) both}
.qi-typ i{width:5px;height:5px;border-radius:50%;background:#8d97a5;animation:moDots 1s infinite}
.qi-typ i:nth-child(2){animation-delay:.15s}.qi-typ i:nth-child(3){animation-delay:.3s}
.qi-inv{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px 16px;box-shadow:0 44px 90px -46px rgba(10,13,18,.5),0 2px 8px rgba(10,13,18,.04)}
.qi-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:13px;border-bottom:1px solid var(--hair)}
.qi-top p{margin:0;min-width:0}
.qi-top span{display:block;font:600 11.5px/1.3 var(--fb);color:var(--mut)}
.qi-top b{display:block;margin-top:2px;font:700 15px/1.25 var(--fh);letter-spacing:-.015em;color:var(--ink)}
.qi-top em{flex:none;font:600 11px/1 var(--fb);font-style:normal;color:var(--mut);border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:5px 10px}
.qi-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:15px 0 10px}
.qi-line b{font:700 18px/1.2 var(--fh);letter-spacing:-.02em;color:var(--ink)}
.qi-rec{flex:none;font:700 11px/1 var(--fb);color:var(--acc);background:rgba(0,208,132,.13);border-radius:99px;padding:5px 9px}
.qi-inc{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.qi-inc li{position:relative;padding-left:27px;font:500 13.5px/1.4 var(--fb);color:var(--ink2);transition:color .3s ease}
.qi-inc li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:var(--gn) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.8' fill='none' stroke='%2306231a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.qi-tot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;border-radius:12px;background:var(--ink)}
.qi-tot span{font:600 13px var(--fb);color:#aab3bf}
.qi-tot b{display:inline-block;font:700 30px/1.1 var(--fh);letter-spacing:-.03em;color:var(--gn);font-variant-numeric:tabular-nums}
.qi-f{margin:10px 2px 0;font:500 12px/1.45 var(--fb);color:var(--mut)}
@media(max-width:980px){.hspr .qi{max-width:660px;margin:0 auto}}
@media(max-width:640px){
 .qi{grid-template-columns:minmax(0,1fr);gap:20px}
 .qi-svg{display:none}
 .qi-q{max-width:88%}
 .qi-inv{padding:16px 15px 14px;border-radius:16px}
 .qi-tot b{font-size:26px}
}
.mo .qi .qi-q{transition:opacity .4s var(--ez),transform .4s var(--ez)}
.mo .qi .qi-q:not(.mo-q){opacity:0;transform:translateY(6px)}
.mo .qi-svg path{transition:stroke-dashoffset .45s var(--ez)}
.mo .qi-svg path:not(.on){stroke-dashoffset:1}
.mo .qi .qi-inc li:not(.mo-on){color:#a5aeb8}
.mo .qi .qi-inc li::before{transition:transform .4s cubic-bezier(.2,.9,.3,1.5),background-color .3s ease}
.mo .qi .qi-inc li:not(.mo-on)::before{background:#e6eaee;transform:scale(.8)}
.mo .qi .qi-tot,.mo .qi .qi-f{transition:opacity .45s var(--ez),transform .45s var(--ez)}
.mo .qi:not(.mo-tot) .qi-tot{opacity:0;transform:translateY(8px)}
.mo .qi:not(.mo-done) .qi-f{opacity:0}
.mo .qi.mo-done .qi-rec{animation:moRing 1.2s ease-out 1}

/* capabilities: one tile per capability, each opens its section on the capabilities page */
.cgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
.cg{position:relative;display:flex;flex-direction:column;min-width:0;padding:14px 14px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s,box-shadow .2s}
.cg:hover{border-color:var(--gn);transform:translateY(-2px);box-shadow:0 18px 40px -28px rgba(10,13,18,.35)}
.cg:focus-visible{outline:2px solid var(--gn);outline-offset:3px}
.cg h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 4px 4px;font:700 17px/1.25 var(--fh);letter-spacing:-.015em;color:var(--ink)}
.cg h3::after{content:"";flex:none;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8.5 4.5 12 8l-3.5 3.5' fill='none' stroke='%2300794e' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat;opacity:.45;transition:opacity .2s,transform .2s}
.cg:hover h3::after{opacity:1;transform:translateX(3px)}
.cg>p{margin:0 4px;font:400 14px/1.5 var(--fb);color:var(--mut)}
.cg-v{position:relative;height:108px;padding:11px 12px;border:1px solid var(--hair);border-radius:11px;background:var(--paper);overflow:hidden}
.cg-v p{margin:0}
.cg-ctx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;padding:9px}
.cg-ctx i{display:flex;align-items:flex-end;min-width:0;padding:6px 7px;border-radius:6px;font:700 10px/1.2 var(--fb);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg-ctx .ok{background:#00a86b;color:#fff}.cg-ctx .pt{background:#22b8cf;color:#fff}.cg-ctx .em{background:#eef1f4;color:var(--mut)}
.cg-svc{display:flex;flex-direction:column;justify-content:space-between}
.cg-svc p{display:flex;gap:4px}
.cg-svc span{flex:1;min-width:0;padding:6px 0;border-radius:6px;border:1px solid var(--line);background:#fff;text-align:center;font:700 10.5px var(--fb);color:var(--ink2);transition:background .3s,border-color .3s,color .3s}
.cg-svc b{font:700 24px/1 var(--fh);letter-spacing:-.03em;color:var(--acc);font-variant-numeric:tabular-nums}
.cg-svc b small{font:600 11.5px var(--fb);letter-spacing:0;color:var(--mut)}
.cg-auto{display:flex;flex-direction:column;justify-content:center;gap:14px}
.cg-auto p{display:flex;align-items:center;gap:16px}
.cg-auto span{position:relative;flex:none;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;font:600 11px var(--fb);color:var(--ink);white-space:nowrap}
.cg-auto span+span::before{content:"";position:absolute;right:100%;top:50%;width:16px;height:1.5px;background:#b8c2cc}
.cg-auto .ai{border-color:rgba(0,208,132,.55);background:rgba(0,208,132,.08)}
.cg-auto .hu{border-color:rgba(180,83,9,.4);background:rgba(180,83,9,.06)}
.cg-auto em{font:700 11.5px var(--fb);font-style:normal;color:var(--acc)}
.cg-std p{display:flex;align-items:baseline;gap:6px;margin-bottom:7px;font:600 11px var(--fb);color:var(--mut)}
.cg-std p b{font:700 20px/1 var(--fh);letter-spacing:-.02em;color:var(--acc)}
.cg-std span{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:8px;margin-top:6px}
.cg-std em{font:600 10.5px var(--fb);font-style:normal;color:var(--ink2)}
.cg-std u{position:relative;display:block;height:6px;border-radius:99px;background:#e3e8ec;overflow:hidden}
.cg-std u::after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--w) * 100%);border-radius:99px;background:var(--gn);transform-origin:left}
.cg-rep{display:flex;align-items:flex-end;gap:7px;flex-wrap:wrap;align-content:space-between}
.cg-rep p{flex-basis:100%;font:700 11px var(--fb);color:var(--ink2)}
.cg-rep span{flex:1;height:calc(var(--h) * 58px);border-radius:4px 4px 0 0;background:#a8e6cd;transform-origin:bottom}
.cg-rep span:last-child{background:var(--gn)}
.cg-road{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;gap:6px}
.cg-road div{display:flex;flex-direction:column;gap:4px;min-width:0;padding:5px 6px;border:1px solid var(--hair);border-radius:7px;background:#fff}
.cg-road em{font:700 10px var(--fb);font-style:normal;color:var(--acc)}
.cg-road i{display:block;height:7px;border-radius:3px;background:#dfe5ea}
.cg-road div:first-child i{background:#a8e6cd}
.cg-road .bud{grid-column:1 / -1;display:flex;justify-content:space-between;font:600 11px var(--fb);color:var(--mut)}
.cg-road .bud strong{font:700 12px var(--fb);color:var(--ink)}
.cg-bill p{display:flex;align-items:baseline;gap:6px;font:600 11px var(--fb);color:var(--mut)}
.cg-bill p b{font:700 22px/1 var(--fh);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.cg-bill>span{display:inline-block;margin-top:6px;padding:3px 8px;border-radius:99px;background:rgba(0,208,132,.13);font:700 10.5px var(--fb);color:var(--acc)}
.cg-bill svg{position:absolute;right:10px;bottom:10px;width:120px;height:32px;overflow:visible}
.cg-bill path{fill:none;stroke:var(--gn);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.cg-mcp{display:flex;flex-direction:column;justify-content:center;gap:7px}
.cg-mcp span{max-width:92%;padding:6px 10px;font:500 11px/1.35 var(--fb)}
.cg-mcp .q{align-self:flex-end;border-radius:11px 11px 3px 11px;background:var(--ink);color:#fff}
.cg-mcp .a{align-self:flex-start;border-radius:11px 11px 11px 3px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--gn);color:var(--ink)}
.cg-sec{display:flex;flex-direction:column;justify-content:center;gap:6px}
.cg-sec span{position:relative;padding:5px 8px 5px 26px;border-radius:7px;border:1px solid var(--hair);background:#fff;font:600 11px var(--fb);color:var(--ink2)}
.cg-sec span::before{content:"";position:absolute;left:7px;top:50%;width:13px;height:13px;margin-top:-6.5px;border-radius:50%;background:rgba(0,208,132,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.8' fill='none' stroke='%2300794e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/9px no-repeat}
.cgx{margin:26px 0 0;font-size:15px}
.cgx a{color:var(--acc);font-weight:600;text-decoration:none}
@media(max-width:980px){.cgs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:601px) and (max-width:980px){
 .cgs .cg:last-child{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:18px;align-items:start}
 .cgs .cg:last-child .cg-v{grid-row:1 / span 2}
 .cgs .cg:last-child h3{margin-top:4px}
}
@media(max-width:600px){.cgs{grid-template-columns:minmax(0,1fr);gap:12px}.cg-v{height:100px}}
.mo .cgs .cg{transition:opacity .45s var(--ez),transform .45s var(--ez),border-color .2s,box-shadow .2s}
.mo .cgs .cg:not(.mo-on){opacity:0;transform:translateY(10px)}
.mo .cg .cg-ctx i{transition:opacity .35s ease,transform .35s var(--ez)}
.mo .cg:not(.mo-on) .cg-ctx i{opacity:0;transform:scale(.9)}
.mo .cg.mo-on .cg-ctx i:nth-child(2){transition-delay:.08s}.mo .cg.mo-on .cg-ctx i:nth-child(3){transition-delay:.16s}.mo .cg.mo-on .cg-ctx i:nth-child(4){transition-delay:.24s}.mo .cg.mo-on .cg-ctx i:nth-child(5){transition-delay:.32s}.mo .cg.mo-on .cg-ctx i:nth-child(6){transition-delay:.4s}
.mo .cg.mo-on .cg-svc span{animation:cgLit .5s ease both}
.mo .cg.mo-on .cg-svc span:nth-child(2){animation-delay:.15s}.mo .cg.mo-on .cg-svc span:nth-child(3){animation-delay:.3s}.mo .cg.mo-on .cg-svc span:nth-child(4){animation-delay:.45s}.mo .cg.mo-on .cg-svc span:nth-child(5){animation-delay:.6s}
@keyframes cgLit{0%{background:#fff}45%{background:rgba(0,208,132,.18);border-color:rgba(0,208,132,.6);color:var(--acc)}100%{background:#fff}}
.mo .cg .cg-auto span,.mo .cg .cg-auto em{transition:opacity .35s ease}
.mo .cg:not(.mo-on) .cg-auto span,.mo .cg:not(.mo-on) .cg-auto em{opacity:0}
.mo .cg.mo-on .cg-auto span:nth-child(2){transition-delay:.15s}.mo .cg.mo-on .cg-auto span:nth-child(3){transition-delay:.3s}.mo .cg.mo-on .cg-auto em{transition-delay:.5s}
.mo .cg .cg-std u::after{transition:transform .8s var(--ez) .15s}
.mo .cg:not(.mo-on) .cg-std u::after{transform:scaleX(0)}
.mo .cg .cg-rep span{transition:transform .6s var(--ez)}
.mo .cg:not(.mo-on) .cg-rep span{transform:scaleY(0)}
.mo .cg.mo-on .cg-rep span:nth-child(3){transition-delay:.06s}.mo .cg.mo-on .cg-rep span:nth-child(4){transition-delay:.12s}.mo .cg.mo-on .cg-rep span:nth-child(5){transition-delay:.18s}.mo .cg.mo-on .cg-rep span:nth-child(6){transition-delay:.24s}
.mo .cg .cg-road div{transition:opacity .35s ease}
.mo .cg:not(.mo-on) .cg-road div{opacity:0}
.mo .cg.mo-on .cg-road div:nth-child(2){transition-delay:.12s}.mo .cg.mo-on .cg-road div:nth-child(3){transition-delay:.24s}
.mo .cg .cg-bill path{transition:stroke-dashoffset 1s cubic-bezier(.45,.05,.25,1) .2s}
.mo .cg:not(.mo-on) .cg-bill path{stroke-dashoffset:1}
.mo .cg .cg-mcp span{transition:opacity .35s ease,transform .35s var(--ez)}
.mo .cg:not(.mo-on) .cg-mcp span{opacity:0;transform:translateY(6px)}
.mo .cg.mo-on .cg-mcp .a{transition-delay:.45s}
.mo .cg .cg-sec span{transition:opacity .35s ease}
.mo .cg:not(.mo-on) .cg-sec span{opacity:0}
.mo .cg.mo-on .cg-sec span:nth-child(2){transition-delay:.15s}.mo .cg.mo-on .cg-sec span:nth-child(3){transition-delay:.3s}

/* who uses it: pick a team, see what changes and the screen they use */
.tm{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:44px;align-items:start;margin-top:30px}
.tm-l{display:flex;flex-direction:column;gap:4px}
.tm-l button{position:relative;overflow:hidden;text-align:left;font:600 15px/1.3 var(--fb);color:var(--mut);background:transparent;border:1px solid transparent;border-radius:12px;padding:13px 16px 13px 18px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.tm-l button:hover{color:var(--ink);background:rgba(255,255,255,.65)}
.tm-l button.on{background:#fff;border-color:var(--line);color:var(--ink);box-shadow:0 14px 30px -24px rgba(10,13,18,.4)}
.tm-l button.on::before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 3px 3px 0;background:var(--gn)}
.tm-p{min-width:0}
@media(max-width:980px){
 .tm{grid-template-columns:minmax(0,1fr);gap:18px}
 .tm-l{flex-direction:row;overflow-x:auto;gap:6px;margin:0 -20px;padding:2px 20px 8px;scrollbar-width:none}
 .tm-l::-webkit-scrollbar{display:none}
 .tm-l button{flex:none;white-space:nowrap;border-color:var(--line);background:#fff;border-radius:99px;padding:10px 16px;font-size:13.5px}
 .tm-l button.on{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:none}
 .tm-l button.on::before{display:none}
 .tm-l .mo-prg{left:14px;width:calc(100% - 28px);bottom:4px;height:2px;border-radius:2px}
}

/* who uses it: three things each team does today, how each changes, and what does it */
.tmr-box{border:1px solid var(--line);border-radius:16px;background:#fff;padding:6px 20px 4px;box-shadow:0 18px 40px -32px rgba(10,13,18,.3)}
.tmr-hd{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1.2fr) 118px;gap:12px;margin:0;padding:12px 0 10px;border-bottom:1px solid var(--hair);font:600 12.5px var(--fb);color:var(--mut)}
.tmr-hd span:last-child{grid-column:3;color:var(--acc)}
.tmr{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1.2fr) 118px;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--hair)}
.tmr:last-child{border-bottom:0}
.tmr p{margin:0}
.tmr-t{font:400 15px/1.45 var(--fb);color:var(--mut)}
.tmr-w{font:600 15.5px/1.4 var(--fb);color:var(--ink)}
.tmr-ar{position:relative;display:block;height:2px;background:#c3ccd5;border-radius:2px}
.tmr-ar::after{content:"";position:absolute;right:0;top:50%;width:6px;height:6px;border-top:2px solid #c3ccd5;border-right:2px solid #c3ccd5;transform:translateY(-50%) rotate(45deg)}
.tgx{justify-self:end;font:700 11px/1 var(--fb);font-style:normal;white-space:nowrap;border-radius:99px;padding:6px 9px}
.tgx.mcp{background:var(--ink);color:#fff}
.tgx.auto{background:rgba(34,184,207,.13);color:#0c7383}
.tgx.rep{background:rgba(0,208,132,.14);color:var(--acc)}
.tmq{margin-top:14px;padding:14px 18px;border-radius:14px;background:var(--ink)}
.tmq span{display:block;font:600 12px var(--fb);color:#8a939e}
.tmq p{margin:4px 0 0;font:500 16px/1.45 var(--fb);color:#fff}
@media(max-width:760px){
 .tmr-box{padding:4px 16px 2px}
 .tmr-hd{display:none}
 .tmr{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:13px 0}
 .tmr-t{grid-column:1 / -1;font-size:13.5px}
 .tmr-ar{display:none}
 .tmr-w{font-size:15px}
}
.mo .tm-p.mo-swap .tmr,.mo .tm-p.mo-swap .tmq{animation:moIn .45s var(--ez) both}
.mo .tm-p.mo-swap .tmr:nth-child(2){animation-delay:.1s}.mo .tm-p.mo-swap .tmr:nth-child(3){animation-delay:.2s}.mo .tm-p.mo-swap .tmq{animation-delay:.32s}

/* MCP: the time it gives back, the graph, the conversation */
#mcp h2{max-width:24ch}
/* MCP economics: endpoints per tech up, labor cost per endpoint down, then margin or price */
.ue{margin-top:34px;border:1px solid #232a33;border-radius:20px;padding:24px 28px;background:rgba(255,255,255,.02)}
.ue-h{margin:0 0 20px;font:500 14px/1.45 var(--fb);color:#aab3bf}
.ue-h b{color:var(--gn);font-weight:700}
.ue-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 44px}
.ue-m{min-width:0}
.ue-l{margin:0 0 12px;font:700 15px/1.3 var(--fh);letter-spacing:-.01em;color:#fff}
.ue-bar{display:grid;grid-template-columns:142px minmax(0,1fr) 54px 50px;align-items:center;gap:12px;margin-top:9px}
.ue-bar span{font:500 13px var(--fb);color:#8d97a5}
.ue-bar i{position:relative;display:block;height:12px;border-radius:99px;background:#161c23;overflow:hidden}
.ue-bar i u{position:absolute;left:0;top:0;bottom:0;width:calc(var(--w,1) * 100%);border-radius:99px;background:#4a5562;transform-origin:left}
.ue-bar.on span{color:#e9eef4}
.ue-bar.on i u{background:var(--gn)}
.ue-bar b{font:700 20px/1 var(--fh);letter-spacing:-.02em;color:#fff;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ue-bar em{font:700 11.5px/1 var(--fb);font-style:normal;color:var(--gn);background:rgba(0,208,132,.12);border-radius:99px;padding:5px 7px;text-align:center;white-space:nowrap}
.ue-o{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin-top:24px;padding-top:22px;border-top:1px solid #232a33}
.ue-c{border-radius:14px;padding:14px 18px;background:#0f1d18;border:1px solid rgba(0,208,132,.35)}
.ue-c span{display:block;font:600 12.5px var(--fb);color:#99a3b0}
.ue-c b{display:block;margin-top:3px;font:700 clamp(24px,2.6vw,30px)/1.1 var(--fh);letter-spacing:-.03em;color:var(--gn);font-variant-numeric:tabular-nums}
.ue-c em{display:block;margin-top:2px;font:500 13.5px var(--fb);font-style:normal;color:#e9eef4}
.ue-or{margin:0;font:600 13px var(--fb);color:#7f8a97}
.ue-f{margin:16px 0 0;font:400 12.5px/1.5 var(--fb);color:#8a939e}
@media(max-width:900px){.ue-g{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){
 .ue{padding:20px 16px}
 .ue-bar{grid-template-columns:minmax(0,1fr) auto auto;gap:6px 10px}
 .ue-bar span{grid-column:1 / -1}
 .ue-bar i{grid-column:1}
 .ue-o{grid-template-columns:minmax(0,1fr);gap:10px}
 .ue-or{text-align:center}
}
.mo .ue .ue-bar i u{transition:transform .9s var(--ez)}
.mo .ue:not(.mo-in) .ue-bar i u{transform:scaleX(0)}
.mo .ue.mo-in .ue-bar i u{transition-delay:.2s}
.mo .ue.mo-in .ue-bar.on i u{transition-delay:.85s}
.mo .ue.mo-in .ue-m+.ue-m .ue-bar i u{transition-delay:.35s}
.mo .ue.mo-in .ue-m+.ue-m .ue-bar.on i u{transition-delay:1s}
.mo .ue .ue-bar em{transition:opacity .4s ease 1.6s}
.mo .ue:not(.mo-in) .ue-bar em{opacity:0}
.mo .ue .ue-o,.mo .ue .ue-f{transition:opacity .5s var(--ez),transform .5s var(--ez)}
.mo .ue:not(.mo-done) .ue-o{opacity:0;transform:translateY(8px)}

.ctx{margin-top:72px}
.ctx h3{margin:0 0 10px;max-width:24ch;font:700 clamp(22px,2.4vw,29px)/1.2 var(--fh);letter-spacing:-.025em;text-wrap:balance}
.ctx-l{margin:0;max-width:62ch;font:400 16px/1.55 var(--fb);color:#99a3b0}
.gx{margin-top:26px}
.gx-top{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap}
.gx-ex{font:500 12.5px var(--fb);color:#8a939e}
.gx-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid #232a33;border-radius:99px;background:#0f1419}
.gx-tabs button{position:relative;overflow:hidden;font:600 13px var(--fb);color:#99a3b0;background:none;border:0;border-radius:99px;padding:8px 18px;cursor:pointer;transition:background .2s,color .2s}
.gx-tabs button:hover{color:#fff}
.gx-tabs button.on{background:#222b35;color:#fff}
.gx-tabs .mo-prg{left:16px;width:calc(100% - 32px);bottom:4px;height:2px;border-radius:2px}
.gx-b{position:relative;display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr) minmax(0,250px);gap:46px;align-items:center;margin-top:14px;padding:30px;border:1px solid #1f262f;border-radius:22px;background:rgba(255,255,255,.02)}
.gx-svg{position:absolute;left:0;top:0;z-index:0;pointer-events:none;overflow:visible}
.gx-svg path{fill:none;stroke:rgba(255,255,255,.085);stroke-width:1.2;transition:stroke .35s ease}
.gx-svg path.on{stroke:var(--gn);stroke-width:1.8;stroke-dasharray:5 6;animation:hvDash 1.2s linear infinite}
.gx-in,.gx-out,.gx-g{position:relative;z-index:1;min-width:0}
.gx-k{margin:0 0 9px;font:600 12px var(--fb);color:#7f8a97}
.gx-stack{display:grid}
.gx-stack>.gx-card{grid-area:1 / 1;transition:opacity .35s ease,visibility 0s}
.gx-stack>.gx-card:not(.on){opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s .25s}
.gx-card{border-radius:14px;padding:13px 15px;background:#151b22;border:1px solid #2a323c}
.gx-card i{display:block;margin-bottom:4px;font:700 11.5px var(--fb);font-style:normal;color:#e0a458}
.gx-card p{margin:0;font:500 14.5px/1.45 var(--fb);color:#e9eef4}
.gx-out .gx-card{background:#fff;border-color:#fff;border-left:3px solid var(--gn)}
.gx-out .gx-card i{color:var(--acc)}
.gx-out .gx-card p{color:var(--ink)}
.gx-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.gx-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.gx-ch{margin:0 0 2px;font:600 12px var(--fb);color:#7f8a97}
.gx-n{display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:7px 11px;border-radius:10px;background:#10161c;border:1px solid #27303a;transition:border-color .35s ease,background .35s ease,box-shadow .35s ease}
.gx-n span{display:block;font:600 10.5px/1.3 var(--fb);color:#8a939e}
.gx-n b{display:block;font:600 13px/1.25 var(--fb);color:#b7c0cb;transition:color .35s ease}
.gx-col.t .gx-n span{color:#5fb3c2}
.gx-col.c .gx-n span{color:#3fbf8c}
.gx-n.on{border-color:var(--gn);background:#0f1d18;box-shadow:0 0 0 4px rgba(0,208,132,.1)}
.gx-n.on b{color:#fff}
.gx-x{margin:16px 0 0;font:600 14.5px var(--fb);color:#aab3bf}
@media(max-width:1100px){
 .gx-b{grid-template-columns:minmax(0,1fr);gap:30px;padding:24px 20px}
 .gx-g{grid-template-columns:minmax(0,1fr);gap:30px}
 .gx-col{flex-direction:row;gap:8px}
 .gx-col .gx-n{flex:1 1 0;min-width:0}
 .gx-ch{display:none}
 .gx-n{padding:7px 8px}.gx-n b{font-size:12px}
 .gx-top{display:block}.gx-ex{display:block;margin-top:10px}
 .gx-tabs{display:flex}.gx-tabs button{flex:1;padding:8px 10px}
}
@media(max-width:600px){
 .gx-b{padding:20px 14px;gap:26px}
 .gx-g{gap:26px}
 .gx-tabs{display:flex;overflow-x:auto;scrollbar-width:none;border-radius:16px}
 .gx-tabs::-webkit-scrollbar{display:none}
 .gx-tabs button{flex:none;padding:8px 14px}
 .gx-col{align-items:center;justify-content:center;gap:9px;min-height:50px}
 .gx-col .gx-n{flex:0 0 auto}
 .gx-col .gx-n:not(.on){width:13px;height:13px;min-height:0;padding:0;border-radius:50%;border-color:#3a4450;background:#1a222b;box-shadow:none}
 .gx-col .gx-n:not(.on) span,.gx-col .gx-n:not(.on) b{display:none}
 .gx-col .gx-n.on{flex:1 1 auto;min-height:48px}
 .gx-col .gx-n{transition:none}
}
.gx-n b{overflow-wrap:anywhere}
/* the same context at every desk */
.desk{margin-top:64px}
.desk h3{margin:0 0 10px;font:700 clamp(22px,2.4vw,29px)/1.2 var(--fh);letter-spacing:-.025em;color:#fff}
.desk-l{margin:0;max-width:64ch;font:400 16px/1.55 var(--fb);color:#99a3b0}
.desk-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.desk-c{display:flex;flex-direction:column;min-width:0;padding:18px 18px 20px;border:1px solid #232a33;border-radius:18px;background:rgba(255,255,255,.02)}
.desk-r{margin:0}
.desk-r b{display:block;font:700 16.5px/1.3 var(--fh);letter-spacing:-.015em;color:#fff}
.desk-r span{display:block;margin-top:2px;font:500 13px/1.4 var(--fb);color:#8d97a5}
.desk-p{display:flex;flex-direction:column;gap:14px;margin:16px 0 16px;padding-left:2px}
.desk-p i{position:relative;align-self:flex-start;padding:6px 10px;border-radius:9px;border:1px solid #2a333d;background:#10161c;font:600 12.5px/1.3 var(--fb);font-style:normal;color:#e9eef4}
.desk-p i+i::before{content:"";position:absolute;left:14px;bottom:100%;width:1.5px;height:14px;background:var(--gn);opacity:.7}
.desk-p i.t{border-color:rgba(95,179,194,.55)}
.desk-p i.p{border-color:#3a4450}
.desk-p i.c{border-color:rgba(0,208,132,.6);background:#0f1d18}
.desk-q{margin:auto 0 0;padding:12px 14px;border-radius:12px;background:#fff;border-left:3px solid var(--gn);font:500 14px/1.5 var(--fb);color:var(--ink)}
@media(max-width:900px){.desk-g{grid-template-columns:minmax(0,1fr)}}
.mo .desk .desk-c{transition:opacity .45s var(--ez),transform .45s var(--ez)}
.mo .desk:not(.mo-in) .desk-c{opacity:0;transform:translateY(10px)}
.mo .desk.mo-in .desk-c:nth-child(2){transition-delay:.15s}.mo .desk.mo-in .desk-c:nth-child(3){transition-delay:.3s}
.mo .desk .desk-p i,.mo .desk .desk-q{transition:opacity .4s ease,border-color .4s ease}
.mo .desk:not(.mo-in) .desk-p i,.mo .desk:not(.mo-in) .desk-q{opacity:0}
.mo .desk.mo-in .desk-c:nth-child(1) .desk-p i:nth-child(1){transition-delay:0.35s}.mo .desk.mo-in .desk-c:nth-child(1) .desk-p i:nth-child(2){transition-delay:0.60s}.mo .desk.mo-in .desk-c:nth-child(1) .desk-p i:nth-child(3){transition-delay:0.85s}.mo .desk.mo-in .desk-c:nth-child(1) .desk-q{transition-delay:1.20s}
.mo .desk.mo-in .desk-c:nth-child(2) .desk-p i:nth-child(1){transition-delay:0.65s}.mo .desk.mo-in .desk-c:nth-child(2) .desk-p i:nth-child(2){transition-delay:0.90s}.mo .desk.mo-in .desk-c:nth-child(2) .desk-p i:nth-child(3){transition-delay:1.15s}.mo .desk.mo-in .desk-c:nth-child(2) .desk-q{transition-delay:1.50s}
.mo .desk.mo-in .desk-c:nth-child(3) .desk-p i:nth-child(1){transition-delay:0.95s}.mo .desk.mo-in .desk-c:nth-child(3) .desk-p i:nth-child(2){transition-delay:1.20s}.mo .desk.mo-in .desk-c:nth-child(3) .desk-p i:nth-child(3){transition-delay:1.45s}.mo .desk.mo-in .desk-c:nth-child(3) .desk-q{transition-delay:1.80s}

#mcp .dmcp{margin-top:72px}

.vbs{list-style:none;margin:8px 0 18px;padding:0;display:grid;gap:10px}
.vbs li{position:relative;padding-left:17px;font:400 15px/1.5 var(--fb);color:#b7c0cb}
.vbs li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--gn)}
.vbs b{color:#fff;font-weight:700}
.mcpx{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:64px;padding-top:32px;border-top:1px solid #232a33}
.mcpx p{margin:0;max-width:34ch;font:700 clamp(21px,2.3vw,27px)/1.25 var(--fh);letter-spacing:-.022em;color:#fff;text-wrap:balance}
.mcpx .btn{flex:none}
@media(max-width:720px){.mcpx{flex-direction:column;align-items:flex-start;gap:20px}}

/* why us: the same six jobs asked of every option */
.wv{margin-top:30px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.wvt{width:100%;min-width:780px;border-collapse:separate;border-spacing:0;table-layout:fixed}
.wvt th,.wvt td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.wvt thead th{vertical-align:bottom;padding-top:18px;padding-bottom:14px}
.wvt thead th b{display:block;font:700 14.5px/1.25 var(--fh);letter-spacing:-.015em;color:var(--ink)}
.wvt thead th span{display:block;margin-top:5px;font:400 12px/1.4 var(--fb);color:var(--mut)}
.wvt thead th:first-child,.wvt tbody th{width:27%}
.wvt tbody th{text-align:left;font:600 14.5px/1.35 var(--fb);color:var(--ink);padding-left:0}
.wvt .cc{background:rgba(0,208,132,.08);border-bottom-color:rgba(0,208,132,.22)}
.wvt thead th.cc{border-radius:14px 14px 0 0}
.wvt thead th.cc b{color:var(--acc);font-size:15.5px}
.wvt tbody tr:last-child td.cc{border-radius:0 0 14px 14px;border-bottom-color:transparent}
.wvt i,.wv-k i{display:inline-block;vertical-align:middle}
.wvt i.y,.wv-k i.y{width:22px;height:22px;border-radius:50%;background:var(--gn) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.8' fill='none' stroke='%2306231a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.wvt td:not(.cc) i.y{background-color:#9fe6c8}
.wvt i.p,.wv-k i.p{width:18px;height:18px;border-radius:50%;border:2px solid #a5aeb8;background:linear-gradient(90deg,#a5aeb8 50%,transparent 50%)}
.wvt i.n,.wv-k i.n{width:14px;height:2px;border-radius:2px;background:#c9d0d7}
.wv-k{display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0 0;font:500 12.5px var(--fb);color:var(--mut)}
.wv-k span{display:inline-flex;align-items:center;gap:8px}
.wv-k i.y{width:16px;height:16px;background-size:10px}.wv-k i.p{width:14px;height:14px}
#whynot .faq{margin-top:40px}
@media(max-width:820px){
 .wvt thead th:first-child,.wvt tbody th{position:sticky;left:0;z-index:1;background:#fff;width:150px}
 .wvt tbody th{font-size:13.5px;padding-right:10px;box-shadow:8px 0 12px -10px rgba(10,13,18,.25)}
}
.mo .wv td i{transition:opacity .4s ease,transform .45s cubic-bezier(.2,.9,.3,1.4)}
.mo .wv:not(.mo-in) td i{opacity:0}
.mo .wv:not(.mo-in) td.cc i{transform:scale(.3)}
.mo .wv.mo-in td:not(.cc) i{transition-delay:.1s}
.mo .wv.mo-in tbody tr:nth-child(1) td.cc i{transition-delay:.5s}.mo .wv.mo-in tbody tr:nth-child(2) td.cc i{transition-delay:.62s}.mo .wv.mo-in tbody tr:nth-child(3) td.cc i{transition-delay:.74s}
.mo .wv.mo-in tbody tr:nth-child(4) td.cc i{transition-delay:.86s}.mo .wv.mo-in tbody tr:nth-child(5) td.cc i{transition-delay:.98s}.mo .wv.mo-in tbody tr:nth-child(6) td.cc i{transition-delay:1.1s}

/* built for MSPs: the numbers an MSP runs on, and the promises that come with it */
.ksc-w{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:48px;margin-top:30px;align-items:start}
.ksc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px 18px;box-shadow:0 24px 50px -34px rgba(10,13,18,.35)}
.ksc-h{margin:0 0 10px;font:700 15px/1.3 var(--fh);letter-spacing:-.01em;color:var(--ink)}
.ksc-r{display:grid;grid-template-columns:168px 80px 22px minmax(0,1fr);align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--hair)}
.ksc-r b{font:700 15px/1.3 var(--fb);color:var(--ink)}
.ksc-sp{display:block;width:80px;height:28px;overflow:visible}
.ksc-sp path{fill:none;stroke:var(--gn);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.ksc-sp circle{fill:var(--gn)}
.ksc-r i{display:block;width:22px;height:22px;border-radius:50%;background:rgba(0,208,132,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 9.6V2.6M3 5.4l3-2.9 3 2.9' fill='none' stroke='%2300794e' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.ksc-r.dn i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 2.4v7M3 6.6l3 2.9 3-2.9' fill='none' stroke='%2300794e' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ksc-r span{font:400 14px/1.45 var(--fb);color:var(--ink2)}
.ksc-f{margin:12px 0 0;padding-top:14px;border-top:1px solid var(--hair);font:600 14.5px var(--fb)}
.ksc-f a{color:var(--acc);text-decoration:none}
.ksc-t{padding-top:22px}
.ksc-t .ksc-h{margin-bottom:12px}
@media(max-width:980px){.ksc-w{grid-template-columns:minmax(0,1fr);gap:28px}.ksc-t{padding-top:0}}
@media(max-width:600px){.ksc{padding:18px 16px 14px}.ksc-r{grid-template-columns:minmax(0,1fr) 64px 22px;gap:4px 10px}.ksc-sp{width:64px}.ksc-r span{grid-column:1 / -1;font-size:13.5px}}
.mo .ksc .ksc-r{transition:opacity .45s var(--ez),transform .45s var(--ez)}
.mo .ksc-w:not(.mo-in) .ksc-r{opacity:0;transform:translateY(8px)}
.mo .ksc .ksc-sp path{transition:stroke-dashoffset 1s cubic-bezier(.45,.05,.25,1)}
.mo .ksc-w:not(.mo-in) .ksc-sp path{stroke-dashoffset:1}
.mo .ksc .ksc-sp circle{transform-box:fill-box;transform-origin:center;transition:transform .35s cubic-bezier(.2,.9,.3,1.6)}
.mo .ksc-w:not(.mo-in) .ksc-sp circle{transform:scale(0)}
.mo .ksc .ksc-r i{transition:transform .35s cubic-bezier(.2,.9,.3,1.5)}
.mo .ksc-w:not(.mo-in) .ksc-r i{transform:scale(0)}
.mo .ksc-w.mo-in .ksc-r:nth-of-type(1){transition-delay:0.10s}.mo .ksc-w.mo-in .ksc-r:nth-of-type(1) .ksc-sp path{transition-delay:0.30s}.mo .ksc-w.mo-in .ksc-r:nth-of-type(1) .ksc-sp circle,.mo .ksc-w.mo-in .ksc-r:nth-of-type(1) i{transition-delay:1.20s}
.mo .ksc-w.mo-in .ksc-r:nth-of-type(2){transition-delay:0.22s}.mo .ksc-w.mo-in .ksc-r:nth-of-type(2) .ksc-sp path{transition-delay:0.42s}.mo .ksc-w.mo-in .ksc-r:nth-of-type(2) .ksc-sp circle,.mo .ksc-w.mo-in .ksc-r:nth-of-type(2) i{transition-delay:1.32s}
.mo .ksc-w.mo-in .ksc-r:nth-of-type(3){transition-delay:0.34s}.mo .ksc-w.mo-in .ksc-r:nth-of-type(3) .ksc-sp path{transition-delay:0.54s}.mo .ksc-w.mo-in .ksc-r:nth-of-type(3) .ksc-sp circle,.mo .ksc-w.mo-in .ksc-r:nth-of-type(3) i{transition-delay:1.44s}
.mo .ksc-w.mo-in .ksc-r:nth-of-type(4){transition-delay:0.46s}.mo .ksc-w.mo-in .ksc-r:nth-of-type(4) .ksc-sp path{transition-delay:0.66s}.mo .ksc-w.mo-in .ksc-r:nth-of-type(4) .ksc-sp circle,.mo .ksc-w.mo-in .ksc-r:nth-of-type(4) i{transition-delay:1.56s}
.mo .ksc-w.mo-in .ksc-r:nth-of-type(5){transition-delay:0.58s}.mo .ksc-w.mo-in .ksc-r:nth-of-type(5) .ksc-sp path{transition-delay:0.78s}.mo .ksc-w.mo-in .ksc-r:nth-of-type(5) .ksc-sp circle,.mo .ksc-w.mo-in .ksc-r:nth-of-type(5) i{transition-delay:1.68s}
.mo .ksc-w.mo-in .ksc-r:nth-of-type(6){transition-delay:0.70s}.mo .ksc-w.mo-in .ksc-r:nth-of-type(6) .ksc-sp path{transition-delay:0.90s}.mo .ksc-w.mo-in .ksc-r:nth-of-type(6) .ksc-sp circle,.mo .ksc-w.mo-in .ksc-r:nth-of-type(6) i{transition-delay:1.80s}
.mo .ksc-w .trs li::before{transition:transform .35s cubic-bezier(.2,.9,.3,1.35)}
.mo .ksc-w:not(.mo-in) .trs li::before{transform:scale(0)}
.mo .ksc-w.mo-in .trs li:nth-child(1)::before{transition-delay:1.00s}.mo .ksc-w.mo-in .trs li:nth-child(2)::before{transition-delay:1.15s}.mo .ksc-w.mo-in .trs li:nth-child(3)::before{transition-delay:1.30s}.mo .ksc-w.mo-in .trs li:nth-child(4)::before{transition-delay:1.45s}.mo .ksc-w.mo-in .trs li:nth-child(5)::before{transition-delay:1.60s}

/* ===== Capabilities: the page shell (hero, chapter bar, one section per capability) and the bars the diagrams share ===== */
#pg-capabilities h2{text-wrap:balance}
.cphero{padding-bottom:40px}
.cphero h1{max-width:18ch}
.chb{position:sticky;top:68px;z-index:70;background:rgba(250,251,252,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.chb-in{max-width:1180px;margin:0 auto;padding:10px 40px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.chb-in::-webkit-scrollbar{display:none}
.chb a{flex:none;padding:7px 12px;border-radius:99px;font:600 13px var(--fb);color:var(--mut);text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.chb a:first-child{margin-left:auto}.chb a:last-child{margin-right:auto}
.chb a:hover{color:var(--ink);background:#fff}
.chb a.on{background:var(--ink);color:#fff}
@media(max-width:1000px){.chb-in{padding:9px 20px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent)}}
section.cpvs{padding:88px 0}
.cpvs{scroll-margin-top:120px}
.cpv{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:56px;align-items:center}
.cpv.rev{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.cpv.rev .cpv-t{order:2}
.cpv-t,.cpv-v{min-width:0}
.cpv-t h2{margin-bottom:24px;font-size:clamp(28px,2.9vw,36px)}
.cpv-m{margin:22px 0 0}
@media(max-width:1180px){.cpv,.cpv.rev{grid-template-columns:minmax(0,1fr);gap:34px}.cpv.rev .cpv-t{order:0}.cpv-t{max-width:680px}.cpv-v{max-width:780px}}
@media(max-width:980px){section.cpvs{padding:64px 0}}
.kvbar{position:relative;display:block;height:8px;border-radius:99px;background:#e6eaee;overflow:hidden}
.kvbar u{position:absolute;left:0;top:0;bottom:0;width:calc(var(--w,1) * 100%);border-radius:99px;background:var(--gn);transform-origin:left}
.kvbar.m{height:10px;overflow:visible}
.kvbar.m s{position:absolute;left:80%;top:-4px;bottom:-4px;width:2px;border-radius:2px;background:#B45309}
.vx-split{display:flex;height:12px;border-radius:99px;overflow:hidden;background:#e6eaee}
.vx-split i{display:block;width:calc(var(--w) * 100%);transform-origin:left}
.vx-split i:nth-child(1){background:var(--gn)}.vx-split i:nth-child(2){background:#22b8cf}.vx-split i:nth-child(3){background:#0a0d12}
.vx-key{display:flex;flex-wrap:wrap;gap:6px 16px}
.vx-key span{display:inline-flex;align-items:center;gap:7px;font:600 12.5px var(--fb);color:var(--ink2)}
.vx-key u{display:inline-block;width:10px;height:10px;border-radius:3px}
.vx-key u.a{background:var(--gn)}.vx-key u.b{background:#22b8cf}.vx-key u.c{background:#0a0d12}
@keyframes kvCaret{50%{opacity:0}}
@keyframes kvPulse{0%,100%{box-shadow:0 0 0 0 rgba(240,162,74,.55)}50%{box-shadow:0 0 0 5px rgba(240,162,74,0)}}

/* ===== Capabilities, round 3: the words say what it does for the MSP; one clean diagram shows how ===== */
.cpb{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.cpb li{position:relative;padding-left:34px;font:500 17px/1.45 var(--fb);color:var(--ink)}
.cpb li::before{content:"";position:absolute;left:0;top:1px;width:23px;height:23px;border-radius:50%;background:rgba(0,208,132,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.8' fill='none' stroke='%2300794e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.dark .cpb li{color:#e9eef4}
.dark .cpb li::before{background-color:rgba(0,208,132,.2)}
.cpv-t h2{margin-bottom:22px}

/* the frame */
.xdf{margin:0;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(10,13,18,.04),0 34px 80px -46px rgba(10,13,18,.4)}
.dark .xdf{border-color:#2b323b}
.xdf-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--hair)}
.xdf-h b{font:700 12.5px var(--fb);color:var(--ink)}
.xdf-h span{font:500 12px var(--fb);color:var(--mut)}
.xdf-f{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:12px 18px;border-top:1px solid var(--hair);font:600 12.5px var(--fb);color:var(--ink2)}
.xdf-f span{display:inline-flex;align-items:center;gap:8px}
.xdf-f .xd-ic{width:22px;height:22px;border-radius:6px;background:rgba(0,208,132,.13);color:var(--acc)}
.xdf-f .xd-ic svg{width:13px;height:13px}

/* the canvas, the lines, the boxes */
.xd{position:relative;padding:30px 24px;background-color:#fbfcfd;background-image:radial-gradient(rgba(10,13,18,.075) 1px,transparent 1.3px);background-size:18px 18px}
.xd-svg{position:absolute;left:0;top:0;z-index:0;pointer-events:none;overflow:visible}
.xd-svg path{fill:none;stroke:#c3ccd5;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke .35s}
.xd-svg path.on{stroke:var(--gn)}
.xd-port{fill:#fff;stroke:#b7c1cb;stroke-width:1.4}
.xd-pu circle{fill:var(--gn)}
.xd-pu circle.h{opacity:.22}
.xd>:not(.xd-svg){position:relative;z-index:1}
.xd-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#eef1f4;color:var(--ink2)}
.xd-ic svg{width:15px;height:15px}
.xd-3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center}
.xd-2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:center}
.xd-ctx{grid-template-columns:minmax(0,.84fr) minmax(0,1.04fr) minmax(0,1.12fr)}
.xd-auto{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,.74fr)}
.xd-qbr{grid-template-columns:minmax(0,.74fr) minmax(0,1.56fr) minmax(0,1fr);gap:32px}
.xd-mcp{grid-template-columns:minmax(0,1.24fr) minmax(0,1fr) minmax(0,.8fr)}
.xd-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.xd-pair{gap:30px}
.xd-n{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(10,13,18,.04),0 8px 18px -14px rgba(10,13,18,.28)}
.xd-n p{margin:0;min-width:0}
.xd-n b{display:block;font:600 13px/1.25 var(--fb);color:var(--ink)}
.xd-n span{display:block;margin-top:1px;font:500 11.5px/1.3 var(--fb);color:var(--mut)}
.xd-n.sm{padding:7px 10px}.xd-n.sm .xd-ic{width:24px;height:24px;border-radius:7px}.xd-n.sm .xd-ic svg{width:13px;height:13px}
.xd-n.sm b{font-size:12.5px}
.xd-n.src .xd-ic{background:rgba(34,184,207,.13);color:#0e7a8c}
.xd-n.out .xd-ic{background:var(--ink);color:#fff}
.xd-n.ai .xd-ic{background:rgba(0,208,132,.16);color:var(--acc)}
.xd-n.ai{border-color:rgba(0,208,132,.45)}
.xd-n.you .xd-ic{background:var(--ink);color:var(--gn)}
.xd-core{padding:16px;border-radius:16px;background:var(--ink);color:#fff;box-shadow:0 0 0 6px rgba(0,208,132,.08),0 26px 50px -26px rgba(0,121,78,.6)}
.xd-core-h{display:flex;align-items:center;gap:9px;margin:0}
.xd-core-h b{font:700 15px/1.2 var(--fh);letter-spacing:-.01em}
.xd-core .xd-ic{background:rgba(0,208,132,.18);color:var(--gn)}
.xd-core-s{margin:5px 0 12px;font:500 12px var(--fb);color:#99a3b0}
.xd-map{display:flex;flex-wrap:wrap;gap:5px}
.xd-map span{padding:5px 8px;border-radius:7px;background:rgba(0,208,132,.15);font:600 11px var(--fb);color:#7ef0c3}
.xd-live{display:flex;align-items:center;gap:8px;margin:13px 0 0;font:600 11.5px var(--fb);color:#99a3b0}
.xd-live i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--gn)}
.mo .xd-live i{animation:xdLive 1.8s ease-in-out infinite}
@keyframes xdLive{0%,100%{box-shadow:0 0 0 0 rgba(0,208,132,.55)}50%{box-shadow:0 0 0 5px rgba(0,208,132,0)}}
.xd-checks{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.xd-checks li{display:flex;align-items:center;gap:9px;font:600 12.5px var(--fb);color:#e9eef4}
.xd-checks li::before{content:"";flex:none;width:17px;height:17px;border-radius:50%;background:var(--gn) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.8' fill='none' stroke='%2306231a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat}
/* AI managed services */
.xd-pipe{padding:22px 24px 24px}
.xd-meter{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-bottom:28px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.xd-meter span{font:600 12px var(--fb);color:var(--mut)}
.xd-meter .kvbar u{width:calc(var(--w,.9) * 100%);transform:none;transition:width .6s var(--ez)}
.xd-meter b{min-width:38px;text-align:right;font:700 15px var(--fh);color:var(--acc);font-variant-numeric:tabular-nums}
.xd-meter em{padding:4px 9px;border-radius:99px;background:var(--ink);font:700 11px var(--fb);font-style:normal;color:#fff}
.xd-steps{display:flex;justify-content:space-between;gap:6px}
.xd-st{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.xd-st .xd-ic{width:48px;height:48px;border-radius:50%;background:#fff;border:1.5px solid var(--line);color:var(--ink2);box-shadow:0 8px 18px -12px rgba(10,13,18,.35);transition:background .35s,border-color .35s,color .35s,box-shadow .35s}
.xd-st .xd-ic svg{width:19px;height:19px}
.xd-st b{font:700 13px var(--fb);color:var(--ink)}
.xd-st em{padding:2px 8px;border-radius:99px;background:rgba(0,208,132,.14);font:700 10px/1.4 var(--fb);font-style:normal;color:var(--acc)}
.xd-st.you em{background:var(--ink);color:#fff}
.xd-st.done .xd-ic{border-color:rgba(0,208,132,.55);color:var(--acc)}
.xd-st.hot .xd-ic{border-color:var(--gn);background:var(--gn);color:#06231a;box-shadow:0 0 0 7px rgba(0,208,132,.16)}
.xd-st.you.hot .xd-ic{background:var(--ink);border-color:var(--ink);color:var(--gn);box-shadow:0 0 0 7px rgba(10,13,18,.12)}
.xd-out{display:flex;align-items:center;gap:12px;margin-top:24px;padding:13px 16px;border-radius:12px;background:var(--ink)}
.xd-tag{flex:none;padding:3px 10px;border-radius:99px;background:var(--gn);font:700 11px var(--fb);color:#06231a}
.xd-tag.you{background:#fff;color:var(--ink)}
.xd-out p{margin:0;font:500 14.5px/1.4 var(--fb);color:#fff}
.xd-out p.mo-swap{animation:moIn .35s var(--ez) both}
/* automation */
.xd-ask{padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 18px -14px rgba(10,13,18,.28)}
.xd-ask>span{display:flex;align-items:center;gap:8px;margin-bottom:7px;font:600 11.5px var(--fb);color:var(--mut)}
.xd-ask .xd-ic{width:22px;height:22px;border-radius:6px}.xd-ask .xd-ic svg{width:13px;height:13px}
.xd-ask p{margin:0;min-height:4.4em;font:500 13.5px/1.45 var(--fb);color:var(--ink)}
.mo-typing::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-2px;background:var(--gn);animation:kvCaret 1s steps(1) infinite}
.xd-wf,.xd-card,.xd-doc{display:flex;flex-direction:column;gap:6px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(10,13,18,.04),0 20px 44px -28px rgba(10,13,18,.38)}
.xd-wf .xd-core-h,.xd-card .xd-core-h,.xd-doc .xd-core-h{margin-bottom:4px}
.xd-wf .xd-core-h b,.xd-card .xd-core-h b,.xd-doc .xd-core-h b{font-size:14px;color:var(--ink)}
.xd-wf>span{padding:7px 10px;border:1px solid var(--line);border-radius:8px;font:600 12px var(--fb);color:var(--ink)}
.xd-wf>span.ai{border-color:rgba(0,208,132,.5);background:rgba(0,208,132,.07)}
.xd-wf>span.hu{border-color:rgba(180,83,9,.4);background:rgba(180,83,9,.05)}
.xd-pass{display:flex;align-items:center;gap:8px;margin:4px 0 0;font:700 12px var(--fb);color:var(--acc)}
.xd-pass .xd-ic{width:20px;height:20px;border-radius:50%;background:rgba(0,208,132,.16);color:var(--acc)}.xd-pass .xd-ic svg{width:12px;height:12px}
.xd-cl{gap:7px}
.xd-cl span{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;font:600 12px var(--fb);color:var(--ink);white-space:nowrap;box-shadow:0 6px 14px -12px rgba(10,13,18,.3)}
.xd-cl span i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--gn)}
.xd-cl span.more{border-style:dashed;color:var(--mut);box-shadow:none}
/* technology standards */
.xd-grid{padding:14px 16px 16px}
.xd-heat{overflow:hidden}
.xd-grid .xd-core-h{margin-bottom:10px}
.xd-grid .xd-core-h em{margin-left:auto;padding:3px 9px;border-radius:99px;background:rgba(240,162,74,.18);font:700 11px var(--fb);font-style:normal;color:#8a4b0d}
.xd-heat{position:relative;display:grid;gap:6px}
.xd-heat p{display:grid;grid-template-columns:84px repeat(4,minmax(0,1fr));gap:6px;align-items:center;margin:0}
.xd-heat p>span{font:600 11.5px var(--fb);color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xd-heat .xd-heat-t span+span{grid-column:2 / -1;padding-bottom:5px;border-bottom:1.5px solid rgba(0,208,132,.45);text-align:center;font:700 10.5px var(--fb);color:var(--acc)}
.xd-heat .xd-heat-h span{text-align:center;font:600 10.5px var(--fb);color:var(--mut)}
.xd-heat p>i{height:16px;border-radius:5px;background:#16c784}
.xd-heat p>i.d{background:#f0a24a}
.mo .xd-heat p>i.d{animation:kvPulse 1.6s ease-in-out infinite}
.xd-scan{position:absolute;top:0;bottom:0;left:-30%;width:30%;background:linear-gradient(90deg,transparent,rgba(0,208,132,.14),transparent);pointer-events:none}
.mo .xd-scan{animation:xdScan 3.4s linear infinite}
@keyframes xdScan{to{left:100%}}
/* reports and QBRs */
.xd-doc .xd-core-s{margin:-2px 0 6px;color:var(--mut)}
.xd-hl{margin:0 0 6px;padding:9px 11px;border-radius:9px;background:rgba(0,208,132,.08);border-left:3px solid var(--gn);font:600 12.5px/1.45 var(--fb);color:var(--ink)}
.xd-nx{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;padding:9px 11px;border-radius:9px;background:var(--ink)}
.xd-nx span{font:700 10.5px var(--fb);color:var(--gn)}.xd-nx b{font:600 12.5px var(--fb);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xd-nx em{font:700 13.5px var(--fh);font-style:normal;color:var(--gn)}
/* roadmaps and budgets */
.xd-road{padding:24px}
.xd-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.xd-lane{display:flex;flex-direction:column;gap:7px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}
.xd-lane em{font:700 12px var(--fb);font-style:normal;color:var(--acc)}
.xd-lane p{margin:0;padding:8px 9px;border:1px solid var(--hair);border-radius:8px;background:var(--paper)}
.xd-lane b{display:block;font:600 12px/1.3 var(--fb);color:var(--ink)}.xd-lane span{display:block;margin-top:2px;font:600 11px var(--fb);color:var(--mut)}
.xd-budget,.xd-spend{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.xd-budget>p,.xd-spend>p{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 8px}
.xd-budget>p span,.xd-spend>p span{font:600 12.5px var(--fb);color:var(--mut)}
.xd-budget>p b{font:700 18px var(--fh);color:var(--ink)}
.xd-spend>p b{font:700 15px var(--fb);color:var(--ink)}.xd-spend>p b small{font-weight:600;color:var(--mut)}
.xd-budget .vx-key{margin-top:8px}
.xd-spend>p.xd-alert{justify-content:flex-start;align-items:center;gap:8px;margin:10px 0 0}
.xd-alert{display:flex;align-items:center;gap:8px;margin:10px 0 0;font:600 12.5px var(--fb);color:#8a4b0d}
.xd-alert .xd-ic{width:22px;height:22px;border-radius:6px;background:rgba(240,162,74,.2);color:#B45309}.xd-alert .xd-ic svg{width:13px;height:13px}
/* rows: billing, security */
.xd-row{display:flex;align-items:stretch;gap:20px}
.xd-v{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:13px 11px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(10,13,18,.04),0 10px 22px -16px rgba(10,13,18,.32);transition:border-color .35s,box-shadow .35s}
.xd-v b{font:700 15px/1.15 var(--fh);letter-spacing:-.015em;color:var(--ink)}
.xd-v span{font:500 11.5px/1.3 var(--fb);color:var(--mut)}
.xd-v.hot2 b{color:var(--acc)}
.xd-v.you .xd-ic{background:var(--ink);color:var(--gn)}
.xd-v.hot{border-color:var(--gn);box-shadow:0 0 0 4px rgba(0,208,132,.13),0 10px 22px -16px rgba(10,13,18,.32)}
.xd-v.hot .xd-ic{background:var(--gn);color:#06231a}
.xd-v .xd-ic{transition:background .35s,color .35s}
/* Control Center MCP */
.xd-bub{margin:0;padding:8px 11px;font:500 12px/1.4 var(--fb)}
.xd-bub.q{align-self:flex-end;max-width:94%;border-radius:12px 12px 3px 12px;background:var(--ink);color:#fff}
.xd-bub.a{min-height:4.2em;border:1px solid var(--line);border-left:3px solid var(--gn);border-radius:12px 12px 12px 3px;background:#fff;color:var(--ink)}
@media(max-width:640px){
 .xd{padding:22px 16px}
 .xd-3,.xd-2{grid-template-columns:minmax(0,1fr);gap:34px}
 .xd-col.grp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;border:1px dashed #cfd7df;border-radius:14px;background:rgba(255,255,255,.65)}
 .xd-col.grp.one{grid-template-columns:minmax(0,1fr)}
 .xd-n{padding:8px 9px;gap:8px}
 .xd-std .xd-col,.xd-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .xd-heat p{grid-template-columns:76px repeat(4,minmax(0,1fr))}
 .xd-bub.a{min-height:0}
 .xd-ask p{min-height:2.9em}
 .xd-steps{gap:2px}.xd-st .xd-ic{width:38px;height:38px}.xd-st .xd-ic svg{width:16px;height:16px}.xd-st b{font-size:11.5px}.xd-st em{display:none}
 .xd-meter{grid-template-columns:auto minmax(0,1fr) auto}.xd-meter em{display:none}
 .xd-row{flex-direction:column;gap:20px}
 .xd-v{flex-direction:row;align-items:center;gap:10px}
 .xd-lanes{grid-template-columns:minmax(0,1fr)}
 .xdf-h span{display:none}
}
/* motion: boxes arrive in order, lines draw in, then small pulses keep moving along them */
.mo .xd:not(.mo-in) .xd-svg path{stroke-dashoffset:1}
.mo .xd .xd-svg path{transition:stroke-dashoffset .9s cubic-bezier(.45,.05,.25,1) .45s,stroke .35s}
.mo .xd:not(.mo-in) .xd-pu,.mo .xd:not(.mo-in) .xd-port{opacity:0}
.mo .xd .xd-pu{transition:opacity .4s ease 1.3s}
.mo .xd .xd-port{transition:opacity .3s ease .4s}
.mo .xd [data-q]{--dl:calc(var(--q,0) * 55ms + 60ms);transition:opacity .45s var(--ez) var(--dl),transform .45s var(--ez) var(--dl),border-color .35s,box-shadow .35s}
.mo .xd:not(.mo-in) [data-q]{opacity:0;transform:translateY(8px)}
/* roadmap: the budget fills in by kind of spend, then this month's AI spend climbs to the 80% line and the alert fires */
.mo .xd-road .vx-split i{transition:transform .8s var(--ez)}
.mo .xd-road:not(.mo-in) .vx-split i{transform:scaleX(0)}
.mo .xd-road.mo-in .vx-split i:nth-child(1){transition-delay:.7s}
.mo .xd-road.mo-in .vx-split i:nth-child(2){transition-delay:.95s}
.mo .xd-road.mo-in .vx-split i:nth-child(3){transition-delay:1.2s}
.mo .xd-road .xd-spend .kvbar u{transition:transform 1.4s var(--ez) 1.2s}
.mo .xd-road:not(.mo-in) .xd-spend .kvbar u{transform:scaleX(0)}
.mo .xd-road .xd-alert{transition:opacity .4s ease 2.6s,transform .4s var(--ez) 2.6s}
.mo .xd-road:not(.mo-in) .xd-alert{opacity:0;transform:translateY(4px)}
@media(prefers-reduced-motion:reduce){.xd-heat p>i.d,.xd-live i,.xd-scan{animation:none}}

@media(prefers-reduced-motion:reduce){.gx-svg path.on,.qi-typ i{animation:none}}

/* ===== Integrations (Oct 30): the MSP picks its tools; the page shows what they can do together, for its MSP and every client ===== */
#pg-integrations [hidden]{display:none!important}
.skhero{padding-bottom:46px}
.skh{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:44px;align-items:center}
.skh-go{margin:26px 0 0}
.skv{min-width:0;margin:0}
.xd.skx{padding:6px 0;background:none;grid-template-columns:minmax(0,1fr) minmax(0,.92fr) minmax(0,1fr);gap:34px}
.xd.skx .xd-n{padding:8px 11px}
.xd.skx .xd-n b{font-size:12.5px;white-space:nowrap}
.xd.skx .xd-core{padding:16px 16px 18px}
.skx-t{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 0}
.skx-t span{padding:4px 8px;border-radius:7px;background:rgba(0,208,132,.15);font:600 11px var(--fb);color:#7ef0c3}
@media(max-width:1100px){.skh{grid-template-columns:minmax(0,1fr)}.skv{display:none}}

.skhero .lede{max-width:56ch}
section.skpick{padding:64px 0 84px}
.sk{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.sk-main{min-width:0}
.sk-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px}
.sk-top h2{margin:0;font-size:clamp(26px,2.6vw,34px)}
.sk-by{margin:6px 0 0;font:600 13.5px var(--fb);color:var(--acc)}
.sk-find{display:flex;align-items:center;gap:8px;width:min(300px,100%);padding:9px 14px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--mut)}
.sk-find svg{flex:none;width:15px;height:15px}
.sk-find input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 14px var(--fb);color:var(--ink)}
.sk-find:focus-within{border-color:var(--gn);box-shadow:0 0 0 3px rgba(0,208,132,.15)}
.sk-row{display:grid;grid-template-columns:158px minmax(0,1fr);gap:6px 16px;padding:15px 0;border-top:1px solid var(--hair)}
/* the categories down the side, one category's tools at a time; a search looks across all of them.
   Without the script every category shows, as before. */
.sk-cats{display:none}
.sk.tabbed .sk-browse{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:24px;align-items:start;margin-top:16px}
.sk.tabbed .sk-cats{display:flex;flex-direction:column;gap:1px;grid-row:1/span 3;padding-right:14px;border-right:1px solid var(--hair)}
.sk.tabbed .sk-rows,.sk.tabbed .sk-none,.sk.tabbed .sk-tray{grid-column:2;min-width:0}
.sk-cat{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:4px 8px;border:0;border-radius:8px;background:none;font:600 13px/1.35 var(--fb);white-space:nowrap;color:var(--ink2);text-align:left;cursor:pointer;transition:background-color .15s,color .15s}
.sk-cat:hover{background:var(--hair);color:var(--ink)}
.sk-cat:focus-visible{outline:2px solid var(--gn);outline-offset:1px}
.sk-cat[aria-selected="true"]{background:var(--ink);color:#fff}
.sk-cat b{flex:none;min-width:18px;padding:0 5px;border-radius:99px;background:var(--gn);color:#06231a;font:700 11px/18px var(--fb);text-align:center}
.sk.tabbed .sk-row{display:none;padding:0;border-top:0}
.sk.tabbed .sk-row.on{display:block}
.sk.tabbed .sk-rl{display:none}
.sk.tabbed.sk-q .sk-row{display:block;padding:0 0 16px}
.sk.tabbed.sk-q .sk-rl{display:block;margin:0 0 8px}
.sk.tabbed.sk-q .sk-cat[aria-selected="true"]{background:none;color:var(--ink2)}
.sk.tabbed .sk-none{margin:0}
.sk-tray{margin:22px 0 0;padding:14px 16px 16px;border-radius:14px;background:var(--wash)}
.sk-trl{margin:0 0 9px;font:600 12.5px var(--fb);color:var(--ink2)}
.sk-trc{display:flex;flex-wrap:wrap;gap:6px}
.sk-trc .sk-c{padding:4px 9px 4px 5px;font-size:12.5px}
.sk-tre{margin:0;font:500 13px var(--fb);color:var(--mut)}
.sk-row.sk-hide{display:none!important}
.sk-rl{margin:7px 0 0;font:600 13px/1.3 var(--fb);color:var(--ink2)}
.sk-cs{display:flex;flex-wrap:wrap;gap:7px}
.sk-c{display:inline-flex;align-items:center;gap:8px;padding:6px 11px 6px 7px;border:1px solid var(--line);border-radius:10px;background:#fff;font:600 13px/1.2 var(--fb);color:var(--ink);cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s}
.sk-c:hover{border-color:#bcc6d0}
.sk-c:focus-visible{outline:2px solid var(--gn);outline-offset:2px}
.sk-c.on{border-color:var(--gn);background:rgba(0,208,132,.08);box-shadow:0 0 0 3px rgba(0,208,132,.12)}
.sk-c.on::after{content:"";flex:none;width:15px;height:15px;margin-left:1px;border-radius:50%;background:var(--gn) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.8' fill='none' stroke='%2306231a' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/9px no-repeat}
.sk-lg{flex:none;display:inline-block;width:18px;height:18px;border-radius:4px;background-image:var(--lsp);background-repeat:no-repeat;background-size:216px auto;background-position:var(--lx,0) var(--ly,0)}
.sk-mono{display:inline-flex;align-items:center;justify-content:center;background:#e6ebf0;font:700 8px/1 var(--fb);font-style:normal;color:var(--ink2);letter-spacing:.02em}
.sk-cc{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--gn)}
.sk-cc svg{width:62%;height:62%}
.sk-notes{grid-column:2}
.sk-note{position:relative;margin:4px 0 0;padding-left:16px;font:500 12.5px/1.45 var(--fb);color:var(--ink2)}
.sk-note::before{content:"";position:absolute;left:2px;top:7px;width:6px;height:6px;border-radius:50%;background:#9aa6b2}
.sk-note.no{color:#8a4b0d}.sk-note.no::before{background:#f0a24a}
.sk-none{margin:16px 0 0;font:500 14px var(--fb);color:var(--ink2)}

/* the live count */
.sk-live{position:sticky;top:92px;padding:22px 22px 18px;border-radius:18px;background:var(--ink);color:#fff;box-shadow:0 30px 70px -40px rgba(10,13,18,.65)}
.sk-lh{margin:0;font:600 12.5px var(--fb);color:#99a3b0}
.sk-big{display:flex;align-items:baseline;gap:10px;margin:4px 0 14px}
.sk-big b{font:700 52px/1 var(--fh);letter-spacing:-.03em;color:var(--gn);font-variant-numeric:tabular-nums}
.sk-big span{font:500 13.5px/1.3 var(--fb);color:#c9d1d9}
.sk-ln{list-style:none;margin:0;padding:0;border-top:1px solid #232a33}
.sk-ln li{display:flex;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid #232a33;font:500 13px var(--fb);color:#aab3bf}
.sk-ln b{min-width:28px;font:700 16px var(--fh);color:#fff;font-variant-numeric:tabular-nums}
.sk-new{margin:14px 0 0}
.sk-new>p{margin:0 0 8px;font:700 11.5px var(--fb);color:var(--gn)}
.sk-new ol{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.sk-new li{display:flex;align-items:flex-start;gap:5px;font:500 12.5px/1.35 var(--fb);color:#e9eef4}
.sk-new li .sk-lg{margin-top:1px}
.sk-new li span{margin-left:4px}
.sk-new.mo-swap{animation:moIn .45s var(--ez) both}
.sk-hint{margin:14px 0 0;font:500 13px/1.45 var(--fb);color:#99a3b0}
.sk-go{display:block;margin-top:16px;text-align:center}
.sk-la{display:flex;justify-content:center;gap:14px;margin:10px 0 0}
.sk-la button{padding:0;border:0;background:none;font:600 12.5px var(--fb);color:#99a3b0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sk-la button:hover{color:#fff}
.sk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* the plan */
section.skplan{padding:84px 0 90px}
.sk-ph{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:22px}
.sk-ph h2{margin:0 0 10px;font-size:clamp(28px,3.1vw,40px);max-width:20ch}
.sk-for{margin:0;font:500 14.5px var(--fb);color:var(--ink2)}
.sk-for input{width:200px;margin-left:4px;padding:2px 2px 3px;border:0;border-bottom:1.5px dashed #b9c3cc;background:transparent;font:700 14.5px var(--fb);color:var(--ink);outline:0}
.sk-for input:focus{border-bottom-color:var(--gn)}
.sk-stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.sk-stack span{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 5px;border:1px solid var(--line);border-radius:8px;background:#fff;font:600 12px var(--fb);color:var(--ink2)}
.sk-acts{flex:none;display:flex;flex-wrap:wrap;gap:8px}
.sk-acts .btn{cursor:pointer;font-family:var(--fb)}
.sk-mailf{margin:0 0 18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.sk-mailf>p{margin:0 0 12px;font:500 14px var(--fb);color:var(--ink2)}
.sk-mf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.1fr) auto;gap:10px;align-items:end}
@media(max-width:980px){.sk-mf{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-mf .btn{justify-self:start}}
.sk-mf label{display:grid;gap:5px;font:600 12.5px var(--fb);color:var(--ink2)}
.sk-mf input{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:500 14.5px var(--fb);color:var(--ink);background:#fff}
.sk-mf input:focus{outline:0;border-color:var(--gn);box-shadow:0 0 0 3px rgba(0,208,132,.15)}
.sk-mf .btn{cursor:pointer;font-family:var(--fb)}
.sk-mf label.sk-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* Cloudflare Turnstile in the waitlist, score and plan forms (src/js/ts.js): no room while it checks out of sight;
   .on (a challenge to click, or its result) gets a little. In the plan form's grid it stays out of the grid until then. */
.ts.on{margin:12px 0}
.sk-mf .ts{grid-column:1/-1}
.sk-mf .ts:not(.on){position:absolute}
.sk-mf .ts.on{margin:2px 0 0}
.sk-msg,.sk-copied{margin:10px 0 0;font:600 13.5px var(--fb);color:var(--acc)}
.sk-msg:empty,.sk-copied:empty{display:none}
.sk-msg.mo-swap,.sk-copied.mo-swap{animation:moIn .35s var(--ez) both}
.sk-copied{margin:-6px 0 16px}
.sk-empty{padding:34px 26px;border:1.5px dashed #c9d2da;border-radius:18px;text-align:center}
.sk-empty p{max-width:58ch;margin:0 auto 16px;font:500 15.5px/1.55 var(--fb);color:var(--ink2)}
.sk-empty .btn{cursor:pointer;font-family:var(--fb)}
/* tools working together */
.sk-fl{margin:6px 0 10px;padding:26px 26px 28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(10,13,18,.04),0 34px 80px -50px rgba(10,13,18,.4)}
.sk-fl h3{margin:0;font-size:24px;letter-spacing:-.02em}
.sk-fls{margin:6px 0 16px;font:500 14.5px var(--fb);color:var(--mut)}
.sk-ftabs{display:flex;flex-wrap:wrap;gap:6px}
.sk-ftabs button{padding:7px 13px;border:1px solid var(--line);border-radius:99px;background:#fff;font:600 13px var(--fb);color:var(--mut);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.sk-ftabs button:hover{color:var(--ink)}
.sk-ftabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.sk-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:16px}
.sk-st{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:16px 14px 15px;border:1px solid var(--line);border-radius:15px;background:#fff;opacity:.4;transform:translateY(4px);transition:opacity .45s var(--ez),transform .45s var(--ez),border-color .35s,box-shadow .35s}
.sk-st.on{opacity:1;transform:none}
.sk-st.hot{border-color:var(--gn);box-shadow:0 0 0 4px rgba(0,208,132,.14)}
.sk-st .sk-lg{width:30px;height:30px;border-radius:8px;background-size:360px auto;background-position:calc(var(--lx,0px) * 1.6667) calc(var(--ly,0px) * 1.6667)}
.sk-st .sk-mono{font-size:11px}
.sk-st b{font:700 14px/1.25 var(--fb);color:var(--ink)}
.sk-st p{margin:0;font:500 13px/1.45 var(--fb);color:var(--ink2)}
.sk-st.cc{background:var(--ink);border-color:var(--ink)}
.sk-st.cc b{color:#fff}.sk-st.cc p{color:#c9d1d9}
.sk-st.cc .sk-cc{background:rgba(0,208,132,.16)}
.sk-st.cc.hot{border-color:var(--gn)}
.sk-sn{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef1f4;font:700 10.5px var(--fb);color:var(--mut)}
.sk-st.cc .sk-sn{background:#1d242d;color:#99a3b0}
.sk-st.done .sk-sn{background:var(--gn);color:#06231a}
.sk-st:not(:last-child)::after{content:"";position:absolute;top:30px;left:100%;width:17px;height:2px;background:var(--line);transition:background .35s}
.sk-st.done:not(:last-child)::after{background:var(--gn)}
.sk-pfl,.sk-print,.sk-pu,.sk-pall{display:none}
/* every lane */
.sk-lane{margin-top:44px}
.sk-lnh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.sk-lnh h3{display:flex;align-items:center;gap:10px;margin:0;font-size:22px;letter-spacing:-.02em}
.sk-lnh h3 span{padding:3px 9px;border-radius:99px;background:var(--ink);font:700 12px var(--fb);color:#fff}
.sk-lnh p{margin:0;font:500 14px var(--fb);color:var(--mut);text-align:right}
.sk-its{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sk-it{display:flex;flex-direction:column;gap:6px;padding:16px 16px 17px;border:1px solid var(--line);border-radius:14px;background:#fff}
.sk-it.tw{border-color:rgba(0,208,132,.42);box-shadow:inset 0 3px 0 rgba(0,208,132,.55)}
.sk-itl{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:4px}
.sk-itl .sk-lg{width:22px;height:22px;border-radius:6px;background-size:264px auto;background-position:calc(var(--lx,0px) * 1.2222) calc(var(--ly,0px) * 1.2222)}
.sk-itl em{margin-left:4px;padding:3px 8px;border-radius:99px;background:rgba(0,208,132,.13);font:700 11px var(--fb);font-style:normal;color:var(--acc)}
.sk-it h4{margin:0;font:700 15px/1.35 var(--fb);color:var(--ink);letter-spacing:-.005em}
.sk-it p{margin:0;font:500 13.5px/1.5 var(--fb);color:var(--ink2)}
.mo .sk-it.nw{animation:skNew 1.6s var(--ez) both}
@keyframes skNew{0%{box-shadow:0 0 0 0 rgba(0,208,132,.55);transform:translateY(6px)}40%{transform:none}100%{box-shadow:0 0 0 10px rgba(0,208,132,0)}}
/* every client */
section.skall{padding:96px 0 72px}
.skall .cta2{margin-top:64px}
.ska-fine{margin:34px 0 0;font:500 11.5px/1.5 var(--fb);color:#8a939e}
.sk-it.sk-x{display:none}
.sk-lane.open .sk-it.sk-x{display:flex}
.sk-all-b{display:block;margin:14px auto 0;padding:9px 18px;border:1px solid var(--line);border-radius:99px;background:#fff;font:600 13.5px var(--fb);color:var(--ink);cursor:pointer}
.sk-all-b:hover{border-color:#bcc6d0}
/* every client: pick a client, see their AI roadmap, then the same for every client like them */
.skc-h{max-width:760px}
.skc-h h2{margin:0 0 16px;font-size:clamp(30px,3.4vw,44px);color:#fff}
.skc-h .lede{color:#c9d1d9}
.skc-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:34px 0 22px}
.skc-tabs button{display:grid;gap:2px;text-align:left;padding:13px 14px;border:1px solid #2b323b;border-radius:14px;background:#121820;cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s}
.skc-tabs b{font:700 14px/1.25 var(--fh);color:#fff}
.skc-tabs span{font:500 12px var(--fb);color:#99a3b0}
.skc-tabs em{margin-top:6px;font:700 13px var(--fb);font-style:normal;color:var(--gn)}
.skc-tabs button:hover{border-color:#3a4552}
.skc-tabs button:focus-visible{outline:2px solid var(--gn);outline-offset:2px}
.skc-tabs button.on{border-color:var(--gn);background:rgba(0,208,132,.08);box-shadow:0 0 0 3px rgba(0,208,132,.12)}
.skc{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:start}
.skc-apps{padding:16px 18px;border:1px solid #2b323b;border-radius:18px;background:#0f141b}
.skc-l{margin:0;font:700 14px var(--fh);color:#fff}
.skc-hint{margin:2px 0 6px;font:500 12.5px var(--fb);color:#8a939e}
.skc-row{padding:10px 0;border-top:1px solid #1d242d}
.skc-row:first-of-type{border-top:0}
.skc-row>p{margin:0 0 7px;font:600 12px var(--fb);color:#99a3b0}
.skc-cs{display:flex;flex-wrap:wrap;gap:6px}
.skc-apps .sk-c{padding:5px 10px 5px 6px;background:#161d26;border-color:#2b323b;color:#e9eef4;font-size:12.5px}
.skc-apps .sk-c:hover{border-color:#46515e}
.skc-apps .sk-c.on{border-color:var(--gn);background:rgba(0,208,132,.12)}
.skc-apps .sk-note{margin-top:7px;color:#aab3bf}
.skc-apps .sk-note.no{color:#f0a24a}
.sk-mc{background:var(--mc)!important;color:#fff!important}
.skd{border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 40px 90px -40px rgba(0,0,0,.75);overflow:hidden}
.skd-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 16px;border-bottom:1px solid var(--hair)}
.skd-k{margin:0;font:700 12px var(--fb);color:var(--acc)}
.skd-h h3{margin:4px 0 2px;font-size:24px;letter-spacing:-.02em;color:var(--ink)}
.skd-by{margin:0;font:500 13px var(--fb);color:var(--mut)}
.skd-ex{flex:none;padding:4px 10px;border-radius:99px;background:#eef1f4;font:600 11.5px var(--fb);color:var(--mut)}
.skd-apps{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 24px;border-bottom:1px solid var(--hair);background:var(--paper)}
.skd-apps>span{margin-right:4px;font:600 12px var(--fb);color:var(--mut)}
.skd-apps em{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 5px;border:1px solid var(--line);border-radius:8px;background:#fff;font:600 12px var(--fb);font-style:normal;color:var(--ink2)}
.skd-apps em.none{padding-left:9px;color:var(--mut)}
.skd-lane{padding:2px 24px}
.skd-lk{margin:14px 0 2px;font:700 12px var(--fb);color:var(--acc)}
.skd-r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--hair)}
.skd-lane:last-of-type .skd-r:last-child{border-bottom:0}
.skd-rl{display:flex;gap:4px;min-width:52px}
.skd-rl .sk-lg{width:24px;height:24px;border-radius:7px;background-size:288px auto;background-position:calc(var(--lx,0px) * 1.3333) calc(var(--ly,0px) * 1.3333)}
.skd-rl .sk-mono{font-size:9px}
.skd-rt b{display:block;font:700 15px/1.3 var(--fb);color:var(--ink)}
.skd-rt span{display:block;margin-top:2px;font:500 13px/1.45 var(--fb);color:var(--ink2)}
.skd-p{margin:0;text-align:right;font:700 17px var(--fh);color:var(--ink);white-space:nowrap}
.skd-p small{display:block;font:500 11.5px var(--fb);color:var(--mut)}
.skd-empty{margin:0;padding:26px 24px;font:500 14.5px/1.5 var(--fb);color:var(--ink2)}
.skd-f{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:10px;padding:16px 24px;border-top:1px solid var(--line);background:#f2f8f5}
.skd-tot span{display:block;font:600 12px var(--fb);color:var(--mut)}
.skd-tot b{font:700 24px var(--fh);letter-spacing:-.02em;color:var(--acc)}
.skd-fm{display:flex;flex-wrap:wrap;gap:6px}
.skd-fm span{padding:4px 9px;border:1px solid var(--line);border-radius:99px;background:#fff;font:600 11.5px var(--fb);color:var(--ink2)}
.mo .skd.mo-new{animation:moIn .4s var(--ez) both}
.mo .skd.mo-new .skd-r{animation:moIn .45s var(--ez) both;animation-delay:calc(var(--d,0) * 70ms + 100ms)}
.skc-scale{margin-top:56px;padding-top:44px;border-top:1px solid #232a33}
.skc-eqb h3{margin:0 0 16px;font-size:22px;color:#fff}
.skc-eq{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.skc-eq>i{font:600 18px var(--fb);font-style:normal;color:#6b7480}
.skc-n,.skc-v{display:grid;gap:3px;padding:12px 14px;border:1px solid #2b323b;border-radius:14px;background:#121820;font:500 12px var(--fb);color:#99a3b0}
.skc-n input{width:84px;padding:0;border:0;border-bottom:1.5px dashed #46515e;background:transparent;font:700 24px/1.1 var(--fh);color:#fff;outline:0}
.skc-n input:focus{border-bottom-color:var(--gn)}
.skc-v b{font:700 24px/1.1 var(--fh);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.skc-v.g{border-color:rgba(0,208,132,.5);background:rgba(0,208,132,.08)}
.skc-v.g b{color:var(--gn)}
.skc-eqn{margin:16px 0 0;max-width:68ch;font:500 15.5px/1.55 var(--fb);color:#c9d1d9}
.skc-easy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}
.skc-easy>div{padding:16px;border:1px solid #2b323b;border-radius:14px;background:#121820}
.skc-ic{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:rgba(0,208,132,.15);color:var(--gn)}
.skc-ic svg{width:16px;height:16px}
.skc-easy h4{margin:10px 0 4px;font:700 15px var(--fh);color:#fff}
.skc-easy p{margin:0;font:500 13.5px/1.5 var(--fb);color:#c9d1d9}
#pg-integrations .skall{--lsp:url(img/logos.webp)}
@media(max-width:1100px){.skc-tabs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.skc-tabs::-webkit-scrollbar{display:none}}
@media(max-width:980px){.skc{grid-template-columns:minmax(0,1fr)}.skc-doc{order:-1}.skc-easy{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .skc-tabs{margin:26px -20px 18px;padding:0 20px 4px}
 .skd-h,.skd-apps{padding-left:16px;padding-right:16px}
 .skd-lane{padding:2px 16px}
 .skd-f{padding:14px 16px}
 .skd-r{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
 .skd-rl{grid-column:1 / -1}
 .skc-easy{grid-template-columns:minmax(0,1fr)}
}
/* phones: the count rides along while picking */
.sk-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:80;display:none;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-radius:14px;background:var(--ink);color:#fff;text-decoration:none;box-shadow:0 18px 40px -18px rgba(10,13,18,.7);transform:translateY(140%);transition:transform .3s var(--ez)}
.sk-bar b{font:700 20px var(--fh);color:var(--gn);font-variant-numeric:tabular-nums}
.sk-bar span{flex:1;min-width:0;font:500 13px var(--fb);color:#c9d1d9}
.sk-bar em{padding:7px 12px;border-radius:99px;background:var(--gn);font:700 12.5px var(--fb);font-style:normal;color:#04150e}
.sk-bar.on{transform:none}
@media(max-width:1100px){.sk{grid-template-columns:minmax(0,1fr) 270px;gap:30px}.sk-its{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
 .sk{grid-template-columns:minmax(0,1fr)}
 .sk-live{position:static}
 .sk.tabbed .sk-browse{grid-template-columns:minmax(0,1fr);row-gap:14px}
 .sk.tabbed .sk-cats{flex-direction:row;grid-row:auto;gap:6px;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;border-right:0;scrollbar-width:none}
 .sk.tabbed .sk-cats::-webkit-scrollbar{display:none}
 .sk.tabbed .sk-rows,.sk.tabbed .sk-none,.sk.tabbed .sk-tray{grid-column:auto}
 .sk-cat{flex:none;width:auto;padding:6px 12px;border:1px solid var(--line);border-radius:99px;background:#fff}
 .sk-cat[aria-selected="true"]{border-color:var(--ink)}
 .sk-tray{margin-top:4px}
 .sk-bar{display:flex}
 .sk-steps{grid-template-columns:minmax(0,1fr);gap:12px}
 .sk-st{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:10px;padding-right:44px}
 .sk-st p{flex-basis:100%}
 .sk-st:not(:last-child)::after{top:100%;left:29px;width:2px;height:13px}
 .sk-ph{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
 .sk-top{flex-direction:column;align-items:stretch}
 .sk-find{width:100%}
 .sk-row{grid-template-columns:minmax(0,1fr)}
 .sk-rl{margin:0}
 .sk-notes{grid-column:1}
 .sk-its{grid-template-columns:minmax(0,1fr)}
 .sk-lnh{flex-direction:column;align-items:flex-start;gap:4px}
 .sk-lnh p{text-align:left}
 .sk-fl{padding:20px 16px}
 .sk-ftabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}
 .sk-ftabs::-webkit-scrollbar{display:none}
 .sk-ftabs button{flex:none}
 .sk-mf{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.sk-bar{transition:none}}
/* the PDF: the plan alone, on white */
@media print{
 @page{margin:14mm}
 body{background:#fff!important}
 .nav,footer,.skhero,.skpick,.skall,.sk-bar,.sk-acts,.sk-mailf,.sk-copied,.sk-empty,.sk-ftabs,.sk-stage,.sk-fls{display:none!important}
 #pg-integrations *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 section.skplan{padding:0;background:#fff}
 .sk-print{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding-bottom:10px;border-bottom:2px solid var(--gn);font:600 12px var(--fb);color:var(--ink2)}
 .sk-print .sk-plg{width:110px;height:19px;color:var(--ink)}
 .sk-print b{flex:1;font:700 14px var(--fh);color:var(--ink)}
 .sk-lnh{break-inside:avoid;break-after:avoid}
 .sk-lane{break-before:auto}
 .sk-pall{display:block;margin-top:26px;padding:16px;border:1px solid var(--line);border-radius:14px;break-inside:avoid}
 .sk-pall h3{margin:0 0 6px;font-size:18px}
 .sk-pall p{margin:0 0 6px;font:500 12px/1.5 var(--fb);color:var(--ink2)}
 .sk-pall .sk-pk{font-weight:700;color:var(--acc)}
 .sk-pall ul{margin:6px 0 0;padding-left:18px;font:500 11.5px/1.5 var(--fb);color:var(--ink2)}
 .sk-for input{border:0}
 .sk-for input:placeholder-shown{display:none}
 .sk-fl{box-shadow:none;padding:16px}
 .sk-pfl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
 .sk-pf{break-inside:avoid}
 .sk-pf h4{margin:0 0 4px;font:700 13px var(--fb)}
 .sk-pf ol{margin:0;padding-left:18px;font:500 11.5px/1.45 var(--fb);color:var(--ink2)}
 .sk-lane{margin-top:22px;break-inside:auto}
 .sk-it{break-inside:avoid;padding:11px}
 .sk-it.sk-x{display:flex!important}
 .sk-all-b{display:none!important}
 .sk-its{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .sk-pu{display:block;margin:22px 0 0;font:600 11px var(--fb);color:var(--mut);word-break:break-all}
 .sk-try{display:none!important}
}
/* the questions lane links to the MCP page's demo */
.sk-try{margin-left:4px;font-weight:600;color:var(--acc);white-space:nowrap;text-underline-offset:3px}

/* ------------------------------------------------------------------ Control Center MCP */
#pg-mcp{--lsp:url(img/logos.webp)}
.mq-facts{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}
.mq-facts>a{display:block;min-width:0;padding:1.3rem 1.4rem;border:1px solid var(--ink);border-radius:16px;background:var(--ink);text-decoration:none;transition:transform .18s}
.mq-facts>a:hover{transform:translateY(-2px)}
.mq-facts>a b{color:var(--gn)}
.mq-facts>a span{color:#c9d1d9}
/* why it matters: one picture each for the owner, the team and their clients */
.mv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px}
.mv-c{display:flex;flex-direction:column;min-width:0;padding:22px 24px 24px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(10,13,18,.04),0 24px 50px -40px rgba(10,13,18,.35)}
.mv-k{margin:0;font:700 13px var(--fb);color:var(--acc)}
.mv-v{display:flex;align-items:center;justify-content:center;height:170px;margin:12px 0 18px;border-radius:14px;background:var(--wash)}
.mv-c h3{margin:0;font-size:21px;line-height:1.2;letter-spacing:-.02em}
.mv-f{margin:8px 0 0;font:500 12px/1.45 var(--fb);color:var(--mut)}
.mv-money p{margin:0;text-align:center}
.mv-money b{display:block;font:700 46px/1 var(--fh);letter-spacing:-.035em;color:var(--acc);font-variant-numeric:tabular-nums}
.mv-money span{display:block;margin-top:8px;font:600 14px var(--fb);color:var(--ink2)}
.mv-tools{flex-direction:column;justify-content:center;gap:0}
.mv-lg{display:flex;justify-content:space-between;width:250px}
.mv-lg span{display:flex;width:36px;height:36px;padding:5px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--line),0 6px 14px -10px rgba(10,13,18,.4)}
.mv-lg .sk-lg{width:26px;height:26px;border-radius:6px;background-size:312px auto;background-position:calc(var(--lx,0px) * 1.4444) calc(var(--ly,0px) * 1.4444)}
.mv-lg .sk-mono{font-size:10px}
.mv-ln{display:block;width:250px;height:44px;overflow:visible}
.mv-ln path{fill:none;stroke:var(--gn);stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:0}
.mv-q{margin:0;padding:8px 14px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line);font:600 13.5px var(--fb);color:var(--ink)}
.mv-tk{width:min(270px,88%);padding:13px 15px 14px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line),0 10px 24px -16px rgba(10,13,18,.4)}
.mv-tk-h{display:flex;justify-content:space-between;align-items:center;margin:0 0 7px;font:600 12px var(--fb);color:var(--mut)}
.mv-tk-h em{position:relative;display:inline-grid;font-style:normal}
.mv-tk-h em i{grid-area:1/1;padding:3px 10px;border-radius:99px;font:700 11.5px var(--fb);font-style:normal;text-align:center}
.mv-tk-h .o{background:#eef1f4;color:var(--mut);opacity:0}
.mv-tk-h .n{display:inline-flex;align-items:center;gap:5px;background:var(--gn);color:#06231a}
.mv-tk-h .n::before{content:"";width:9px;height:9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.8' fill='none' stroke='%2306231a' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/9px no-repeat}
.mv-tk-s{margin:0 0 10px;font:600 14.5px/1.35 var(--fb);color:var(--ink)}
.mv-tk-m{display:flex;align-items:center;gap:7px;margin:0;font:500 12px var(--fb);color:var(--mut)}
.mv-tk-m i{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#e8eef4;font:700 10px var(--fb);font-style:normal;color:var(--ink2)}
/* with motion: the number counts up, the five tools draw into one question, the ticket turns Fixed */
.mo [data-anim="mv"] .mv-ln path{stroke-dashoffset:1;transition:stroke-dashoffset .7s var(--ez)}
.mo [data-anim="mv"] .mv-ln path:nth-child(2),.mo [data-anim="mv"] .mv-ln path:nth-child(4){transition-delay:.12s}
.mo [data-anim="mv"] .mv-ln path:nth-child(3){transition-delay:.24s}
.mo [data-anim="mv"] .mv-q{opacity:0;transform:translateY(6px) scale(.97);transition:opacity .4s var(--ez) .75s,transform .4s var(--ez) .75s}
.mo [data-anim="mv"] .mv-tk-h .o{opacity:1;transition:opacity .25s 1.3s}
.mo [data-anim="mv"] .mv-tk-h .n{opacity:0;transform:scale(.85);transition:opacity .3s 1.3s,transform .35s var(--ez) 1.3s}
.mo [data-anim="mv"].mo-in .mv-ln path{stroke-dashoffset:0}
.mo [data-anim="mv"].mo-in .mv-q{opacity:1;transform:none}
.mo [data-anim="mv"].mo-in .mv-tk-h .o{opacity:0}
.mo [data-anim="mv"].mo-in .mv-tk-h .n{opacity:1;transform:none}
/* Try it: one conversation per Control Center role, in the chat as it looks with Control Center connected */
.mq{margin-top:30px}
.mq-roles{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.mq-roles::-webkit-scrollbar{display:none}
.mq-roles button{flex:none;padding:9px 16px;border:1px solid var(--line);border-radius:99px;background:#fff;font:600 14px var(--fb);color:var(--ink2);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.mq-roles button:hover{border-color:#bcc6d0;color:var(--ink)}
.mq-roles button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.mq-roles button:focus-visible{outline:2px solid var(--gn);outline-offset:2px}
.mq-scope{min-height:1.5em;margin:14px 0 16px;font:500 14.5px/1.5 var(--fb);color:var(--ink2)}
.mq-scope b{color:var(--ink)}
.mq-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 20px;margin-top:14px;font:500 12.5px var(--fb);color:var(--mut)}
.mq-foot p{margin:0}
.mq-foot a{font-weight:600;color:var(--acc);text-underline-offset:3px}
.chw{display:flex;flex-direction:column;height:600px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(10,13,18,.04),0 34px 80px -50px rgba(10,13,18,.42);overflow:hidden}
.chw-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px 11px 20px;border-bottom:1px solid var(--hair)}
.chw-t{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px var(--fb);color:var(--ink)}
.chw-me{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e8eef4;font:700 12px var(--fb);color:var(--ink2)}
.chw-log{flex:1;min-height:0;overflow-y:auto;padding:26px 24px 8px;scrollbar-width:thin;scrollbar-color:#d5dbe1 transparent}
.chw-log>*{max-width:720px;margin-left:auto;margin-right:auto}
.chw-u{display:flex;justify-content:flex-end;margin-bottom:20px}
.chw-u p{max-width:80%;margin:0;padding:10px 16px;border-radius:18px;background:#f0f2f5;font:500 15px/1.5 var(--fb);color:var(--ink)}
.chw-a{margin-bottom:24px}
.chw-a>p{margin:0 0 10px;font:400 15px/1.62 var(--fb);color:var(--ink)}
.chw-use{display:inline-block;max-width:100%;margin:0 0 14px;padding:9px 13px 10px;border:1px solid var(--hair);border-radius:12px;background:var(--paper)}
.chw-uh{display:flex;align-items:center;gap:8px;margin:0;font:600 13px var(--fb);color:var(--ink2)}
.chw-use ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.chw-use li{display:flex;align-items:center;gap:8px;min-width:0;font:500 13px/1.35 var(--fb);color:var(--mut)}
.chw-use li b{flex:none;font-weight:600;color:var(--ink2)}
.chw-use li span{min-width:0}
.chw-use .sk-lg{width:16px;height:16px;border-radius:4px;background-size:192px auto;background-position:calc(var(--lx,0px) * .8889) calc(var(--ly,0px) * .8889)}
.chw-use .sk-mono{font-size:7px}
.chw-use .sk-cc svg{width:70%;height:70%}
.chw-sp{flex:none;width:14px;height:14px;border:2px solid #cfd6dd;border-top-color:var(--gn);border-radius:50%;animation:chwSpin .8s linear infinite}
.chw-ok{flex:none;width:16px;height:16px;border-radius:50%;background:rgba(0,208,132,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.8' fill='none' stroke='%2300794e' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat}
@keyframes chwSpin{to{transform:rotate(360deg)}}
.chw-tb{width:auto;max-width:100%;margin:2px 0 14px;border-collapse:collapse;font:400 14px/1.45 var(--fb);color:var(--ink)}
.chw-tb td{padding:8px 18px 8px 0;border-bottom:1px solid var(--hair);vertical-align:top}
.chw-tb tr:first-child td{border-top:1px solid var(--hair)}
.chw-tb td:first-child{font-weight:600;white-space:nowrap}
.chw-tb td:last-child{padding-right:0;color:var(--ink2)}
.chw-tb.in{animation:moIn .4s var(--ez) both}
.chw-in{padding:8px 18px 16px}
.chw-box{display:flex;align-items:center;gap:10px;max-width:720px;margin:0 auto;padding:8px 8px 8px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 2px 10px -6px rgba(10,13,18,.18)}
.chw-tx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 15px/32px var(--fb);color:var(--ink)}
.chw-tx:empty::before{content:attr(data-ph);color:#9aa3ad}
.chw-tx.typing::after{content:"";display:inline-block;width:1.5px;height:1.1em;margin-left:1px;vertical-align:-3px;background:var(--ink);animation:chwCaret 1s steps(1) infinite}
@keyframes chwCaret{50%{opacity:0}}
.chw-tool{flex:none;display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;border-radius:99px;background:var(--wash);font:600 12px var(--fb);color:var(--acc)}
.chw-tool .sk-lg{width:16px;height:16px;border-radius:5px}
.chw-send{flex:none;width:32px;height:32px;border-radius:50%;background:#c3cad2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 13V3.5M3.8 7.5 8 3.3l4.2 4.2' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat;transition:background-color .2s}
.chw-send.on{background-color:var(--ink)}
/* One connection: the tools the team's AI reaches */
.hv-node.app{display:flex;align-items:center;gap:12px;padding:10px 14px}
.hv-node.app .sk-lg{width:30px;height:30px;border-radius:8px;background-size:360px auto;background-position:calc(var(--lx,0px) * 1.6667) calc(var(--ly,0px) * 1.6667)}
.hv-node.app .sk-mono{font-size:11px}
.hv-node.app .sk-lg:not(.sk-mono){background-color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.hv-node.app p{margin:0;min-width:0}
.hv-node.app b{font-size:14.5px}
.hv-node.app span{margin-top:2px}
.hv-apps .hv-node:last-child{margin-bottom:10px}
a.hv-node.more{display:block;text-decoration:none;transition:border-color .2s}
a.hv-node.more:hover{border-color:#46515e}
a.hv-node.more:hover b{color:#fff}
.hv-mcp-pg .lede{color:#c9d1d9;margin-top:-22px;margin-bottom:34px}
/* MCP as a service: the same picture, for one of their clients, in light */
.hv-hub .hv-ex{position:absolute;top:16px;right:20px;z-index:2;margin:0;font:600 12px var(--fb);color:#7f8a97}
.hv-node.ai span{margin:0 0 0 auto;font-size:12px}
.hv-hub.lt{margin-top:34px;border-color:var(--line);background:radial-gradient(40% 70% at 50% 50%,rgba(0,208,132,.10),transparent 70%),#fff;box-shadow:0 34px 80px -60px rgba(10,13,18,.4)}
.hv-hub.lt .hv-hub-k{color:var(--mut)}
.hv-hub.lt .hv-node{background:#fff;border-color:var(--line)}
.hv-hub.lt .hv-node b{color:var(--ink)}
.hv-hub.lt .hv-node span{color:var(--mut)}
.hv-hub.lt .hv-node.more{background:transparent}
.hv-hub.lt .hv-node.more b{color:var(--ink2)}
.hv-hub.lt .hv-hub-svg path{stroke:rgba(0,180,120,.75)}
.hv-hub.lt .hv-node.app .sk-lg:not(.sk-mono){box-shadow:0 0 0 1px var(--line)}
.hv-hub.lt .hv-ex{color:var(--mut)}
.hv-core>.hv-yl{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 14px;border:1.5px dashed rgba(0,208,132,.55);border-radius:16px;font:700 11px/1.2 var(--fb);color:var(--gn);text-align:center}
.hv-bill{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0;font:600 13px var(--fb);color:var(--acc)}
.hv-bill svg{width:16px;height:16px}
@media(max-width:1000px){.hv-hub.lt .hv-hub-a{grid-template-columns:minmax(0,1fr)}.hv-hub .hv-ex{position:static;grid-column:1/-1;margin:-6px 0 -20px}}
@media(max-width:1100px){.mq-facts{max-width:700px}}
@media(max-width:900px){
 .mv{grid-template-columns:minmax(0,1fr)}
 .mv-v{height:150px}
}
@media(max-width:820px){.mq-facts>a{padding:1rem .9rem}}
@media(max-width:640px){
 .mq-roles{flex-wrap:wrap;overflow:visible}
 .mq-roles button{padding:8px 13px;font-size:13.5px}
 .chw{height:560px;border-radius:16px}
 .chw-log{padding:18px 14px 6px}
 .chw-u p{max-width:90%}
 .chw-a>p,.chw-u p{font-size:14.5px}
 .chw-tb{font-size:13px}
 .chw-tb td{padding-right:10px}
 .chw-tb td:first-child{white-space:normal}
 .chw-in{padding:6px 10px 12px}
 .chw-tool{display:none}
}
@media(max-width:520px){
 .mq-facts{grid-template-columns:minmax(0,1fr)}
 .mq-facts>a{display:flex;align-items:center;gap:14px;padding:.85rem 1rem}
 .mq-facts>a b{flex:none;min-width:4.6rem;font-size:1.45rem}
 .mq-facts>a span{margin-top:0;font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){.mq-facts>a{transition:none}.chw-sp{animation:none}.chw-tx.typing::after{animation:none}}

/* ------------------------------------------------------------------ About: Connor's story */
.ab-h{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:64px;align-items:center}
.abhero h1{max-width:15ch}
.abhero .lede{max-width:52ch}
.ab-sig{display:flex;flex-direction:column;gap:2px;margin:26px 0 0;padding-left:14px;border-left:3px solid var(--gn)}
.ab-sig b{font:700 17px var(--fh);color:var(--ink)}
.ab-sig span{font:500 14px var(--fb);color:var(--mut)}
.ab-ph{margin:0}
.ab-pic{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;border-radius:26px;background:radial-gradient(70% 60% at 50% 35%,rgba(0,208,132,.22),transparent 70%),linear-gradient(180deg,#132019,#0a0d12);background-size:cover;background-position:center;box-shadow:0 40px 80px -46px rgba(10,13,18,.6);overflow:hidden}
.ab-pic span{font:700 76px/1 var(--fh);letter-spacing:-.04em;color:var(--gn)}
.ab-pic.has span{display:none}
.ab-pic img{display:block;width:100%;height:100%;object-fit:cover}
/* the timeline */
.ab-tl{position:relative;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:44px 0 0;padding:0}
.ab-tl::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:linear-gradient(90deg,var(--line),var(--gn));transform-origin:left center}
.ab-tl li{position:relative;padding-top:34px}
.ab-tl li::before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #c9d2da;box-sizing:border-box}
.ab-tl li.now::before{border-color:var(--gn);background:var(--gn);box-shadow:0 0 0 6px rgba(0,208,132,.18)}
.ab-tl b{display:block;margin-bottom:8px;font:700 26px/1 var(--fh);letter-spacing:-.02em;color:var(--ink)}
.ab-tl li.now b{color:var(--acc)}
.ab-tl p{margin:0;font:500 15px/1.5 var(--fb);color:var(--ink2)}
.mo [data-anim="tl"]::before{transform:scaleX(0);transition:transform 1.2s var(--ez)}
.mo [data-anim="tl"] li{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ez),transform .5s var(--ez)}
.mo [data-anim="tl"] li:nth-child(2){transition-delay:.18s}
.mo [data-anim="tl"] li:nth-child(3){transition-delay:.36s}
.mo [data-anim="tl"] li:nth-child(4){transition-delay:.54s}
.mo [data-anim="tl"] li:nth-child(5){transition-delay:.72s}
.mo [data-anim="tl"].mo-in::before{transform:none}
.mo [data-anim="tl"].mo-in li{opacity:1;transform:none}
/* his words */
.ab-q{position:relative;max-width:860px;margin:64px 0 0;padding:0 0 0 30px;border-left:3px solid var(--gn)}
.ab-q p{margin:0;font:600 clamp(22px,2.4vw,30px)/1.35 var(--fh);letter-spacing:-.02em;color:var(--ink)}
.ab-q p.ab-qby{margin-top:14px;font:600 14px var(--fb);letter-spacing:0;color:var(--acc)}
.ab-q p.ab-qby::before{content:"\2014\00a0"}
/* why */
.ab-why{max-width:940px;margin-top:8px}
.ab-big{margin:0;font:700 clamp(28px,3.6vw,46px)/1.15 var(--fh);letter-spacing:-.03em;color:#fff}
.ab-mid{margin:24px 0 0;max-width:62ch;font:500 19px/1.55 var(--fb);color:#c9d1d9}
.ab-goal{margin:28px 0 0;font:700 clamp(20px,2.2vw,26px)/1.3 var(--fh);letter-spacing:-.02em;color:var(--gn)}
/* his word, and his number */
.ab-w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:stretch;margin-top:30px}
.ab-pr{list-style:none;margin:0;padding:0;display:grid;gap:12px;align-content:center}
.ab-pr li{display:flex;align-items:center;gap:14px;font:700 clamp(18px,1.8vw,22px)/1.3 var(--fh);letter-spacing:-.015em;color:var(--ink)}
.ab-pr li::before{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--gn) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.8' fill='none' stroke='%2306231a' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.ab-me{padding:28px 30px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 30px 70px -50px rgba(10,13,18,.45)}
.ab-mk{margin:0;font:700 22px/1.25 var(--fh);letter-spacing:-.02em;color:var(--ink)}
.ab-ml{display:flex;flex-direction:column;gap:6px;margin:14px 0 20px}
.ab-ml a{font:600 17px var(--fb);color:var(--ink);text-decoration:none}
.ab-ml a:first-child{font:700 clamp(18px,1.9vw,24px) var(--fh);letter-spacing:-.01em;color:var(--acc);word-break:break-word}
.ab-ml a:hover{text-decoration:underline;text-underline-offset:3px}
.ab-me .btns{display:flex;flex-wrap:wrap;gap:10px}
.ab-sg{margin:20px 0 0;font:italic 600 18px var(--fh);color:var(--ink2)}
.ab-sg::before{content:"\2014\00a0"}
@media(max-width:900px){
 .ab-h{grid-template-columns:minmax(0,1fr);gap:28px}
 .ab-ph{order:-1;max-width:260px}
 .ab-tl{grid-template-columns:minmax(0,1fr);gap:22px;padding-left:34px}
 .ab-tl::before{left:7px;right:auto;top:6px;bottom:6px;width:2px;height:auto;background:linear-gradient(180deg,var(--line),var(--gn));transform-origin:center top}
 .mo [data-anim="tl"]::before{transform:scaleY(0)}
 .ab-tl li{padding-top:0}
 .ab-tl li::before{left:-34px;top:4px}
 .ab-tl b{font-size:22px}
 .ab-w{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:520px){.ab-ph{max-width:200px}.ab-pic span{font-size:56px}.ab-me{padding:22px 20px}}
@media(prefers-reduced-motion:reduce){.ab-tl::before,.ab-tl li{transition:none}}

/* ---------- Waitlist (Nov 2): the form up top, what you get as a timeline, then straight answers ---------- */
.wjhero{padding:104px 0 76px}
.wj{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"head card" "tl card";column-gap:72px;align-items:start}
.wj-head{grid-area:head}
.wj-head h1{max-width:12ch}
.wj-head .lede{max-width:42ch;margin:0}
.wj-card{grid-area:card;margin-top:6px;padding:30px 30px 24px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 34px 70px -48px rgba(10,13,18,.45)}
.wj-form h2,.wj-ok h2{font-size:24px;margin:0 0 18px;max-width:none}
.wj-form label{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;font-size:13px;font-weight:600;color:var(--ink2)}
.wj-form input{font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.wj-form input:focus{outline:none;border-color:var(--gn);box-shadow:0 0 0 3px rgba(0,208,132,.2)}
.wj-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wj-form .btn{display:block;width:100%;margin-top:6px;text-align:center;cursor:pointer}
.wj-form .btn:disabled{opacity:.6;cursor:default}
.wj-form .fine{margin:12px 0 0;text-align:center}
.wj-form .fine a{color:var(--acc);font-weight:600;text-decoration:none}
.sr-msg.bad{color:#b4441f}

/* what you get: Today, every two weeks, live, Q1 2027 */
.wj-tl{grid-area:tl;position:relative;list-style:none;margin:46px 0 0;padding:0}
/* the line runs node to node: green out of Today, grey through the middle, green into Q1 2027 */
.wj-tl>li:not(:last-child)::after{content:"";position:absolute;left:7px;top:23px;bottom:-3px;width:2px;border-radius:2px;background:var(--line)}
.wj-tl>li.wj-s1::after{background:linear-gradient(180deg,var(--gn),var(--line))}
.wj-tl>li:nth-last-child(2)::after{background:linear-gradient(180deg,var(--line),var(--gn))}
.wj-tl>li{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;padding:0 0 26px 38px}
.wj-tl>li:last-child{padding-bottom:0}
.wj-tl>li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;box-sizing:border-box;background:#fff;border:2px solid #c9d2da;transition:background .3s,border-color .3s}
.wj-tl>li.wj-s1::before{border-color:var(--gn)}
.wj-tl>li.wj-s4::before{border-color:var(--gn);background:var(--gn);box-shadow:0 0 0 6px rgba(0,208,132,.16)}
.wj-tl>li>b{font:700 13px/1.95 var(--fh);color:var(--mut)}
.wj-tl>li.wj-s1>b,.wj-tl>li.wj-s4>b{color:var(--acc)}
.wj-tl h3{font-size:18px;margin:0 0 3px}
.wj-tl p{margin:0;font-size:15px;line-height:1.5;color:var(--ink2)}
.wj-tl .wj-did{display:none}
.wj-tl.wj-done .wj-s1 h3 span:first-child{display:none}
.wj-tl.wj-done .wj-did{display:inline;color:var(--acc)}
.wj-tl.wj-done>li.wj-s1::before{background:var(--gn) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.2l2.2 2.2 4.6-4.8' fill='none' stroke='%2304150e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat}
/* the note from Connor, as it lands in the inbox */
.wj-mail{display:flex;align-items:center;gap:12px;max-width:430px;margin-top:12px;padding:11px 14px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 16px 32px -26px rgba(10,13,18,.45)}
.wj-av{flex:none;display:block;width:34px;height:34px;border-radius:50%;object-fit:cover;background:#0a0d12;color:#fff;font:700 12px/34px var(--fh);font-style:normal;text-align:center;letter-spacing:.02em}
.wj-mail p{display:flex;flex-direction:column;min-width:0;margin:0;line-height:1.35}
.wj-mail b{font:600 13px/1.35 var(--fb);color:var(--ink)}
.wj-mail span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;color:var(--ink2)}
.mo .wj-tl>li{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ez),transform .5s var(--ez)}
.mo .wj-tl.mo-in>li{opacity:1;transform:none}
.mo .wj-tl.mo-in>li:nth-child(2){transition-delay:.16s}
.mo .wj-tl.mo-in>li:nth-child(3){transition-delay:.32s}
.mo .wj-tl.mo-in>li:nth-child(4){transition-delay:.48s}
.mo .wj-tl .wj-mail{opacity:0;transform:translateY(6px) scale(.98);transition:opacity .45s var(--ez) .7s,transform .45s var(--ez) .7s}
.mo .wj-tl.mo-in .wj-mail{opacity:1;transform:none}

/* after joining: what to do next */
.wj-ok{outline:none}
.wj-ck{display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;border-radius:50%;background:rgba(0,208,132,.15)}
.wj-ck svg{width:26px;height:26px;fill:none;stroke:var(--acc);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.mo .wj-ok.in .wj-ck{animation:wjPop .45s cubic-bezier(.2,1.4,.4,1) both}
.mo .wj-ok.in .wj-ck path{stroke-dasharray:1;stroke-dashoffset:1;animation:wjTick .45s ease-out .2s forwards}
@keyframes wjPop{from{opacity:0;transform:scale(.6)}}
@keyframes wjTick{to{stroke-dashoffset:0}}
.wj-ok h2{margin-bottom:6px}
.wj-ok>p{margin:0;color:var(--ink2)}
.wj-ok>p b{color:var(--ink);overflow-wrap:anywhere}
.wj-ok .wj-k{margin:22px 0 10px;font:700 13px var(--fh);color:var(--mut)}
.wj-next{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.wj-next a{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--line);border-radius:13px;text-decoration:none;color:var(--ink);transition:border-color .15s,background .15s}
.wj-next a:hover{border-color:var(--gn);background:#f7fcf9}
.wj-next a:focus-visible{outline:2px solid var(--gn);outline-offset:2px}
.wj-next svg{flex:none;width:36px;height:36px;padding:9px;border-radius:10px;background:var(--wash);color:var(--acc)}
.wj-next b{display:block;font:600 15px/1.3 var(--fb)}
.wj-next em{display:block;font-style:normal;font-size:13px;color:var(--mut)}
.wj-share{margin:18px 0 0;font-size:13.5px;color:var(--mut)}
.wj-share button{padding:0;border:0;border-bottom:1px solid var(--gn);background:none;font:inherit;font-weight:600;color:var(--acc);cursor:pointer}
.wj-pv{margin:12px 0 0;font-size:12.5px;color:var(--mut)}
.wj-faq{margin-top:.4rem}
.wj-sign{margin:30px 0 0;font-size:15px;color:var(--ink2)}
.wj-sign a{color:var(--acc);font-weight:600;text-decoration:none}
.wj-sign span{display:block;margin-top:8px;font:italic 600 18px var(--fh);color:var(--ink2)}
.wj-sign span::before{content:"\2014\00a0"}
@media(max-width:1000px){
 .wj{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "card" "tl";row-gap:30px}
 .wj-card{max-width:560px;margin-top:0}
 .wj-tl{margin-top:14px}
}
@media(max-width:600px){
 .wjhero{padding:64px 0 52px}
 .wj-card{padding:22px 18px 18px;border-radius:18px}
 .wj-tl>li{grid-template-columns:minmax(0,1fr);gap:0;padding-left:34px}
 .wj-mail{max-width:none}
 .wj-mail span{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.wj-tl>li::before{transition:none}}
/* Ask your AI (src/js/ai.js): a small menu on each page's eyebrow line, the Home section, and the facts page */
.eyrow{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap}
.eyrow{margin-bottom:20px}
.eyrow .eyeb{margin-bottom:0}
.aiask{position:relative;flex:none}
.aib{display:inline-flex;align-items:center;gap:7px;font:600 13px/1 var(--fb);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 10px 8px 12px;cursor:pointer;transition:border-color .15s}
.aib:hover,.aib[aria-expanded="true"]{border-color:#c5ced7}
.aib:focus-visible{outline:2px solid var(--gn2);outline-offset:2px}
.aib .aic{color:var(--mut);transition:transform .15s}
.aib[aria-expanded="true"] .aic{transform:rotate(180deg)}
.aim{position:absolute;right:0;top:calc(100% + 6px);z-index:60;width:200px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(10,13,18,.12);padding:5px;text-align:left}
.aim[hidden]{display:none}
.aim [data-ai]{display:block;width:100%;text-align:left;background:none;border:0;padding:9px 10px;border-radius:7px;cursor:pointer;font:500 13.5px var(--fb);color:var(--ink)}
.aim [data-ai]:hover,.aim [data-ai]:focus-visible{background:var(--wash);outline:none}
.aim [data-ai].cp{color:var(--mut)}
.aim hr{border:0;border-top:1px solid var(--hair);margin:4px 6px}
.aitoast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,12px);z-index:200;margin:0;width:max-content;max-width:min(520px,calc(100vw - 32px));background:var(--ink);color:#fff;font:500 13.5px/1.45 var(--fb);padding:11px 16px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.aitoast.on{opacity:1;transform:translate(-50%,0)}
.aih-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.aih h2{max-width:16ch}
.aih .lede{margin-bottom:26px}
.aih-b{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.aih-b .app{display:inline-flex;align-items:center;justify-content:center;min-width:128px;font:600 15px var(--fb);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:13px 22px;cursor:pointer;transition:border-color .15s,transform .15s}
.aih-b .app:hover{border-color:var(--gn2);transform:translateY(-1px)}
.aih-b .cpl{background:none;border:0;padding:6px 4px;margin-left:6px;font:600 14px var(--fb);color:var(--acc);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.aih-v{margin:0}
.pcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 26px}
.pcard .pk{margin:0 0 12px;font:600 12px var(--fb);color:var(--mut)}
.pcard p{margin:0 0 10px;font:400 14.5px/1.55 var(--fb);color:var(--ink2)}
.pcard p:last-child{margin:0}
.pcard ol{margin:0 0 12px;padding-left:20px;font:400 14.5px/1.7 var(--fb);color:var(--ink2)}
.pcard b{color:var(--ink);font-weight:600}
@media (max-width:900px){.aih-g{grid-template-columns:minmax(0,1fr);gap:32px}}
.facts{display:grid;grid-template-columns:190px minmax(0,1fr);gap:48px;align-items:start}
.ftoc{position:sticky;top:96px;display:grid;gap:7px;font:500 13.5px var(--fb)}
.ftoc a{color:var(--mut);text-decoration:none}
.ftoc a:hover{color:var(--ink)}
.fdoc{max-width:72ch}
.fdoc h2{font-family:var(--fh);font-size:26px;margin:48px 0 14px;scroll-margin-top:96px}
.fdoc h2:first-child{margin-top:0}
.fdoc h2 a{color:var(--ink);text-decoration:none}
.fdoc h3{font-family:var(--fh);font-size:19px;margin:26px 0 10px}
.fdoc h4,.fdoc h5,.fdoc h6{font:600 16px var(--fb);margin:18px 0 8px;color:var(--ink)}
.fdoc p,.fdoc li{font:400 16px/1.65 var(--fb);color:var(--ink2)}
@media (max-width:900px){.facts{grid-template-columns:minmax(0,1fr);gap:24px}.ftoc{position:static;display:flex;flex-wrap:wrap;gap:8px 14px}}
@media (prefers-reduced-motion:reduce){.aib,.aib .aic,.aitoast,.aih-b .app{transition:none}}
.aihero{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line);max-width:560px}
.aihero-k{margin:0 0 12px;font:600 14.5px var(--fb);color:var(--ink)}
.aihero .aih-b .app{min-width:0;padding:10px 20px;font-size:14.5px}
@media (max-width:1110px){.aihero{margin-left:auto;margin-right:auto}.aihero .aih-b{justify-content:center}}
.noai .aiask,.noai #ask,.noai .aihero,.noai .rail a[href="#ask"]{display:none!important}