:root{--bg:#f7f8fb;--surface:#ffffff;--text:#111827;--muted:#4b5563;--brand:#2563eb;--brand2:#0ea5e9;--ring:rgba(37,99,235,.2);--radius:18px;--shadow:0 10px 30px rgba(15,23,42,.08)}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#f8fbff,#f7f8fb);color:var(--text);line-height:1.65}
.container{width:min(1080px,92vw);margin:0 auto}.topbar{position:sticky;top:0;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb;z-index:20}.topbar-inner{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.brand{font-weight:800;letter-spacing:.2px}.nav a{color:var(--text);text-decoration:none;margin-left:18px;font-weight:600}.nav a:hover,.nav a:focus{color:var(--brand)}
.hero{padding:72px 0 40px}.eyebrow{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-weight:700}.hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;margin:.4rem 0 1rem}.lead{font-size:1.14rem;color:var(--muted);max-width:70ch}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pill{padding:.42rem .72rem;background:#eaf2ff;border-radius:999px;color:#1e3a8a;font-size:.88rem;font-weight:600}
.grid{display:grid;gap:18px}.cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:24px 0 40px}.card{background:var(--surface);border:1px solid #e5e7eb;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card h3{margin-top:0;font-size:1.05rem}.card p{color:var(--muted)}
.section{padding:20px 0 24px}.section h2{font-size:clamp(1.4rem,2.8vw,2rem);margin-bottom:.8rem}.success{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
blockquote{margin:0;background:#0f172a;color:#f8fafc;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}blockquote a{color:#7dd3fc}
.cta{margin:24px 0 50px;padding:22px;background:#fff;border:1px solid #dbeafe;border-radius:var(--radius)}
.footer{border-top:1px solid #e5e7eb;color:#6b7280;padding:24px 0 40px;font-size:.95rem}
main a{color:#1d4ed8}
@media (max-width:720px){.nav a{margin-left:12px}.hero{padding-top:52px}}