:root{
  color-scheme:dark;
  --bg:#061015; --bg-2:#091115; --surface:#0d171c; --surface-2:#111e24;
  --line:rgba(170,225,233,.11); --line-2:rgba(170,225,233,.2);
  --text:#eef3f4; --muted:#9fb0b5; --dim:#6f8288;
  --cyan:#4fd8f0; --warn:#ff9f5c; --cyan-soft:rgba(79,216,240,.12); --cyan-ink:#031519;
  --paper:#eef2f2; --paper-2:#e2e8e9; --ink:#0a1418; --ink-muted:#4d5e63; --ink-line:rgba(10,20,24,.14);
  --sans:"Inter Tight",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Instrument Serif",Georgia,serif;
  --brand:"Barlow Condensed","Arial Narrow",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --max:1200px; --gutter:clamp(20px,4vw,40px);
}
*{box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--cyan);color:var(--cyan-ink)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
section{position:relative}

/* type */
.label{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);display:inline-flex;align-items:center;gap:10px}
.label:before{content:"";width:18px;height:1px;background:currentColor;opacity:.7}
h1,h2,h3{font-weight:600;letter-spacing:-.035em;margin:0;text-wrap:balance}
h2{font-size:clamp(36px,4.6vw,64px);line-height:1.02;margin:18px 0 0}
h3{font-size:22px;line-height:1.2;letter-spacing:-.02em}
.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.accent{color:var(--cyan)}
.lede{font-size:clamp(18px,1.6vw,21px);color:var(--muted);line-height:1.55;max-width:560px}
.section{padding:clamp(88px,11vw,140px) 0}
.head{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end;margin-bottom:56px}
.head p{margin:0;color:var(--muted)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--cyan);color:var(--cyan-ink);font-weight:600;font-size:15px;padding:15px 22px;border-radius:2px;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}
.btn svg{width:14px;height:14px;transition:transform .2s}
.btn:hover{background:#fff;box-shadow:0 10px 30px -10px rgba(79,216,240,.5)}
.btn:hover svg{transform:translate(2px,-2px)}
.btn-ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}
.btn-ghost:hover{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--cyan)}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--cyan);border-bottom:1px solid currentColor;padding-bottom:3px}

/* nav */
.nav{position:fixed;inset:0 0 auto;padding-top:env(safe-area-inset-top,0px);z-index:50;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(6,11,14,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.nav-in{max-width:var(--max);margin:0 auto;padding:0 var(--gutter);height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;color:var(--text)}
.brand .mark{height:30px;width:auto;flex:none;transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.brand:hover .mark{transform:translateY(-2px)}
.wm{font-family:var(--brand);font-weight:800;font-size:23px;line-height:1;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}
.wm i{font-style:italic}
.brand-lg .mark{height:56px}
.brand-lg .wm{font-size:34px;display:block}
.lockup small{display:block;margin-top:8px;font-family:var(--brand);font-weight:700;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--cyan)}
.lockup small b{font-weight:700;opacity:.6;margin:0 .2em}
.nav-links{display:flex;align-items:center;gap:30px;font-size:15px}
.nav-links a:not(.btn){color:var(--muted);transition:color .2s}
.nav-links a:not(.btn):hover{color:var(--text)}
.nav-links .btn{padding:10px 16px;font-size:14px}

/* hero */
.hero{min-height:clamp(640px,92vh,900px);display:flex;align-items:center;padding:130px 0 90px;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-bg{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(900px 520px at 78% 40%,rgba(79,216,240,.10),transparent 65%),
  linear-gradient(var(--line) 1px,transparent 1px) 0 0/80px 80px,
  linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/80px 80px;
  mask-image:radial-gradient(ellipse 70% 80% at 70% 45%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 80% at 70% 45%,#000 20%,transparent 75%);opacity:.6}
.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,6vw,88px);align-items:center}
.hero h1{font-size:clamp(46px,6.4vw,92px);line-height:.98;margin:26px 0 28px}
.hero h1 .serif{color:var(--cyan);font-size:1.08em}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.hero-meta{margin-top:44px;display:flex;flex-wrap:wrap;gap:10px 22px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--dim);text-transform:uppercase}
.hero-meta b{color:var(--muted);font-weight:500}

.portrait{position:relative;aspect-ratio:4/5;max-width:470px;justify-self:end;width:100%}
.portrait-arch{position:absolute;left:0;right:0;bottom:0;top:42%;border-radius:999px 999px 4px 4px/320px 320px 4px 4px;overflow:hidden;border:1px solid var(--line-2);background:radial-gradient(120% 80% at 50% 0%,rgba(79,216,240,.28),transparent 60%),linear-gradient(180deg,#0f2129,#070d10);box-shadow:0 40px 80px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(79,216,240,.35)}
.portrait-arch:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/28px 28px;mask-image:linear-gradient(180deg,#000,transparent 80%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%)}
.portrait-ring{position:absolute;left:50%;top:17%;width:78%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(79,216,240,.28);animation:spin 80s linear infinite}
.portrait-glow{position:absolute;left:50%;top:24%;width:70%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(79,216,240,.22),transparent 65%);filter:blur(10px)}
.portrait-img{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;filter:drop-shadow(0 0 1px rgba(79,216,240,.55)) drop-shadow(0 0 28px rgba(79,216,240,.22)) drop-shadow(0 30px 40px rgba(0,0,0,.6))}
.portrait:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-1px;height:30%;background:linear-gradient(180deg,transparent,rgba(6,11,14,.75) 55%,var(--bg));pointer-events:none;z-index:1}
.portrait-cap{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;text-align:center}
.portrait-cap strong{display:block;font-size:20px;letter-spacing:-.02em}
.portrait-cap span{font-size:14px;color:var(--muted)}
.chip{position:absolute;z-index:3;background:rgba(9,17,21,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line-2);padding:12px 16px;border-radius:3px;box-shadow:0 20px 40px -20px rgba(0,0,0,.8)}
.chip b{display:block;font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1}
.chip span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
.chip-1{left:-44px;top:14%}
.chip-2{right:-22px;top:46%}
.chip b i{font-style:normal;color:var(--cyan)}

/* proof bar */
.proof{border-bottom:1px solid var(--line);background:var(--bg-2)}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.proof-grid div{padding:34px 28px;border-left:1px solid var(--line)}
.proof-grid div:first-child{border-left:0;padding-left:0}
.proof-grid b{display:block;font-size:clamp(34px,3.6vw,48px);font-weight:600;letter-spacing:-.04em;line-height:1}
.proof-grid b i{font-style:normal;color:var(--cyan)}
.proof-grid span{display:block;margin-top:10px;font-size:15px;color:var(--muted)}

/* seat */
.seat-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,110px);align-items:center}
.seat-portrait{justify-self:start;max-width:440px;margin-top:36px}
.seat-copy p{margin:0 0 20px;color:var(--muted);font-size:18px}
.seat-copy .big{font-size:clamp(22px,2.1vw,28px);line-height:1.35;color:var(--text);letter-spacing:-.015em;font-weight:500}
.roles{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 34px}
.roles span{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border:1px solid var(--line-2);border-radius:2px;color:var(--text)}
.pull{border-left:2px solid var(--cyan);padding:4px 0 4px 22px;font-size:20px;line-height:1.45;color:var(--text);margin:0}

/* engine */
.engine{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.engine-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.engine-svg{width:100%;height:auto;overflow:visible}
.engine-svg .spoke{stroke:var(--line-2);stroke-width:1;transition:stroke .3s}
.engine-svg .ring{fill:none;stroke:var(--line);stroke-width:1}
.engine-svg .ring-d{fill:none;stroke:rgba(79,216,240,.25);stroke-width:1;stroke-dasharray:3 7;transform-origin:300px 300px;animation:spin 60s linear infinite}
.engine-svg .pulse{fill:var(--cyan);opacity:0}
.engine-svg .core{fill:var(--surface);stroke:rgba(79,216,240,.6);stroke-width:1.5}
.engine-svg .core-t{fill:var(--text);font-family:var(--sans);font-weight:600;font-size:22px;letter-spacing:-.02em;text-anchor:middle}
.engine-svg .core-s{fill:var(--dim);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-anchor:middle}
.node{cursor:pointer;outline:none}
.node circle{fill:var(--surface);stroke:var(--line-2);stroke-width:1;transition:fill .3s,stroke .3s}
.node text{fill:var(--muted);font-family:var(--sans);font-weight:600;font-size:17px;text-anchor:middle;transition:fill .3s;pointer-events:none}
.node .num{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.1em;fill:var(--dim)}
.node:hover circle,.node:focus-visible circle{stroke:var(--cyan)}
.node.on circle{fill:var(--cyan);stroke:var(--cyan)}
.node.on text,.node.on .num{fill:var(--cyan-ink)}
.spoke.on{stroke:var(--cyan)}
@keyframes spin{to{transform:rotate(360deg)}}
.detail{border:1px solid var(--line-2);background:var(--surface);padding:32px;border-radius:3px;min-height:270px}
.detail .num{font-family:var(--mono);font-size:12px;color:var(--cyan);letter-spacing:.12em}
.detail h3{font-size:32px;margin:10px 0 6px}
.detail .covers{color:var(--muted);margin:0 0 24px}
.detail .breaks{border-top:1px solid var(--line);padding-top:20px;margin:0}
.detail .breaks small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.detail .breaks span{font-size:19px;line-height:1.4}
.engine-note{margin-top:22px;color:var(--muted);font-size:16px}
.engine-note strong{color:var(--text);font-weight:600}
.dots{display:flex;gap:6px;margin-top:18px}
.dots button{width:26px;height:3px;border:0;padding:0;background:var(--line-2);cursor:pointer;border-radius:2px}
.dots button.on{background:var(--cyan)}

/* ways in */
.ways{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.way{background:var(--bg);padding:32px 28px 30px;display:flex;flex-direction:column;min-height:390px;transition:background .3s}
.way:hover{background:var(--surface)}
.way .tag{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--cyan)}
.way-icon{width:44px;height:44px;margin:28px 0 26px;color:var(--cyan)}
.way h3{margin-bottom:10px}
.way p{margin:0;color:var(--muted);font-size:16px}
.way blockquote{margin:auto 0 0;padding-top:24px;border-top:1px solid var(--line);font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.35;color:var(--text)}
.ways-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:36px;padding:28px 32px;border:1px solid var(--line-2);border-radius:3px;background:linear-gradient(90deg,var(--cyan-soft),transparent 70%)}
.ways-foot p{margin:0;font-size:20px;letter-spacing:-.01em}
.ways-foot p span{color:var(--muted)}

/* method */
.steps{display:grid;grid-template-columns:repeat(5,1fr);counter-reset:s;position:relative}
.steps:before{content:"";position:absolute;left:0;right:0;top:27px;height:1px;background:linear-gradient(90deg,var(--cyan),rgba(79,216,240,.15))}
.step{padding-right:24px;position:relative}
.step i{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--bg);border:1px solid var(--cyan);font-style:normal;font-family:var(--mono);font-size:13px;color:var(--cyan);position:relative}
.step h3{margin:24px 0 6px}
.step p{margin:0;color:var(--muted);font-size:16px}
.rules{margin-top:64px;display:flex;flex-wrap:wrap;gap:12px 40px;padding-top:28px;border-top:1px solid var(--line);font-size:clamp(18px,1.8vw,22px);font-weight:500;letter-spacing:-.01em}
.rules span:before{content:"";display:inline-block;width:7px;height:7px;background:var(--cyan);margin-right:12px;vertical-align:middle;transform:rotate(45deg)}

/* AI band */
.ai{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ai-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,90px);align-items:center}
.ai h2 .serif{color:var(--cyan)}
.ai-right p{margin:0 0 26px;color:var(--muted);font-size:18px}
.ai-right p strong{color:var(--text);font-weight:600}
.split{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-2);border-radius:3px;overflow:hidden}
.split div{padding:20px 22px}
.split div+div{border-left:1px solid var(--line-2);background:var(--cyan-soft)}
.split small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);display:block;margin-bottom:10px}
.split div+div small{color:var(--cyan)}
.split ul{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.9}

