:root {color-scheme: light; --ink:#17243a; --muted:#64758d; --line:#e1e8f0; --panel:#ffffff; --bg:#f6f8fc; --accent:#2f66dc; --soft:#eaf0ff;}
* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0; background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; line-height:1.6}
a {color:var(--accent); text-underline-offset:3px}
a:hover {color:#204caa}
.container {max-width:960px; margin:auto; padding:0 24px}
header {background:#fff; border-bottom:1px solid var(--line)}
.top {display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:76px}
.brand {display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--ink); font-weight:780; letter-spacing:-.025em}
.brandmark {width:37px;height:37px;display:grid;place-items:center;background:#1c3768;color:white;border-radius:11px;font-size:16px;letter-spacing:-.045em}
nav {display:flex; gap:18px; font-size:14px; flex-wrap:wrap}
nav a {color:#43536b;text-decoration:none} nav a:hover{text-decoration:underline}
.hero {padding:80px 0 60px}
.kicker {display:inline-block;background:var(--soft);border:1px solid #d9e5ff;color:#2657bb;padding:5px 13px;border-radius:30px;font-size:13px;font-weight:700;margin-bottom:21px}
h1 {font-size:clamp(36px,6vw,58px);letter-spacing:-.055em;line-height:1.12;margin:0 0 24px}
.lead {font-size:19px;color:#4e6077;max-width:740px;line-height:1.72;margin:0}
.content {padding:6px 0 74px}
.grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card {background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px;box-shadow:0 10px 30px rgba(21,41,70,.03)}
.card h2 {font-size:18px;line-height:1.3;letter-spacing:-.015em;margin:0 0 10px}
.card p {color:var(--muted);font-size:15px;margin:0}
.note {background:#eaf0ff;border-left:3px solid var(--accent);padding:22px 24px;margin:24px 0 0;border-radius:0 12px 12px 0;color:#31507a}
.sectiontitle {font-size:27px;letter-spacing:-.035em;margin:10px 0 22px}
.doc {padding:52px 0 72px}
.doc h1 {font-size:38px;margin-bottom:12px}
.doc h2 {font-size:22px;letter-spacing:-.025em;margin:32px 0 8px}
.doc p,.doc li {color:#45556c;max-width:790px}
.doc ul {padding-left:24px}
.doc .paper {padding:26px 36px 44px;background:#fff;border:1px solid var(--line);border-radius:18px}
.small {font-size:13px;color:var(--muted)}
footer {background:white;border-top:1px solid var(--line);padding:28px 0;color:#64758d;font-size:13px}
.foot {display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}
.footlinks {display:flex;flex-wrap:wrap;gap:18px}
.footlinks a {color:#526780}
.placeholder {background:#fff3ca;padding:2px 6px;border:1px solid #f1d68b;border-radius:4px;color:#795006}
@media(max-width:650px) {.grid{grid-template-columns:1fr}.hero{padding:52px 0 38px}.top{flex-direction:column;align-items:flex-start;padding:18px 0}.doc .paper{padding:22px 18px}.doc{padding:24px 0 48px}}