:root{
    --bg:#0b0f14; --panel:#111821; --panel2:#0e141c; --line:#1e2a38;
    --ink:#e8eef6; --muted:#93a3b8; --dim:#6b7c91;
    --accent:#4fd1c5; --accent-ink:#062a28; --warn:#f6ad55; --bad:#f0736a; --good:#63e6a1;
    --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
    --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --max:1080px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);
    line-height:1.6;-webkit-font-smoothing:antialiased;
    background-image:
      radial-gradient(60rem 30rem at 80% -10%, rgba(79,209,197,.10), transparent 60%),
      radial-gradient(50rem 25rem at 0% 0%, rgba(79,209,197,.05), transparent 55%);
    background-repeat:no-repeat;
  }
  a{color:var(--accent);text-decoration:none}
  a:hover{text-decoration:underline}
  :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
  .skip{position:absolute;left:-9999px}
  .skip:focus{left:16px;top:16px;background:var(--panel);padding:10px 14px;z-index:10;left:16px}
  header.site{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,15,20,.82);backdrop-filter:blur(10px);z-index:5}
  .nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
  .brand{display:flex;align-items:center;gap:10px;font-weight:650;letter-spacing:.2px}
  .brand svg{display:block}
  .navlinks{display:flex;gap:22px;align-items:center;font-size:14px}
  .navlinks a{color:var(--muted)}
  .navlinks a:hover{color:var(--ink)}
  .lang{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 10px;margin-right:10px}
  .lang:hover{color:var(--ink);border-color:var(--accent);text-decoration:none}
  .btn{
    display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;
    font-weight:600;font-size:14px;border:1px solid transparent;white-space:nowrap;
  }
  .btn-primary{background:var(--accent);color:var(--accent-ink)}
  .btn-primary:hover{text-decoration:none;filter:brightness(1.08)}
  .btn-ghost{border-color:var(--line);color:var(--ink);background:transparent}
  .btn-ghost:hover{text-decoration:none;border-color:var(--muted)}
  section{padding:76px 0;border-bottom:1px solid var(--line)}
  h1,h2,h3{line-height:1.18;margin:0 0 16px;letter-spacing:-.02em}
  h1{font-size:clamp(34px,5.2vw,58px);font-weight:700}
  h2{font-size:clamp(26px,3.2vw,36px);font-weight:650}
  h3{font-size:19px;font-weight:650}
  p{margin:0 0 16px;color:var(--muted);font-size:17px}
  .lead{font-size:clamp(17px,1.6vw,20px);color:#c3cfdd;max-width:62ch}
  .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
  .hero{padding:92px 0 84px}
  .hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
  .hero-note{margin-top:18px;font-size:14px;color:var(--dim)}
  .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:54px}
  .stat{background:var(--panel);padding:22px 20px}
  .stat b{display:block;font-family:var(--mono);font-size:clamp(22px,2.6vw,30px);color:var(--ink);font-weight:600;letter-spacing:-.02em}
  .stat span{display:block;font-size:13px;color:var(--muted);margin-top:6px}
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  .card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px}
  .card p:last-child{margin-bottom:0}
  .card .tag{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
  ul.checks{list-style:none;padding:0;margin:0}
  ul.checks li{position:relative;padding-left:26px;margin-bottom:12px;color:var(--muted)}
  ul.checks li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:2px;background:var(--accent);opacity:.9}
  ul.limits li::before{background:var(--warn)}
  ul.nevers li::before{background:var(--bad)}
  table{width:100%;border-collapse:collapse;font-size:14.5px;margin-top:8px}
  caption{caption-side:bottom;text-align:left;color:var(--dim);font-size:13px;padding-top:12px}
  th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line)}
  th{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:500}
  td.num{font-family:var(--mono);white-space:nowrap}
  .badge{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.06em;padding:3px 8px;border-radius:999px;border:1px solid}
  .badge.ok{color:var(--good);border-color:rgba(99,230,161,.35);background:rgba(99,230,161,.08)}
  .badge.no{color:var(--good);border-color:rgba(99,230,161,.35);background:rgba(99,230,161,.08)}
  .badge.bad{color:var(--bad);border-color:rgba(240,115,106,.35);background:rgba(240,115,106,.08)}
  pre{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:18px;overflow-x:auto;font-family:var(--mono);font-size:13px;color:#c9d6e4;margin:0}
  pre .c{color:var(--dim)}
  pre .w{color:var(--warn)}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}
  .step{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px}
  .step .n{font-family:var(--mono);color:var(--accent);font-size:13px;letter-spacing:.1em}
  .step h3{margin:10px 0 8px;font-size:17px}
  .step p{font-size:15px;margin:0}
  .cta-band{background:linear-gradient(180deg,rgba(79,209,197,.07),rgba(79,209,197,.02));border-top:1px solid var(--line)}
  .cta-band .card{background:rgba(11,15,20,.5)}
  footer{padding:44px 0 60px;color:var(--dim);font-size:13.5px}
  footer .row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .mono{font-family:var(--mono)}
  .hr{height:1px;background:var(--line);margin:34px 0}
  @media (max-width:860px){
    .stats{grid-template-columns:1fr 1fr}
    .grid2{grid-template-columns:1fr}
    .steps{grid-template-columns:1fr}
    .navlinks{display:none}
    section{padding:58px 0}
  }
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}