/* results (light) */
.results{background:var(--paper);color:var(--ink)}
.results .label{color:#00808f}
.results .head p{color:var(--ink-muted)}
.receipts{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink)}
.receipt{padding:30px 28px 30px 0;border-bottom:1px solid var(--ink-line)}
.receipt:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--ink-line)}
.receipt b{display:flex;align-items:baseline;gap:10px;white-space:nowrap;font-size:clamp(26px,2.6vw,38px);font-weight:600;letter-spacing:-.04em;line-height:1.05;}
.receipt b em{font-style:normal;color:#8a9a9f;font-weight:500}
.receipt b i{font-style:normal;color:#00a3b5;font-size:.7em}
.receipt span{display:block;margin-top:10px;color:var(--ink-muted);font-size:15px}
.testimonial{margin-top:72px;display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.testimonial .q{font-family:var(--serif);font-size:120px;line-height:.7;color:#00a3b5}
.testimonial blockquote{margin:0;font-size:clamp(24px,2.8vw,38px);line-height:1.25;letter-spacing:-.02em;font-weight:500}
.testimonial blockquote em{font-family:var(--serif);font-weight:400}
.testimonial cite{display:block;margin-top:22px;font-style:normal;font-size:15px;color:var(--ink-muted)}
.testimonial cite b{color:var(--ink);font-weight:600}
.results-foot{margin-top:48px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:26px;border-top:1px solid var(--ink-line);font-size:14px;color:var(--ink-muted)}
.results .link{color:var(--ink)}

/* debate */
.debate-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(40px,7vw,100px);align-items:center}
.debate-card{border:1px solid var(--line-2);border-radius:3px;padding:clamp(28px,4vw,48px);background:radial-gradient(500px 300px at 20% 10%,var(--cyan-soft),transparent 70%),var(--surface)}
.debate-words{font-size:clamp(52px,6.2vw,88px);font-weight:600;letter-spacing:-.045em;line-height:.95}
.debate-words span{display:block}
.debate-words span:nth-child(2){font-family:var(--serif);font-style:italic;font-weight:400;color:var(--cyan)}
.debate-words span:nth-child(3){color:var(--dim)}
.debate-card hr{border:0;height:1px;background:var(--line-2);margin:34px 0 22px}
.titles{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.titles b{display:block;font-size:15px;font-weight:600}
.titles span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.debate-copy p{color:var(--muted);font-size:18px;margin:22px 0 0}
.debate-copy .pull{margin:30px 0 28px}

/* fit */
.fit{background:var(--bg-2);border-top:1px solid var(--line)}
.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:end}
.stage{border:1px solid var(--line);border-radius:3px;padding:26px;background:var(--bg);position:relative}
.stage:nth-child(1){min-height:220px}
.stage:nth-child(2){min-height:260px}
.stage:nth-child(3){min-height:300px}
.stage .tag{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.stage h3{margin:14px 0 8px;font-size:24px}
.stage p{margin:0;color:var(--muted);font-size:16px}
.stage-bar{position:absolute;left:26px;right:26px;bottom:26px;height:3px;background:var(--line)}
.stage-bar i{display:block;height:100%;background:var(--cyan)}
.rebuild{margin-top:20px;display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:center;border:1px dashed var(--line-2);border-radius:3px;padding:24px 26px}
.rebuild b{font-size:18px;font-weight:600}
.rebuild span{color:var(--muted);font-size:16px}

/* cta */
.cta{padding:clamp(100px,13vw,170px) 0;overflow:hidden;text-align:left}
.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 400px at 85% 100%,rgba(79,216,240,.14),transparent 70%);pointer-events:none}
.cta h2{font-size:clamp(42px,6vw,86px);max-width:980px}
.cta h2 .serif{color:var(--cyan)}
.cta p{margin:26px 0 38px;max-width:560px;color:var(--muted);font-size:19px}
.cta-row{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}
.cta-row a:not(.btn){color:var(--muted);border-bottom:1px solid var(--line-2);padding-bottom:2px}
.cta-row a:not(.btn):hover{color:var(--text)}

/* footer */
footer{border-top:1px solid var(--line);padding:48px 0 52px;font-size:14px;color:var(--dim)}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:center}
.foot nav{display:flex;flex-wrap:wrap;gap:24px}
.foot nav a:hover{color:var(--text)}


/* ===== SPICE ===== */
body:after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* hero ascent line */
.ascent{position:absolute;left:0;right:0;bottom:0;height:48%;width:100%;pointer-events:none;overflow:visible}
.ascent .area{fill:url(#ascFill)}
.ascent .path{fill:none;stroke:var(--cyan);stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(79,216,240,.7));stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.6s cubic-bezier(.65,0,.35,1) .3s forwards}
.ascent .ms{opacity:0;animation:pop .5s ease forwards}
.ascent .ms circle{fill:#eaffff;stroke:var(--cyan);stroke-width:2;filter:drop-shadow(0 0 6px var(--cyan))}
.ascent .ms text{fill:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.16em}
.ascent .ms:nth-of-type(1){animation-delay:1.1s}.ascent .ms:nth-of-type(2){animation-delay:1.8s}.ascent .ms:nth-of-type(3){animation-delay:2.6s}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* headline swash */
.swash{position:relative;display:inline-block;white-space:nowrap}
.swash svg{position:absolute;left:0;right:0;bottom:-.12em;width:100%;height:.28em;overflow:visible}
.swash path{fill:none;stroke:var(--cyan);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1s ease 1.2s forwards;opacity:.85}
/* hero verbs cycle */
.hero-meta b{transition:color .4s}
.hero-meta span.on b{color:var(--cyan)}
.hero-meta span{position:relative;padding-left:14px}
.hero-meta span:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border:1px solid var(--dim);transform:rotate(45deg);transition:.4s}
.hero-meta span.on:before{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px var(--cyan)}
/* live dot on portrait */
.live{position:absolute;z-index:3;left:50%;transform:translateX(-50%);bottom:84px;white-space:nowrap;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text);background:rgba(6,11,14,.7);padding:7px 10px;border-radius:2px;backdrop-filter:blur(6px)}
.live i{width:7px;height:7px;border-radius:50%;background:#3ef08a;box-shadow:0 0 0 0 rgba(62,240,138,.6);animation:ping 2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 8px rgba(62,240,138,0)}100%{box-shadow:0 0 0 0 rgba(62,240,138,0)}}
.chip{animation:float 6s ease-in-out infinite}.chip-2{animation-delay:-3s}
@keyframes float{50%{transform:translateY(-8px)}}
/* ticker */
.proof-grid b .count{display:inline;margin:0;font-size:inherit;color:inherit}
.ticker-wrap{overflow:hidden;padding:30px 0 12px;margin-bottom:-40px;position:relative;z-index:3}
.ticker{background:var(--cyan);color:var(--cyan-ink);overflow:hidden;border-block:1px solid rgba(0,0,0,.2);transform:rotate(-1.2deg);margin:0 -20px;position:relative;z-index:3;box-shadow:0 20px 50px -20px rgba(79,216,240,.45)}
.ticker-track{display:flex;width:max-content;animation:marquee 38s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker span{display:flex;align-items:center;gap:14px;padding:14px 28px;font-family:var(--brand);font-style:italic;font-weight:800;font-size:24px;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}
.ticker span em{font-style:normal;text-transform:uppercase;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-weight:500}
.ticker span:after{content:"✦";margin-left:28px;font-size:14px;opacity:.6}
@keyframes marquee{to{transform:translateX(-50%)}}
/* spotlight cards */
.way{position:relative;overflow:hidden}
.way:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(79,216,240,.16),transparent 60%)}
.way:hover:before{opacity:1}
.way>*{position:relative}
.way-icon{transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.way:hover .way-icon{transform:translateY(-4px) scale(1.08)}
.way:after{content:"";position:absolute;left:0;top:0;height:2px;width:0;background:var(--cyan);transition:width .5s ease}
.way:hover:after{width:100%}
/* button shine */
.btn{position:relative;overflow:hidden}
.btn:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .6s ease}
.btn:hover:after{left:130%}
/* engine pulse */
.engine-svg .spark{fill:#eaffff;filter:drop-shadow(0 0 6px var(--cyan))}
.engine-svg .core{animation:coreGlow 3s ease-in-out infinite}
@keyframes coreGlow{50%{stroke:rgba(79,216,240,1);filter:drop-shadow(0 0 18px rgba(79,216,240,.45))}}
.detail{position:relative;overflow:hidden}
.detail:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cyan);transform-origin:top;animation:grow 3.6s linear infinite}
.detail.static:before{animation:none}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.detail h3,.detail .covers,.detail .breaks span{transition:opacity .25s,transform .25s}
.detail.swap h3,.detail.swap .covers,.detail.swap .breaks span{opacity:0;transform:translateY(6px)}
/* steps light up */
.steps:after{content:"";position:absolute;left:0;top:27px;height:2px;width:0;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:width 2.2s ease}
.steps.in:after{width:100%}
.step i{transition:background .4s,color .4s,box-shadow .4s}
.step.in i{background:var(--cyan);color:var(--cyan-ink);box-shadow:0 0 0 6px rgba(79,216,240,.1)}
/* stage bars */
.stage-bar i{width:0!important;transition:width 1.4s cubic-bezier(.2,.8,.2,1) .2s}
.stage.in .stage-bar i{width:var(--w)!important}
.stage{transition:transform .3s,border-color .3s}
.stage:hover{transform:translateY(-6px);border-color:var(--cyan)}
/* receipts hover */
.receipt{transition:background .3s}
.receipt:hover{background:rgba(0,163,181,.07)}
.receipt b i{display:inline-block;transition:transform .3s}
.receipt:hover b i{transform:translateX(5px)}
/* CTA ghost */
.cta-ghost{position:absolute;left:50%;bottom:-.1em;transform:translateX(-50%);font-family:var(--brand);font-style:italic;text-transform:uppercase;font-size:clamp(84px,17vw,260px);font-weight:800;letter-spacing:0;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px rgba(79,216,240,.22);pointer-events:none;user-select:none}
.cta .wrap{position:relative;z-index:2}
.cta{padding-bottom:clamp(160px,22vw,300px)!important}
@media (max-width:880px){.steps:after{left:27px;top:0;width:2px;height:0;transition:height 2.2s ease}.steps.in:after{width:2px;height:100%}.ascent{height:40%}.ticker span{font-size:15px;padding:12px 20px}}
@media (prefers-reduced-motion:reduce){.portrait-ring{animation:none}.ascent .path,.swash path{animation:none;stroke-dashoffset:0}.ascent .ms{animation:none;opacity:1}.ticker-track,.chip,.live i,.engine-svg .core,.detail:before{animation:none}}


/* hero diagnostic */
.scan{position:relative;justify-self:end;width:100%;max-width:500px;border:1px solid var(--line-2);border-radius:6px;background:linear-gradient(180deg,rgba(17,30,36,.92),rgba(9,17,21,.92));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 50px 100px -40px rgba(0,0,0,.9),0 0 0 1px rgba(79,216,240,.05),0 0 80px -20px rgba(79,216,240,.25);overflow:hidden}
.scan-head{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)}
.scan-title{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}
.scan-title i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(79,216,240,.6);animation:ping 2s infinite}
.scan-tag{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line-2);padding:4px 8px;border-radius:2px}
.scan-rows{padding:10px 22px 6px}
.srow{display:grid;grid-template-columns:118px 1fr 34px;gap:14px;align-items:center;padding:11px 0;border-bottom:1px dashed var(--line)}
.srow:last-child{border-bottom:0}
.srow span{font-size:15px;color:var(--muted);transition:color .4s}
.srow .bar{height:8px;background:rgba(170,225,233,.08);border-radius:4px;overflow:hidden}
.srow .bar i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,rgba(79,216,240,.45),var(--cyan));transition:width 1s cubic-bezier(.2,.8,.2,1),background .4s}
.srow b{font-family:var(--mono);font-size:13px;font-weight:500;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}
.srow.bad span{color:var(--warn);font-weight:600}
.srow.bad .bar i{background:linear-gradient(90deg,rgba(255,159,92,.5),var(--warn))}
.srow.bad b{color:var(--warn)}
.scan-beam{position:absolute;left:0;right:0;top:56px;height:60px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(79,216,240,.12),transparent);border-bottom:1px solid rgba(79,216,240,.5);opacity:0}
.scan.sweep .scan-beam{animation:sweep 1.2s ease-in-out}
@keyframes sweep{0%{opacity:1;transform:translateY(-60px)}90%{opacity:1}100%{opacity:0;transform:translateY(300px)}}
.scan-foot{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;padding:18px 22px 20px;border-top:1px solid var(--line);background:rgba(255,159,92,.05)}
.scan-foot small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
.scan-foot b{font-size:22px;font-weight:600;color:var(--warn);letter-spacing:-.02em;white-space:nowrap}
.scan-foot span{font-size:15px;line-height:1.4;color:var(--text);display:block}
.scan-foot b,.scan-foot span{transition:opacity .3s}
.scan.swap .scan-foot b,.scan.swap .scan-foot span{opacity:0}
@media (max-width:880px){.scan{justify-self:stretch;max-width:none;margin-top:8px}}
@media (max-width:560px){.srow{grid-template-columns:96px 1fr 30px;gap:10px}.srow span{font-size:13px}.scan-foot{grid-template-columns:1fr;gap:12px}.scan-head,.scan-rows,.scan-foot{padding-left:16px;padding-right:16px}}

/* reveal */
.rv{transform:translateY(18px);transition:transform .8s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.engine-svg .ring-d{animation:none}html{scroll-behavior:auto}}

/* responsive */
@media (max-width:1024px){
  .ways{grid-template-columns:1fr 1fr}
  .chip-1{left:-16px}.chip-2{right:-10px}
}
@media (max-width:880px){
  .nav-links a:not(.btn){display:none}
  .hero{min-height:0;padding:118px 0 72px}
  .hero-grid,.head,.seat-grid,.engine-grid,.ai-grid,.debate-grid,.rebuild{grid-template-columns:1fr}
  .head{gap:18px;margin-bottom:40px}
  .portrait{justify-self:start;max-width:420px;margin-top:12px}
  .chip-1{left:auto;right:-8px;top:8%}
  .chip-2{right:-8px;top:auto;bottom:22%}
  .proof-grid{grid-template-columns:1fr 1fr}
  .proof-grid div{padding:26px 20px}
  .proof-grid div:nth-child(odd){border-left:0;padding-left:0}
  .proof-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .seat-portrait{max-width:400px;margin-top:28px}
  .engine-svg{max-width:520px;margin:0 auto}
  .node text{font-size:21px}.node .num{font-size:14px}
  .steps{grid-template-columns:1fr;gap:26px}
  .steps:before{left:27px;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(180deg,var(--cyan),rgba(79,216,240,.15))}
  .step{display:grid;grid-template-columns:54px 1fr;column-gap:20px;padding:0}
  .step i{grid-row:1/3}
  .step h3{margin:6px 0 2px}
  .receipts{grid-template-columns:1fr 1fr}
  .receipt,.receipt:not(:nth-child(3n+1)){padding:24px 18px 24px 0;border-left:0}
  .receipt:nth-child(even){padding-left:18px;border-left:1px solid var(--ink-line)}
  .stages{grid-template-columns:1fr}
  .stage:nth-child(n){min-height:190px}
}
@media (max-width:560px){
  body{font-size:16px}
  .wm{font-size:19px}.brand .mark{height:25px}.brand{gap:9px}.nav-in{gap:12px}
  .nav-links .btn{padding:9px 12px;font-size:13px}
  .brand-lg .mark{height:42px}.brand-lg .wm{font-size:25px}.lockup small{font-size:11px;letter-spacing:.24em}
  .ways{grid-template-columns:1fr}
  .way{min-height:0}
  .receipts{grid-template-columns:1fr}
  .receipt:nth-child(even){padding-left:0;border-left:0}
  .split{grid-template-columns:1fr}
  .split div+div{border-left:0;border-top:1px solid var(--line-2)}
  .titles{grid-template-columns:1fr}
  .testimonial{grid-template-columns:1fr}
  .testimonial .q{font-size:80px;margin-bottom:-20px}
  .hero-cta .btn{flex:1 1 auto;justify-content:center}
  .chip{padding:10px 12px}.chip b{font-size:21px}
}

/* ================= INTERIOR PAGES ================= */
.nav-links a.active{color:var(--text)!important;position:relative}
.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--cyan)}

/* page hero */
.phero{padding:clamp(140px,16vw,190px) 0 clamp(64px,8vw,100px);border-bottom:1px solid var(--line);overflow:hidden}
.phero .hero-bg{opacity:.5}
.phero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,80px);align-items:center}
.phero h1{font-size:clamp(42px,5.6vw,80px);line-height:1;margin:22px 0 24px}
.phero h1 .serif{color:var(--cyan);font-size:1.06em}
.payoff{margin-top:34px;padding-left:20px;border-left:2px solid var(--cyan)}
.payoff small{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.payoff b{font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.015em}

/* systems tiles (what we do hero) */
.systems{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-2);border:1px solid var(--line-2);border-radius:6px;overflow:hidden}
.systems div{background:var(--surface);padding:20px 20px 22px;transition:background .3s}
.systems div:hover{background:var(--surface-2)}
.systems svg{width:24px;height:24px;color:var(--cyan);margin-bottom:12px}
.systems b{display:block;font-size:17px;font-weight:600}
.systems span{font-size:14px;color:var(--muted)}
.systems .core{grid-column:1/-1;background:linear-gradient(90deg,var(--cyan-soft),transparent 80%),var(--surface);display:flex;justify-content:space-between;align-items:center;gap:12px}
.systems .core b{font-family:var(--brand);font-style:italic;font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:.01em}
.systems .core span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}

