:root{--ink:#0b0d17;--ink2:#131629;--ink3:#1c2040;--lined:rgba(255,255,255,.12);--paper:#fff;--soft:#f3f4f9;--text:#0b0d17;--muted:#4a4f66;--line:#e2e4ee;--peri:#a3a4ff;--peri-ink:#4443d0;--lime:#c9f227;--lime-2:#b5dc12;--on-dark:#f4f5fb;--muted-d:#b4b8cf;--red:#ff8a8a;--ok:#7be0a6;
--r:16px;--r-lg:22px;--shadow:0 1px 2px rgba(11,13,23,.06),0 12px 32px rgba(11,13,23,.08);--f:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
[id]{scroll-margin-top:90px}
body{margin:0;font-family:var(--f);font-size:17px;line-height:1.6;color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:var(--peri-ink);text-underline-offset:3px}
h1,h2,h3,h4{font-family:var(--f);line-height:1.12;letter-spacing:-.025em;margin:0 0 .5em;font-weight:600;text-wrap:balance}
h1{font-size:clamp(40px,6.2vw,72px);letter-spacing:-.04em}
h2{font-size:clamp(30px,3.8vw,46px);letter-spacing:-.035em}
h3{font-size:20px;letter-spacing:-.015em}
h4{font-size:17px}
p{margin:0 0 1em}
code{font-family:var(--mono);font-size:15px;background:var(--soft);padding:1px 6px;border-radius:6px}
.wrap{width:min(1200px,100% - 48px);margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--lime);color:var(--ink);padding:10px 16px;border-radius:8px;z-index:200;font-weight:600}
.skip:focus{left:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px;border-radius:6px}
.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ico.big{width:28px;height:28px}
.arw{width:18px;height:18px}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:12px;font:600 16px/1.2 var(--f);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn-sm{min-height:40px;padding:8px 16px;font-size:15px;border-radius:10px}
.btn-lime{background:var(--lime);color:var(--ink)}
.btn-lime:hover{background:#d8ff3d}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:var(--ink3)}
.btn-ghost{background:transparent;color:inherit;border-color:currentColor}
.btn-line{background:transparent;color:var(--on-dark);border-color:rgba(255,255,255,.35)}
.btn-line:hover{border-color:var(--on-dark)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}
.link{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--peri-ink);text-decoration:none}
.link:hover{text-decoration:underline}
.link-light{color:var(--peri)}
/* header */
.site-head{position:sticky;top:0;z-index:100;background:var(--ink);color:var(--on-dark);border-bottom:1px solid var(--lined)}
.bar{display:flex;align-items:center;gap:24px;height:68px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--on-dark);text-decoration:none;font-size:19px;letter-spacing:-.02em;flex:none}
.brand .mark{width:34px;height:34px}
.brand-word b{font-weight:700}
.nav{display:flex;align-items:center;gap:24px;flex:1}
.nav-links{display:flex;gap:4px;margin-inline:auto}
.nav-links a{color:var(--muted-d);text-decoration:none;font-size:15px;font-weight:500;padding:8px 12px;border-radius:8px;transition:color .2s ease,background-color .2s ease}
.nav-links a:hover,.nav-links a[aria-current=page]{color:#fff;background:rgba(255,255,255,.07)}
.nav-aside{display:flex;align-items:center;gap:14px}
.nav-sign{color:var(--on-dark);text-decoration:none;font-size:15px;font-weight:500}
/* The header row needs 1091px unbroken: 169 logo + 698 links + 224 for Sign in
   and the trial button. Flex was shrinking them instead, breaking "Team brain",
   "Why coreCerebrum", "Sign in" and "Start free trial" over two lines, which
   left the button taller than the 69px header. Hold them on one line, and let
   the burger take every width where that row does not fit: 169 logo + 698
   links + 224 for Sign in and the button, plus the two 24px gaps, is 1139px,
   which a 1200px viewport is the first to clear. */
@media (min-width:1200px){.nav-links a,.nav-sign,.nav-aside .btn{white-space:nowrap}}
.nav-sheet-extra{display:none}
.burger{display:none;margin-left:auto;width:46px;height:46px;border:1px solid var(--lined);background:transparent;border-radius:10px;cursor:pointer;position:relative;z-index:120}
.burger span{position:absolute;left:12px;right:12px;height:2px;background:var(--on-dark);border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.burger span:nth-child(1){top:15px}.burger span:nth-child(2){top:22px}.burger span:nth-child(3){top:29px}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:1199px){
 .burger{display:block}
 .nav{position:fixed;inset:0;z-index:110;background:var(--ink);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:92px 24px 32px;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity .25s ease,visibility 0s linear .25s}
 body.nav-open .nav{visibility:visible;opacity:1;transition:opacity .25s ease}
 body.nav-open{overflow:hidden}
 .nav-links{flex-direction:column;margin:0;gap:0}
 .nav-links a{font-size:28px;font-weight:600;color:var(--on-dark);padding:14px 4px;border-bottom:1px solid var(--lined);border-radius:0;letter-spacing:-.02em}
 .nav-links a[aria-current=page]{color:var(--lime);background:none}
 .nav-aside{flex-direction:column-reverse;align-items:stretch;gap:12px;margin-top:28px}
 .nav-aside .btn{justify-content:center;min-height:54px;font-size:17px}
 .nav-sign{text-align:center;padding:12px;border:1px solid var(--lined);border-radius:12px;font-size:17px}
 .nav-sheet-extra{display:block;margin-top:28px;color:var(--muted-d);font-size:16px}
 .brand{position:relative;z-index:120}
}
/* hero */
.hero{position:relative;background:var(--ink);color:var(--on-dark);overflow:hidden;padding:88px 0 72px}
.hero-grid{position:absolute;inset:0;background:radial-gradient(ellipse 40% 50% at 20% 10%,rgba(201,242,39,.08),transparent 70%),radial-gradient(ellipse 45% 55% at 85% 15%,rgba(163,164,255,.16),transparent 70%)}
.hero::after{content:"";position:absolute;left:50%;top:44%;width:900px;height:520px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(130,128,255,.35),transparent);pointer-events:none}
.hero-in{position:relative;z-index:1}
.hero-copy{max-width:880px;margin:0 auto;text-align:center}
.hero-copy .cta-row{justify-content:center}
.lede{font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:inherit;opacity:.9;max-width:720px}
.hero-copy .lede{margin-inline:auto;color:var(--muted-d);opacity:1}
.hero-note{display:flex;gap:8px;align-items:center;justify-content:center;font-size:15px;color:var(--muted-d);margin-top:18px}
.hero-note .ico{color:var(--lime);width:18px;height:18px}
.hero-shot{position:relative;z-index:2;margin:64px auto 0;max-width:1120px}
.hero-shot .appwin{border-radius:16px}
.hero-shot figcaption{background:var(--ink2)}
/* app window */
.appwin{margin:0;background:var(--ink2);border:1px solid var(--lined);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(5,6,15,.45)}
.appwin-bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:#0f1222;border-bottom:1px solid var(--lined)}
.appwin-bar i{width:11px;height:11px;border-radius:50%;background:#3a3f5c}
.appwin-bar span{margin-left:10px;font:500 14px var(--mono);color:var(--muted-d)}
.appwin img{width:100%}
.appwin figcaption,.mock figcaption{font-size:14px;color:var(--muted-d);padding:10px 14px;border-top:1px solid var(--lined)}
/* sections */
.sec{padding:104px 0}
.sec-soft{background:var(--soft)}
.sec-ink{background:var(--ink);color:var(--on-dark)}
.sec-deep{background:radial-gradient(ellipse 60% 80% at 85% 40%,rgba(120,118,255,.28),transparent 70%),var(--ink);color:var(--on-dark)}
.sec-head{max-width:640px;margin-bottom:48px}
.sec-head p{color:var(--muted);font-size:18px}
.sec-head.light p,.light p{color:var(--muted-d)}
.sec-head.center{text-align:center;margin-inline:auto}
.split-head{max-width:none;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end}
.split-head p{margin:0}
.split-2{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.split-2.rev>:first-child{order:2}
.split-2 .sec-head{margin-bottom:0}
.muted{color:var(--muted)}
.h-sm{font-size:24px}
/* leaks */
.leaks{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}
.leak{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;padding:24px 26px;border-bottom:1px solid var(--line)}
.leak:last-child{border-bottom:0}
.leak .ico{color:var(--peri-ink);margin-top:2px}
.leak h3{font-size:18px;margin-bottom:4px}
.leak p{margin:0;color:var(--muted);font-size:16px}
.leak-tag{font:500 14px var(--mono);color:#a3122a;background:#fde8ec;padding:4px 10px;border-radius:999px;white-space:nowrap}
/* tabs */
.ptabs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;background:var(--ink2);border:1px solid var(--lined);padding:8px;border-radius:16px;margin-bottom:28px}
.ptab{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--muted-d);font:600 15px var(--f);cursor:pointer;transition:background-color .2s ease,color .2s ease}
.ptab:hover{color:#fff}
.ptab[aria-selected=true]{background:var(--lime);color:var(--ink)}
.ppanel{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;background:var(--ink2);border:1px solid var(--lined);border-radius:var(--r-lg);padding:40px}
.ppanel[hidden]{display:none}
.ppanel-copy h3{font-size:30px;letter-spacing:-.03em}
.ppanel-copy p{color:var(--muted-d)}
.ppanel .link{color:var(--lime)}
/* checks */
.checks{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px}
.checks li{display:flex;gap:12px;align-items:flex-start}
.checks .ico{color:var(--peri-ink);margin-top:3px}
.sec-ink .checks .ico,.checks.light .ico,.sec-deep .checks .ico,.phero-ink .checks .ico{color:var(--lime)}
.big-checks li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.big-checks .ico{width:24px;height:24px}
/* mocks */
.mock{margin:0;background:var(--ink2);border:1px solid var(--lined);border-radius:16px;overflow:hidden;color:var(--on-dark);box-shadow:0 24px 60px rgba(5,6,15,.28)}
.mt-bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:#0f1222;border-bottom:1px solid var(--lined)}
.mt-bar i{width:11px;height:11px;border-radius:50%;background:#3a3f5c}
.mt-bar span{margin-left:10px;font:500 14px var(--mono);color:var(--muted-d)}
.mt-body{padding:20px 22px;font:400 14px/1.75 var(--mono);color:#dfe2f3}
.mt-body p{margin:0 0 4px;overflow-wrap:anywhere}
.c-peri{color:var(--peri)}.c-ok{color:var(--ok)}.c-no{color:var(--red)}
.c-tag{display:inline-block;min-width:76px;color:var(--lime)}
.mock-warn{background:linear-gradient(160deg,#1a1d38,#0f1222);padding:32px}
.mock-warn figcaption{margin:20px -32px -32px}
.mw-modal{background:#fff;color:var(--text);border-radius:14px;padding:22px 24px;box-shadow:0 20px 50px rgba(0,0,0,.4);max-width:440px;margin-inline:auto}
.mw-title{font-weight:600;font-size:18px;margin-bottom:10px}
.mw-body{font-size:16px;margin-bottom:8px}
.mw-hot{color:#b4202f}
.mw-sub{font-size:14px;color:var(--muted);margin-bottom:16px}
.mw-btns{display:flex;justify-content:flex-end;gap:8px}
.mw-btns span{font-size:14px;font-weight:600;padding:8px 14px;border-radius:8px}
.mw-b1{background:var(--ink);color:#fff}.mw-b2{border:1px solid var(--line)}
.mi{display:grid;grid-template-columns:1.2fr 1fr;min-height:300px}
.mi-h{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;margin:0;padding:14px 16px;border-bottom:1px solid var(--lined)}
.mi-list ul{list-style:none;margin:0;padding:0}
.mi-row{display:grid;padding:12px 16px;border-bottom:1px solid var(--lined);gap:2px}
.mi-row.on{background:rgba(163,164,255,.12)}
.mi-from{font-weight:600;font-size:14px}
.mi-subj{font-size:14px;color:#e5e7f6}
.mi-snip{font-size:14px;color:var(--muted-d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mi-card{border-left:1px solid var(--lined);background:#161a31}
.mi-card>*:not(.mi-h){margin-inline:16px}
.mi-lbl{font:500 14px var(--mono);color:var(--muted-d);margin-top:14px;margin-bottom:4px}
.mi-task{font-weight:600;font-size:16px;line-height:1.4;background:#0f1222;border:1px solid var(--lined);border-radius:10px;padding:10px 12px}
.mi-type{display:flex;gap:6px}
.mi-type span{font:500 14px var(--mono);padding:3px 10px;border-radius:999px;background:var(--lime);color:var(--ink)}
.mi-type span.off{background:transparent;color:var(--muted-d);border:1px solid var(--lined)}
.mi-note{font-size:14px;color:var(--muted-d)}
.mi-btn{display:inline-block;background:var(--peri);color:var(--ink);font-weight:600;font-size:14px;padding:8px 14px;border-radius:8px;margin-bottom:16px}
.ms{padding:0 0 16px}
.ms-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:14px 16px}
.ms-tile{background:#0f1222;border:1px solid var(--lined);border-radius:10px;padding:10px}
.ms-tile span{display:block;font-size:14px;color:var(--muted-d);line-height:1.3}
.ms-tile b{font:500 14px var(--mono);color:var(--lime)}
.ms-chart{display:flex;align-items:flex-end;gap:6px;height:120px;padding:0 16px}
.ms-chart i{flex:1;background:linear-gradient(180deg,var(--peri),rgba(163,164,255,.35));border-radius:4px 4px 0 0}
.ms-range{display:flex;gap:6px;padding:12px 16px 0;margin:0}
.ms-range span{font:500 14px var(--mono);color:var(--muted-d);padding:3px 10px;border-radius:999px;border:1px solid var(--lined)}
.ms-range span.on{color:var(--ink);background:var(--peri);border-color:var(--peri)}
.mock-chips{padding:22px}
.mock-chips figcaption{margin:18px -22px -22px}
.chipgrid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.chipgrid li{font:500 15px var(--f);padding:10px 16px;border-radius:999px;background:#0f1222;border:1px solid var(--lined)}
.chipgrid li:nth-child(3n+1){border-color:rgba(201,242,39,.5)}
.stack{display:grid;gap:20px}
/* lanes */
.lanes{list-style:none;margin:0 0 48px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:l}
.lane{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:18px;position:relative}
.lane:not(:last-child)::after{content:"";position:absolute;right:-13px;top:28px;width:10px;height:14px;background:var(--peri-ink);clip-path:polygon(0 0,100% 50%,0 100%)}
.lane-h{display:flex;justify-content:space-between;align-items:center;margin:0 0 2px}
.lane-h b{font-size:17px}
.lane-h span{font:500 14px var(--mono);background:#fff;border:1px solid var(--line);border-radius:999px;padding:0 9px}
.lane-d{font-size:14px;color:var(--muted);margin-bottom:14px}
.lane ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lane-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:2px;box-shadow:0 1px 2px rgba(11,13,23,.05)}
.lc-proj{font:500 14px var(--mono);color:var(--muted)}
.lc-t{font-weight:600;font-size:15px}
.lc-br{display:flex;gap:6px;align-items:center;font:400 14px var(--mono);color:var(--peri-ink)}
.lc-br .ico{width:15px;height:15px}
.orch-foot{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
/* brain band */
.brain-band{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.brain-copy h2{font-size:clamp(34px,4.4vw,56px)}
.lede-sm{font-size:18px;color:var(--muted-d)}
/* cowork */
.cw-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:start;margin-bottom:56px}
.cw-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.cw-list li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.cw-list h3{display:flex;gap:10px;align-items:center;font-size:18px;margin-bottom:4px}
.cw-list h3 .ico{color:var(--peri-ink)}
.cw-list p{margin:0;color:var(--muted);font-size:16px}
.inbox-row{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
/* proofs */
.proofs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.proof{border:1px solid var(--line);border-radius:var(--r);padding:26px;background:#fff}
.proof .ico{color:var(--peri-ink);margin-bottom:16px}
.proof h3{font-size:19px}
.proof p{color:var(--muted);font-size:16px;margin:0}
/* tables */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
table{width:100%;border-collapse:collapse;font-size:16px}
th,td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--line);vertical-align:top}
tbody tr:last-child>*{border-bottom:0}
thead th{font-size:15px;font-weight:600;background:var(--soft)}
.compare td{width:38%}
.compare td{display:table-cell}
.compare td>.ico{display:inline-block;vertical-align:-4px;margin-right:8px;width:18px;height:18px}
.c-adhoc{color:var(--muted)}
.c-adhoc .ico{color:#b4202f}
.c-cc{font-weight:500}
.c-cc .ico{color:#1b8a4c}
.tbl-foot{margin-top:24px}
.matrix th:not(:first-child),.matrix td{text-align:center;width:16%}
.matrix thead span{display:block;font-weight:400;color:var(--muted)}
.yes .ico{color:#1b8a4c;margin:auto}.no .ico{color:#9aa0b8;margin:auto}
.sec-ink .tbl-wrap{background:var(--ink2);border-color:var(--lined)}
.sec-ink th,.sec-ink td{border-color:var(--lined)}
.sec-ink thead th{background:#0f1222;color:var(--on-dark)}
/* plans */
.bill-toggle{display:inline-flex;gap:4px;padding:5px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid var(--lined);margin-top:8px}
.seg{min-height:42px;padding:8px 16px;border:0;border-radius:9px;background:transparent;color:var(--muted-d);font:600 15px var(--f);cursor:pointer;transition:background-color .2s ease,color .2s ease}
.seg[aria-pressed=true]{background:var(--on-dark);color:var(--ink)}
.bill-toggle.small{background:var(--soft);border-color:var(--line);margin:0}
.bill-toggle.small .seg{color:var(--muted)}
.bill-toggle.small .seg[aria-pressed=true]{background:var(--ink);color:#fff}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;background:var(--ink2);border:1px solid var(--lined);border-radius:var(--r-lg);padding:32px 28px;color:var(--on-dark)}
.plan-hot{background:linear-gradient(180deg,#22264a,#161a33);border-color:rgba(201,242,39,.55);box-shadow:0 0 0 1px rgba(201,242,39,.25),0 30px 70px rgba(0,0,0,.35)}
.plan-badge{position:absolute;top:-14px;left:28px;margin:0;background:var(--lime);color:var(--ink);font-size:14px;font-weight:600;padding:4px 12px;border-radius:999px}
.plan h3{font-size:24px;margin-bottom:12px}
.plan-price{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
.plan-price strong{font-size:56px;font-weight:600;letter-spacing:-.04em;line-height:1}
.plan-price span{color:var(--muted-d);font-size:15px}
.plan-bill,.plan-vol{font-size:14px;color:var(--muted-d);margin-bottom:4px}
.plan-vol{color:var(--lime)}
.plan-who{margin:14px 0 18px;padding-top:16px;border-top:1px solid var(--lined);color:#dfe2f3}
.plan .checks{font-size:16px;flex:1}
.plan .checks .ico{color:var(--lime)}
.plan-cta{justify-content:center;width:100%}
.ent{display:flex;justify-content:space-between;gap:32px;align-items:center;margin-top:20px;border:1px solid var(--lined);border-radius:var(--r-lg);padding:28px;background:rgba(255,255,255,.03);color:var(--on-dark)}
.ent h3{font-size:22px}
.ent p{margin:0;color:var(--muted-d)}
.ent-cta{display:flex;align-items:center;gap:20px;flex:none}
.ent-price{font-size:28px!important;font-weight:600;color:var(--on-dark)!important;letter-spacing:-.03em}
.terms{font-size:15px;margin-top:24px;max-width:860px}
.terms.light{color:var(--muted-d)}
/* calculator */
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.calc{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow);display:grid;gap:16px}
.calc-row{display:flex;justify-content:space-between;align-items:center;gap:16px}
.calc-row label,.calc-lbl{font-weight:600}
.calc-row label span{font-weight:400;color:var(--muted);margin-left:6px}
.calc input{width:110px;min-height:46px;border:1px solid #c9ccda;border-radius:10px;padding:8px 12px;font:600 17px var(--f);text-align:right;color:var(--text)}
.calc-out{background:var(--ink);color:var(--on-dark);border-radius:14px;padding:22px}
.calc-total{display:flex;align-items:baseline;gap:8px;margin:0}
.calc-total strong{font-size:48px;letter-spacing:-.04em;line-height:1;color:var(--lime)}
.calc-out p{margin:6px 0 0;color:var(--muted-d)}
.calc-cta{justify-content:center}
/* addons */
.addons{list-style:none;margin:0 0 56px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.addon{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px}
.addon-price{color:var(--muted);font-size:15px}
.addon-price strong{font-size:30px;color:var(--text);letter-spacing:-.03em;margin-right:4px}
.addon p:last-child{margin:0;color:var(--muted);font-size:16px}
.golive-h{margin-bottom:20px}
.golive{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.golive li{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
.golive .n{flex:none;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-weight:600}
.golive h4{margin-bottom:4px}
.golive p{margin:0;color:var(--muted);font-size:16px}
/* faq */
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.faq__list{border-top:1px solid var(--line)}
.faq__list details{border-bottom:1px solid var(--line)}
.faq__list summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-weight:600;font-size:18px;position:relative}
.faq__list summary::-webkit-details-marker{display:none}
.faq__list summary::after{content:"";position:absolute;right:6px;top:26px;width:14px;height:14px;background:linear-gradient(var(--peri-ink),var(--peri-ink)) center/14px 2px no-repeat,linear-gradient(var(--peri-ink),var(--peri-ink)) center/2px 14px no-repeat;transition:transform .2s ease}
.faq__list details[open] summary::after{transform:rotate(45deg)}
.faq__list p{color:var(--muted);padding-right:24px}
/* convert */
.convert{position:relative;background:var(--ink);color:var(--on-dark);padding:120px 0;overflow:hidden;text-align:center}
.convert-glow{position:absolute;inset:0;background:radial-gradient(ellipse 50% 70% at 50% 100%,rgba(130,128,255,.4),transparent 70%),radial-gradient(ellipse 30% 40% at 50% 0%,rgba(201,242,39,.12),transparent 70%)}
.convert-in{position:relative}
.convert-mark{width:64px;height:64px;margin:0 auto 24px}
.convert h2{font-size:clamp(36px,5.4vw,64px);max-width:860px;margin-inline:auto}
.convert p{color:var(--muted-d);font-size:19px;max-width:640px;margin-inline:auto}
.convert .cta-row{justify-content:center}
.convert-alt{font-size:15px!important;margin-top:18px}
.convert .btn-ghost{color:var(--on-dark)}
/* page hero */
.phero{background:var(--ink);color:var(--on-dark);padding:88px 0;position:relative;overflow:hidden}
/* pointer-events:none or this decorative wash, absolute and inset:0 over the
   whole section, is painted above the in-flow content and swallows every
   click in it: the billing toggle and all three trial buttons on /pricing/
   did nothing, on all 8 pages that use .phero. */
.phero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 70% at 90% 30%,rgba(163,164,255,.18),transparent 70%)}
.phero-deep{background:radial-gradient(ellipse 50% 80% at 80% 40%,rgba(120,118,255,.3),transparent 70%),var(--ink)}
.phero-in{position:relative;display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.phero .lede{color:var(--muted-d);opacity:1}
.phero a:not(.btn){color:var(--peri)}
.phero .btn-ghost{color:var(--on-dark)}
.phero h1{font-size:clamp(38px,5vw,62px)}
.phero-narrow{position:relative;max-width:820px}
.phero-ink{padding:96px 0 104px}
.phero-ink h1{font-size:clamp(40px,5.4vw,64px)}
.phero-ink .sec-head{max-width:780px}
/* rail layout */
.feat-layout{display:grid;grid-template-columns:220px 1fr;gap:56px;align-items:start}
.index__rail{position:sticky;top:96px;display:grid;gap:2px}
.index__rail p{font-weight:600;margin-bottom:8px}
.index__rail a{color:var(--muted);text-decoration:none;padding:7px 12px;border-radius:8px;font-size:15px}
.index__rail a:hover{background:var(--soft);color:var(--text)}
.page__rows{display:grid;gap:88px;min-width:0}
.page__row h2{display:flex;gap:14px;align-items:center;font-size:clamp(28px,3vw,38px)}
.page__row h2 .ico{width:34px;height:34px;color:var(--peri-ink);flex:none}
.page__row>p{font-size:18px;color:var(--muted);max-width:760px}
.feat-grid{list-style:none;margin:28px 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feat-grid li{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff}
.feat-grid h3{font-size:17px;margin-bottom:6px}
.feat-grid p{margin:0;color:var(--muted);font-size:16px}
.feat-grid.two{grid-template-columns:1fr 1fr}
.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin:28px 0}
.page__row .appwin,.page__row .mock{margin-top:12px}
/* steps */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.steps.five{grid-template-columns:repeat(5,1fr)}
.steps li{border-top:2px solid var(--ink);padding-top:20px}
.steps .n{display:block;font:600 44px/1 var(--f);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px var(--peri-ink);margin-bottom:16px}
.steps h3{font-size:19px}
.steps p{color:var(--muted);font-size:16px;margin:0}
.sec-soft .steps li{border-color:var(--ink)}
/* cards */
.cards{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.cards.two{grid-template-columns:1fr 1fr}
.cards.three{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.card-body{padding:24px}
.card-body p{margin:0;color:var(--muted);font-size:16px}
.bounds td{width:50%;color:#dfe2f3}
.who{margin-top:56px}
.who-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.who-list li{border:1px solid var(--line);border-radius:14px;padding:18px 20px;color:var(--muted)}
.who-list strong{color:var(--text)}
/* integrations */
.icats{display:grid;gap:56px}
.icat h2{display:flex;gap:12px;align-items:center;margin-bottom:18px}
.icat h2 .ico{color:var(--peri-ink);width:26px;height:26px}
.itiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--line);gap:1px}
.itile{background:#fff;padding:24px}
.itile h3{font-size:18px}
.itile p{margin:0;color:var(--muted);font-size:16px}
/* contact */
.reach{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.reach-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;display:flex;flex-direction:column}
.reach-card .ico{color:var(--peri-ink);margin-bottom:14px}
.reach-card p{color:var(--muted);font-size:16px;flex:1}
.est-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:start}
.est-form{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;box-shadow:var(--shadow)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:grid;gap:6px;margin-bottom:16px}
.field label{font-weight:600;font-size:15px}
.field input,.field select,.field textarea{font:400 16px var(--f);color:var(--text);min-height:48px;padding:10px 14px;border:1px solid #c9ccda;border-radius:10px;background:#fff;width:100%}
.field textarea{min-height:130px;resize:vertical}
.form-note{font-size:15px;color:var(--muted);margin:14px 0 0}
.form-note[data-state=sent]{color:#1d6b35;font-weight:600}
.form-note[data-state=error]{color:#b42318;font-weight:600}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.numlist{padding-left:22px;color:var(--muted)}
.numlist li{margin-bottom:8px}
/* related */
.related{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.related a{display:grid;gap:4px;height:100%;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:#fff;text-decoration:none;color:var(--text);transition:border-color .2s ease,transform .2s ease}
.related a:hover{border-color:var(--peri-ink);transform:translateY(-2px)}
.related strong{font-size:19px}
.related span{color:var(--muted);font-size:16px}
/* footer */
.foot{background:#070810;color:var(--muted-d);padding:72px 0 32px}
.foot-top{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;padding-bottom:40px;border-bottom:1px solid var(--lined)}
.foot-line{margin:14px 0 0;max-width:380px}
.foot-cta{display:flex;gap:12px;flex-wrap:wrap}
.foot-cta .btn-ghost{color:var(--on-dark)}
.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:40px 0}
.foot-cols a{display:block;color:var(--muted-d);text-decoration:none;padding:4px 0;font-size:15px}
.foot-cols a:hover{color:#fff}
.foot-h{color:#fff;font-weight:600;margin-bottom:10px}
.foot-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;padding-top:24px;border-top:1px solid var(--lined)}
/* responsive */
@media (max-width:1099px){
 .ptabs{grid-template-columns:repeat(3,1fr)}
 .ppanel{grid-template-columns:1fr;padding:28px}
 .proofs,.reach{grid-template-columns:repeat(2,1fr)}
 .steps.five{grid-template-columns:repeat(3,1fr)}
 .itiles{grid-template-columns:repeat(2,1fr)}
 .lanes{grid-template-columns:repeat(2,1fr)}
 .lane:nth-child(2)::after{display:none}
 .feat-layout{grid-template-columns:1fr}
 .index__rail{position:static;display:flex;flex-wrap:wrap;gap:6px}
 .index__rail p{width:100%;margin-bottom:2px}
 .index__rail a{border:1px solid var(--line)}
 .cw-grid,.inbox-row{grid-template-columns:1fr}
 .phero-in{grid-template-columns:1fr}
 .ms-tiles{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:899px){
 .sec{padding:72px 0}
 .split-head,.split-2,.brain-band,.orch-foot,.calc-grid,.faq-grid,.est-grid,.split{grid-template-columns:1fr;gap:36px}
 .split-2.rev>:first-child{order:0}
 .plans,.addons,.golive,.related,.cards.three{grid-template-columns:1fr}
 .plans{max-width:520px;margin-inline:auto}
 .ent{flex-direction:column;align-items:flex-start}
 .feat-grid{grid-template-columns:1fr 1fr}
 .foot-cols{grid-template-columns:repeat(2,1fr)}
 .foot-top{flex-direction:column}
 .who-list{grid-template-columns:1fr}
}
@media (max-width:599px){
 body{font-size:16px}
 .wrap{width:min(1200px,100% - 32px)}
 .hero{padding:56px 0 48px}
 .hero-shot{margin-top:44px}
 .hero-note{align-items:flex-start;text-align:left}
 .hero-note .ico{margin-top:3px}
 .ptabs{grid-template-columns:repeat(2,1fr)}
 .ptab{justify-content:flex-start}
 .ppanel{padding:20px}
 .proofs,.reach,.lanes,.steps,.steps.five,.itiles,.feat-grid,.cards.two,.row2{grid-template-columns:1fr}
 .lane::after{display:none}
 .feat-grid.two{grid-template-columns:1fr}
 .leak{grid-template-columns:auto 1fr;padding:20px}
 .leak-tag{grid-column:2;justify-self:start}
 .mi{grid-template-columns:1fr}
 .mi-card{border-left:0;border-top:1px solid var(--lined)}
 .ms-tiles{grid-template-columns:repeat(2,1fr)}
 .compare thead{display:none}
 .compare tr{display:grid;border-bottom:1px solid var(--line);padding:6px 0}
 .compare th,.compare td{display:block;width:auto;border:0;padding:8px 18px}
 .compare th{padding-top:14px}
 th,td{padding:12px 10px}
 .matrix{font-size:14px}
 .matrix thead th{font-size:14px}
 .calc-row{flex-wrap:wrap}
 .bill-toggle .seg{padding:8px 12px}
 .est-form{padding:22px}
 .plan{padding:28px 22px}
 .mock-warn{padding:20px}
 .mock-warn figcaption{margin:16px -20px -20px}
 .foot-cols{grid-template-columns:1fr 1fr}
 .convert{padding:88px 0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.addons.cards{margin-bottom:56px}