:root{
    --bg:#040404; --surface:#0A0A0A; --surface-2:#101013; --elev:#141417;
    --border:#26262B; --border-2:#33333A;
    --text:#FFFFFF; --dim:#8A8A93; --faint:#54545C;
    --lime:#CCFF00; --lime-deep:#B6E600; --lime-15:rgba(204,255,0,.15); --lime-08:rgba(204,255,0,.08); --lime-30:rgba(204,255,0,.3);
    --sans:'Space Grotesk',system-ui,sans-serif; --mono:'JetBrains Mono',monospace;
    --ease:cubic-bezier(.22,.61,.36,1); --maxw:1200px;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth; overflow-x:hidden}
  body{background:var(--bg); color:var(--text); font-family:var(--sans); font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 clamp(1.25rem,4vw,2.5rem); position:relative; z-index:2}
  a{color:inherit; text-decoration:none}
  ::selection{background:var(--lime); color:#000}
  img{display:block; max-width:100%}
  h1,h2,h3{font-weight:600; line-height:1.02; letter-spacing:-.02em; text-transform:uppercase}

  /* scroll progress */
  .sbar{position:fixed; top:0; left:0; height:2px; background:var(--lime); width:0; z-index:60; box-shadow:0 0 10px var(--lime)}
  /* parallax glows */
  .glow{position:fixed; border-radius:50%; filter:blur(120px); pointer-events:none; z-index:0; background:var(--lime); will-change:transform}
  #g1{width:540px;height:540px;top:-10%;left:56%;opacity:.07}
  #g2{width:480px;height:480px;top:62%;left:-16%;opacity:.045}
  .mono{font-family:var(--mono)} .dim{color:var(--dim)} .faint{color:var(--faint)}
  .marker{font-family:var(--mono); font-size:.74rem; letter-spacing:.1em; color:var(--lime); text-transform:uppercase}
  .marker::before{content:"/// "}

  .btn{font-family:var(--mono); font-weight:500; font-size:.82rem; letter-spacing:.04em; text-transform:uppercase; padding:.95rem 1.5rem; display:inline-flex; align-items:center; gap:.6rem; transition:.25s var(--ease); cursor:pointer; border:1px solid transparent}
  .btn-primary{background:var(--lime); color:#000; font-weight:700}
  .btn-primary:hover{background:#fff; box-shadow:0 0 34px -6px var(--lime)}
  .btn-ghost{background:transparent; color:var(--text); border-color:var(--border-2)}
  .btn-ghost:hover{border-color:var(--lime); color:var(--lime)}
  .btn .ar{transition:transform .25s var(--ease)} .btn:hover .ar{transform:translate(3px,-3px)}

  header.nav{position:fixed; inset:0 0 auto; z-index:50; transition:.4s var(--ease)}
  header.nav.scrolled{background:rgba(4,4,4,.72); backdrop-filter:blur(16px); border-bottom:1px solid var(--border)}
  .nav-in{max-width:var(--maxw); margin:0 auto; padding:1.05rem clamp(1.25rem,4vw,2.5rem); display:flex; align-items:center; justify-content:space-between}
  .brand{display:flex; flex-direction:column; line-height:1}
  .brand b{font-weight:700; font-size:1.05rem; letter-spacing:.02em}
  .brand span{font-family:var(--mono); font-size:.62rem; letter-spacing:.16em; color:var(--lime); text-transform:uppercase; margin-top:.25rem}
  .nav-links{display:flex; align-items:center; gap:2rem; font-size:.9rem}
  .nav-links a.nl{color:var(--dim); transition:color .2s; font-weight:500} .nav-links a.nl:hover{color:var(--text)}
  @media(max-width:880px){.nav-links .nl{display:none}}

  /* hero — scroll away */
  .hero{min-height:100vh; display:flex; flex-direction:column; justify-content:center; padding-top:7rem; padding-bottom:3rem; position:relative; overflow:hidden; will-change:transform,opacity}
  .hero-graph{position:absolute; right:-6%; top:50%; transform:translateY(-50%); width:min(780px,64%); height:min(660px,82vh); z-index:0; opacity:.9; pointer-events:none; -webkit-mask-image:linear-gradient(90deg,transparent,#000 40%); mask-image:linear-gradient(90deg,transparent,#000 40%)}
  .hero-graph canvas{width:100%; height:100%; display:block}
  .bb-label{position:absolute; right:9%; bottom:23%; z-index:2; font-family:var(--mono); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; color:var(--faint)}
  .bb-label b{color:var(--lime); font-weight:400}
  .hero > :not(.hero-graph):not(.bb-label){position:relative; z-index:1}
  @media(max-width:880px){.hero-graph{opacity:.32; width:112%; right:-30%; top:40%} .bb-label{display:none}}
  .hero .marker{margin-bottom:1.6rem; display:inline-block}
  .hero h1{font-size:clamp(3rem,8.5vw,7.5rem); font-weight:700; max-width:15ch; will-change:transform}
  .hero h1 .lime{color:var(--lime)}
  .hero .lede{font-size:clamp(1.05rem,1.5vw,1.32rem); color:var(--dim); max-width:52ch; margin-top:2rem; text-transform:none}
  .hero-cta{display:flex; gap:1rem; margin-top:2.5rem; flex-wrap:wrap}
  .hero .abm{margin-top:2.6rem; font-family:var(--mono); font-size:.82rem; letter-spacing:.13em; color:var(--faint); text-transform:uppercase}
  .hero .abm b{color:var(--lime); font-weight:500}
  .scrollcue{position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); font-family:var(--mono); font-size:.66rem; letter-spacing:.2em; color:var(--faint); text-transform:uppercase; animation:bob 2s var(--ease) infinite}
  @media(max-width:820px){.scrollcue{display:none}}
  @keyframes bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}

  /* built-on strip */
  .builton{border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--surface); padding:1.6rem 0; position:relative; z-index:3}
  .builton-in{display:flex; align-items:center; gap:clamp(1.5rem,5vw,3.5rem); flex-wrap:wrap; justify-content:center}
  .builton .lab{font-family:var(--mono); font-size:.7rem; letter-spacing:.12em; color:var(--faint); text-transform:uppercase}
  .builton .logo{font-weight:700; font-size:1.15rem; letter-spacing:-.01em; color:var(--dim); transition:color .25s; display:flex; align-items:center; gap:.5rem}
  .builton .logo:hover{color:var(--text)}
  .builton .logo i{width:8px;height:8px;border-radius:50%;background:var(--lime);display:inline-block}

  /* marquee */
  .marquee{overflow:hidden; padding:1.1rem 0; border-bottom:1px solid var(--border); background:var(--bg); position:relative; z-index:2}
  .mq-track{display:flex; width:max-content; animation:mq 12s linear infinite}
  .mq-track span{font-family:var(--mono); font-size:.92rem; letter-spacing:.05em; color:var(--dim); text-transform:uppercase; padding:0 1.3rem; white-space:nowrap}
  .mq-track span b{color:var(--lime)}
  @keyframes mq{to{transform:translateX(-50%)}}
  @media(prefers-reduced-motion:reduce){.mq-track{animation:none}.glow{will-change:auto}}
  /* mobile perf: kill GPU-expensive effects that jank phone scroll */
  @media(max-width:760px){
    .glow{display:none}
    header.nav.scrolled{backdrop-filter:none; -webkit-backdrop-filter:none; background:#040404}
    .bv-flow{animation:none; opacity:.6}
    .hero{will-change:auto} .hero h1{will-change:auto}
  }

  section{padding:clamp(5rem,9vw,8rem) 0; position:relative; z-index:2}
  .shead h2{font-size:clamp(2.2rem,5vw,4rem); font-weight:700; margin-top:1.2rem}
  .shead h2 .lime{color:var(--lime)}
  .lead-sub{font-size:1.1rem; color:var(--dim); max-width:58ch; margin-top:1.3rem; text-transform:none}

  /* reality + brain visual */
  .reality{display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4rem); align-items:center}
  @media(max-width:880px){.reality{grid-template-columns:1fr}}
  /* mobile fit: let grid items shrink below min-content + collapse multi-col grids (incl. inline-styled) */
  .reality>*, .fw>*, [style*="grid-template-columns"]>*{min-width:0}
  @media(max-width:880px){ .fw, [style*="grid-template-columns"]{grid-template-columns:1fr 1fr !important} }
  @media(max-width:600px){ .fw, [style*="grid-template-columns"]{grid-template-columns:1fr !important} }
  /* mobile: tighten vertical rhythm — page runs long, trim section padding + grid margins on phones */
  @media(max-width:760px){
    section{padding-top:2.7rem; padding-bottom:2.7rem}
    .promise, .fw, .cap, .rap, .code{margin-top:1.4rem}
    .lead-sub{margin-top:.85rem}
  }
  .brainviz{position:relative; aspect-ratio:1; max-width:470px; margin:0 auto; width:100%}
  .brainviz svg{width:100%; height:100%; overflow:visible}
  .bv-grid{stroke:var(--border-2); opacity:.3}
  .bv-link{stroke:var(--border-2); stroke-width:1; fill:none}
  .bv-flow{stroke:var(--lime); stroke-width:1.7; fill:none; stroke-linecap:round; stroke-dasharray:2 13; opacity:.9; animation:bvflow 2.6s linear infinite}
  @keyframes bvflow{to{stroke-dashoffset:-120}}
  .bv-chip{fill:var(--surface-2); stroke:var(--border-2)}
  .bv-chip-t{fill:var(--dim); font-family:var(--mono); font-size:11px; letter-spacing:.1em}
  .bv-core{fill:rgba(204,255,0,.10); stroke:var(--lime); stroke-width:1.6}
  .bv-core-in{fill:rgba(204,255,0,.05); stroke:rgba(204,255,0,.45); stroke-width:1}
  .bv-core-t{fill:#fff; font-family:var(--mono); font-weight:700; font-size:12px; letter-spacing:.14em}
  @media(prefers-reduced-motion:reduce){.bv-flow{animation:none; opacity:.55}}
  .pulse{animation:pul 3s ease-in-out infinite} @keyframes pul{0%,100%{opacity:.5}50%{opacity:1}}

  .code{background:var(--surface); border:1px solid var(--border); font-family:var(--mono); font-size:clamp(.58rem,2.6vw,.8rem); line-height:1.75; overflow:hidden; margin-top:1.8rem}
  .code .bar{display:flex; gap:.5rem; padding:.8rem 1rem; border-bottom:1px solid var(--border); align-items:center}
  .code .bar i{width:10px;height:10px;border-radius:50%;background:var(--border-2)}
  .code .bar i:first-child{background:var(--lime)}
  .code .bar span{margin-left:auto; color:var(--faint); font-size:.7rem}
  .code pre{padding:clamp(1rem,3.5vw,1.3rem) clamp(.9rem,3.5vw,1.4rem); overflow-x:auto; color:var(--dim)}
  .code .k{color:var(--lime)} .code .s{color:#fff} .code .c{color:var(--faint)}

  /* promise stats */
  .promise{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); border:1px solid var(--border); margin-top:3rem}
  .promise .p{background:var(--bg); padding:clamp(1.6rem,3vw,2.4rem); text-align:center}
  .promise .v{font-size:clamp(2.4rem,5vw,3.6rem); font-weight:700; color:var(--lime); line-height:1}
  .promise .l{color:var(--dim); font-size:.95rem; margin-top:.6rem; text-transform:none}
  .promise .src{display:block; font-family:var(--mono); font-size:.62rem; letter-spacing:.08em; color:var(--faint); text-transform:uppercase; margin-top:.55rem}
  @media(max-width:720px){.promise{grid-template-columns:1fr}}

  /* framework 4 steps */
  .fw{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--border); border:1px solid var(--border); margin-top:3rem}
  .fw .p{background:var(--bg); padding:clamp(1.6rem,2.6vw,2.2rem); transition:.3s var(--ease); position:relative}
  .fw .p:hover{background:var(--surface)}
  .fw .p .n{font-family:var(--mono); font-size:.74rem; color:var(--lime); letter-spacing:.1em; margin-bottom:1.4rem}
  .fw .p h3{font-size:1.7rem; font-weight:700; margin-bottom:.7rem}
  .fw .p p{color:var(--dim); font-size:.94rem; text-transform:none}
  @media(max-width:880px){.fw{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.fw{grid-template-columns:1fr}}

  /* what we build */
  .cap{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--border); border:1px solid var(--border); margin-top:3rem}
  .cap .c{background:var(--bg); padding:1.7rem; transition:.3s var(--ease)}
  .cap .c:hover{background:var(--surface)}
  .cap .c .t{font-family:var(--mono); font-size:.68rem; color:var(--faint); letter-spacing:.12em; margin-bottom:1rem}
  .cap .c h3{font-size:1.2rem; font-weight:600; margin-bottom:.5rem}
  .cap .c p{color:var(--dim); font-size:.88rem; text-transform:none}
  @media(max-width:880px){.cap{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.cap{grid-template-columns:1fr}}

  /* R A P band */
  .rap{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(1.5rem,4vw,3rem); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:clamp(2.5rem,5vw,4rem) 0; margin:0}
  .rap .r h3{font-size:clamp(1.6rem,3vw,2.2rem); font-weight:700}
  .rap .r h3 .lime{color:var(--lime)}
  .rap .r p{color:var(--dim); font-size:.95rem; margin-top:.6rem; text-transform:none}
  @media(max-width:720px){.rap{grid-template-columns:1fr; gap:2rem; text-align:center}}

  /* cases */
  .cases{display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--border); border:1px solid var(--border); margin-top:3rem}
  .case{background:var(--bg); transition:.3s var(--ease); overflow:hidden}
  .case:hover{background:var(--surface)}
  .case .cvid{aspect-ratio:16/9; background:#000; border-bottom:1px solid var(--border); overflow:hidden}
  .case .cvid video{width:100%; height:100%; object-fit:cover; display:block; transition:.5s var(--ease)}
  .case:hover .cvid video{transform:scale(1.03)}
  .case .cbody{padding:clamp(1.8rem,3vw,2.6rem)}
  .case .sec{font-family:var(--mono); font-size:.7rem; color:var(--faint); letter-spacing:.1em; text-transform:uppercase}
  .case h3{font-size:1.7rem; font-weight:700; margin:.6rem 0 .8rem}
  .case p{color:var(--dim); font-size:.94rem; text-transform:none}
  .case .metric{margin-top:1.5rem; font-family:var(--mono); font-size:2rem; font-weight:700; color:var(--lime); text-transform:uppercase}
  .case .metric small{display:block; font-size:.7rem; color:var(--faint); letter-spacing:.08em; margin-top:.3rem; font-weight:400}
  @media(max-width:780px){.cases{grid-template-columns:1fr}}

  /* future proof */
  .fp{text-align:center; padding:clamp(5rem,10vw,9rem) 0}
  .fp h2{font-size:clamp(2.4rem,6vw,5rem); font-weight:700; max-width:16ch; margin:0 auto}
  .fp h2 .lime{color:var(--lime)}
  .fp p{color:var(--dim); margin:1.5rem auto 2.5rem; max-width:46ch; text-transform:none}

  /* survey */
  .survey{border:1px solid var(--border); background:var(--surface); max-width:760px; margin:2.5rem auto 0; overflow:hidden}
  .survey .top{padding:1.2rem 1.6rem; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; font-family:var(--mono); font-size:.72rem; letter-spacing:.1em; color:var(--faint); text-transform:uppercase}
  .survey .top .step{color:var(--lime)}
  .sprogress{height:2px; background:var(--border)}
  .sprogress i{display:block; height:100%; background:var(--lime); width:0; transition:width .4s var(--ease)}
  .survey .body{padding:clamp(1.8rem,4vw,3rem)}
  .survey .q{font-size:clamp(1.4rem,3vw,2rem); font-weight:600; text-transform:uppercase; letter-spacing:-.01em; margin-bottom:1.8rem; line-height:1.1}
  .opts{display:grid; gap:.7rem}
  .opt{text-align:left; background:var(--bg); border:1px solid var(--border); color:var(--text); padding:1.1rem 1.3rem; font-family:var(--sans); font-size:1rem; cursor:pointer; transition:.2s var(--ease); display:flex; justify-content:space-between; align-items:center}
  .opt:hover{border-color:var(--lime); color:var(--lime); transform:translateX(4px)}
  .opt .x{font-family:var(--mono); color:var(--faint)} .opt:hover .x{color:var(--lime)}
  .field{display:flex; flex-direction:column; gap:.9rem; margin-bottom:1.4rem}
  .field input{background:var(--bg); border:1px solid var(--border); color:#fff; padding:1rem 1.2rem; font-family:var(--sans); font-size:1rem}
  .field input:focus{outline:none; border-color:var(--lime)}
  .nav-row{display:flex; justify-content:space-between; align-items:center; margin-top:1.6rem}
  .back{background:none; border:none; color:var(--faint); font-family:var(--mono); font-size:.78rem; cursor:pointer; text-transform:uppercase; letter-spacing:.08em} .back:hover{color:var(--text)}
  .result{text-align:center; padding:1rem 0}
  .result .big{font-size:clamp(1.8rem,4vw,2.6rem); font-weight:700; text-transform:uppercase; margin-bottom:1rem}
  .result .big .lime{color:var(--lime)}
  .result p{color:var(--dim); max-width:42ch; margin:0 auto 1.8rem; text-transform:none}

  footer{border-top:1px solid var(--border); padding:3.5rem 0; position:relative; z-index:2}
  .foot-in{display:flex; justify-content:space-between; align-items:center; gap:1.5rem; flex-wrap:wrap}
  footer .meta{font-family:var(--mono); font-size:.72rem; color:var(--faint); letter-spacing:.06em; text-transform:uppercase}

  /* ask everthrive assistant */
  #ask-launch{position:fixed; right:24px; bottom:24px; z-index:80; display:flex; align-items:center; gap:.55rem; background:var(--lime); color:#000; font-family:var(--mono); font-weight:700; font-size:.78rem; letter-spacing:.03em; text-transform:uppercase; padding:.85rem 1.15rem; border:none; cursor:pointer; box-shadow:0 12px 40px -8px var(--lime); transition:.25s var(--ease)}
  #ask-launch:hover{transform:translateY(-2px)}
  #ask-launch svg{width:16px;height:16px}
  #ask-launch.hide{opacity:0; pointer-events:none; transform:translateY(12px) scale(.9)}
  #ask-panel{position:fixed; right:24px; bottom:24px; z-index:81; width:min(384px,calc(100vw - 32px)); height:min(560px,calc(100vh - 48px)); background:var(--surface); border:1px solid var(--border-2); display:flex; flex-direction:column; box-shadow:0 30px 90px -20px rgba(0,0,0,.75); opacity:0; transform:translateY(20px) scale(.98); pointer-events:none; transition:.3s var(--ease)}
  #ask-panel.open{opacity:1; transform:none; pointer-events:auto}
  .ask-head{display:flex; align-items:center; gap:.7rem; padding:.95rem 1.1rem; border-bottom:1px solid var(--border)}
  .ask-head .av{width:34px;height:34px;background:var(--lime);color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--mono);font-size:1rem}
  .ask-head .nm{font-weight:600; font-size:.95rem; line-height:1.15}
  .ask-head .st{font-family:var(--mono); font-size:.6rem; letter-spacing:.1em; text-transform:uppercase; color:var(--lime); display:flex; align-items:center; gap:.3rem}
  .ask-head .st i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}
  .ask-head .x{margin-left:auto; background:none; border:none; color:var(--faint); cursor:pointer; font-size:1rem} .ask-head .x:hover{color:#fff}
  .ask-msgs{flex:1; overflow-y:auto; padding:1.1rem; display:flex; flex-direction:column; gap:.7rem}
  .ask-msgs .m{max-width:86%; padding:.7rem .9rem; font-size:.9rem; line-height:1.5}
  .ask-msgs .bot{background:var(--surface-2); border:1px solid var(--border); color:var(--text); align-self:flex-start}
  .ask-msgs .me{background:var(--lime); color:#000; align-self:flex-end; font-weight:500}
  .ask-chips{display:flex; flex-wrap:wrap; gap:.4rem; padding:0 1.1rem .7rem}
  .ask-chips button{background:transparent; border:1px solid var(--border-2); color:var(--dim); font-family:var(--sans); font-size:.76rem; padding:.42rem .65rem; cursor:pointer; transition:.2s} .ask-chips button:hover{border-color:var(--lime); color:var(--lime)}
  .ask-in{display:flex; gap:.5rem; padding:.75rem .9rem; border-top:1px solid var(--border)}
  .ask-in input{flex:1; background:var(--bg); border:1px solid var(--border); color:#fff; padding:.7rem .85rem; font-family:var(--sans); font-size:.9rem} .ask-in input:focus{outline:none; border-color:var(--lime)}
  .ask-in button{background:var(--lime); color:#000; border:none; padding:0 .95rem; cursor:pointer; font-weight:700; font-size:1rem}
  .ask-tp{display:flex; gap:4px; padding:.7rem .9rem; align-self:flex-start}
  .ask-tp i{width:6px;height:6px;border-radius:50%;background:var(--faint); animation:tp 1s infinite}
  .ask-tp i:nth-child(2){animation-delay:.15s} .ask-tp i:nth-child(3){animation-delay:.3s}
  @keyframes tp{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
  @media(max-width:480px){#ask-panel,#ask-launch{right:10px;bottom:10px}}

  .rv{opacity:0; transform:translateY(26px); transition:opacity .8s var(--ease), transform .8s var(--ease)}
  .rv.in{opacity:1; transform:none}
  .d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}
  @media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.hero{transform:none!important;opacity:1!important}}
  /* AI readiness scorer — compact stepper */
  #scorer .scorer{max-width:540px; margin:2.5rem auto 0; background:var(--surface); border:1px solid var(--border); padding:clamp(1.5rem,3.5vw,2rem)}
  .sc-top{display:flex; align-items:center; gap:1rem; margin-bottom:1.7rem}
  .sc-step{font-family:var(--mono); font-size:.72rem; color:var(--lime); letter-spacing:.1em; flex-shrink:0}
  .sc-prog{flex:1; height:3px; background:var(--surface-2); overflow:hidden}
  .sc-prog i{display:block; height:100%; width:0; background:var(--lime); box-shadow:0 0 8px var(--lime); transition:width .35s var(--ease)}
  .sc-stage{min-height:210px}
  .sc-q{display:none}
  .sc-q.on{display:block; animation:scfade .35s var(--ease)}
  @keyframes scfade{from{opacity:0; transform:translateY(8px)}to{opacity:1; transform:none}}
  .sc-qt{font-weight:600; font-size:1.14rem; margin-bottom:1.2rem; line-height:1.35}
  .sc-opts{display:flex; flex-direction:column; gap:.6rem}
  .sc-opt{text-align:left; font-family:var(--sans); font-size:.95rem; color:var(--dim); background:var(--bg); border:1px solid var(--border); padding:.85rem 1.1rem; cursor:pointer; transition:.18s var(--ease); display:flex; align-items:center; gap:.75rem}
  .sc-opt::before{content:""; width:14px; height:14px; border:1px solid var(--border-2); border-radius:50%; flex-shrink:0; transition:.18s var(--ease)}
  .sc-opt:hover{border-color:var(--lime-30); color:var(--text)}
  .sc-opt:hover::before{border-color:var(--lime)}
  .sc-opt.on{border-color:var(--lime); background:var(--lime-08); color:var(--text)}
  .sc-opt.on::before{border-color:var(--lime); background:var(--lime); box-shadow:inset 0 0 0 3px var(--surface)}
  .sc-back{margin-top:1.3rem; background:none; border:none; color:var(--faint); font-family:var(--mono); font-size:.7rem; cursor:pointer; letter-spacing:.06em; padding:0}
  .sc-back:hover{color:var(--lime)}
  .sc-result{text-align:center; animation:scfade .4s var(--ease)}
  .sc-score{display:flex; align-items:baseline; justify-content:center; gap:.15rem}
  .sc-num{font-family:var(--mono); font-size:clamp(3rem,8vw,4.2rem); font-weight:700; color:var(--lime); line-height:1}
  .sc-of{font-family:var(--mono); color:var(--faint); font-size:1.3rem}
  .sc-bar{height:5px; background:var(--surface-2); margin:1.1rem auto; max-width:300px; overflow:hidden}
  .sc-bar i{display:block; height:100%; width:0; background:var(--lime); box-shadow:0 0 10px var(--lime); transition:width .9s var(--ease)}
  .sc-tier{font-family:var(--mono); color:var(--lime); letter-spacing:.16em; font-size:.85rem; text-transform:uppercase; margin-bottom:.8rem}
  .sc-diag{color:var(--dim); font-size:.95rem; margin:0 auto 1.6rem}
  .sc-retry{display:block; margin:1rem auto 0; background:none; border:none; color:var(--faint); font-family:var(--mono); font-size:.7rem; cursor:pointer; text-transform:uppercase; letter-spacing:.1em}
  .sc-retry:hover{color:var(--lime)}
  .agent-links{margin-top:1rem; display:flex; gap:1.2rem; font-family:var(--mono); font-size:.72rem; letter-spacing:.04em}
  .agent-links a{color:var(--lime); border-bottom:1px solid transparent; padding-bottom:1px; transition:border-color .2s}
  .agent-links a:hover{border-color:var(--lime)}
  .agent-pic{width:100%; aspect-ratio:930/470; background:#0A0A0A no-repeat center bottom; background-size:contain; margin-bottom:1.3rem}
  /* founder strip */
  .founder{display:grid; grid-template-columns:auto 1fr; gap:clamp(1.5rem,4vw,3rem); align-items:center; background:var(--surface); border:1px solid var(--border); padding:clamp(1.6rem,4vw,2.6rem); margin-top:2.5rem}
  .founder img{width:118px; height:118px; border-radius:50%; object-fit:cover; object-position:center top; border:1px solid var(--lime-30)}
  .founder .fq{font-size:clamp(1.1rem,2vw,1.4rem); font-weight:500; line-height:1.5; color:var(--text)}
  .founder .fq b{color:var(--lime); font-weight:600}
  .founder .fn{font-family:var(--mono); font-size:.74rem; letter-spacing:.08em; color:var(--dim); margin-top:1.1rem; text-transform:uppercase}
  @media(max-width:680px){.founder{grid-template-columns:1fr; text-align:center} .founder img{margin:0 auto}}
  /* engagement timeline */
  .tl{display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem; margin-top:3rem; position:relative}
  .tl::before{content:""; position:absolute; top:18px; left:11%; right:11%; height:1px; background:var(--border-2)}
  .tlp{position:relative}
  .tln{width:38px; height:38px; border:1px solid var(--lime); color:var(--lime); background:var(--bg); font-family:var(--mono); font-weight:700; font-size:.85rem; display:flex; align-items:center; justify-content:center; margin-bottom:1.1rem; position:relative; z-index:1}
  .tlp h3{font-size:1.05rem; margin-bottom:.4rem}
  .tlp p{color:var(--dim); font-size:.9rem}
  .tl-note{font-family:var(--mono); font-size:.74rem; color:var(--faint); margin-top:1.7rem; letter-spacing:.05em}
  @media(max-width:780px){.tl{grid-template-columns:1fr 1fr} .tl::before{display:none}}
  /* control band */
  .safegrid{display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem; margin-top:3rem}
  .safegrid>div{background:var(--surface); border:1px solid var(--border); padding:clamp(1.4rem,2.6vw,1.8rem)}
  .safegrid .ic{width:44px; height:44px; border:1px solid var(--lime-30); color:var(--lime); display:flex; align-items:center; justify-content:center; margin-bottom:1rem}
  .safegrid .ic svg{width:22px; height:22px}
  .safegrid h3{font-size:1.02rem; margin-bottom:.4rem}
  .safegrid>div p{color:var(--dim); font-size:.88rem}
  @media(max-width:860px){.safegrid{grid-template-columns:1fr 1fr}}
  @media(max-width:500px){.safegrid{grid-template-columns:1fr}}

/* sub-page first section: clear the fixed nav */
.subtop{padding-top:clamp(7.5rem,20vw,9rem)}

.post-hero{display:block;width:100%;border:1px solid var(--border);margin:.4rem 0 2.4rem;overflow:hidden;line-height:0}
.post-hero svg{display:block;width:100%;height:auto}