:root{
    --void:#08090B; --void-2:#0C0E12; --panel:#111318; --panel-2:#151820;
    --bone:#ECEAE3; --bone-2:#B7B8B3; --dim:#7C7E7A;
    --acid:#CBFF35; --acid-deep:#9BD400;
    --iris-a:#7CF6C8; --iris-b:#67B8FF; --iris-c:#C79BFF;
    --ember:#FF6A45;
    --line:rgba(236,234,227,.13);
    --line-2:rgba(236,234,227,.07);
    --bone-bg:#ECEAE3;
    --maxw:1240px;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
  body{
    font-family:'Schibsted Grotesk',system-ui,sans-serif;background:var(--void);color:var(--bone);
    line-height:1.55;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden;
    font-feature-settings:"ss01","cv01";
  }
  ::selection{background:var(--acid);color:#0a0a00}
  /* grain overlay */
  body::before{
    content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
  a{color:inherit;text-decoration:none}
  .disp{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-.028em;line-height:.98}
  .serif{font-family:'Instrument Serif',serif;font-weight:400;font-style:italic;letter-spacing:.005em}
  .mono{font-family:'Space Mono',monospace}
  .mono-ey{font-family:'Space Mono',monospace;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}
  .acid{color:var(--acid)}
  .iris{
    background:linear-gradient(100deg,var(--iris-a),var(--iris-b) 34%,var(--iris-c) 66%,var(--acid));
    background-size:280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
    animation:sheen 9s ease-in-out infinite;
  }
  @keyframes sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

  /* buttons */
  .btn{display:inline-flex;align-items:center;gap:11px;font-family:'Space Mono',monospace;font-size:13px;
    letter-spacing:.03em;padding:15px 24px;border-radius:2px;cursor:pointer;border:1px solid transparent;
    transition:transform .18s cubic-bezier(.2,.8,.2,1),background .2s,color .2s,border-color .2s;position:relative;white-space:nowrap}
  .btn:hover{transform:translateY(-2px)}
  .btn-acid{background:var(--acid);color:#0b0d00;font-weight:700}
  .btn-acid:hover{box-shadow:0 14px 40px -8px rgba(203,255,53,.45)}
  .btn-line{background:transparent;color:var(--bone);border-color:var(--line)}
  .btn-line:hover{border-color:var(--bone);background:rgba(236,234,227,.04)}
  .btn .arw{font-size:15px;transition:transform .2s}
  .btn:hover .arw{transform:translateX(4px)}
  .tag{display:inline-flex;align-items:center;gap:7px;font-family:'Space Mono',monospace;font-size:10.5px;
    letter-spacing:.16em;text-transform:uppercase;padding:5px 11px;border:1px solid var(--line);border-radius:999px;color:var(--bone-2)}
  .tag .dot{width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid)}

  /* section index marker */
  .idx{display:flex;align-items:baseline;gap:16px;margin-bottom:34px}
  .idx .n{font-family:'Space Mono',monospace;font-size:12px;color:var(--acid);letter-spacing:.1em}
  .idx .l{font-family:'Space Mono',monospace;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}
  .idx .rule{flex:1;height:1px;background:var(--line);align-self:center}

  section{position:relative;z-index:2}

  /* ============ NAV ============ */
  nav{position:fixed;top:0;left:0;right:0;z-index:80;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}
  nav.scrolled{background:rgba(8,9,11,.72);backdrop-filter:blur(16px) saturate(1.2);border-color:var(--line-2)}
  .nav-in{display:flex;align-items:center;justify-content:space-between;height:74px}
  .brand{display:flex;align-items:center;gap:11px;font-family:'Space Mono',monospace;font-weight:700;font-size:15px;letter-spacing:-.01em}
  .brand .gene{display:flex;gap:2.5px;align-items:center}
  .brand .gene i{width:3px;height:16px;border-radius:2px;background:var(--acid);display:block;transform-origin:center}
  .brand .gene i:nth-child(2){height:11px;background:var(--iris-b);opacity:.8}
  .brand .gene i:nth-child(3){height:16px;background:var(--acid)}
  .brand .gene i:nth-child(4){height:9px;background:var(--iris-c);opacity:.75}
  .brand b{font-weight:700}.brand span{color:var(--dim)}
  .nav-r{display:flex;align-items:center;gap:30px}
  .nav-r a.link{font-family:'Space Mono',monospace;font-size:12.5px;letter-spacing:.04em;color:var(--bone-2)}
  .nav-r a.link:hover{color:var(--bone)}
  .nav-r .btn{padding:11px 18px}
  @media(max-width:880px){.nav-r a.link{display:none}}

  /* ============ HERO ============ */
  .hero{min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden;padding:120px 0 70px}
  #helix{position:absolute;inset:0;z-index:0;width:100%;height:100%}
  .hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,var(--void) 16%,rgba(8,9,11,.55) 42%,transparent 72%)}
  @media(max-width:900px){.hero::after{background:linear-gradient(180deg,rgba(8,9,11,.68),rgba(8,9,11,.48))}}
  .hero-glow{position:absolute;z-index:0;width:60vw;height:60vw;max-width:820px;max-height:820px;right:-8vw;top:8vh;
    background:radial-gradient(circle,rgba(103,184,255,.16),rgba(124,246,200,.06) 40%,transparent 66%);filter:blur(30px);pointer-events:none}
  .hero-in{position:relative;z-index:3;max-width:900px}
  .hero h1{font-size:clamp(46px,8.6vw,116px);margin:22px 0 0}
  /* second line steps down so a full sentence sits on one line under it */
  .hero h1 .l2{display:block;font-size:.54em;line-height:1.05;margin-top:.12em}
  .hero-sub{font-size:clamp(17px,2.1vw,21px);color:var(--bone-2);max-width:520px;margin:26px 0 8px;line-height:1.5}
  .hero-cta{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}
  /* quick-answer (GEO extractable) */
  .qa{margin-top:40px;max-width:560px;border-left:2px solid var(--acid);padding:3px 0 3px 18px}
  .qa .k{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--acid);margin-bottom:6px}
  .qa p{font-size:14.5px;color:var(--bone-2);line-height:1.55}
  .scroll-cue{position:absolute;bottom:28px;left:32px;z-index:3;display:flex;align-items:center;gap:10px}
  .scroll-cue .ln{width:38px;height:1px;background:var(--dim);position:relative;overflow:hidden}
  .scroll-cue .ln::after{content:"";position:absolute;inset:0;background:var(--acid);animation:cue 2.2s ease-in-out infinite}
  @keyframes cue{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
  .scroll-cue span{font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}

  /* query ticker */
  .ticker{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);overflow:hidden;white-space:nowrap;padding:15px 0;background:var(--void-2)}
  .ticker-tk{display:inline-flex;gap:44px;animation:tick 46s linear infinite;font-family:'Space Mono',monospace;font-size:13px;color:var(--bone-2)}
  .ticker-tk span{opacity:.62}
  .ticker-tk span b{color:var(--acid);font-weight:400}
  @keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  /* ============ MANIFESTO ============ */
  .manifesto{padding:130px 0 120px}
  .manifesto .big{font-size:clamp(29px,4.6vw,60px);line-height:1.08;font-family:'Bricolage Grotesque';font-weight:600;letter-spacing:-.02em;max-width:1000px}
  .manifesto .big .mut{color:var(--dim)}
  .reveal-line{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
  .reveal-line.in{opacity:1;transform:none}
  .manifesto .row{display:flex;gap:60px;margin-top:64px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:34px}
  .manifesto .row .c{flex:1;min-width:220px}
  .manifesto .row .c .h{font-family:'Space Mono',monospace;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--acid);margin-bottom:12px}
  .manifesto .row .c p{font-size:15px;color:var(--bone-2)}

  /* ============ SIGNAL (stats) ============ */
  .signal{padding:110px 0;background:var(--void-2);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
  .signal h2{font-size:clamp(30px,4.6vw,58px);font-family:'Bricolage Grotesque';font-weight:700;letter-spacing:-.025em;max-width:880px;line-height:1.02}
  .signal .lead{font-size:18px;color:var(--bone-2);max-width:600px;margin-top:22px}
  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:66px;background:var(--line);border:1px solid var(--line)}
  .stat{background:var(--void-2);padding:36px 30px;position:relative;transition:background .3s}
  .stat:hover{background:var(--panel)}
  .stat .fig{font-family:'Bricolage Grotesque';font-weight:700;font-size:clamp(42px,5.5vw,64px);letter-spacing:-.03em;line-height:1}
  .stat .fig.g{color:var(--acid)}
  .stat p{font-size:14px;color:var(--bone-2);margin-top:16px;line-height:1.5}
  .stat .src{display:block;margin-top:14px;font-family:'Space Mono',monospace;font-size:10.5px;color:var(--dim);letter-spacing:.02em}
  @media(max-width:820px){.stats{grid-template-columns:1fr}}

  /* ============ TIER FEATURE LIST (used by the monthly box) ============ */
  .plist{list-style:none;margin:24px 0 30px}
  .plist li{display:flex;gap:13px;padding:11px 0;border-top:1px solid var(--line-2);font-size:14.5px;align-items:flex-start}
  .plist li:first-child{border-top:none}
  .plist li .ck{flex-shrink:0;margin-top:3px}
  .plist li b{color:var(--bone)}
  .plist li span.d{color:var(--bone-2)}

  /* ============ METHOD (grading / how) ============ */
  .method{padding:120px 0;background:var(--bone-bg);color:var(--void);border-top:1px solid var(--line-2)}
  .method .idx .l,.method .idx .n{color:#5a5c56}
  .method .idx .n{color:#3f6b00}
  .method .idx .rule{background:rgba(8,9,11,.14)}
  .method h2{font-size:clamp(32px,5vw,64px);font-family:'Bricolage Grotesque';font-weight:700;letter-spacing:-.03em;line-height:.98;max-width:760px}
  .method .sub{font-size:17px;color:#4a4c47;max-width:560px;margin-top:22px}
  .grades{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}
  .grade{background:#fff;border:1px solid rgba(8,9,11,.1);border-radius:6px;padding:30px;transition:transform .3s}
  .grade:hover{transform:translateY(-5px)}
  .grade .gk{display:inline-flex;align-items:center;gap:8px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:18px}
  .gk.s{background:var(--acid);color:#0b0d00}
  .gk.e{background:#FFE0D3;color:#7A3A1E}
  .gk.n{background:#E4E1D8;color:#6a6656}
  .grade h4{font-family:'Bricolage Grotesque';font-weight:700;font-size:20px;margin-bottom:8px;letter-spacing:-.01em}
  .grade p{font-size:14px;color:#4a4c47;line-height:1.5}
  .duo2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
  .hh{background:var(--void);color:var(--bone);border-radius:6px;padding:32px;position:relative;overflow:hidden}
  .hh .hicon{position:absolute;top:26px;right:26px;opacity:.85}
  .hh .hk{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--acid);margin-bottom:14px}
  .hh h4{font-family:'Bricolage Grotesque';font-weight:600;font-size:23px;letter-spacing:-.01em;margin-bottom:12px;max-width:80%;line-height:1.05}
  .hh p{font-size:14px;color:var(--bone-2);line-height:1.5}
  @media(max-width:820px){.grades{grid-template-columns:1fr}.duo2{grid-template-columns:1fr}}

  /* ============ APP / LOOP ============ */
  .loop{padding:120px 0}
  .loop-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
  .loop h2{font-size:clamp(30px,4.4vw,52px);font-family:'Bricolage Grotesque';font-weight:700;letter-spacing:-.025em;line-height:1;margin-bottom:20px}
  .loop p{color:var(--bone-2);font-size:16.5px;margin-bottom:14px;max-width:440px}
  .loop ul{list-style:none;margin:26px 0}
  .loop li{display:flex;gap:13px;padding:12px 0;border-top:1px solid var(--line-2);font-size:15px;align-items:baseline}
  .loop li .m{font-family:'Space Mono',monospace;font-size:11px;color:var(--acid)}
  /* dash */
  .dash{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:8px;padding:26px}
  .dash .dtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
  .dash .who{display:flex;align-items:center;gap:10px;font-family:'Space Mono',monospace;font-size:12px}
  .dash .av{width:26px;height:26px;border-radius:50%;background:var(--acid);color:#0b0d00;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;font-family:'Bricolage Grotesque'}
  .dash .badge{font-family:'Space Mono',monospace;font-size:10.5px;color:var(--dim);border:1px solid var(--line);padding:4px 10px;border-radius:999px}
  .dash .score{display:flex;align-items:baseline;gap:10px}
  .dash .score .v{font-family:'Bricolage Grotesque';font-weight:700;font-size:44px;letter-spacing:-.03em}
  .dash .score .dl{font-family:'Space Mono',monospace;font-size:12px;color:var(--acid)}
  .dash .score .lb{font-size:12px;color:var(--dim)}
  .dash svg.spk{margin:14px 0 4px;display:block}
  .dash .drow{display:flex;gap:12px;margin-top:14px}
  .dash .mini{flex:1;background:var(--void-2);border:1px solid var(--line-2);border-radius:6px;padding:12px}
  .dash .mini .k{font-family:'Space Mono',monospace;font-size:10px;color:var(--dim);letter-spacing:.04em}
  .dash .mini .vv{font-family:'Bricolage Grotesque';font-weight:600;font-size:16px;margin-top:5px}
  .dash .dfoot{margin-top:16px;font-family:'Space Mono',monospace;font-size:10px;color:var(--dim);display:flex;justify-content:space-between}
  @media(max-width:820px){.loop-grid{grid-template-columns:1fr;gap:40px}}

  /* waitlist form */
  .wlbar{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}
  .wlbar input[type=email]{flex:1;min-width:220px;background:var(--void-2);border:1px solid var(--line);border-radius:2px;color:var(--bone);
    padding:15px 18px;font-family:'Space Mono',monospace;font-size:13px}
  .wlbar input::placeholder{color:var(--dim)}
  .wlbar input:focus{outline:none;border-color:var(--acid)}
  .wl-note{font-family:'Space Mono',monospace;font-size:11px;color:var(--dim);margin-top:12px}
  .wl-done{display:none;font-family:'Space Mono',monospace;font-size:14px;color:var(--acid);margin-top:14px}
  .wl-done.show{display:block}
  form.hide{display:none}
  /* stacked waitlist: dropdown on top, email+button below */
  .wlstack{flex-direction:column;align-items:stretch}
  .wlstack .wlrow{display:flex;gap:10px;flex-wrap:wrap}
  .wlstack .wlrow input[type=email]{flex:1;min-width:220px;background:var(--void-2);border:1px solid var(--line);border-radius:2px;color:var(--bone);padding:15px 18px;font-family:'Space Mono',monospace;font-size:13px}

  /* ============ FAQ ============ */
  .faq{padding:120px 0;border-top:1px solid var(--line-2)}
  .faq h2{font-size:clamp(30px,4.4vw,52px);font-family:'Bricolage Grotesque';font-weight:700;letter-spacing:-.025em;margin-bottom:8px}
  .faq-list{margin-top:40px;border-top:1px solid var(--line)}
  details{border-bottom:1px solid var(--line)}
  summary{cursor:pointer;list-style:none;padding:26px 0;display:flex;justify-content:space-between;gap:20px;align-items:baseline;
    font-family:'Bricolage Grotesque';font-weight:600;font-size:clamp(18px,2.4vw,23px);letter-spacing:-.01em}
  summary::-webkit-details-marker{display:none}
  summary .pm{font-family:'Space Mono',monospace;font-size:20px;color:var(--acid);transition:transform .3s;flex-shrink:0}
  details[open] summary .pm{transform:rotate(45deg)}
  details .ans{padding:0 60px 28px 0;color:var(--bone-2);font-size:15.5px;max-width:820px;line-height:1.6}
  details .ans .cite{font-family:'Space Mono',monospace;font-size:11.5px;color:var(--dim);display:block;margin-top:10px}

  /* ============ NEWSLETTER + FOOTER ============ */
  .news{padding:100px 0;background:var(--void-2);border-top:1px solid var(--line-2)}
  .news-in{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
  .news h3{font-size:clamp(26px,3.4vw,40px);font-family:'Bricolage Grotesque';font-weight:700;letter-spacing:-.02em;line-height:1.02}
  .news h3 .se{font-family:'Instrument Serif';font-style:italic;font-weight:400;color:var(--acid)}
  .news p{color:var(--bone-2);font-size:15px;margin-top:16px;max-width:420px}
  @media(max-width:820px){.news-in{grid-template-columns:1fr;gap:28px}}

  footer{padding:80px 0 44px;border-top:1px solid var(--line)}
  .foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
  .foot-top .fl{max-width:300px}
  .foot-top .fl .tl{font-family:'Instrument Serif';font-style:italic;font-size:22px;color:var(--bone-2);margin-top:16px}
  .foot-links{display:flex;gap:64px;flex-wrap:wrap}
  .foot-links .col .ch{font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:14px}
  .foot-links .col a{display:block;color:var(--bone-2);font-size:14px;margin-bottom:10px}
  .foot-links .col a:hover{color:var(--acid)}
  .disc{margin-top:56px;padding-top:24px;border-top:1px solid var(--line-2);font-size:12px;color:var(--dim);max-width:840px;line-height:1.6}
  .legal{margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:'Space Mono',monospace;font-size:11px;color:var(--dim)}

  @media(prefers-reduced-motion:reduce){
    *{animation-duration:.001ms!important;animation-iteration-count:1!important}
    .reveal-line{opacity:1;transform:none}
  }
  @media(max-width:560px){.wrap{padding:0 22px}.hero{padding:110px 0 60px}.scroll-cue{left:22px}}