/* sticky sub nav */
.subnav{position:sticky;top:calc(76px + env(safe-area-inset-top,0px));z-index:40;background:rgba(6,16,21,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{flex:none;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:16px 14px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.subnav a:hover{color:var(--text)}
.subnav a.on{color:var(--cyan);border-bottom-color:var(--cyan)}

/* service chapters */
.chapter{border-bottom:1px solid var(--line);scroll-margin-top:130px;overflow:hidden}
.chapter:nth-of-type(even){background:var(--bg-2)}
.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px);align-items:center}
.chapter.flip .chapter-copy{order:2}
.ghost{position:absolute;right:-.04em;top:.1em;font-family:var(--brand);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(110px,20vw,300px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(79,216,240,.09);pointer-events:none;user-select:none}
.chapter.flip .ghost{right:auto;left:-.04em}
.chapter-copy{position:relative}
.kicker{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.kicker b{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.14em;color:var(--cyan-ink);background:var(--cyan);padding:6px 10px;border-radius:2px}
.kicker span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.chapter h2{margin:0 0 22px}
.chapter h2 .serif{color:var(--cyan)}
.chapter .big{font-size:clamp(19px,1.7vw,22px);line-height:1.45;color:var(--text);margin:0 0 16px}
.chapter p{color:var(--muted);margin:0 0 16px;max-width:600px}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin:26px 0 28px}
.tags span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border:1px solid var(--line-2);border-radius:2px;color:var(--text)}
.voice{margin:0;padding:18px 22px;border-left:2px solid var(--cyan);background:linear-gradient(90deg,var(--cyan-soft),transparent);font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.35}
.voice small{display:block;font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}

/* visual cards */
.viz{position:relative;border:1px solid var(--line-2);border-radius:6px;background:radial-gradient(500px 300px at 70% 0%,rgba(79,216,240,.12),transparent 70%),var(--surface);padding:28px;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.viz-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.viz-head b{color:var(--text);font-weight:500}
.viz svg{width:100%;height:auto;display:block}
.viz .cap{display:flex;justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:15px}
.viz .cap span{color:var(--muted)}
.viz .cap b{font-weight:600}
.build-bars rect{fill:rgba(79,216,240,.14);stroke:rgba(79,216,240,.55)}
.build-bars rect.hi{fill:var(--cyan);stroke:var(--cyan)}
.build-bars text{fill:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.06em}
.viz .rv .grow{transform-origin:bottom;transform-box:fill-box;transform:scaleY(.15);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.viz .rv.in .grow{transform:none}
.viz .rv.in .grow:nth-child(2){transition-delay:.12s}.viz .rv.in .grow:nth-child(3){transition-delay:.24s}.viz .rv.in .grow:nth-child(4){transition-delay:.36s}.viz .rv.in .grow:nth-child(5){transition-delay:.48s}
.line-chart .grid line{stroke:var(--line);stroke-width:1}
.line-chart .ax{fill:var(--dim);font-family:var(--mono);font-size:11px}
.line-chart .l1{fill:none;stroke:var(--cyan);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2s ease}
.line-chart .l2{fill:none;stroke:var(--dim);stroke-width:2;stroke-dasharray:4 6}
.line-chart.in .l1{stroke-dashoffset:0}
.line-chart .area{fill:url(#scaleFill)}
.line-chart .dot{fill:#eaffff;stroke:var(--cyan);stroke-width:2}
.line-chart .lbl{fill:var(--text);font-family:var(--sans);font-size:13px;font-weight:600}
.viz .scan{max-width:none;box-shadow:none;border:0;background:none;backdrop-filter:none}
.viz.tight{padding:0;overflow:hidden}
.viz.tight .scan-head{padding:18px 22px}
.hx{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}
.hx>div{border:1px solid var(--line-2);border-radius:4px;padding:18px}
.hx>div:last-child{background:var(--cyan-soft);border-color:rgba(79,216,240,.4)}
.hx small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}
.hx>div:last-child small{color:var(--cyan)}
.hx ul{list-style:none;padding:0;margin:0;font-size:15px;line-height:2}
.hx .x{align-self:center;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--cyan);color:var(--cyan);font-family:var(--serif);font-style:italic;font-size:26px;padding:0}

/* question trio */
.trio{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);margin:44px 0}
.trio div{padding:30px 26px;border-left:1px solid var(--line)}
.trio div:first-child{border-left:0;padding-left:0}
.trio b{display:block;font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.12em;color:var(--cyan);margin-bottom:12px}
.trio span{font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.02em;line-height:1.15}

/* results page */
.signal{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:34px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.signal i{width:28px;height:1px;background:var(--cyan);opacity:.6}
.big-proof{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line-2);border-radius:6px;overflow:hidden;background:var(--surface)}
.big-proof div{padding:34px 28px;border-left:1px solid var(--line)}
.big-proof div:first-child{border-left:0}
.big-proof b{display:block;font-size:clamp(36px,4vw,56px);font-weight:600;letter-spacing:-.04em;line-height:1}
.big-proof b i{font-style:normal;color:var(--cyan)}
.big-proof span{display:block;margin-top:12px;color:var(--muted);font-size:15px}
.note{font-size:14px;color:var(--dim);margin-top:16px}
.receipts.nine .receipt:nth-child(n+7){border-bottom:0}
.voices{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.vq{margin:0;border:1px solid var(--line);border-radius:6px;padding:30px;background:var(--surface);display:flex;flex-direction:column;justify-content:space-between;gap:26px;transition:border-color .3s,transform .3s}
.vq:hover{border-color:var(--line-2);transform:translateY(-4px)}
.vq p{margin:0;font-size:18px;line-height:1.55;color:var(--text)}
.vq.feature{grid-column:1/-1;padding:clamp(30px,4vw,52px);background:radial-gradient(600px 300px at 90% 10%,rgba(79,216,240,.12),transparent 70%),var(--surface);border-color:var(--line-2)}
.vq.feature p{font-size:clamp(24px,2.8vw,36px);line-height:1.3;letter-spacing:-.02em;font-weight:500}
.vq.feature p em{font-family:var(--serif);font-weight:400;color:var(--cyan)}
.vq cite{font-style:normal;display:flex;align-items:center;gap:14px}
.vq cite i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--cyan-soft);border:1px solid rgba(79,216,240,.35);font-style:normal;font-weight:600;font-size:14px;color:var(--cyan);flex:none}
.vq cite b{display:block;font-size:15px;font-weight:600}
.vq cite span{font-size:13px;color:var(--dim)}

/* about */
.about-hero .portrait{max-width:460px}
.split-copy{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,110px);align-items:start}
.split-copy .copy p{color:var(--muted);font-size:18px;margin:0 0 20px}
.split-copy .copy p strong{color:var(--text);font-weight:600}
.bigpull{margin:30px 0;padding:24px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);font-size:clamp(22px,2.4vw,30px);line-height:1.3;letter-spacing:-.015em;font-weight:500;color:var(--text)}
.bigpull .serif{color:var(--cyan)}
.scars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.scar{border:1px solid var(--line);border-radius:6px;padding:30px 28px;background:var(--surface);transition:border-color .3s,transform .3s}
.scar:hover{border-color:var(--warn);transform:translateY(-4px)}
.scar small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--warn)}
.scar h3{margin:14px 0 12px;font-size:23px}
.scar p{margin:0;color:var(--muted);font-size:16px}
.scar p strong{color:var(--text);font-weight:600}
.verdict{margin-top:48px;font-size:clamp(26px,3.4vw,46px);font-weight:600;letter-spacing:-.03em;line-height:1.1;max-width:900px}
.verdict .serif{color:var(--warn)}
.creed{margin:0 0 56px;padding:clamp(28px,4vw,48px);border-radius:6px;background:var(--cyan);color:var(--cyan-ink);font-size:clamp(24px,3vw,40px);line-height:1.2;letter-spacing:-.025em;font-weight:600;position:relative;overflow:hidden}
.creed em{font-family:var(--serif);font-weight:400}
.creed:after{content:"\201D";position:absolute;right:20px;bottom:-.35em;font-family:var(--serif);font-size:240px;line-height:1;opacity:.15}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,70px)}
.two-col h3{font-size:clamp(24px,2.4vw,32px);margin:0 0 18px}
.two-col p{color:var(--muted);margin:0 0 16px}
.two-col .callout{color:var(--text);font-size:19px;font-weight:500;border-left:2px solid var(--cyan);padding-left:18px;margin-top:24px}
.beliefs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.belief{background:var(--bg);padding:30px 28px;transition:background .3s}
.belief:hover{background:var(--surface)}
.belief h3{font-size:21px;margin:0 0 10px}
.belief h3:before{content:"";display:block;width:10px;height:10px;background:var(--cyan);transform:rotate(45deg);margin-bottom:18px}
.belief p{margin:0;color:var(--muted);font-size:16px}
.arena-hit{font-family:var(--brand);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(40px,5.4vw,76px);line-height:.95;margin:30px 0;letter-spacing:.005em}
.arena-hit span{display:block}
.arena-hit span:last-child{color:var(--cyan)}
.score-list{list-style:none;padding:0;margin:40px 0 0;counter-reset:q;border-top:1px solid var(--line-2)}
.score-list li{display:grid;grid-template-columns:60px 1fr;align-items:baseline;gap:12px;padding:22px 0;border-bottom:1px solid var(--line);font-size:clamp(20px,2.2vw,28px);font-weight:500;letter-spacing:-.015em;transition:padding .3s,color .3s}
.score-list li:before{content:"?";font-family:var(--serif);font-style:italic;font-size:1.4em;color:var(--cyan)}
.score-list li:hover{padding-left:12px}
.son{margin-top:48px;font-size:clamp(24px,3vw,40px);line-height:1.2;letter-spacing:-.025em;font-weight:600;max-width:960px}
.son .serif{color:var(--cyan)}
.through{display:flex;flex-wrap:wrap;gap:4px 24px;font-family:var(--brand);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(48px,8vw,120px);line-height:.95}
.through span:nth-child(even){color:var(--cyan)}

/* contact */
.contact-grid{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,80px);align-items:start}
.direct{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:grid;gap:10px}
.direct small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.direct a{color:var(--text);font-size:17px;width:fit-content;border-bottom:1px solid var(--line-2)}
.direct a:hover{border-color:var(--cyan);color:var(--cyan)}
.form-card{border:1px solid var(--line-2);border-radius:6px;background:var(--surface);padding:clamp(22px,3.4vw,40px);box-shadow:0 50px 100px -50px rgba(0,0,0,.9),0 0 80px -30px rgba(79,216,240,.25)}
.form-card h2{font-size:clamp(26px,2.6vw,34px);margin:0 0 6px}
.form-card>p{margin:0 0 26px;color:var(--muted)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:grid;gap:8px;margin-bottom:18px;min-width:0}
.field label{font-size:14px;font-weight:600;color:var(--text)}
.field label span{font-weight:400;color:var(--dim);margin-left:6px}
.field input,.field textarea,.field select{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line-2);border-radius:3px;padding:13px 14px;font:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}
.field textarea{resize:vertical;min-height:110px}
.field input::placeholder,.field textarea::placeholder{color:var(--dim)}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(79,216,240,.18)}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:6px}
.form-foot p{margin:0;font-size:14px;color:var(--dim)}
button.btn{border:0;cursor:pointer;font-family:inherit}
button.btn:disabled{opacity:.6;cursor:wait}
.form-status{min-height:22px;margin-top:14px;font-size:14px;color:var(--muted)}
.form-status.error{color:var(--warn)}
.form-success{padding:10px 0}
.form-success h3{font-size:clamp(34px,4vw,52px);margin:12px 0 12px}
.form-success p{color:var(--muted);margin:0 0 24px}
.path{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px;position:relative}
.path div{border:1px solid var(--line);border-radius:6px;padding:24px;background:var(--surface);position:relative}
.path b{font-family:var(--mono);font-weight:500;font-size:12px;color:var(--cyan);letter-spacing:.12em}
.path span{display:block;margin-top:12px;font-size:19px;font-weight:600;letter-spacing:-.015em}
.path div:not(:last-child):after{content:"";position:absolute;right:-18px;top:50%;width:18px;height:1px;background:var(--cyan)}
.honest{font-size:clamp(24px,3vw,40px);font-weight:600;letter-spacing:-.025em;margin-top:28px}
.honest .serif{color:var(--cyan)}

@media (max-width:880px){
  .phero-grid,.chapter-grid,.split-copy,.two-col,.contact-grid{grid-template-columns:1fr}
  .chapter.flip .chapter-copy{order:0}
  .trio{grid-template-columns:1fr}
  .trio div{border-left:0;border-top:1px solid var(--line);padding:22px 0}
  .trio div:first-child{border-top:0}
  .big-proof{grid-template-columns:1fr 1fr}
  .big-proof div:nth-child(3){border-left:0}
  .big-proof div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .voices,.scars,.beliefs{grid-template-columns:1fr}
  .path{grid-template-columns:1fr 1fr}
  .path div:after{display:none}
  .about-hero .portrait{max-width:400px;justify-self:start}
  .subnav{top:calc(76px + env(safe-area-inset-top,0px))}
}
@media (max-width:560px){
  .frow{grid-template-columns:1fr;gap:0}
  .hx{grid-template-columns:1fr}
  .hx .x{justify-self:center}
  .path{grid-template-columns:1fr}
  .big-proof div{padding:24px 18px}
  .systems div{padding:16px}
  .score-list li{grid-template-columns:36px 1fr}
}
.big-proof b .count{display:inline;margin:0;font-size:inherit;color:inherit}

