:root{--bg:#060708;--surface:#0C0E11;--surface-2:#12151A;--border:#23272F;--border-subtle:#16191E;--text:#F3F5F7;--text-2:#A3ABB6;--text-3:#6B737E;--accent:#C6F432;--on-accent:#0A0C04;--trend:#FFB547;--published:#5CD6FF;--untested:#8A929C;--mono:'Geist Mono',ui-monospace,monospace}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:24px;background:var(--bg)}
body{background:var(--bg);color:var(--text);font-family:Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
a{color:inherit;text-decoration:none}
ol,ul{list-style:none}
svg{display:block}
table{border-collapse:collapse}
::selection{background:var(--accent);color:var(--on-accent)}
:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}
.wrap{max-width:1440px;margin:0 auto;padding:0 64px}

/* shared type */
.label{display:flex;align-items:center;gap:12px;font:400 12px/1 var(--mono);letter-spacing:2.4px;color:var(--text-3)}
.label b{font-weight:400;color:var(--accent);letter-spacing:2px}
.label i{display:block;width:32px;height:1px;background:var(--border)}
h2{font-weight:500;font-size:56px;letter-spacing:-2.2px;line-height:1.04}
.k{font:400 11px var(--mono);letter-spacing:2px;color:var(--text-3)}
.k.acc{color:var(--accent)}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.head .l{display:flex;flex-direction:column;gap:24px;max-width:800px}
.note{max-width:360px;font-size:16px;line-height:1.625;color:var(--text-2)}
.pill{--c:var(--untested);display:inline-flex;align-items:center;gap:8px;padding:6px 10px;font:400 11px var(--mono);letter-spacing:1.2px;color:var(--c);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 33%,transparent);white-space:nowrap}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.pill.acc{--c:var(--accent)}
.pill.acc i{animation:live 2.4s ease-out infinite}
.sources{margin-top:40px;font:400 11px/1.7 var(--mono);letter-spacing:1.4px;color:var(--text-3)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;padding:18px 26px;font-size:16px;font-weight:500;line-height:1.2;transition:background .2s,box-shadow .2s,color .2s}
.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.btn:hover svg:last-child{transform:translateX(3px)}
.btn-primary{background:var(--accent);color:var(--on-accent);font-weight:600}
.btn-primary:hover{background:#D6FF5C}
.btn-ghost{background:#06070899;box-shadow:inset 0 0 0 1px #FFFFFF33}
.btn-ghost:hover{box-shadow:inset 0 0 0 1px #FFFFFF73}
.ctas{display:flex;flex-wrap:wrap;gap:14px}

/* hero */
.hero{position:relative;overflow:hidden}
.hero-in{position:relative;max-width:1440px;margin:0 auto}
.hero-art{position:absolute;top:40px;right:0;width:760px;height:800px;background:var(--bg) url(assets/hero.jpg) center/cover no-repeat;background-blend-mode:lighten;will-change:transform}
.art-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.js .hero-art{background-image:none}
.hero.art-static .hero-art{background-image:url(assets/hero.jpg)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#060708E6 0%,#06070800 14%),linear-gradient(0deg,#060708 0%,#060708CC 14%,#06070800 32%),linear-gradient(90deg,#060708 0%,#060708F2 42%,#06070800 60%)}
@media (min-width:1441px){.hero-shade{background:linear-gradient(180deg,#060708E6 0%,#06070800 14%),linear-gradient(0deg,#060708 0%,#060708CC 14%,#06070800 32%),linear-gradient(90deg,#060708 0%,#060708F2 42%,#06070800 60%),linear-gradient(270deg,#060708 0%,#06070800 8%)}}
.hero-body{position:relative;display:flex;flex-direction:column;gap:26px;min-height:920px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:28px 0}
.brand{display:inline-flex;align-items:center;gap:12px;font:500 14px var(--mono);letter-spacing:4px}
.brand i{width:10px;height:10px;background:var(--accent)}
.links{display:flex;gap:32px;font-size:14px;color:var(--text-2)}
.links a{transition:color .2s}
.links a:hover{color:var(--text)}
.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font:400 12px var(--mono);letter-spacing:1.5px;box-shadow:inset 0 0 0 1px var(--border);transition:box-shadow .2s}
.nav-cta:hover{box-shadow:inset 0 0 0 1px var(--text-3)}
.nav-cta svg{width:14px;height:14px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero-copy{display:flex;flex-direction:column;gap:32px;max-width:760px}
.eyebrow{display:flex;align-items:center;gap:12px;font:400 12px var(--mono);letter-spacing:2.4px;color:var(--text-2)}
.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 #C6F43266;animation:live 2.4s ease-out infinite}
@keyframes live{0%{box-shadow:0 0 0 0 #C6F43266}70%,100%{box-shadow:0 0 0 8px #C6F43200}}
h1{font-weight:500;font-size:104px;line-height:1;letter-spacing:-4.5px}
h1 span{display:block}
h1 .l3{display:flex;align-items:center;gap:22px}
h1 em{font-style:normal;color:var(--accent);padding:0 20px 8px 16px;box-shadow:inset 0 0 0 1.5px var(--accent)}
.sub{max-width:540px;font-size:19px;line-height:29px;color:var(--text-2)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:auto;padding:28px 0 40px;border-top:1px solid var(--border)}
.stats div{display:flex;flex-direction:column;gap:10px;padding:2px 32px;border-left:1px solid var(--border)}
.stats div:first-child{padding-left:0;border-left:0}
.stats dt{font-size:40px;font-weight:300;letter-spacing:-1.5px}
.stats dd{font:400 12px/19px var(--mono);color:var(--text-3)}

/* animated scenes (drawn by main.js) */
.scene{display:block;width:100%;height:auto;overflow:visible}
.scene path{stroke-linejoin:round;stroke-linecap:round}
.tk{font:500 11px var(--mono);letter-spacing:2px}
.tv{font:400 11px var(--mono);letter-spacing:1.6px;fill:var(--text-3)}
.tn{font:500 30px Geist,system-ui,sans-serif;letter-spacing:-1px;fill:var(--text)}

/* 01 the memory wall */
.wall{padding:150px 0 140px}
.wall .head .l{max-width:760px}
.figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:64px}
.card{display:flex;flex-direction:column;gap:22px;min-width:0;padding:30px 32px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.fig-head{display:flex;flex-direction:column;gap:12px}
.cfg{font:400 11px/1.6 var(--mono);letter-spacing:1.2px;color:var(--text-3)}
.take{display:flex;align-items:center;gap:20px;margin-top:auto;padding-top:22px;border-top:1px solid var(--border)}
.take b{font-size:56px;font-weight:500;letter-spacing:-2.4px;line-height:1}
.take p{font-size:15px;line-height:1.6;color:var(--text-2)}
.src{font:400 11px var(--mono);letter-spacing:1.4px;color:var(--text-3)}
.legend{display:flex;justify-content:space-between;gap:24px}
.lg-r{display:flex;gap:40px}
.lg{display:flex;flex-direction:column;gap:8px}
.lg .key{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text-2)}
.lg .key i{width:10px;height:10px;background:var(--c)}
.lg b{font-size:36px;font-weight:400;letter-spacing:-.6px;line-height:1.1}
.lg small{font:400 11px var(--mono);letter-spacing:2px;color:var(--text-3)}
.lg.w{--c:#8E98A3}
.lg.s{--c:#C6F432}
.lg.kv{--c:#5CD6FF}
.stack{display:flex;gap:2px;height:24px;transform-origin:left}
.stack i{display:block;height:100%}
.stack .w{flex:93.97 1 0;background:#8E98A3}
.stack .s{flex:4.51 1 0;background:#C6F432}
.stack .kv{flex:1.52 1 0;background:#5CD6FF}
.amdahl{width:100%}
.amdahl th{padding:12px 0;border-top:1px solid var(--border);font:400 11px var(--mono);letter-spacing:2px;color:var(--text-3);text-align:left}
.amdahl th:first-child{color:var(--text-2)}
.amdahl th:last-child,.amdahl td:last-child{text-align:right}
.amdahl td{padding:13px 0;border-top:1px solid var(--border);font-size:16px;color:var(--text-2)}
.amdahl td:last-child{font-size:20px;font-weight:500;letter-spacing:-.4px}
.amdahl .whole td{color:var(--text)}
.fn{font-size:14px;line-height:1.6;color:var(--text-3)}
.verdict{margin-top:64px;padding:4px 0 4px 28px;border-left:1.5px solid var(--accent)}
.verdict p{font-size:34px;font-weight:500;letter-spacing:-1.1px;line-height:1.35}
.verdict p:first-child{color:var(--text-3)}

/* 02 the gap */
.gap{background:var(--surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:140px 0 150px}
.gap-h{margin-top:24px}
.gap-h span{display:block;color:var(--text-3)}
.lineup{display:grid;grid-template-columns:150px repeat(4,minmax(0,1fr));margin-top:56px;border-bottom:1px solid var(--border)}
.lc{display:flex;flex-direction:column;min-width:0}
.cell{height:84px;padding:22px 24px 0;border-top:1px solid var(--border);font-size:16px;line-height:1.45;color:var(--text-2)}
.cell.top{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;height:270px;padding:0 24px 22px}
.lc-labels .cell{padding-left:0;font:400 11px/1.45 var(--mono);letter-spacing:2px;color:var(--text-3)}
.lc h3{font-size:22px;font-weight:500;letter-spacing:-.5px}
.lc.us{background:#C6F4320A}
.lc.us .cell{color:var(--text)}
.lc.us .cell.top{border-top:2px solid var(--accent)}
.lc.us .k,.lc.us h3{color:var(--accent)}
.obj{width:100%;max-width:240px;height:auto;margin:0 auto auto;overflow:visible}
.rl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.gap-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px;margin-top:56px}
.gap-notes>div{display:flex;flex-direction:column;gap:12px}
.gap-notes p{font-size:18px;line-height:1.55;color:var(--text-2)}
.gap-notes .idle{padding:2px 0 2px 24px;border-left:1.5px solid var(--accent)}
.gap-notes .idle p{color:var(--text)}
.gap-notes .lane .k{color:var(--text-2)}

/* 03 why now */
.why{padding:150px 0 140px}
.why .head .l{max-width:760px}
.why-body{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:72px;align-items:start;margin-top:64px}
.why-fig{display:flex;flex-direction:column;gap:18px}
.why-fig figcaption{display:flex;flex-wrap:wrap;gap:12px 28px;font:400 11px var(--mono);letter-spacing:1.6px;color:var(--text-3)}
.why-fig figcaption span{display:flex;align-items:center;gap:10px}
.why-fig figcaption i{width:10px;height:10px}
.why-fig figcaption .r{background:#C6F432}
.why-fig figcaption .a{background:#5B636D}
.forces li{display:flex;flex-direction:column;gap:10px;padding:26px 0 30px;border-top:1px solid var(--border)}
.forces li:last-child{border-bottom:1px solid var(--border)}
.forces h3{font-size:26px;font-weight:500;letter-spacing:-.7px}
.forces p{font-size:16px;line-height:1.65;color:var(--text-2)}

/* 04 roadmap */
.roadmap{background:var(--surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:140px 0 150px}
.road-head{align-items:center}
.zig{flex:none;width:480px;max-width:44%}
.stairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;margin-top:40px;border-bottom:1px solid var(--border)}
.step{display:flex;flex-direction:column;gap:16px;padding:30px 32px 32px;box-shadow:inset 1px 0 0 var(--border),inset 0 1px 0 var(--border)}
.step.s1{min-height:440px;background:#0E1014}
.step.s2{min-height:520px;background:#111418}
.step.s3{min-height:600px;background:linear-gradient(180deg,#C6F4321C,#C6F43200 60%),#14181D;box-shadow:inset 0 1.5px 0 var(--accent),inset 1px 0 0 #C6F43299,inset -1px 0 0 #C6F43299}
.js .stairs .step.s2{transition-delay:.12s}
.js .stairs .step.s3{transition-delay:.24s}
.kr{display:flex;justify-content:space-between;align-items:center;min-height:26px}
.kr .k{color:var(--text-2)}
.kr .k.acc{color:var(--accent)}
.when{font:400 11px var(--mono);letter-spacing:1.4px;color:var(--text-3)}
.step h3{font-size:32px;font-weight:500;letter-spacing:-1px}
.step>p{font-size:16px;line-height:1.6;color:var(--text-2)}
.tiers li{display:flex;align-items:center;gap:14px;padding:10px 0;border-top:1px solid var(--border);font-size:14px;color:var(--text-2)}
.tiers span{flex:none;width:72px;font:400 11px var(--mono);letter-spacing:1.2px;color:var(--text-3)}
.gate{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}
.gate .k{color:var(--text-2)}
.gate .k.acc{color:var(--accent)}
.gate p{font-size:16px;font-weight:500;line-height:1.45}
.standards{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;margin-top:56px}
.standards .k{color:var(--text-2);line-height:1.7}
.standards p{font-size:16px;line-height:1.6;color:var(--text-2)}

/* 05 what we sell */
.product{padding:150px 0}
.ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:64px}
.ladder li{display:flex;flex-direction:column;gap:16px}
.ladder .lad{width:100%;max-width:240px;height:auto;margin-bottom:4px;overflow:visible}
.ladder .rule{display:flex;align-items:center;gap:12px}
.ladder .rule .k{flex:none;color:var(--text-2)}
.ladder .rule i{position:relative;flex:1;height:1px;overflow:hidden;background:var(--border)}
.ladder .rule i::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#C6F43200,#C6F432 50%,#C6F43200);transform:translateX(-100%);animation:run 4s linear infinite;animation-delay:calc(var(--i) * 1s)}
.ladder li:not(:last-child) .rule::after{content:'';flex:none;width:7px;height:7px;margin:0 3px 0 -2px;border-top:1.5px solid var(--text-3);border-right:1.5px solid var(--text-3);transform:rotate(45deg)}
.ladder .first .rule .k{color:var(--accent)}
.ladder .first .rule i{background:#C6F43266}
.ladder .first .rule::after{border-color:var(--accent)}
@keyframes run{0%{transform:translateX(-100%)}25%,100%{transform:translateX(100%)}}
.ladder h3{font-size:30px;font-weight:500;letter-spacing:-.9px}
.ladder p{font-size:15px;line-height:1.6;color:var(--text-2)}
.ladder .when{letter-spacing:1.6px}
.ladder .first .when{color:var(--accent)}
.assure{display:grid;grid-template-columns:minmax(0,560px) repeat(2,minmax(0,1fr));gap:32px;margin-top:64px}
.assure .a{display:flex;flex-direction:column;gap:16px;padding-top:22px;border-top:1px solid var(--border)}
.assure .a .k{color:var(--text-2)}
.assure .a .k.acc{color:var(--accent)}
.assure .a.code{border-top:1.5px solid var(--accent)}
.assure p{font-size:16px;line-height:1.6;color:var(--text-2)}
.chip{padding:14px 16px;overflow:hidden;background:var(--bg);box-shadow:inset 0 0 0 1px var(--border);font:400 13px var(--mono);color:var(--text-2);white-space:nowrap}
.chip .swap{color:var(--accent)}
.chip .swap.old{color:var(--text-3);text-decoration:line-through}
.caret{display:none;width:7px;height:15px;margin-left:1px;vertical-align:-3px;background:var(--accent);animation:blink 1.1s steps(1) infinite}
.chip.typing .caret{display:inline-block}
@keyframes blink{50%{opacity:0}}

/* 06 closing */
.closing{position:relative;overflow:hidden;border-top:1px solid var(--border-subtle)}
.closing-in{position:relative;max-width:1440px;margin:0 auto}
.closing-art{position:absolute;top:40px;left:700px;width:780px;height:820px;opacity:.9;background:var(--bg) url(assets/closing.jpg) center/cover no-repeat;background-blend-mode:lighten;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 26%);mask-image:linear-gradient(0deg,transparent 0%,#000 26%)}
.closing-shade{position:absolute;top:0;left:0;width:100%;height:900px;background:linear-gradient(0deg,#060708 0%,#06070800 30%),linear-gradient(90deg,#060708 0%,#060708F2 50%,#06070800 72%)}
.closing-body{position:relative;display:flex;flex-direction:column;gap:40px;padding-top:160px;padding-bottom:160px}
.closing h2{font-size:88px;line-height:1;letter-spacing:-3.8px}
.closing .about{max-width:600px;font-size:18px;line-height:29px;color:var(--text-2)}
.needs{max-width:600px;border-top:1px solid var(--border)}
.needs li{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--border);font-size:18px}
.needs svg{flex:none;width:18px;height:22px;margin-top:4px}
.needs span{flex:1}
.needs em{font:400 11px var(--mono);letter-spacing:2px;color:var(--text-2)}
.needs em.later{color:var(--text-3)}
.closing .ctas{padding-top:16px}

/* footer */
.footer{border-top:1px solid var(--border);padding:40px 0 48px}
.footer .wrap{display:flex;flex-direction:column;gap:32px}
.ft,.fb{display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand-row{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--text-3)}
.flinks{display:flex;gap:32px;font-size:14px;color:var(--text-2)}
.flinks a:hover{color:var(--text)}
.fb{font:400 11px var(--mono);letter-spacing:2px;color:var(--text-3)}

/* motion */
.js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js [data-reveal].in{opacity:1;transform:none}
.js .stairs [data-reveal]{transform:translateY(48px)}
.js .fig-bytes .stack{transform:scaleX(0);transition:transform 1.6s cubic-bezier(.2,.7,.2,1) .35s}
.js .fig-bytes.in .stack{transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js [data-reveal],.js .stairs [data-reveal]{opacity:1;transform:none;transition:none}
  .js .fig-bytes .stack{transform:none;transition:none}
  .eyebrow i,.pill.acc i,.caret,.ladder .rule i::after{animation:none}
}

/* responsive */
@media (max-width:1280px){
  .hero-art{width:min(760px,56vw)}
  .links{gap:24px}
  .assure{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1100px){
  .links{display:none}
  .head{flex-direction:column;align-items:flex-start;gap:24px}
  .road-head .zig{width:100%;max-width:520px;align-self:center}
  .figs{grid-template-columns:1fr}
  .why-body{grid-template-columns:1fr;gap:48px}
  .why-fig{max-width:600px}
  .lineup{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lc-labels{display:none}
  .lc .cell{height:auto;padding:14px 20px 16px}
  .lc .cell.top{height:auto;padding-top:0}
  .rl{position:static;display:block;width:auto;height:auto;overflow:visible;clip-path:none;margin-bottom:6px;font:400 10px var(--mono);letter-spacing:1.6px;color:var(--text-3);text-transform:uppercase;white-space:normal}
  .ladder{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}
  .assure{grid-template-columns:1fr}
  .closing-art{left:auto;right:-160px}
}
@media (max-width:900px){
  .hero-art{top:60px;right:-120px;width:640px;height:680px;opacity:.55}
  .hero-shade{background:linear-gradient(180deg,#060708E6 0%,#06070800 14%),linear-gradient(0deg,#060708 0%,#060708 30%,#06070800 62%),linear-gradient(90deg,#060708CC 0%,#06070866 60%,#06070800 100%)}
  .hero-body{min-height:0}
  .hero-copy{padding-top:56px}
  h1{font-size:clamp(46px,11vw,96px);letter-spacing:-.045em}
  h1 .l3{gap:.2em}
  h1 em{padding:0 .18em .07em .14em}
  .stats{grid-template-columns:1fr 1fr;row-gap:28px;margin-top:40px}
  .stats div:nth-child(3){padding-left:0;border-left:0}
  .lineup{grid-template-columns:1fr 1fr;row-gap:24px;border-bottom:0}
  .lc{box-shadow:inset 0 0 0 1px var(--border)}
  .lc.us{box-shadow:inset 0 0 0 1px #C6F43255}
  .lc .cell.top{border-top:0}
  .lc.us .cell.top{border-top:2px solid var(--accent)}
  .gap-notes{grid-template-columns:1fr;gap:40px}
  .stairs{grid-template-columns:1fr;border-bottom:0}
  .step.s1,.step.s2,.step.s3{min-height:0}
  .step .gate{margin-top:8px}
  .closing-art{opacity:.35}
  .closing-shade{height:100%;background:linear-gradient(0deg,#060708 0%,#06070800 40%),linear-gradient(90deg,#060708 0%,#060708D9 60%,#06070866 100%)}
  .closing h2{font-size:clamp(44px,10vw,88px);letter-spacing:-.043em}
}
@media (max-width:720px){
  .wrap{padding:0 20px}
  h2{font-size:38px;letter-spacing:-1.4px;line-height:1.08}
  .wall,.gap,.why,.roadmap,.product{padding:96px 0}
  .closing-body{padding-top:96px;padding-bottom:96px}
  .nav-cta{padding:9px 12px;font-size:11px;letter-spacing:1.2px}
  .sub{font-size:17px;line-height:27px}
  .btn{padding:16px 20px;font-size:15px}
  .stats dt{font-size:32px}
  .stats div{padding:2px 16px}
  .card{padding:22px 18px}
  .legend{flex-direction:column;gap:20px}
  .lg-r{gap:28px}
  .lg b{font-size:30px}
  .take b{font-size:44px}
  .verdict{margin-top:48px;padding-left:20px}
  .verdict p{font-size:24px;letter-spacing:-.6px}
  #sc-wall .tv,#sc-wall .tk{font-size:17px;letter-spacing:1px}
  #sc-wall .tn{font-size:40px}
  #sc-why .tv,#sc-why .tk{font-size:15px;letter-spacing:1px}
  #sc-zig .tv,#sc-zig .tk{font-size:15px;letter-spacing:1px}
  .take{flex-direction:column;align-items:flex-start;gap:12px}
  .lineup{grid-template-columns:1fr}
  .lc .cell:not(.top){display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;padding:12px 18px}
  .lc .rl{margin:0;padding-top:4px}
  .obj{max-width:200px}
  .ladder .lad{max-width:170px}
  .gap-notes p{font-size:17px}
  .standards{grid-template-columns:1fr;gap:12px}
  .ladder{grid-template-columns:1fr;row-gap:40px}
  .chip{font-size:11px;padding:12px}
  .needs li{font-size:16px}
  .ft,.fb{flex-direction:column;align-items:flex-start}
  .brand-row{flex-direction:column;align-items:flex-start;gap:10px}
  .flinks{flex-wrap:wrap;gap:12px 24px}
  .fb{gap:10px;font-size:10px;line-height:1.6}
}
@media (max-width:420px){
  .label{gap:10px;letter-spacing:1.6px}
  .label i{width:20px}
  .stats{grid-template-columns:1fr}
  .stats div,.stats div:nth-child(3){padding:0;border-left:0}
  .ctas .btn{width:100%;justify-content:center}
}