:root{
    --bg:#07090d; --bg2:#0d1117; --panel:#111722; --line:#1f2937; --text:#e6edf3; --muted:#8b98a9;
    --red:#ff3b3b; --red2:#ff6a3d; --amber:#ffb020; --green:#3ddc84;
    --mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
    --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  }
  *{box-sizing:border-box} html{scroll-behavior:smooth}
  body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit}
  .wrap{max-width:1140px;margin:0 auto;padding:0 20px}
  .mono{font-family:var(--mono)}
  /* scanlines */
  body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;
    background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px)}

  /* alert bar */
  .alert{background:var(--red);color:#fff;font:600 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;overflow:hidden;white-space:nowrap}
  .alert .track{display:inline-block;padding:9px 0;animation:tick 38s linear infinite}
  .alert span{margin-right:48px}
  @keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  /* nav */
  nav{position:sticky;top:0;z-index:40;background:rgba(7,9,13,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
  .logo{font:800 22px/1 var(--mono);letter-spacing:.18em;text-decoration:none}
  .logo b{color:var(--red)}
  .logo small{display:block;font:500 10px/1.4 var(--sans);letter-spacing:.06em;color:var(--muted);text-transform:none}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;text-decoration:none;
    font:700 15px/1 var(--sans);padding:14px 22px;border-radius:10px;background:var(--red);color:#fff;
    box-shadow:0 0 0 0 rgba(255,59,59,.5);transition:transform .15s, box-shadow .2s, background .2s}
  .btn:hover{background:#ff5252;transform:translateY(-1px);box-shadow:0 8px 30px -6px rgba(255,59,59,.6)}
  .btn:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
  .btn.sm{padding:10px 16px;font-size:14px}
  .btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}
  .btn.ghost:hover{border-color:var(--muted);box-shadow:none}

  /* hero */
  .hero{position:relative;padding:72px 0 56px;overflow:hidden}
  .hero::after{content:"";position:absolute;right:-20%;top:-30%;width:900px;height:900px;border-radius:50%;
    background:radial-gradient(circle,rgba(255,59,59,.18),transparent 60%);pointer-events:none}
  .hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;position:relative;z-index:1}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;
    color:var(--amber);border:1px solid rgba(255,176,32,.35);background:rgba(255,176,32,.07);padding:8px 12px;border-radius:999px}
  .dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(255,59,59,.7);animation:pulse 1.6s infinite}
  @keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,59,59,0)}100%{box-shadow:0 0 0 0 rgba(255,59,59,0)}}
  h1{font-size:clamp(40px,6.4vw,76px);line-height:.98;letter-spacing:-.03em;margin:22px 0 18px;font-weight:900}
  h1 em{font-style:normal;color:var(--red);text-shadow:0 0 40px rgba(255,59,59,.45)}
  .lede{font-size:clamp(17px,2vw,20px);color:#c5cfdb;max-width:560px;margin:0 0 28px}
  .signup{display:flex;gap:10px;max-width:520px;flex-wrap:wrap}
  .signup input{flex:1 1 240px;min-width:0;background:var(--panel);border:1px solid var(--line);color:var(--text);
    font:16px var(--sans);padding:14px 16px;border-radius:10px}
  .signup input::placeholder{color:#64748b}
  .micro{font-size:13px;color:var(--muted);margin-top:12px;display:flex;gap:16px;flex-wrap:wrap}
  .micro span::before{content:"✓ ";color:var(--green)}

  /* terminal */
  .term{background:#0a0e14;border:1px solid #243041;border-radius:14px;box-shadow:0 30px 80px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,59,59,.08);overflow:hidden}
  .term-top{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid #1b2433;background:#0d131c}
  .term-top i{width:10px;height:10px;border-radius:50%;background:#2a3444;display:block}
  .term-top .t{margin-left:10px;font:12px var(--mono);color:var(--muted)}
  .term-top .live{margin-left:auto;font:600 11px var(--mono);color:var(--red);display:flex;align-items:center;gap:6px}
  .term-body{padding:18px;font:13.5px/1.7 var(--mono);min-height:340px;color:#b8c4d3}
  .term-body .ln{opacity:0;transform:translateY(4px);animation:in .4s forwards}
  @keyframes in{to{opacity:1;transform:none}}
  .r{color:var(--red)} .a{color:var(--amber)} .g{color:var(--green)} .m{color:#6b7a8f}
  .hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
  .hud div{border:1px solid #1f2a3a;border-radius:8px;padding:8px 10px;font:11px var(--mono);color:var(--muted)}
  .hud b{display:block;font-size:15px;color:var(--text)}
  .bar{display:block;height:5px;background:#1b2433;border-radius:4px;margin-top:6px;overflow:hidden}
  .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--amber))}
  .cursor{display:inline-block;width:8px;height:15px;background:var(--green);vertical-align:-2px;animation:blink 1s steps(1) infinite}
  @keyframes blink{50%{opacity:0}}

  section{padding:88px 0}
  .kicker{font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
  h2{font-size:clamp(30px,4.2vw,48px);line-height:1.05;letter-spacing:-.02em;margin:0 0 16px;font-weight:850}
  .sub{color:var(--muted);font-size:18px;max-width:640px;margin:0}
  .center{text-align:center}.center .sub{margin:0 auto}

  /* story strip */
  .brief{background:var(--bg2);border-block:1px solid var(--line)}
  .brief .grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
  .brief p{color:#c5cfdb;font-size:18px}
  .brief blockquote{margin:0;padding:22px 24px;border-left:3px solid var(--red);background:rgba(255,59,59,.05);font:15px/1.7 var(--mono);color:#d2dae4;border-radius:0 10px 10px 0}

  /* steps */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
  .step{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px;position:relative}
  .step .n{font:800 13px var(--mono);color:var(--red);letter-spacing:.1em}
  .step h3{margin:12px 0 8px;font-size:21px}
  .step p{margin:0;color:var(--muted)}

  /* features */
  .feats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:48px}
  .feat{background:var(--bg);padding:26px;display:grid;grid-template-columns:40px 1fr;column-gap:14px;align-content:start}
  .feat .ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(255,59,59,.1);color:var(--red);font:700 18px var(--mono);grid-row:span 2}
  .feat h3{align-self:center}
  .feat h3{margin:0 0 6px;font-size:18px}
  .feat p{margin:0;color:var(--muted);font-size:15px}

  /* compare */
  .cmp{margin-top:44px;border:1px solid var(--line);border-radius:16px;overflow:hidden}
  .cmp .row{display:grid;grid-template-columns:1.4fr 1fr 1fr;border-top:1px solid var(--line)}
  .cmp .row:first-child{border-top:0;background:var(--panel);font:700 13px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  .cmp .row>div{padding:16px 20px}
  .cmp .us{background:rgba(255,59,59,.06);color:var(--text);font-weight:600}
  .yes{color:var(--green)} .no{color:#6b7a8f}

  /* faq */
  .faq{max-width:780px;margin:44px auto 0}
  details{border-bottom:1px solid var(--line);padding:20px 0}
  summary{cursor:pointer;list-style:none;font-weight:700;font-size:18px;display:flex;justify-content:space-between;gap:16px}
  summary::-webkit-details-marker{display:none}
  summary::after{content:"+";font:400 24px/1 var(--mono);color:var(--red);transition:transform .2s}
  details[open] summary::after{transform:rotate(45deg)}
  details p{color:var(--muted);margin:12px 0 0}

  /* final */
  .final{position:relative;overflow:hidden;text-align:center;border-top:1px solid var(--line);
    background:radial-gradient(ellipse at center,rgba(255,59,59,.16),transparent 65%),var(--bg)}
  .final h2{font-size:clamp(36px,5.5vw,64px)}
  .final .sub{margin:0 auto}
  .final .signup{margin:30px auto 0;justify-content:center}
  .final .micro{justify-content:center}

  footer{border-top:1px solid var(--line);padding:32px 0 100px;color:var(--muted);font-size:14px}
  footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
  footer a{text-decoration:none;margin-left:18px} footer a:hover{color:var(--text)}

  /* sticky mobile cta */
  .mcta{position:fixed;left:12px;right:12px;bottom:12px;z-index:45;display:none;transform:translateY(120%);transition:transform .3s}
  .mcta.show{transform:none}
  .mcta .btn{width:100%;padding:16px}

  .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
  .reveal.on{opacity:1;transform:none}

  @media (max-width:900px){
    .hero .grid,.brief .grid{grid-template-columns:1fr}
    .steps,.feats{grid-template-columns:1fr}
    .hero{padding-top:44px}
    section{padding:64px 0}
    .mcta{display:block}
    .cmp .row{grid-template-columns:1.3fr .8fr .8fr;font-size:14px}
    .cmp .row>div{padding:12px}
    nav .btn{display:none}
  }
  @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal,.term-body .ln{opacity:1;transform:none}}