:root {
  --bg: #f8fafc;
  --surface: #fff;
  --text: #0f172a;
  --muted: #64748b;
  --border: #dbe3ee;
  --blue: #2563eb;
  --green: #15803d;
  --red: #dc2626;
  --amber: #d97706;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body { margin: 0; background: var(--bg); color: var(--text); }
.nav { display:flex; align-items:center; justify-content:space-between; max-width:1120px; margin:0 auto; padding:18px 20px; }
.brand { display:flex; align-items:center; gap:10px; font-weight:850; }
.brand img { width:34px; height:34px; }
.nav a { color:var(--muted); text-decoration:none; margin-left:18px; font-weight:700; font-size:14px; }
.hero { max-width:1120px; margin:0 auto; padding:74px 20px 54px; display:grid; grid-template-columns:1fr 430px; gap:52px; align-items:center; }
h1 { font-size:58px; line-height:1; letter-spacing:0; margin:0 0 20px; }
h2 { font-size:34px; letter-spacing:0; }
p { color:var(--muted); font-size:18px; line-height:1.6; }
.actions { display:flex; gap:10px; margin-top:26px; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 16px; border:1px solid #cbd5e1; border-radius:9px; background:#fff; color:var(--text); text-decoration:none; font-weight:780; cursor:pointer; }
.btn.primary { background:var(--blue); color:#fff; border-color:var(--blue); }
.btn:disabled { cursor:not-allowed; opacity:.55; }
.mock, .price-card, article { border:1px solid var(--border); border-radius:16px; background:#fff; box-shadow:0 16px 42px rgba(15,23,42,.08); }
.mock { padding:18px; }
.mock-title { font-weight:850; margin-bottom:12px; }
.row { border:1px solid #e2e8f0; border-radius:12px; padding:14px; margin-top:10px; font-weight:730; }
.row.red { color:#991b1b; background:#fff1f2; }
.row.amber { color:#92400e; background:#fff7d6; }
.row.green { color:#14532d; background:#f0fdf4; }
.band, .pricing { max-width:1120px; margin:0 auto; padding:46px 20px; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
article { padding:20px; box-shadow:none; }
article h3 { margin-top:0; }
.pricing { text-align:center; }
.price-card { max-width:420px; margin:0 auto; padding:28px; }
.price { font-size:64px; font-weight:900; }
.checkout { min-height:calc(100vh - 76px); display:grid; place-items:center; padding:24px; }
.field { display:grid; gap:8px; margin:18px 0; color:var(--muted); font-weight:740; text-align:left; }
.field select { min-height:44px; border:1px solid #cbd5e1; border-radius:9px; padding:0 12px; background:#fff; color:var(--text); font-weight:730; }
pre { white-space:pre-wrap; text-align:left; color:var(--muted); }
.policy { max-width:920px; margin:0 auto; padding:36px 20px 72px; }
.policy-card { border:1px solid var(--border); border-radius:16px; background:#fff; box-shadow:0 16px 42px rgba(15,23,42,.08); padding:34px; }
.policy-card h1 { font-size:46px; }
.policy-card h2 { margin-top:34px; font-size:24px; }
.policy-card p, .policy-card li { font-size:16px; line-height:1.7; color:var(--muted); }
.policy-card ul { padding-left:22px; }
.eyebrow { font-weight:800; color:var(--green) !important; }
@media (max-width: 860px) { .hero, .grid { grid-template-columns:1fr; } h1 { font-size:42px; } }