:root { --fg:#111; --muted:#666; --line:#e5e5e5; --accent:#111; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--fg); }
header, main, footer { max-width:1040px; margin:0 auto; padding:2rem 1.25rem; }
header h1 { font-size:2.5rem; margin:0 0 .25rem; letter-spacing:-.02em; }
header p { color:var(--muted); max-width:34rem; }
.tiers { display:grid; gap:1.25rem; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.tier { border:1px solid var(--line); border-radius:12px; padding:1.25rem; }
.tier h2 { margin:0; font-size:1.25rem; }
.price { font-size:2rem; font-weight:600; margin:.25rem 0 1rem; }
.price span { font-size:1rem; font-weight:400; color:var(--muted); }
.tier ul { padding-left:1.1rem; margin:0 0 1rem; color:var(--muted); }
.buy label { display:block; margin:.75rem 0 .25rem; font-size:.9rem; }
.buy select, .buy textarea { width:100%; padding:.5rem; border:1px solid var(--line); border-radius:6px; font:inherit; }
.buy textarea { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.8rem; }
.hint { font-size:.8rem; color:var(--muted); }
.refill, .consent { font-size:.85rem; }
.buy button { width:100%; margin-top:1rem; padding:.75rem; border:0; border-radius:8px;
              background:var(--accent); color:#fff; font:inherit; font-weight:600; cursor:pointer; }
.warning { margin-top:3rem; border-left:3px solid #c00; padding:.5rem 0 .5rem 1rem; }
footer { border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; }
@media (prefers-color-scheme:dark) {
  :root { --fg:#eee; --muted:#999; --line:#333; --accent:#eee; }
  body { background:#0b0b0b; }
  .buy button { color:#111; }
}