:root{--brand:#4338ca;--ink:#202124;--muted:#5f6368;--line:#e3e6e4;--soft:#f6f5ff}
*{box-sizing:border-box}
body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink)}
a{color:var(--brand)}
.wrap{max-width:860px;margin:auto;padding:0 22px}
header{background:linear-gradient(135deg,#6366f1,var(--brand));color:#fff;padding:54px 0;text-align:center}
header h1{font-size:clamp(28px,5vw,38px);line-height:1.2;margin:0 0 12px}
header p{font-size:18px;max-width:700px;margin:auto}
main section{padding:34px 0;border-bottom:1px solid var(--line)}
h2{font-size:24px;line-height:1.3;margin:0 0 14px}
h3{font-size:18px;margin:22px 0 6px}
p,ul,ol{margin:0 0 15px}
li{margin-bottom:8px}
.note{background:#f8fafc;border-left:4px solid var(--brand);padding:14px 18px}
.cta{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:24px;text-align:center}
.button{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font-weight:650;padding:11px 20px;border-radius:8px}
footer{padding:32px 20px;text-align:center;color:var(--muted);font-size:14px}