:root{color-scheme:dark;--ink:#0f0e12;--panel:#1a1820;--line:#2c2933;--text:#f3f1ea;--muted:#9a95a6;--tape:#ffd83d;
  --display:"Anton",Impact,"Arial Narrow",sans-serif;--body:"DM Sans",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6}
.tape{height:12px;background:repeating-linear-gradient(-45deg,var(--tape) 0 16px,var(--ink) 16px 32px)}
main{max-width:680px;margin:0 auto;padding:24px 20px 56px}
.brand{font-family:var(--display);font-size:32px;color:var(--text);text-decoration:none;letter-spacing:.01em}
.brand span{color:var(--tape)}
h1{font-family:var(--display);font-weight:400;font-size:40px;line-height:1.05;margin:28px 0 6px}
h2{font-size:19px;margin:28px 0 6px}
p,li{color:#d9d6de;max-width:65ch}
.muted{color:var(--muted);font-size:14px}
a{color:var(--tape)}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0}
.plan{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}
.plan b{display:block;font-size:17px}.plan span{font-family:var(--display);font-size:34px;color:var(--tape)}
.plan p{margin:6px 0 0;font-size:14px;color:var(--muted)}
footer{margin-top:40px;border-top:1px solid var(--line);padding-top:16px;font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:14px}
footer a{color:var(--muted)}