:root { color-scheme: light; --ink:#172033; --muted:#667085; --blue:#0b6ff5; --line:#e5e9f1; --soft:#f5f8ff; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); font:16px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:#fff; }
a { color:var(--blue); }
header { border-bottom:1px solid var(--line); background:#fff; }
.nav, main, footer { max-width:980px; margin:auto; padding-left:24px; padding-right:24px; }
.nav { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.brand { color:var(--ink); font-weight:750; text-decoration:none; letter-spacing:-.02em; }
.nav-links { display:flex; flex-wrap:wrap; gap:16px; font-size:14px; }
.nav-links a { text-decoration:none; }
.hero { padding:88px 0 62px; background:linear-gradient(135deg,#f5f8ff 0%,#fff 58%); border-bottom:1px solid var(--line); }
.eyebrow { margin:0 0 12px; color:var(--blue); font-weight:700; font-size:14px; letter-spacing:.06em; text-transform:uppercase; }
h1 { max-width:720px; margin:0; font-size:clamp(38px,7vw,68px); line-height:1.03; letter-spacing:-.045em; }
.lead { max-width:680px; margin:24px 0 0; color:var(--muted); font-size:20px; }
.cta { display:inline-block; margin-top:28px; padding:11px 17px; border-radius:8px; color:#fff; background:var(--blue); font-weight:650; text-decoration:none; }
.section { padding:56px 0; }
h2 { margin:0 0 16px; font-size:28px; letter-spacing:-.025em; }
h3 { margin:0 0 8px; font-size:17px; }
.grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.card { padding:20px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.card p, .section p, li { color:var(--muted); }
.notice { padding:18px 20px; border-left:3px solid var(--blue); border-radius:0 8px 8px 0; background:var(--soft); color:var(--muted); }
footer { padding-top:28px; padding-bottom:34px; color:var(--muted); font-size:14px; border-top:1px solid var(--line); }
@media (max-width:700px) { .hero { padding:60px 0 46px; } .grid { grid-template-columns:1fr; } .nav { padding-top:14px; padding-bottom:14px; align-items:flex-start; flex-direction:column; } }