/* Base */
:root {
  --bg: #fff;
  --text: #222;
  --muted: #555;
  --line: #e9e9ef;
  --brand: #0066cc;
  --brand-dark: #004a99;
  --accent: #ffcc00;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;}
a{color:var(--brand);text-decoration:none;}
a:hover{text-decoration:underline;}
.container{width:min(1120px, 92vw);margin-inline:auto;padding:1rem 0;}

/* Header */
.site-header{border-bottom:1px solid var(--line);background:#fff;}
.header-flex{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 0;}
.brand{font-weight:700;}
.badge{background:var(--accent);color:#111;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:700;}

/* Hero */
.hero h1{font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:0.5rem;}
.lede{color:var(--muted);margin-bottom:0.5rem;}
.disclaimer{font-size:0.85rem;color:#777;}

/* Blocks */
.block{padding:1rem 0;border-top:1px solid var(--line);}
.block h2{font-size:1.3rem;margin-bottom:0.4rem;}
.tips, .steps{padding-left:1.1rem;margin:0.4rem 0;}
.tips li, .steps li{margin:0.3rem 0;}

/* CTA */
.soft-cta{padding:1rem 0;border-top:1px solid var(--line);}
.inline-aff{background:var(--brand);color:#fff;padding:0.2rem 0.6rem;border-radius:4px;font-weight:600;}
.inline-aff:hover{background:var(--brand-dark);}

/* Final CTA */
.final-cta{background:#f1f9ff;padding:1.5rem 0;text-align:center;border-top:1px solid var(--line);margin-top:1rem;}
.final-cta .muted{color:var(--muted);margin:0.2rem 0 0.8rem;}
.btn{padding:0.75rem 1.5rem;border-radius:6px;font-weight:700;color:#fff;background:var(--brand);}
.btn:hover{background:var(--brand-dark);}
.tiny{font-size:0.8rem;color:var(--muted);margin-top:0.5rem;}

/* Footer */
.site-footer{border-top:1px solid var(--line);padding:1rem 0;margin-top:2rem;text-align:center;}
.foot-links a{margin:0 0.5rem;}
.copy{font-size:0.9rem;color:#777;margin-top:0.5rem;}