/* ================= V4: MODERN PASS ================= */
:root{--indigo:#5b6cff;--glass:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));--glass-line:rgba(255,255,255,.09)}

/* accent phrases: upright brand caps, no italics */
.serif{font-family:var(--brand);font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.005em;font-size:1.1em;line-height:.9}
.hero h1 .serif,.phero h1 .serif{font-size:1.12em}
.swash{white-space:normal}
.serif.accent,.hero h1 .serif,.phero h1 .serif,.ai h2 .serif,.cta h2 .serif,.chapter h2 .serif{color:var(--cyan);text-shadow:0 0 28px rgba(79,216,240,.28)}
.results .serif{color:#00808f;text-shadow:none}
/* long accent passages stay sentence case */
.son .serif,.bigpull .serif,.honest .serif,.verdict .serif{font-family:var(--sans);text-transform:none;font-weight:600;font-size:1em;line-height:inherit;letter-spacing:-.02em}
/* quotes and other italics go upright */
.way blockquote,.voice,.testimonial blockquote em,.vq.feature p em,.creed em{font-family:var(--sans);font-style:normal}
.way blockquote{font-size:16px;line-height:1.5;color:var(--muted)}
.voice{font-size:18px;line-height:1.5}
.testimonial blockquote em,.vq.feature p em{font-weight:600;color:#00808f}
.vq.feature p em{color:var(--cyan)}
.creed em{font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.hx .x{font-family:var(--sans);font-style:normal;font-size:20px}
.ticker span,.cta-ghost,.ghost,.arena-hit,.through,.systems .core b,.debate-words span:nth-child(2){font-style:normal}
.debate-words span:nth-child(2){font-family:var(--brand);text-transform:uppercase;font-weight:700;font-size:1.1em}
.score-list li:before{font-family:var(--brand);font-style:normal;font-weight:700}

/* atmosphere: aurora + dot grid replaces line grid */
.hero-bg{opacity:1!important;background:radial-gradient(rgba(170,225,233,.16) 1px,transparent 1.2px) 0 0/26px 26px;mask-image:radial-gradient(ellipse 75% 85% at 65% 40%,#000 15%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 75% 85% at 65% 40%,#000 15%,transparent 72%)}
.hero,.phero,.cta{isolation:isolate}
.hero:before,.hero:after,.phero:before,.phero:after,.cta:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(90px);pointer-events:none}
.hero:before,.phero:before{width:620px;height:620px;right:2%;top:-12%;background:radial-gradient(circle,rgba(79,216,240,.42),transparent 65%);animation:drift1 22s ease-in-out infinite alternate}
.hero:after,.phero:after{width:520px;height:520px;right:28%;bottom:-24%;background:radial-gradient(circle,rgba(91,108,255,.32),transparent 65%);animation:drift2 26s ease-in-out infinite alternate}
.cta:after{width:700px;height:500px;left:-10%;top:10%;background:radial-gradient(circle,rgba(91,108,255,.22),transparent 65%)}
@keyframes drift1{to{transform:translate(-120px,80px) scale(1.15)}}
@keyframes drift2{to{transform:translate(140px,-60px) scale(.9)}}

/* glass surfaces with gradient hairline */
.scan,.viz,.form-card,.detail,.systems,.vq.feature,.big-proof,.debate-card,.ways-foot,.float-card{position:relative;background:var(--glass),rgba(9,20,26,.72);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 80px -40px rgba(0,0,0,.9)}
.scan:after,.viz:after,.form-card:after,.detail:after,.vq.feature:after,.float-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(79,216,240,.65),rgba(79,216,240,0) 35%,rgba(91,108,255,0) 70%,rgba(91,108,255,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.scan,.viz,.form-card,.detail,.float-card{border-radius:14px}
.viz .scan{border-radius:0}.viz .scan:after{display:none}
.systems{border-radius:14px}.systems div{background:transparent}.systems div:hover{background:rgba(255,255,255,.03)}
.systems .core{background:linear-gradient(90deg,rgba(79,216,240,.14),transparent 80%)}
.srow .bar,.stage-bar{border-radius:99px}
.btn{border-radius:8px}
.nav-links .btn{border-radius:8px}
.tags span,.roles span,.kicker b,.scan-tag{border-radius:99px}
.kicker b{padding:6px 12px}
.way{border-radius:0}
.ways{border-radius:14px;overflow:hidden}
.stage,.scar,.vq,.path div,.belief{border-radius:14px}
.beliefs{border-radius:14px}
.field input,.field textarea,.field select{border-radius:8px;background:rgba(6,16,21,.7)}

/* duotone icon tiles */
.way-icon{width:56px;height:56px;padding:12px;border-radius:14px;background:linear-gradient(140deg,rgba(79,216,240,.22),rgba(91,108,255,.12));border:1px solid rgba(79,216,240,.3);box-shadow:0 10px 30px -10px rgba(79,216,240,.45)}
.systems svg{width:36px;height:36px;padding:7px;border-radius:10px;background:linear-gradient(140deg,rgba(79,216,240,.2),rgba(91,108,255,.1));border:1px solid rgba(79,216,240,.25)}

/* hero 3D stage */
.stage3d{position:relative;perspective:1400px;justify-self:end;width:100%;max-width:520px}
.tilt{position:relative;transform-style:preserve-3d;transform:rotateY(-11deg) rotateX(5deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.tilt .scan{max-width:none;justify-self:auto}
.tilt .scan:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.07) 45%,transparent 55%);z-index:2}
.float-card{position:absolute;z-index:4;padding:14px 16px;transform:translateZ(60px);animation:float 7s ease-in-out infinite}
.float-card small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.float-card b{display:block;font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-top:4px}
.float-card b i{font-style:normal;color:var(--cyan)}
.float-card svg{display:block;width:150px;height:40px;margin-top:8px}
.fc-1{left:-64px;top:-34px}
.fc-2{right:-34px;bottom:-40px;animation-delay:-3.5s}
.fc-2 .delta{display:inline-block;margin-left:6px;font-size:12px;font-weight:600;color:#3ef08a;letter-spacing:0}
@keyframes float{50%{translate:0 -10px}}

/* portrait glass */
.portrait-arch{background:radial-gradient(120% 80% at 50% 0%,rgba(79,216,240,.3),transparent 60%),radial-gradient(80% 60% at 90% 100%,rgba(91,108,255,.25),transparent 70%),linear-gradient(180deg,#0f2129,#070d10)}
.portrait-arch:before{background:radial-gradient(rgba(170,225,233,.18) 1px,transparent 1.2px) 0 0/18px 18px!important}

@media (max-width:1024px){.fc-1{left:-20px}.fc-2{right:-10px}}
@media (max-width:880px){.stage3d{justify-self:stretch;max-width:none;margin:30px 0 30px}.tilt{transform:none}.fc-1{left:auto;right:8px;top:-44px}.fc-2{right:auto;left:8px;bottom:-36px}.hero:before,.phero:before{width:380px;height:380px}.hero:after,.phero:after{width:320px;height:320px}}
@media (max-width:560px){.float-card svg{width:110px}.float-card b{font-size:20px}.fc-1{top:-50px}}
@media (prefers-reduced-motion:reduce){.hero:before,.hero:after,.phero:before,.phero:after,.float-card{animation:none}}
.swash{white-space:nowrap}
.hero h1{font-size:clamp(42px,5.5vw,82px)}
.hero h1 .serif{font-size:1.06em}
.fc-1{left:-70px;top:-78px}
.fc-2{right:-30px;bottom:-70px}
@media (max-width:880px){.fc-1{left:auto;right:8px;top:-52px}.fc-2{right:auto;left:8px;bottom:-48px}}
h1,h2{letter-spacing:-.028em}
@media (max-width:880px){.stage3d{margin-top:96px}.fc-1{top:-92px}}

/* ================= V5: MODERNIZE EVERYTHING ================= */
/* section rhythm: soft gradient dividers instead of hard rules */
.section,.engine,.ai,.fit,.proof,.chapter{border-top-color:transparent!important;border-bottom-color:transparent!important}
.section+.section:before,.engine:before,.ai:before,.fit:before,.chapter:before,.proof:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(79,216,240,.28),rgba(91,108,255,.22),transparent);pointer-events:none}
.engine,.ai,.fit,.chapter:nth-of-type(even),[style*="--bg-2"]{background:radial-gradient(900px 500px at 15% 0%,rgba(79,216,240,.06),transparent 70%),radial-gradient(800px 500px at 100% 100%,rgba(91,108,255,.06),transparent 70%),var(--bg-2)!important}

/* cursor spotlight on any card */
.spot{position:relative;overflow:hidden}
.spot:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(79,216,240,.14),transparent 60%);z-index:0}
.spot:hover:before{opacity:1}
.spot>*{position:relative;z-index:1}

/* shared glass card look */
.way,.stage,.scar,.belief,.vq,.path div,.trio div,.step,.split div{background:var(--glass),rgba(9,20,26,.6);border:1px solid var(--glass-line);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 60px -40px rgba(0,0,0,.9);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.way:hover,.stage:hover,.belief:hover,.vq:hover,.path div:hover,.trio div:hover,.step:hover{transform:translateY(-6px);border-color:rgba(79,216,240,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 70px -35px rgba(0,0,0,.9),0 0 40px -12px rgba(79,216,240,.35)}

/* proof bar: glass stat tiles */
.proof{background:transparent!important;padding:26px 0}
.proof-grid{gap:14px}
.proof-grid div,.proof-grid div:first-child{border:1px solid var(--glass-line)!important;border-radius:16px;padding:26px 24px!important;background:var(--glass),rgba(9,20,26,.6)}
.proof-grid b{background:linear-gradient(180deg,#fff 30%,#a9eefa);-webkit-background-clip:text;background-clip:text;color:transparent}
.proof-grid b i{-webkit-text-fill-color:var(--cyan)}
.proof-grid b .count{color:transparent}

/* seat: floating chips around portrait */
.seat-portrait .float-card{transform:none}
.pc-1{left:-36px;top:30%}
.pc-2{right:-26px;top:52%;animation-delay:-3s}
.roles span{background:var(--glass);border-color:var(--glass-line)}
.pull{background:linear-gradient(90deg,var(--cyan-soft),transparent);border-radius:0 12px 12px 0;padding:16px 20px!important}

/* engine: glass nodes, flowing spokes, pulsing core */
.engine-svg .halo{fill:rgba(79,216,240,.06);filter:blur(20px)}
.engine-svg .core{fill:url(#coreG)!important;stroke:rgba(79,216,240,.8)}
.engine-svg .core-pulse{fill:none;stroke:rgba(79,216,240,.5);stroke-width:1.5;transform-origin:300px 300px;animation:corePulse 3s ease-out infinite}
@keyframes corePulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.55);opacity:0}}
.engine-svg .spoke{stroke:rgba(79,216,240,.35);stroke-dasharray:3 7;animation:flow 1.6s linear infinite}
.engine-svg .spoke.on{stroke:var(--cyan);stroke-width:2;stroke-dasharray:none;filter:drop-shadow(0 0 6px var(--cyan))}
@keyframes flow{to{stroke-dashoffset:-20}}
.node circle{fill:rgba(13,30,37,.9)!important;stroke:url(#nodeG)!important;stroke-width:1.5!important}
.node:hover circle{fill:rgba(20,44,54,.95)!important}
.node.on circle{fill:var(--cyan)!important;stroke:var(--cyan)!important;filter:drop-shadow(0 0 18px rgba(79,216,240,.7))}
.dots button{border-radius:99px;height:4px}

/* ways: separated glass cards */
.ways{background:none!important;border:0!important;gap:14px!important;overflow:visible!important}
.way{min-height:400px}
.way:after{border-radius:16px 16px 0 0}
.way blockquote{border-top-color:var(--glass-line)}
.ways-foot{border-radius:16px!important}

/* method: glass step cards on a glowing rail */
.steps{gap:14px}
.steps:before,.steps:after{top:45px!important;left:24px!important;right:24px!important}
.step{padding:18px 20px 22px!important}
.step i{background:linear-gradient(140deg,rgba(79,216,240,.25),rgba(91,108,255,.15))!important;border-color:rgba(79,216,240,.5)!important;border-radius:14px!important}
.step.in i{background:var(--cyan)!important}
.step h3{margin-top:18px!important}
.rules span{background:var(--glass);border:1px solid var(--glass-line);border-radius:99px;padding:10px 18px}
.rules{border-top:0!important;gap:12px!important}

/* AI: two glass panels with icon chips */
.split{border:0!important;gap:12px;overflow:visible!important}
.split div{padding:22px!important}
.split div+div{border-left:1px solid rgba(79,216,240,.35)!important;background:linear-gradient(160deg,rgba(79,216,240,.16),rgba(91,108,255,.08)),rgba(9,20,26,.6)!important}
.split li{display:flex;align-items:center;gap:10px}
.split li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dim);flex:none}
.split div+div li:before{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}

/* results (light): modern light canvas */
.results{background:radial-gradient(800px 400px at 0% 0%,rgba(79,216,240,.18),transparent 70%),radial-gradient(700px 400px at 100% 100%,rgba(91,108,255,.12),transparent 70%),linear-gradient(180deg,#f3f7f8,#e9eff1)!important}
.receipts{border-top:0!important;gap:14px;display:grid}
.receipt,.receipt:not(:nth-child(3n+1)),.receipt:nth-child(even){background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9)!important;border-radius:16px;padding:24px 24px 22px!important;box-shadow:0 20px 40px -28px rgba(10,30,40,.35),inset 0 1px 0 #fff;backdrop-filter:blur(10px);transition:transform .35s,box-shadow .35s}
.receipt:hover{transform:translateY(-5px);box-shadow:0 30px 50px -28px rgba(10,30,40,.45)}
.results .spot:before{background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(79,216,240,.22),transparent 60%)}
.rbar{display:grid;gap:5px;margin-top:16px}
.rbar i{display:block;height:6px;border-radius:99px;width:0;transition:width 1.2s cubic-bezier(.2,.8,.2,1) .15s}
.rbar i:first-child{background:#c7d3d6}
.rbar i:last-child{background:linear-gradient(90deg,#00a3b5,#4fd8f0)}
.receipt.in .rbar i{width:var(--w)}
.testimonial{background:rgba(255,255,255,.72);border:1px solid #fff;border-radius:20px;padding:clamp(26px,4vw,44px);box-shadow:0 30px 60px -36px rgba(10,30,40,.4)}
.results-foot{border-top:0!important}

/* debate */
.debate-card{border-radius:20px!important;overflow:hidden}
.debate-card:before{content:"";position:absolute;width:380px;height:380px;right:-140px;bottom:-160px;border-radius:50%;background:radial-gradient(circle,rgba(91,108,255,.35),transparent 65%);filter:blur(30px)}
.debate-words span:first-child{background:linear-gradient(180deg,#fff,#b9f2fb);-webkit-background-clip:text;background-clip:text;color:transparent}

/* fit stages */
.stage{padding:26px!important}
.stage-bar{height:6px!important;border-radius:99px;background:rgba(255,255,255,.06)!important}
.stage-bar i{border-radius:99px;background:linear-gradient(90deg,#5b6cff,var(--cyan))!important;box-shadow:0 0 14px rgba(79,216,240,.5)}
.rebuild{border-radius:16px!important;border-style:solid!important;border-color:var(--glass-line)!important;background:var(--glass)}

/* CTA */
.cta-ghost{-webkit-text-stroke:1.5px transparent!important;background:linear-gradient(90deg,rgba(79,216,240,.35),rgba(91,108,255,.3));-webkit-background-clip:text;background-clip:text;color:transparent!important;opacity:.35}
.cta:before{background:radial-gradient(700px 400px at 85% 100%,rgba(79,216,240,.22),transparent 70%)!important}

/* footer */
footer{border-top:0!important;position:relative}
footer:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(79,216,240,.4),rgba(91,108,255,.3),transparent)}

/* interior bits */
.kicker b{background:linear-gradient(90deg,var(--cyan),#8fe7f7)!important}
.voice{border-radius:0 14px 14px 0}
.trio{border:0!important;gap:14px;margin:44px 0}
.trio div,.trio div:first-child{padding:26px 24px!important;border:1px solid var(--glass-line)!important}
.big-proof{gap:0}
.big-proof b{background:linear-gradient(180deg,#fff 30%,#a9eefa);-webkit-background-clip:text;background-clip:text;color:transparent}
.big-proof b i{-webkit-text-fill-color:var(--cyan)}
.voices{gap:14px}
.vq cite i{background:linear-gradient(140deg,rgba(79,216,240,.35),rgba(91,108,255,.25))}
.scars{gap:14px}
.scar:hover{transform:translateY(-6px);border-color:rgba(255,159,92,.6)!important;box-shadow:0 0 40px -12px rgba(255,159,92,.4)}
.scar.spot:before{background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(255,159,92,.14),transparent 60%)}
.creed{background:linear-gradient(120deg,#4fd8f0,#7fe3f4 45%,#8fa0ff)!important;border-radius:20px!important;box-shadow:0 40px 80px -40px rgba(79,216,240,.6)}
.beliefs{background:none!important;border:0!important;gap:14px;overflow:visible!important}
.belief h3:before{background:linear-gradient(140deg,var(--cyan),#5b6cff);border-radius:3px}
.score-list li{border-bottom-color:var(--glass-line)!important}
.score-list li:hover{color:var(--cyan)}
.path div:after{background:linear-gradient(90deg,var(--cyan),#5b6cff)!important}
.systems{border-radius:16px}
.subnav{border-bottom:0!important}
.subnav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(79,216,240,.3),transparent)}
.subnav a.on{border-bottom-color:transparent!important;background:var(--cyan-soft);border-radius:99px;margin:8px 0;padding:8px 14px}
.subnav .wrap{align-items:center;min-height:52px}
.direct a{border-bottom-color:var(--glass-line)}

@media (max-width:880px){
  .pc-1{left:-6px;top:22%}.pc-2{right:-6px}
  .proof-grid div,.proof-grid div:first-child,.proof-grid div:nth-child(odd){padding:20px 18px!important}
  .proof-grid div:nth-child(-n+2){border-bottom:1px solid var(--glass-line)!important}
  .steps:before,.steps:after{display:none}
  .step{grid-template-columns:54px 1fr!important}
}
@media (max-width:560px){.way{min-height:0}}
@media (prefers-reduced-motion:reduce){.engine-svg .spoke,.engine-svg .core-pulse{animation:none}.rbar i{transition:none}}
.spot>.stage-bar{position:absolute}
.steps:before,.steps:after{display:none!important}
.split li{align-items:flex-start}.split li:before{margin-top:.75em}

/* ================= AI STAGE ================= */
.ai-stage{position:relative;display:grid;grid-template-columns:1fr 260px 1.15fr;gap:0;align-items:stretch;border-radius:20px;padding:28px;background:radial-gradient(600px 300px at 50% 50%,rgba(79,216,240,.12),transparent 70%),var(--glass),rgba(7,16,21,.8);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 50px 100px -50px rgba(0,0,0,.9);overflow:hidden;min-height:400px}
.ai-stage:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(79,216,240,.6),transparent 30%,transparent 70%,rgba(91,108,255,.55));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.ai-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(170,225,233,.12) 1px,transparent 1.2px) 0 0/22px 22px;mask-image:linear-gradient(90deg,#000,transparent 40%,transparent 60%,#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent 40%,transparent 60%,#000);pointer-events:none}
.ai-k{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:14px;position:relative;z-index:2}
.ai-k em{font-style:normal;border:1px solid var(--glass-line);border-radius:99px;padding:3px 8px;font-size:10px}
.ai-in,.ai-out{position:relative;z-index:2;min-width:0}
/* incoming signal chips */
.ai-stream{position:relative;height:calc(100% - 32px);min-height:300px;overflow:hidden;mask-image:linear-gradient(90deg,#000 55%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent)}
.ai-stream span{position:absolute;left:0;top:var(--y);white-space:nowrap;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--text);padding:7px 11px;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid var(--glass-line);animation:sig 8s linear infinite;animation-delay:var(--d)}
.ai-stream span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:8px;vertical-align:1px;box-shadow:0 0 8px var(--cyan)}
.ai-stream span:nth-child(3n):before{background:#8fa0ff;box-shadow:0 0 8px #8fa0ff}
.ai-stream span:nth-child(4n):before{background:var(--warn);box-shadow:0 0 8px var(--warn)}
@keyframes sig{0%{transform:translateX(-30%) translateY(0);opacity:0}10%{opacity:1}70%{opacity:1}100%{transform:translateX(260%) translateY(calc((50% - var(--y)) * 1.2));opacity:0}}
/* core orb */
.ai-core{position:relative;z-index:1;display:grid;place-items:center}
.orb{position:relative;width:200px;height:200px;display:grid;place-items:center}
.orb:before{content:"";position:absolute;inset:18px;border-radius:50%;background:conic-gradient(from 0deg,#4fd8f0,#5b6cff,#4fd8f0 40%,transparent 60%,#4fd8f0);filter:blur(18px);opacity:.55;animation:spin 6s linear infinite}
.orb i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(79,216,240,.35)}
.orb i:nth-child(1){inset:4px;border-style:dashed;animation:spin 18s linear infinite}
.orb i:nth-child(2){inset:26px;border-color:rgba(91,108,255,.45);animation:spin 12s linear infinite reverse}
.orb i:nth-child(3){inset:-14px;border-color:rgba(79,216,240,.2);animation:orbPing 2.6s ease-out infinite}
@keyframes orbPing{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.2);opacity:0}}
.orb-c{position:relative;width:120px;height:120px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(79,216,240,.35),#08141a 70%);border:1px solid rgba(79,216,240,.7);box-shadow:0 0 50px rgba(79,216,240,.35),inset 0 0 30px rgba(79,216,240,.2)}
.orb-c b{font-family:var(--brand);font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:.02em}
.orb-c span{font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px;max-width:96px;line-height:1.4}
.ai-stage.thinking .orb-c{box-shadow:0 0 80px rgba(79,216,240,.65),inset 0 0 40px rgba(79,216,240,.35)}
.beam{position:absolute;left:50%;right:-28px;top:50%;width:calc(50% + 28px);height:10px;transform:translateY(-50%);overflow:visible;z-index:-1}
.beam line{stroke:var(--cyan);stroke-width:1.5;stroke-dasharray:4 6;animation:flow 1s linear infinite;filter:drop-shadow(0 0 4px var(--cyan))}
/* action card */
.ai-card{position:relative;border-radius:14px;padding:18px 18px 16px;background:linear-gradient(160deg,rgba(79,216,240,.14),rgba(91,108,255,.07)),rgba(10,24,30,.9);border:1px solid rgba(79,216,240,.45);box-shadow:0 0 40px -12px rgba(79,216,240,.5);transition:transform .4s,opacity .4s}
.ai-card.enter{transform:translateY(10px) scale(.98);opacity:0}
.ai-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:12px}
.ai-tag{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan-ink);background:var(--cyan);border-radius:99px;padding:4px 9px}
.ai-sig{font-family:var(--mono);font-size:11px;color:var(--muted)}
.ai-act{margin:0;font-size:18px;line-height:1.4;font-weight:500;min-height:3.6em;color:var(--text)}
.caret{display:inline-block;width:2px;height:1.1em;background:var(--cyan);margin-left:2px;vertical-align:-3px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.ai-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--glass-line);font-size:13px}
.ai-human{display:flex;align-items:center;gap:8px;color:var(--muted)}
.ai-human i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--dim);display:grid;place-items:center;transition:.3s}
.ai-human.ok{color:#3ef08a}
.ai-human.ok i{border-color:#3ef08a;background:#3ef08a;box-shadow:0 0 12px rgba(62,240,138,.6)}
.ai-human.ok i:after{content:"";width:6px;height:3px;border-left:2px solid #052; border-bottom:2px solid #052;transform:rotate(-45deg) translate(1px,-1px)}
.ai-human b{font-weight:500}
.ai-time{font-family:var(--mono);font-size:11px;color:var(--dim)}
.ai-hist{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.ai-hist li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--glass-line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:histIn .5s ease}
.ai-hist li:nth-child(2){opacity:.55}
.ai-hist li b{flex:none;font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#3ef08a}
@keyframes histIn{from{opacity:0;transform:translateY(-6px)}}
/* lanes under the stage */
.ai-lanes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.ai-lanes div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:18px 20px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line)}
.ai-lanes small{width:100%;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
.ai-lanes div+div small{color:var(--cyan)}
.ai-lanes span{font-size:14px;padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid var(--glass-line)}
.ai-lanes div+div span{border-color:rgba(79,216,240,.35);background:var(--cyan-soft)}
/* compact (inside What We Do chapter) */
.ai-stage.compact{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:22px;min-height:0}
.ai-stage.compact .ai-stream{min-height:130px;height:130px}
.ai-stage.compact .ai-stream span{animation-name:sigc}
@keyframes sigc{0%{transform:translateX(-30%);opacity:0}10%{opacity:1}75%{opacity:1}100%{transform:translateX(320%);opacity:0}}
.ai-stage.compact .ai-stream span{font-size:11px;padding:5px 9px}
.ai-stage.compact .orb{width:160px;height:160px;margin:6px 0 10px}
.ai-stage.compact .orb-c{width:100px;height:100px}
.ai-stage.compact .beam{display:none}
.ai-stage.compact .ai-stream span[style*="--y:86%"],.ai-stage.compact .ai-stream span[style*="--y:70%"]{display:none}
@media (max-width:980px){.ai-stage{grid-template-columns:1fr;padding:22px}.ai-stream{min-height:150px;height:150px}.ai-stream span{animation-name:sigc}.orb{width:170px;height:170px;margin:8px auto}.beam{display:none}.ai-lanes{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ai-stream span{animation:none;opacity:1;transform:translateX(calc(var(--y) * 2))}.orb:before,.orb i,.caret,.beam line{animation:none}}

/* debate card: no overlapping lines */
.debate-words{line-height:1.02!important}
.debate-words span{padding-bottom:.06em}
.debate-words span:nth-child(2){line-height:1}

/* ===== about: no orange ===== */
.scar small{color:var(--cyan)!important}
.scar:hover{border-color:rgba(79,216,240,.4)!important;box-shadow:0 0 40px -12px rgba(79,216,240,.35)!important}
.scar.spot:before{background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(79,216,240,.14),transparent 60%)!important}
.verdict .serif{color:var(--cyan)!important}

/* ===== about: arena card fills the left column ===== */
.arena-card{position:relative;margin-top:36px;padding:clamp(24px,3vw,36px);border-radius:20px;overflow:hidden;background:radial-gradient(420px 260px at 0% 0%,rgba(79,216,240,.2),transparent 70%),radial-gradient(380px 260px at 100% 100%,rgba(91,108,255,.22),transparent 70%),var(--glass),rgba(9,20,26,.7);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 80px -40px rgba(0,0,0,.9)}
.arena-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(79,216,240,.6),transparent 40%,transparent 65%,rgba(91,108,255,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.arena-card small{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.arena-card .arena-hit{margin:14px 0 26px;font-size:clamp(38px,4.4vw,62px)}
.arena-sign{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--glass-line)}
.arena-sign .mark{height:34px;width:auto;color:var(--text)}
.arena-sign span{font-size:13px;color:var(--muted)}
.arena-sign b{display:block;font-size:15px;color:var(--text);font-weight:600}
.split-copy>div:first-child{position:sticky;top:110px}
@media (max-width:880px){.split-copy>div:first-child{position:static}}

/* ===== results: one consistent brand blue on light backgrounds ===== */
:root{--cyan-ink-text:#0a8fb0}
.results .label{color:var(--cyan-ink-text)!important}
.results .serif{color:var(--ink)!important;background:linear-gradient(transparent 12%,var(--cyan) 12%,var(--cyan) 92%,transparent 92%);padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone;text-shadow:none!important}
.receipt b i{color:var(--cyan-ink-text)!important}
.testimonial .q{color:var(--cyan)!important}
.testimonial blockquote em{color:var(--cyan-ink-text)!important}
.rbar i:last-child{background:linear-gradient(90deg,var(--cyan-ink-text),var(--cyan))!important}
.results .link{color:var(--ink)!important;border-bottom-color:var(--cyan)!important}
.arena-grid{align-items:end}
.arena-grid>div:first-child{position:static}
.arena-grid .copy{padding-bottom:8px}

/* ===== about: the new scorecard ===== */
.scoreboard{margin-top:44px;border-radius:20px;overflow:hidden;background:radial-gradient(700px 300px at 100% 0%,rgba(91,108,255,.16),transparent 70%),radial-gradient(600px 300px at 0% 100%,rgba(79,216,240,.12),transparent 70%),var(--glass),rgba(7,16,21,.8);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 50px 100px -50px rgba(0,0,0,.9);position:relative}
.scoreboard:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(79,216,240,.6),transparent 30%,transparent 70%,rgba(91,108,255,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.sb-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:18px 28px;border-bottom:1px solid var(--glass-line);font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.sb-old{color:var(--dim)}
.sb-old s{position:relative;text-decoration:none;color:var(--muted);margin-left:8px;font-size:14px}
.sb-old s:after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.2,.8,.2,1) .3s}
.scoreboard.in .sb-old s:after{transform:scaleX(1)}
.sb-new{color:var(--cyan)}
.sb-live{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--muted)}
.sb-live i{width:8px;height:8px;border-radius:50%;background:#3ef08a;animation:ping 2s infinite}
.sb-row{display:grid;grid-template-columns:64px 1fr auto;gap:24px;align-items:center;padding:26px 28px;border-bottom:1px solid var(--glass-line);position:relative;transition:background .35s}
.sb-row:last-child{border-bottom:0}
.sb-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--cyan),#5b6cff);transform:scaleY(0);transition:transform .35s}
.sb-row:hover{background:rgba(79,216,240,.05)}
.sb-row:hover:before{transform:scaleY(1)}
.sb-n{font-family:var(--brand);font-weight:800;font-size:44px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(79,216,240,.55)}
.sb-row:hover .sb-n{color:var(--cyan);-webkit-text-stroke:0;text-shadow:0 0 20px rgba(79,216,240,.5)}
.sb-q small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}
.sb-q p{margin:0;font-size:clamp(20px,2.3vw,30px);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--text)}
.flap{display:flex;gap:5px}
.flap b{position:relative;display:grid;place-items:center;width:44px;height:58px;border-radius:8px;background:linear-gradient(180deg,#14262e 0 49%,#0c1a20 51% 100%);border:1px solid var(--glass-line);font-family:var(--brand);font-weight:800;font-size:34px;color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 20px -10px rgba(0,0,0,.8);font-variant-numeric:tabular-nums}
.flap b:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.6)}
.flap.done b{color:var(--cyan);text-shadow:0 0 16px rgba(79,216,240,.6);border-color:rgba(79,216,240,.35)}
.flap b.tick{animation:tick .08s linear}
@keyframes tick{50%{transform:rotateX(60deg)}}
.son{margin-top:56px!important;padding-left:28px;border-left:3px solid var(--cyan)}
@media (max-width:700px){
  .sb-row{grid-template-columns:44px 1fr;gap:14px;padding:22px 18px}
  .flap{grid-column:2;margin-top:4px}
  .flap b{width:34px;height:44px;font-size:26px}
  .sb-n{font-size:32px}
  .sb-head{padding:16px 18px}
  .sb-live{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.sb-old s:after{transition:none}}

/* ===== scoreboard: live counts ===== */
.sb-row{grid-template-columns:64px 1fr auto!important}
.sb-act{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.flap:not(.done) b{color:var(--dim)}
.sb-me{font:inherit;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;padding:8px 14px;border-radius:99px;border:1px solid rgba(79,216,240,.45);background:var(--cyan-soft);transition:background .25s,color .25s,transform .2s,box-shadow .25s;white-space:nowrap}
.sb-me:hover{background:var(--cyan);color:var(--cyan-ink);box-shadow:0 0 24px -4px rgba(79,216,240,.6);transform:translateY(-1px)}
.sb-me.on{background:transparent;border-color:rgba(62,240,138,.5);color:#3ef08a;cursor:default;box-shadow:none;transform:none}
.sb-me.on:before{content:"\2713  "}
.sb-row.pop{background:rgba(79,216,240,.1)}
.sb-row.pop .sb-n{color:var(--cyan);-webkit-text-stroke:0}
.sb-foot{padding:18px 28px;border-top:1px solid var(--glass-line);font-size:14px;color:var(--muted)}
.sb-foot b{color:var(--text);font-weight:600}
.sb-foot a{color:var(--cyan);border-bottom:1px solid rgba(79,216,240,.4);margin-left:4px}
@media (max-width:700px){.sb-act{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.sb-row{grid-template-columns:44px 1fr!important}.sb-foot{padding:16px 18px}}
.sb-q{min-width:0}
@media (max-width:700px){.sb-act{min-width:0;flex-wrap:wrap;gap:10px;justify-content:flex-start}.sb-row{overflow:hidden}}

/* ===== scoreboard: no counts, no ranking ===== */
.sb-row{grid-template-columns:36px 1fr!important;gap:18px!important}
.sb-n{width:14px;height:14px;font-size:0;border-radius:3px;transform:rotate(45deg);background:linear-gradient(140deg,var(--cyan),#5b6cff);box-shadow:0 0 14px rgba(79,216,240,.45);-webkit-text-stroke:0;justify-self:center}
.sb-row:hover .sb-n{box-shadow:0 0 22px rgba(79,216,240,.8)}
.sb-head{justify-content:flex-start}
@media (max-width:700px){.sb-row{grid-template-columns:24px 1fr!important}}

/* ================= DIAGNOSTIC PAGE ================= */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:30px}
.facts span{display:block;padding:14px 14px 12px;border-radius:14px;background:var(--glass),rgba(9,20,26,.6);border:1px solid var(--glass-line);font-size:12px;color:var(--muted);line-height:1.35}
.facts b{display:block;font-family:var(--brand);font-weight:800;font-size:22px;text-transform:uppercase;color:var(--text);letter-spacing:.01em;margin-bottom:2px}
.phero .hero-cta{margin-top:28px}
/* report mock */
.report{position:relative;border-radius:18px;overflow:hidden;background:var(--glass),rgba(9,20,26,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 60px 100px -40px rgba(0,0,0,.95),0 0 80px -30px rgba(79,216,240,.35);transform:perspective(1400px) rotateY(-8deg) rotateX(3deg);transition:transform .6s}
.report:hover{transform:perspective(1400px) rotateY(-3deg) rotateX(1deg)}
.report:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(79,216,240,.65),transparent 35%,transparent 70%,rgba(91,108,255,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.report-head{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--glass-line)}
.report-mark{display:flex;align-items:center;gap:10px;font-family:var(--brand);font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:.02em}
.report-mark svg{height:22px;width:auto;color:var(--text)}
.report-body{padding:20px 22px 22px}
.report-body>small,.report-find small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}
.mini-bars{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-bottom:18px}
.mini-bars div{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.mini-bars i{display:block;height:6px;border-radius:99px;background:rgba(255,255,255,.07);position:relative;overflow:hidden}
.mini-bars i:after{content:"";position:absolute;inset:0;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#5b6cff,var(--cyan))}
.mini-bars .bad span{color:var(--text);font-weight:600}
.mini-bars .bad i:after{background:linear-gradient(90deg,rgba(255,159,92,.5),var(--warn))}
.report-find{padding:14px 16px;border-radius:12px;background:rgba(255,159,92,.07);border:1px solid rgba(255,159,92,.3);margin-bottom:18px}
.report-find small{color:var(--warn);margin-bottom:6px}
.report-find b{display:block;font-size:17px;font-weight:600;line-height:1.3}
.report-find p{margin:6px 0 0;font-size:13px;color:var(--muted);line-height:1.5}
.report-plan{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.report-plan li{display:grid;grid-template-columns:96px 1fr;gap:10px;font-size:13px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--glass-line)}
.report-plan b{font-family:var(--mono);font-weight:500;font-size:11px;color:var(--cyan);letter-spacing:.04em;padding-top:1px}
/* symptoms */
.symptoms{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.symptoms div,.exam div,.needs div,.timeline article,.deliver article,.forward article{background:var(--glass),rgba(9,20,26,.6);border:1px solid var(--glass-line);border-radius:16px;padding:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .35s,border-color .35s,box-shadow .35s}
.symptoms div:hover,.exam div:hover,.needs div:hover,.timeline article:hover,.deliver article:hover,.forward article:hover{transform:translateY(-5px);border-color:rgba(79,216,240,.35);box-shadow:0 0 40px -14px rgba(79,216,240,.35)}
.symptoms b,.exam b,.needs b{display:block;font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-bottom:8px}
.symptoms span,.exam span,.needs span{display:block;color:var(--muted);font-size:15px;line-height:1.5}
.symptoms b:before{content:"";display:block;width:28px;height:2px;background:linear-gradient(90deg,var(--cyan),#5b6cff);margin-bottom:16px}
/* timeline */
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative}
.timeline .wk{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-ink);background:linear-gradient(90deg,var(--cyan),#8fe7f7);border-radius:99px;padding:5px 11px}
.timeline h3{margin:16px 0 10px;font-size:24px}
.timeline p{color:var(--muted);font-size:15px;margin:0 0 16px}
.timeline ul{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--glass-line);display:flex;flex-wrap:wrap;gap:6px}
.timeline li{font-size:12px;padding:5px 10px;border-radius:99px;border:1px solid var(--glass-line);color:var(--text)}
.timeline article:not(:last-child):after{content:"";position:absolute;top:38px;right:-15px;width:16px;height:2px;background:linear-gradient(90deg,var(--cyan),#5b6cff)}
.timeline article{position:relative}
/* exam */
.exam{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.exam b{display:flex;align-items:center;gap:10px}
.exam b:before{content:"";width:9px;height:9px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(140deg,var(--cyan),#5b6cff);box-shadow:0 0 10px rgba(79,216,240,.5)}
/* deliverables */
.deliver{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.deliver article.feature{grid-row:span 2;background:radial-gradient(400px 300px at 0% 0%,rgba(79,216,240,.22),transparent 70%),radial-gradient(400px 300px at 100% 100%,rgba(91,108,255,.2),transparent 70%),var(--glass),rgba(9,20,26,.7);border-color:rgba(79,216,240,.35)}
.deliver article.feature h3{font-size:clamp(26px,2.6vw,36px)}
.deliver small,.forward small{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.deliver h3,.forward h3{margin:12px 0 8px;font-size:20px}
.deliver p,.forward p{margin:0;color:var(--muted);font-size:15px}
.deliver{grid-template-columns:1.3fr 1fr 1fr}
/* needs */
.needs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
/* forward */
.forward{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.forward article.hl{border-color:rgba(79,216,240,.4);background:linear-gradient(160deg,rgba(79,216,240,.14),rgba(91,108,255,.08)),rgba(9,20,26,.7)}
/* faq */
.faq-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(40px,6vw,90px);align-items:start}
.faq{display:grid;gap:10px}
.faq details{border-radius:14px;background:var(--glass),rgba(9,20,26,.6);border:1px solid var(--glass-line);transition:border-color .3s}
.faq details[open]{border-color:rgba(79,216,240,.35)}
.faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-size:17px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-family:var(--mono);font-size:20px;color:var(--cyan);transition:transform .3s;flex:none}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{margin:0;padding:0 22px 20px;color:var(--muted)}
@media (max-width:1024px){.facts{grid-template-columns:repeat(2,1fr)}.needs{grid-template-columns:1fr 1fr}.deliver{grid-template-columns:1fr 1fr}.deliver article.feature{grid-column:1/-1;grid-row:auto}}
@media (max-width:880px){.report{transform:none;margin-top:12px}.symptoms,.exam,.timeline,.forward,.faq-wrap{grid-template-columns:1fr}.timeline article:after{display:none}}
@media (max-width:560px){.needs,.deliver{grid-template-columns:1fr}.mini-bars{grid-template-columns:1fr}.report-plan li{grid-template-columns:1fr;gap:2px}.facts b{font-size:19px}}
.report-plan li{grid-template-columns:116px 1fr}
.report-plan b{white-space:nowrap}
.dx-hero h1{font-size:clamp(40px,4.8vw,70px)}
/* auto: strip gradients, filters, clips (brand: no gradients/glows/glass) */
.ai-card,
.ai-stage,
.ai-stage:after,
.ai-stage:before,
.arena-card,
.arena-card:after,
.belief h3:before,
.big-proof b,
.btn:after,
.creed,
.cta-ghost,
.cta:after,
.cta:before,
.debate-card,
.debate-card:before,
.debate-words span:first-child,
.deliver article.feature,
.engine,.ai,.fit,.chapter:nth-of-type(even),[style*="--bg-2"],
.exam b:before,
.flap b,
.forward article.hl,
.hero-bg,
.hero:after,.phero:after,
.hero:before,.phero:before,
.kicker b,
.mini-bars .bad i:after,
.mini-bars i:after,
.orb-c,
.orb:before,
.path div:after,
.portrait-arch,
.portrait-arch:before,
.portrait-glow,
.portrait:after,
.proof-grid b,
.pull,
.rbar i:last-child,
.report:after,
.results,
.results .serif,
.results .spot:before,
.sb-n,
.sb-row:before,
.scan,
.scan-beam,
.scan:after,.viz:after,.form-card:after,.detail:after,.vq.feature:after,.float-card:after,
.scar.spot:before,
.scoreboard,
.scoreboard:after,
.section+.section:before,.engine:before,.ai:before,.fit:before,.chapter:before,.proof:before,
.split div+div,
.spot:before,
.srow .bar i,
.srow.bad .bar i,
.stage-bar i,
.step i,
.steps:before,
.subnav:after,
.symptoms b:before,
.systems .core,
.systems svg,
.tilt .scan:before,
.timeline .wk,
.timeline article:not(:last-child):after,
.viz,
.voice,
.vq cite i,
.vq.feature,
.way-icon,
.way:before,
.ways-foot,
footer:before{background-image:none!important}
.ascent .ms circle,
.ascent .path,
.beam line,
.debate-card:before,
.engine-svg .halo,
.engine-svg .spark,
.engine-svg .spoke.on,
.hero:before,.hero:after,.phero:before,.phero:after,.cta:after,
.node.on circle,
.orb:before,
.portrait-glow,
.portrait-img{filter:none!important}
.big-proof b,
.cta-ghost,
.debate-words span:first-child,
.proof-grid b{-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:inherit}

/* ================= BRAND V1 (Krafted Revenue Brand Guidelines) ================= */
/* Dark first: Midnight base, Off White text, Signal Cyan accent (about 10% of a screen). Manrope only. No gradients, shadows, glows or glass. */
:root{
  --kr-midnight:#061015; --kr-cyan:#4FD8F0; --kr-teal:#0A7489; --kr-offwhite:#F2F7F8; --kr-muted:#A9BCC1;
  --kr-surface:#13262E; --kr-pattern:#132830; --kr-mist:#EEF4F5;
  --kr-font:'Manrope','Helvetica Neue',sans-serif; --kr-radius-card:14px; --kr-radius-pill:999px;
  --bg:#061015; --bg-2:#061015; --surface:#13262E; --surface-2:#13262E;
  --text:#F2F7F8; --muted:#A9BCC1; --dim:#A9BCC1;
  --cyan:#4FD8F0; --cyan-soft:rgba(79,216,240,.10); --cyan-ink:#061015; --warn:#4FD8F0;
  --line:rgba(169,188,193,.14); --line-2:rgba(169,188,193,.28); --glass:none; --glass-line:transparent;
  --sans:var(--kr-font); --serif:var(--kr-font); --brand:var(--kr-font); --mono:var(--kr-font);
  --paper:#EEF4F5; --ink:#061015; --ink-muted:#3E5259; --ink-line:rgba(6,16,21,.14);
  color-scheme:dark;
}
*,*:before,*:after{box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body{background:var(--kr-midnight);color:var(--kr-offwhite);font-family:var(--kr-font);font-weight:400;font-size:18px;line-height:28px}
body:after{display:none!important}
a{color:inherit}
:focus-visible{outline:2px solid var(--kr-cyan);outline-offset:3px}

/* decorative layers retired by the guidelines */
.hero-bg,.ascent,.portrait-glow,.float-card,.ghost,.cta-ghost,.scan-beam,.swash svg,
.hero:before,.hero:after,.phero:before,.phero:after,.cta:before,.cta:after,
.section+.section:before,.engine:before,.ai:before,.fit:before,.chapter:before,.proof:before,footer:before,.subnav:after,
.scan:after,.viz:after,.form-card:after,.detail:after,.vq.feature:after,.report:after,.arena-card:after,.scoreboard:after,.ai-stage:before,.ai-stage:after,
.tilt .scan:before,.debate-card:before,.spot:before,.orb:before,.engine-svg .halo,.portrait:after,.portrait:before,.btn:after{display:none!important}

/* ---------- type ---------- */
h1,h2,h3{font-family:var(--kr-font);text-wrap:balance}
.hero h1,.phero h1,.dx-hero h1{font-size:64px;line-height:61px;font-weight:800;letter-spacing:-.04em;margin:0 0 28px}
h2{font-size:40px;line-height:44px;font-weight:800;letter-spacing:-.03em}
h3{font-size:24px;line-height:30px;font-weight:700;letter-spacing:-.01em}
.serif,.hero h1 .serif,.phero h1 .serif{font-family:var(--kr-font)!important;font-style:normal!important;font-weight:inherit!important;text-transform:none!important;letter-spacing:inherit!important;font-size:1em!important;line-height:inherit!important;color:var(--kr-cyan)}
h1 .serif,h2 .serif{display:block}
.son .serif,.bigpull .serif,.verdict .serif,.honest .serif{display:inline;color:var(--kr-cyan)}
.swash{white-space:normal!important}
.lede{font-size:18px;line-height:28px;color:var(--kr-muted);max-width:640px}
.label,.results .label{font-family:var(--kr-font);font-size:13px;line-height:16px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--kr-cyan)}
.label:before{display:none}
.results .label{color:var(--kr-teal)!important}
.proof-line{display:flex;flex-wrap:wrap;align-items:center;row-gap:8px;margin:0;font-size:17px;line-height:24px;font-weight:500;color:var(--kr-muted)}
.proof-line span+span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--kr-cyan);margin:0 14px;vertical-align:middle;position:relative;top:-2px}

/* ---------- buttons ---------- */
.btn{font-family:var(--kr-font);font-weight:800;font-size:17px;line-height:20px;padding:12px 24px;min-height:44px;border-radius:999px;background:var(--kr-cyan);color:var(--kr-midnight);border:0;overflow:visible}
.btn:hover{background:#49C7DD;transform:none}
.btn-ghost{background:transparent;color:var(--kr-offwhite);border:1.5px solid var(--kr-offwhite)}
.btn-ghost:hover{background:rgba(242,247,248,.08)}
.hero-link{color:var(--kr-muted);font-weight:500;font-size:17px;border-bottom:1px solid var(--line-2);padding-bottom:2px}
.hero-link:hover{color:var(--kr-offwhite)}

/* ---------- header + lockups ---------- */
.nav,.nav.scrolled{background:var(--kr-midnight);border-bottom:1px solid var(--line)}
.nav-in{height:72px}
.brand{display:flex;align-items:center;gap:14px;color:var(--kr-offwhite)}
.kr-tile{width:36px;height:36px;flex:none;display:block}
.kr-wordmark{font-family:var(--kr-font);font-weight:800;letter-spacing:.03em;text-transform:uppercase;font-size:22px;line-height:1;white-space:nowrap;color:var(--kr-offwhite)}
.kr-cap{font-size:1.2em}
.nav-links{gap:28px}
.nav-links a:not(.btn){font-size:15px;font-weight:500;color:var(--kr-muted)}
.nav-links a:not(.btn):hover,.nav-links a.active{color:var(--kr-offwhite)!important}
.nav-links a.active:after{background:var(--kr-cyan)}
.nav-links .btn{font-size:15px;padding:10px 20px;min-height:44px}
/* footer: stacked lockup, tagline, contact */
footer{border-top:1px solid var(--line)!important;padding:56px 0}
.foot{align-items:flex-start}
.foot-brand{display:flex;flex-direction:column;gap:14px}
.brand.stacked{gap:12px;align-items:center}
.brand.stacked .kr-tile{width:42px;height:42px}
.brand.stacked .kr-wordmark{font-size:22px;line-height:1.05}
.tagline{font-size:13px;line-height:16px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--kr-cyan)}
.foot-mail{color:var(--kr-cyan);font-size:15px}
.foot nav a{color:var(--kr-muted);font-size:15px}
.foot nav a:hover{color:var(--kr-offwhite)}
.foot>span{color:var(--kr-muted);font-size:14px}

/* ---------- layout + motifs ---------- */
.section{padding:clamp(64px,9vw,128px) 0}
.engine,.ai,.fit,.chapter,.chapter:nth-of-type(even),[style*="--bg-2"]{background:var(--kr-midnight)!important}
.hero{min-height:0;padding:150px 0 260px;border-bottom:0;overflow:hidden;position:relative}
.hero-grid{grid-template-columns:1fr 1fr;row-gap:28px;align-items:start}
.hero-grid>div:first-child{display:contents}
.hero-grid h1{grid-column:1/-1;grid-row:1;margin:0;max-width:1100px}
.hero-grid .proof-line{grid-column:1;grid-row:2;max-width:520px}
.hero-grid .hero-cta{grid-column:1;grid-row:3;align-items:center;gap:20px;margin-top:8px}
.hero-grid .stage3d{grid-column:2;grid-row:2/5;max-width:none;justify-self:stretch}
.tilt,.tilt:hover{transform:none!important}
.motif-trail{position:absolute;left:0;bottom:0;width:432px;height:324px;background:url(assets/chevron-trail.svg) no-repeat left bottom/432px 324px;pointer-events:none}
.cta{background:url(assets/ghost-crown.svg) no-repeat calc(100% + 140px) 50%/560px auto,var(--kr-midnight);border-top:1px solid var(--line)}
.phero{border-bottom:1px solid var(--line)}

/* ---------- cards: Surface, 14px radius, 32px padding, no border or shadow ---------- */
.way,.stage,.scar,.belief,.vq,.path div,.trio div,.trio div:first-child,.step,.split div,.symptoms div,.exam div,.needs div,.timeline article,.deliver article,.forward article,.ai-lanes div,.big-proof div,.systems div{background:var(--kr-surface)!important;border:0!important;border-radius:14px!important;padding:32px!important}
.way:hover,.stage:hover,.scar:hover,.belief:hover,.vq:hover,.path div:hover,.trio div:hover,.step:hover,.symptoms div:hover,.exam div:hover,.needs div:hover,.timeline article:hover,.deliver article:hover,.forward article:hover{transform:translateY(-4px);border:0!important}
.way:after{display:none}
.ways,.beliefs,.big-proof,.systems{background:none!important;border:0!important;gap:14px!important;overflow:visible!important}
.big-proof.three{grid-template-columns:repeat(3,1fr)}
.big-proof b,.big-proof b i{color:var(--kr-offwhite)!important;-webkit-text-fill-color:currentColor!important;font-size:clamp(30px,3.4vw,44px)}
.big-proof span{color:var(--kr-muted)}
.systems .core{background:var(--kr-surface)!important}
.systems .core b{font-family:var(--kr-font);font-weight:800;font-size:20px;text-transform:none}
.systems svg,.way-icon{background:var(--kr-midnight)!important;border:0!important;border-radius:12px}
.deliver article.feature,.forward article.hl{background:var(--kr-surface)!important}
.deliver article.feature h3{color:var(--kr-cyan)}
.forward article.hl h3{color:var(--kr-cyan)}
/* panels */
.scan,.viz,.form-card,.detail,.report,.arena-card,.scoreboard,.ai-stage,.debate-card,.ways-foot,.rebuild,.facts span,.faq details{background:var(--kr-surface)!important;border:0!important;border-radius:14px!important}
.report,.report:hover{transform:none!important}
.scan-foot,.report-find,.report-plan li,.ai-card,.ai-hist li,.ai-stream span,.orb-c,.hx>div{background:var(--kr-midnight)!important;border:0!important}
.scan-foot{border-top:0!important}
.report-find small,.report-find b{color:var(--kr-cyan)}
.viz.tight{overflow:hidden}
.viz .scan{background:transparent!important}
.scan-head,.report-head,.sb-head,.sb-row,.sb-foot,.viz .cap,.timeline ul,.arena-sign{border-color:var(--line)!important}
/* pills and tags */
.tags span,.roles span,.ai-lanes span,.timeline li,.scan-tag,.ai-k em,.rules span{background:transparent!important;border:1.5px solid var(--line-2)!important;border-radius:999px!important;color:var(--kr-offwhite)}
.ai-lanes div+div span{border-color:rgba(79,216,240,.5)!important}
.kicker b,.timeline .wk,.ai-tag{background:var(--kr-cyan)!important;color:var(--kr-midnight);border-radius:999px}
.kicker span,.viz-head,.ai-k,.sb-old,.ai-time,.report-body>small,.facts span{color:var(--kr-muted)}
/* bars and scores: muted bars, cyan marks the constraint */
.srow .bar,.mini-bars i,.stage-bar,.rbar i:first-child{background:rgba(169,188,193,.16)!important}
.srow .bar i,.mini-bars i:after{background:var(--kr-muted)!important}
.srow.bad .bar i,.mini-bars .bad i:after{background:var(--kr-cyan)!important}
.srow.bad span,.srow.bad b,.mini-bars .bad span,.scan-foot b{color:var(--kr-cyan)!important}
.stage-bar i{background:var(--kr-cyan)!important}
.scan-foot{background:var(--kr-midnight)!important}

/* quotes */
.pull,.voice{background:none!important;border-left:2px solid var(--kr-cyan);border-radius:0;padding:4px 0 4px 20px!important}
.creed{background:var(--kr-surface)!important;color:var(--kr-offwhite)!important}
.creed em{color:var(--kr-cyan);font-weight:800;text-decoration:none}
.creed:after{color:var(--kr-cyan);opacity:.2}
.vq.feature p em{color:var(--kr-cyan)}
.vq cite i{background:var(--kr-midnight)!important;border:0}

/* portrait: Surface arch, photo slightly desaturated */
.portrait-arch{background:var(--kr-surface)!important;border:0!important}
.portrait .portrait-img{filter:saturate(.85)!important}
.portrait-ring{border-color:rgba(169,188,193,.25)}
.portrait-cap{left:50%;right:auto;transform:translateX(-50%);bottom:16px;width:max-content;max-width:90%;background:var(--kr-midnight);border-radius:14px;padding:12px 18px;z-index:3}

/* engine diagram */
.engine-svg .ring{stroke:var(--line)}
.engine-svg .ring-d{stroke:rgba(169,188,193,.25)}
.engine-svg .spoke{stroke:rgba(169,188,193,.3)}
.engine-svg .spoke.on{stroke:var(--kr-cyan);filter:none!important}
.engine-svg .core{fill:#13262E!important;stroke:var(--kr-cyan)!important;stroke-width:1.5;animation:none!important;filter:none!important}
.engine-svg .core-pulse{stroke:rgba(79,216,240,.45)}
.engine-svg .core-t{fill:var(--kr-offwhite);font-family:var(--kr-font);font-weight:800}
.engine-svg .core-s,.node .num{fill:var(--kr-muted);font-family:var(--kr-font)}
.node circle{fill:#13262E!important;stroke:#13262E!important;filter:none!important}
.node:hover circle{stroke:var(--kr-muted)!important}
.node.on circle{fill:var(--kr-cyan)!important;stroke:var(--kr-cyan)!important}
.node text{font-family:var(--kr-font);font-weight:700;fill:var(--kr-offwhite)}
.dots button{background:rgba(169,188,193,.25)}
.dots button.on{background:var(--kr-cyan)}

/* AI stage */
.orb i{border-color:rgba(169,188,193,.3)}
.orb i:nth-child(2){border-color:rgba(79,216,240,.45)}
.orb-c{border:1.5px solid var(--kr-cyan)!important}
.orb-c b{font-family:var(--kr-font);font-weight:800;text-transform:none;font-size:20px}
.ai-stage.thinking .orb-c{background:var(--kr-surface)!important}
.beam line{stroke:var(--kr-cyan);filter:none!important}
.ai-stream span{font-family:var(--kr-font);color:var(--kr-offwhite)}
.ai-stream span:before,.ai-stream span:nth-child(3n):before,.ai-stream span:nth-child(4n):before{background:var(--kr-cyan)}
.ai-stream span:nth-child(odd):before{background:var(--kr-muted)}
.ai-human.ok{color:var(--kr-cyan)}
.ai-human.ok i{border-color:var(--kr-cyan);background:var(--kr-cyan)}
.ai-human.ok i:after{border-color:var(--kr-midnight)}
.ai-hist li b{color:var(--kr-cyan)}
.caret{background:var(--kr-cyan)}
.live i,.sb-live i,.scan-title i{background:var(--kr-cyan)!important;animation:none}

/* scoreboard */
.sb-n{background:var(--kr-cyan)!important}
.sb-row:before{background:var(--kr-cyan)!important}
.sb-row:hover{background:rgba(79,216,240,.05)}
.sb-q small{color:var(--kr-cyan)}
.arena-hit{font-family:var(--kr-font);font-weight:800;text-transform:none;letter-spacing:-.03em;line-height:1.05}
.arena-sign .kr-tile{width:34px;height:34px}
.through{font-family:var(--kr-font);font-weight:800;text-transform:none;letter-spacing:-.04em}
.debate-words span,.debate-words span:first-child,.debate-words span:nth-child(2){font-family:var(--kr-font)!important;font-weight:800!important;text-transform:none!important;font-size:1em!important;letter-spacing:-.04em;-webkit-text-fill-color:currentColor!important}
.debate-words span:first-child{color:var(--kr-offwhite)}
.debate-words span:nth-child(2){color:var(--kr-cyan)}
.debate-words span:nth-child(3){color:var(--kr-muted)}

/* ticker */
.ticker{transform:none;margin:0}
.ticker-wrap{padding:0;margin:0}
.ticker span{font-family:var(--kr-font);font-style:normal;font-weight:800;font-size:20px;text-transform:none;letter-spacing:-.01em;color:var(--kr-midnight)}
.ticker span em{font-family:var(--kr-font);font-weight:500;font-size:12px;letter-spacing:.2em;color:var(--kr-midnight);opacity:.7}

/* light section: Mist, Midnight text, Deep Teal accents */
.results{background:var(--kr-mist)!important;color:var(--kr-midnight)}
.results .serif{color:var(--kr-teal)!important;background:none!important;padding:0!important}
.results .head p,.receipt span{color:var(--ink-muted)}
.receipts{gap:0 32px!important}
.receipt,.receipt:not(:nth-child(3n+1)),.receipt:nth-child(even){background:none!important;border:0!important;border-top:1px solid var(--ink-line)!important;border-radius:0!important;padding:26px 0!important}
.receipt:hover{transform:none}
.receipt b{color:var(--kr-midnight)}
.receipt b em{color:rgba(6,16,21,.45)}
.receipt b i{color:var(--kr-teal)!important}
.rbar i:first-child{background:rgba(6,16,21,.16)!important}
.rbar i:last-child{background:var(--kr-teal)!important}
.testimonial{background:none!important;border:0!important;border-top:1px solid var(--ink-line)!important;border-radius:0!important;padding:40px 0 0!important}
.testimonial .q{color:var(--kr-teal)!important;font-family:var(--kr-font);font-weight:800}
.testimonial blockquote{color:var(--kr-midnight)}
.testimonial blockquote em{color:var(--kr-teal)!important;font-family:var(--kr-font);font-style:normal;font-weight:700}
.testimonial cite{color:var(--ink-muted)}
.results .link{color:var(--kr-midnight)!important;border-bottom-color:var(--kr-teal)!important}
.results-foot{color:var(--ink-muted)}

/* forms */
.field input,.field textarea,.field select{background:var(--kr-midnight)!important;border:1.5px solid var(--line-2)!important;border-radius:10px!important;color:var(--kr-offwhite);font-family:var(--kr-font)}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--kr-cyan)!important}
.form-status.error{color:var(--kr-cyan)}

/* misc */
.subnav{background:var(--kr-midnight)!important;top:72px}
.subnav a{font-family:var(--kr-font);color:var(--kr-muted)}
.subnav a.on{color:var(--kr-midnight);background:var(--kr-cyan)!important}
.payoff{border-left-color:var(--kr-cyan)}
.payoff small,.direct small,.ai-lanes small,.deliver small,.forward small,.scar small,.belief small,.facts span{font-family:var(--kr-font)}
.scar small{color:var(--kr-cyan)!important}
.belief h3:before{background:var(--kr-cyan)!important}
.exam b:before{background:var(--kr-cyan)!important}
.symptoms b:before{background:var(--kr-cyan)!important}
.sb-old s:after{background:var(--kr-cyan)}
.chapter .big,.seat-copy .big{color:var(--kr-offwhite)}
.vq p{color:var(--kr-offwhite)}
.engine-note strong{color:var(--kr-offwhite)}

/* mobile type and layout */
@media (max-width:880px){
  .hero{padding:118px 0 220px}
  .hero-grid{grid-template-columns:1fr}
  .hero-grid h1,.hero-grid .proof-line,.hero-grid .hero-cta,.hero-grid .stage3d{grid-column:1;grid-row:auto}
  .motif-trail{width:288px;height:216px;background-size:288px 216px}
  .big-proof.three{grid-template-columns:1fr}
}
@media (max-width:700px){
  .hero h1,.phero h1,.dx-hero h1{font-size:40px;line-height:40px}
  h2{font-size:30px;line-height:34px}
  h3{font-size:20px;line-height:26px}
  body{font-size:17px;line-height:26px}
  .proof-line{font-size:15px;line-height:22px}
  .label{font-size:12px}
  .btn{font-size:16px}
  .way,.stage,.scar,.belief,.vq,.path div,.trio div,.step,.symptoms div,.exam div,.needs div,.timeline article,.deliver article,.forward article,.ai-lanes div,.big-proof div,.systems div{padding:24px!important}
  .kr-wordmark{font-size:18px}
  .kr-tile{width:30px;height:30px}
  .cta{background-size:360px auto;background-position:calc(100% + 140px) 85%}
}
@media (max-width:420px){.nav .kr-wordmark{font-size:15px}.nav .brand{gap:10px}}
.cta h2{font-size:64px;line-height:61px;letter-spacing:-.04em;max-width:900px}
.proof-line span{white-space:nowrap}
.proof-line span+span:before{display:none}
.proof-line span:not(:last-child):after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--kr-cyan);margin:0 14px;vertical-align:middle;position:relative;top:-2px}
@media (max-width:700px){.cta h2{font-size:40px;line-height:40px}.proof-line span{white-space:normal}}
.nav-links .btn{border-radius:999px!important}
h2 .serif{display:inline}
.big-proof.three b{font-size:clamp(24px,2.4vw,30px);line-height:1.2;letter-spacing:-.02em}
.scan-foot{background:var(--kr-surface)!important;border-top:1px solid var(--line)!important}
@media (max-width:700px){.proof-line{flex-direction:column;align-items:flex-start}.proof-line span:not(:last-child):after{display:none}.proof-line span:before{content:"";display:inline-block!important;width:5px;height:5px;border-radius:50%;background:var(--kr-cyan);margin-right:10px;vertical-align:middle;position:relative;top:-2px}}
.facts b{text-transform:none;font-size:20px;font-family:var(--kr-font)}
.tags span,.roles span,.ai-lanes span,.timeline li{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-family:var(--kr-font)!important}
.cta h2 .serif{display:block}
/* old hero restored: standard two-column hero */
.hero{padding:150px 0 240px}
.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center}
.hero-grid>div:first-child{display:block}
.hero-grid h1{grid-column:auto;grid-row:auto;margin:22px 0 24px;max-width:none}
.hero-grid .hero-cta{grid-column:auto;grid-row:auto;margin-top:32px}
.hero-grid .stage3d{grid-column:auto;grid-row:auto}
.hero h1 .serif{display:block}
.hero-meta{font-family:var(--kr-font);font-size:13px;letter-spacing:.2em;color:var(--kr-muted)}
.hero-meta span:before{border-color:var(--kr-muted)}
.hero-meta span.on:before{background:var(--kr-cyan);border-color:var(--kr-cyan)}
.proof{background:var(--kr-midnight)!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}
.proof .proof-line{justify-content:center}
.hero{padding-bottom:330px}
.motif-trail{height:270px}
@media (max-width:880px){.hero{padding:118px 0 250px}.hero-grid{grid-template-columns:1fr}.motif-trail{height:200px}}
.hero{padding-bottom:110px!important}
@media (max-width:880px){.hero{padding-bottom:72px!important}}
@media (max-width:700px){.proof .proof-line{align-items:flex-start!important;gap:6px}.proof .proof-line span{white-space:normal}}
@media (max-width:700px){.proof-line span:before,.proof-line span+span:before{margin:0 10px 0 0!important}}

/* ================= FREE TOOLS ================= */
.tool-hero{padding-bottom:56px}
.tool-hero h1 .serif{display:block}
.tool-section{padding-top:56px}
/* hub */
.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.tool-card{display:flex;flex-direction:column;gap:12px;background:var(--kr-surface);border-radius:14px;padding:32px;transition:transform .3s}
.tool-card:hover{transform:translateY(-4px)}
.tool-card.feature{grid-column:1/-1;border-left:3px solid var(--kr-cyan)}
.tool-card h2{margin:0;font-size:30px;line-height:34px}
.tool-card p{margin:0;color:var(--kr-muted);max-width:640px}
.tc-meta{font-size:13px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--kr-cyan)}
.tc-go{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--kr-cyan)}
.tc-go svg{width:14px;height:14px}
/* scorecard */
.sc{max-width:860px;margin:0 auto;scroll-margin-top:96px}
.sc-progress{height:6px;border-radius:999px;background:var(--kr-surface);overflow:hidden;margin-bottom:28px}
.sc-progress i{display:block;height:100%;width:0;background:var(--kr-cyan);transition:width .4s}
.sc-step{border:0;margin:0;padding:0;min-width:0}
.sc-step legend{display:flex;align-items:baseline;gap:16px;margin-bottom:22px;padding:0}
.sc-count{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--kr-muted)}
.sc-sys{font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--kr-offwhite)}
.sc-q{background:var(--kr-surface);border-radius:14px;padding:24px 26px;margin-bottom:12px}
.sc-q p{margin:0 0 16px;font-size:18px;font-weight:500;color:var(--kr-offwhite)}
.sc-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.sc-scale label{position:relative;cursor:pointer}
.sc-scale input{position:absolute;opacity:0;inset:0}
.sc-scale span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:8px;border-radius:999px;border:1.5px solid var(--line-2);font-size:14px;font-weight:500;color:var(--kr-muted);transition:.2s}
.sc-scale label:hover span{border-color:var(--kr-muted);color:var(--kr-offwhite)}
.sc-scale input:checked+span{background:var(--kr-cyan);border-color:var(--kr-cyan);color:var(--kr-midnight);font-weight:800}
.sc-scale input:focus-visible+span{outline:2px solid var(--kr-cyan);outline-offset:3px}
.sc-nav{display:flex;justify-content:space-between;align-items:center;margin-top:20px}
.sc-nav .btn:disabled{opacity:.4;cursor:not-allowed}
.sc-result .label{display:block;margin-bottom:18px}
.sc-headline{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;background:var(--kr-surface);border-radius:14px;padding:32px}
.sc-overall{display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;border:3px solid var(--kr-cyan);text-align:center}
.sc-overall b{font-size:52px;line-height:1;font-weight:800;letter-spacing:-.04em}
.sc-overall span{font-size:12px;line-height:16px;color:var(--kr-muted);margin-top:4px}
.sc-constraint small{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--kr-muted)}
.sc-constraint h2{margin:8px 0 10px;color:var(--kr-cyan);font-size:40px;line-height:44px}
.sc-constraint p{margin:0;color:var(--kr-offwhite)}
.gate{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:32px;background:var(--kr-surface);border-radius:14px;padding:32px;align-items:start}
.gate h3,.gate h2{margin:0 0 10px}
.gate p{margin:0;color:var(--kr-muted)}
.gate-form{display:grid;gap:0}
.gate-form .btn{justify-self:start;margin-top:4px}
.gate-note{font-size:14px;margin-top:12px!important}
.gate-done h3{color:var(--kr-cyan)}
.gate-done p{margin-bottom:20px}
.sc-full{margin-top:14px;background:var(--kr-surface);border-radius:14px;padding:32px}
.sc-full h3{margin:0 0 18px}
.sc-bars{display:grid;gap:12px;margin-bottom:34px}
.scb{display:grid;grid-template-columns:140px 1fr 44px;gap:14px;align-items:center;font-size:15px;color:var(--kr-muted)}
.scb div{height:10px;border-radius:999px;background:rgba(169,188,193,.16);overflow:hidden}
.scb i{display:block;height:100%;border-radius:999px;background:var(--kr-muted)}
.scb b{text-align:right;color:var(--kr-offwhite);font-variant-numeric:tabular-nums}
.scb.low span,.scb.low b{color:var(--kr-cyan);font-weight:700}
.scb.low i{background:var(--kr-cyan)}
.sc-plan-h span{color:var(--kr-cyan)}
.sc-plan{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:10px}
.sc-plan li{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:16px 18px;border-radius:12px;background:var(--kr-midnight);font-size:16px}
.sc-plan li b{font-size:14px;font-weight:700;color:var(--kr-cyan)}
.sc-next{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-top:26px;border-top:1px solid var(--line)}
.sc-next h3{margin:0 0 6px}
.sc-next p{margin:0;color:var(--kr-muted);max-width:480px}
.sc-restart{margin-top:22px;background:none;border:0;color:var(--kr-muted);font:inherit;font-size:15px;text-decoration:underline;cursor:pointer}
/* calculators */
.calc{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.calc-in,.calc-out{background:var(--kr-surface);border-radius:14px;padding:32px;min-width:0}
.calc-in h2{font-size:30px;line-height:34px;margin:0 0 20px}
.calc-in h3{margin:12px 0 6px}
.hint{font-size:15px;color:var(--kr-muted);margin:0 0 16px}
.calc-in .field input{font-variant-numeric:tabular-nums}
.stage-table{display:grid;gap:8px}
.st-row{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:10px;align-items:center}
.st-head span{font-size:13px;font-weight:500;color:var(--kr-muted)}
.st-row span{font-weight:500}
.st-row input{width:100%;min-width:0;background:var(--kr-midnight);border:1.5px solid var(--line-2);border-radius:10px;color:var(--kr-offwhite);padding:11px 12px;font:inherit;font-size:16px;font-variant-numeric:tabular-nums}
.st-row input:focus{outline:none;border-color:var(--kr-cyan)}
.calc-out{position:sticky;top:96px}
.calc-out .label{display:block;margin-bottom:16px}
.kpi-big small,.kpis small{display:block;font-size:14px;color:var(--kr-muted)}
.kpi-big b{display:block;font-size:56px;line-height:1.05;font-weight:800;letter-spacing:-.04em;color:var(--kr-cyan);font-variant-numeric:tabular-nums;margin:4px 0 22px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.kpis div{background:var(--kr-midnight);border-radius:12px;padding:14px}
.kpis b{display:block;font-size:22px;font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums}
.cmp{display:grid;gap:10px}
.cmp-row{display:grid;grid-template-columns:110px 1fr 70px;gap:12px;align-items:center;font-size:15px;color:var(--kr-muted)}
.cmp-bar{height:12px;border-radius:999px;background:rgba(169,188,193,.12);overflow:hidden}
.cmp-bar i{display:block;height:100%;border-radius:999px;background:var(--kr-muted);transition:width .4s}
.cmp-row b{text-align:right;color:var(--kr-offwhite);font-variant-numeric:tabular-nums}
.cmp-row.hl span,.cmp-row.hl b{color:var(--kr-cyan);font-weight:700}
.cmp-row.hl .cmp-bar i{background:var(--kr-cyan)}
.verdict-box{margin:0 0 22px;padding:16px 18px;border-left:3px solid var(--kr-cyan);background:var(--kr-midnight);border-radius:0 12px 12px 0;color:var(--kr-offwhite)}
.fine{font-size:13px;line-height:20px;color:var(--kr-muted);margin:18px 0 0}
.ramp-chart{margin:6px 0 22px}
.ramp-chart svg{width:100%;height:160px;display:block}
.rc-full{stroke:rgba(169,188,193,.3);stroke-dasharray:4 6}
.rc-area{fill:rgba(169,188,193,.08)}
.rc-now{fill:none;stroke:var(--kr-muted);stroke-width:3;stroke-linejoin:round}
.rc-goal{fill:none;stroke:var(--kr-cyan);stroke-width:3;stroke-linejoin:round}
.rc-t{fill:var(--kr-muted);font-size:11px;font-family:var(--kr-font)}
.ramp-legend{display:flex;gap:18px;font-size:13px;color:var(--kr-muted);margin-top:8px}
.ramp-legend span:before{content:"";display:inline-block;width:16px;height:3px;border-radius:2px;margin-right:8px;vertical-align:middle}
.ramp-legend .now:before{background:var(--kr-muted)}
.ramp-legend .goal:before{background:var(--kr-cyan)}
/* field guide */
.fg-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.fg-filter button{font:inherit;font-size:14px;font-weight:500;color:var(--kr-muted);background:transparent;border:1.5px solid var(--line-2);border-radius:999px;padding:9px 16px;cursor:pointer;min-height:40px}
.fg-filter button:hover{color:var(--kr-offwhite)}
.fg-filter button.on{background:var(--kr-cyan);border-color:var(--kr-cyan);color:var(--kr-midnight);font-weight:800}
.fg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fg-card{background:var(--kr-surface);border-radius:14px;padding:28px}
.fg-card[hidden]{display:none}
.fg-sys{font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--kr-cyan)}
.fg-card h3{margin:12px 0 16px;font-size:22px;line-height:28px}
.fg-card dl{margin:0;display:grid;gap:4px}
.fg-card dt{font-size:13px;font-weight:700;color:var(--kr-muted);margin-top:10px}
.fg-card dd{margin:0;font-size:15px;line-height:23px;color:var(--kr-offwhite)}
.fg-card dd:last-child{color:var(--kr-cyan)}
.gate.wide{grid-template-columns:1fr 1fr}
.gate.wide h2{font-size:40px;line-height:44px;margin-top:10px}
/* home + nav links into tools */
.ways-foot .btn-ghost{margin-left:10px}
@media (max-width:980px){.calc,.tools-grid,.gate,.gate.wide{grid-template-columns:1fr}.calc-out{position:static}.fg-grid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){
  .sc-scale{grid-template-columns:1fr}
  .sc-scale span{justify-content:flex-start;padding:8px 18px;min-height:44px}
  .sc-headline{grid-template-columns:1fr;justify-items:start}
  .sc-overall{width:120px;height:120px}.sc-overall b{font-size:42px}
  .scb{grid-template-columns:96px 1fr 36px;font-size:14px}
  .sc-plan li{grid-template-columns:1fr;gap:4px}
  .fg-grid{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr}
  .kpi-big b{font-size:44px}
  .st-row{grid-template-columns:.9fr 1.2fr .8fr;gap:6px}
  .st-row span{font-size:14px}
  .cmp-row{grid-template-columns:92px 1fr 62px}
  .calc-in,.calc-out,.sc-q,.sc-full,.gate,.sc-headline,.tool-card,.fg-card{padding:22px}
  .tool-card h2{font-size:24px;line-height:28px}
  .gate.wide h2{font-size:30px;line-height:34px}
}
[hidden]{display:none!important}
.cmp-row{grid-template-columns:120px 1fr 70px}
.cmp-row span{white-space:nowrap}
@media (max-width:700px){.cmp-row{grid-template-columns:104px 1fr 60px}}

/* ================= COACHING + SPEAKING ================= */
.offers{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;align-items:stretch}
.offer{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--kr-surface);border-radius:14px;padding:32px}
.offer.feature{border:1.5px solid var(--kr-cyan)}
.offer-tag{position:absolute;top:-13px;left:32px;background:var(--kr-cyan);color:var(--kr-midnight);font-size:12px;font-weight:800;padding:4px 12px;border-radius:999px}
.offer small,.trainings small{font-size:13px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--kr-cyan)}
.offer h3{margin:4px 0 0;font-size:26px;line-height:32px}
.offer p{margin:0;color:var(--kr-muted)}
.offer ul{list-style:none;margin:8px 0 18px;padding:0;display:grid;gap:10px}
.offer li{position:relative;padding-left:20px;font-size:16px;line-height:24px;color:var(--kr-offwhite)}
.offer li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--kr-cyan)}
.offer .btn{margin-top:auto;align-self:flex-start}
.talks{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.talk{background:var(--kr-surface);border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:10px}
.talk:first-child{grid-column:1/-1;border-left:3px solid var(--kr-cyan)}
.talk:first-child h3{font-size:34px;line-height:38px;letter-spacing:-.03em;color:var(--kr-cyan)}
.talk-n{font-size:13px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--kr-muted)}
.talk h3{margin:0;font-size:24px;line-height:30px}
.talk p{margin:0;color:var(--kr-muted);max-width:760px}
.talk-for{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.talk-for span{font-size:13px;padding:6px 12px;border-radius:999px;border:1.5px solid var(--line-2);color:var(--kr-offwhite)}
.formats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.formats div{background:var(--kr-midnight);border:1.5px solid var(--line);border-radius:14px;padding:22px}
.formats b{display:block;font-size:17px;margin-bottom:4px}
.formats span{font-size:15px;color:var(--kr-muted)}
.bio-box{margin-top:14px;display:flex;gap:28px;align-items:flex-end;justify-content:space-between;background:var(--kr-surface);border-radius:14px;padding:32px}
.bio-box p{margin:12px 0 0;max-width:820px;color:var(--kr-offwhite)}
.bio-box .btn{flex:none}
.trainings{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.trainings article{background:var(--kr-surface);border-radius:14px;padding:32px}
.trainings h3{margin:10px 0 8px}
.trainings p{margin:0;color:var(--kr-muted)}
#apply .field select{appearance:auto}
@media (max-width:980px){.offers,.trainings{grid-template-columns:1fr}.formats{grid-template-columns:1fr 1fr}.offer.feature{margin-top:12px}}
@media (max-width:700px){.talks,.formats{grid-template-columns:1fr}.talk:first-child h3{font-size:28px;line-height:32px}.bio-box{flex-direction:column;align-items:flex-start;padding:22px}.offer,.talk,.trainings article{padding:24px}}
.talks{grid-template-columns:repeat(3,1fr)}
.bio-box .btn-ghost{border:1.5px solid var(--kr-offwhite)!important}
@media (max-width:980px){.talks{grid-template-columns:1fr}}

/* ================= INSIGHTS ================= */
.ins-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.ins-filter button{font:inherit;font-size:14px;font-weight:500;color:var(--kr-muted);background:transparent;border:1.5px solid var(--line-2);border-radius:999px;padding:9px 16px;min-height:40px;cursor:pointer}
.ins-filter button:hover{color:var(--kr-offwhite)}
.ins-filter button.on{background:var(--kr-cyan);border-color:var(--kr-cyan);color:var(--kr-midnight);font-weight:800}
.ins-card{display:flex;flex-direction:column;gap:10px;background:var(--kr-surface);border-radius:14px;padding:32px;transition:transform .3s}
.ins-card:hover{transform:translateY(-4px)}
.ins-card h3{margin:0;font-size:24px;line-height:30px}
.ins-card p{margin:0;color:var(--kr-muted)}
.ins-card .tc-go{margin-top:auto;padding-top:8px}
.ins-card.feature{border-left:3px solid var(--kr-cyan);margin-bottom:14px}
.ins-card.feature h3{font-size:34px;line-height:40px;letter-spacing:-.03em;max-width:860px}
.ins-card.feature p{font-size:19px;max-width:760px}
.ins-topic{font-size:13px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--kr-cyan)}
.ins-meta{font-size:14px;color:var(--kr-muted)}
.ins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ins-grid.two{grid-template-columns:1fr 1fr;margin-top:20px}
/* article */
.art-wrap{max-width:780px}
.art-head{padding:clamp(130px,14vw,170px) 0 40px;border-bottom:1px solid var(--line)}
.crumbs{display:flex;gap:10px;font-size:14px;color:var(--kr-muted);margin-bottom:22px}
.crumbs a{color:var(--kr-cyan)}
.art-head h1{font-size:52px;line-height:54px;font-weight:800;letter-spacing:-.04em;margin:0 0 20px}
.art-head h1 .serif{display:inline}
.art-dek{font-size:21px;line-height:31px;color:var(--kr-muted);margin:0 0 26px}
.art-by{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--kr-muted)}
.art-by img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 10%;background:var(--kr-surface)}
.art-by b{display:block;color:var(--kr-offwhite);font-size:15px}
.takeaways{margin:40px 0 8px;background:var(--kr-surface);border-radius:14px;padding:28px 30px}
.takeaways ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.takeaways li{position:relative;padding-left:22px;color:var(--kr-offwhite);font-size:17px;line-height:26px}
.takeaways li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background:var(--kr-cyan)}
.art-body{font-size:19px;line-height:31px;color:#DDE6E8}
.art-body p{margin:0 0 20px}
.art-body h2{font-size:32px;line-height:38px;margin:48px 0 18px;color:var(--kr-offwhite)}
.art-body ul,.art-body ol{margin:0 0 24px;padding-left:24px;display:grid;gap:10px}
.art-body li::marker{color:var(--kr-cyan);font-weight:800}
.art-body b{color:var(--kr-offwhite)}
.art-body .beat{font-size:26px;line-height:34px;font-weight:800;color:var(--kr-cyan);letter-spacing:-.02em}
.art-body ul.quotes{list-style:none;padding:0}
.art-body ul.quotes li{border-left:2px solid var(--kr-cyan);padding-left:16px;font-style:normal;color:var(--kr-offwhite)}
.art-body .pairs{display:grid;gap:8px;margin:0 0 24px;padding:22px 24px;background:var(--kr-surface);border-radius:14px}
.art-body .pairs p{margin:0}
.art-body .pairs span{color:var(--kr-offwhite);font-weight:700;margin-right:6px}
.art-source{margin:36px 0 0;padding-top:22px;border-top:1px solid var(--line);font-size:15px;color:var(--kr-muted)}
.art-source a{color:var(--kr-cyan)}
.art-faq{margin-top:48px}
.art-faq h2{font-size:30px;line-height:36px;margin:0 0 18px}
.art-cta{margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--kr-surface);border-left:3px solid var(--kr-cyan);border-radius:14px;padding:26px 28px}
.art-cta-t small{display:block;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--kr-cyan);margin-bottom:6px}
.art-cta-t b{display:block;font-size:22px;line-height:28px;color:var(--kr-offwhite)}
.art-cta-t span{display:block;color:var(--kr-muted);font-size:16px;margin-top:4px}
.art-cta .btn{flex:none}
.art-author{margin:40px 0 0;display:flex;gap:22px;align-items:flex-start;padding:28px 0;border-top:1px solid var(--line)}
.art-author img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 10%;background:var(--kr-surface);flex:none}
.art-author p{margin:10px 0 0;color:var(--kr-muted)}
.art-author b{color:var(--kr-offwhite)}
.art-author a{color:var(--kr-cyan)}
.art-more{padding-top:40px}
@media (max-width:980px){.ins-grid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){
  .ins-grid,.ins-grid.two{grid-template-columns:1fr}
  .ins-card,.ins-card.feature{padding:24px}
  .ins-card.feature h3{font-size:26px;line-height:32px}
  .art-head h1{font-size:36px;line-height:40px}
  .art-dek{font-size:18px;line-height:27px}
  .art-body{font-size:17px;line-height:28px}
  .art-body h2{font-size:26px;line-height:32px}
  .art-cta{flex-direction:column;align-items:flex-start}
  .art-author{flex-direction:column}
}
/* nav fits 7 links */
@media (max-width:1180px){.nav-links{gap:20px}.nav-links a:not(.btn){font-size:14px}}
@media (max-width:1040px){.nav-links a[href="results.html"],.nav-links a[href="free-tools.html"]{display:none}}
.ins-grid .ins-card.feature{grid-column:span 2;margin-bottom:0}
@media (max-width:700px){.ins-grid .ins-card.feature{grid-column:auto}}

/* ================= 404 ================= */
.nf-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.nf-code{display:flex;align-items:center;justify-content:center;gap:14px;font-size:clamp(110px,14vw,190px);font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--kr-offwhite)}
.nf-tile svg{display:block;width:clamp(100px,12vw,160px);height:auto}
.nf-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.nf-links a{display:flex;flex-direction:column;gap:6px;background:var(--kr-surface);border-radius:14px;padding:26px;transition:transform .3s}
.nf-links a:hover{transform:translateY(-4px)}
.nf-links b{font-size:19px;color:var(--kr-offwhite)}
.nf-links b:after{content:" \2192";color:var(--kr-cyan)}
.nf-links span{font-size:15px;color:var(--kr-muted)}
@media (max-width:880px){.nf-grid{grid-template-columns:1fr}.nf-code{justify-content:flex-start;order:-1}.nf-links{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.nf-links{grid-template-columns:1fr}}

/* Privacy */
.privacy-note{margin:14px 0 0!important;font-size:13px;line-height:20px;color:var(--kr-muted)}
.privacy-note a,.gate-note a,.foot-legal a{color:var(--kr-muted);text-decoration:underline;text-underline-offset:3px}
.privacy-note a:hover,.gate-note a:hover,.foot-legal a:hover{color:var(--kr-cyan)}
.legal-date{margin-top:18px;font-size:14px;color:var(--kr-muted)}
.legal .art-body{font-size:17px;line-height:28px}
.legal .art-body h2{font-size:26px;line-height:32px;margin:44px 0 14px;scroll-margin-top:100px}
.legal .art-body a,.legal .takeaways a{color:var(--kr-cyan)}
.legal .takeaways{margin-top:0}