:root{--ink:#14213d;--muted:#5f6b7a;--bg:#f7f9fc;--card:#fff;--line:#e4e9f0;--accent:#1769e0;--accent2:#0f4fae;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;font-size:20px;letter-spacing:-.4px;color:var(--ink)}nav{display:flex;gap:22px;font-size:14px;font-weight:600}nav a{color:#39465a}
.hero{padding:86px 0 76px;background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:12px;font-weight:800;color:var(--accent);margin-bottom:16px}.hero h1{font-size:clamp(38px,6vw,66px);line-height:1.04;letter-spacing:-2.8px;max-width:850px;margin:0 0 22px}.hero p{font-size:19px;color:var(--muted);max-width:720px;margin:0 0 30px}.btn{display:inline-block;background:var(--accent);color:#fff;padding:13px 19px;border-radius:9px;font-weight:750}.btn:hover{background:var(--accent2);text-decoration:none}
.section{padding:70px 0}.section h2{font-size:34px;letter-spacing:-1px;margin:0 0 12px}.lead{color:var(--muted);max-width:700px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 5px 20px rgba(20,33,61,.04)}.card h3{margin:0 0 9px;font-size:20px}.card p{color:var(--muted);margin:0}.note{margin-top:34px;background:#eef5ff;border:1px solid #d8e7ff;border-radius:12px;padding:18px 20px;color:#31445f}
.page{padding:68px 0}.page h1{font-size:46px;letter-spacing:-1.6px;margin:0 0 18px}.page h2{margin-top:38px}.page p,.page li{max-width:820px;color:#455164}.page ul{padding-left:22px}
footer{background:#101a2b;color:#c6d0df;margin-top:40px}.footer{padding:42px 0;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer a{color:#dce6f5}.small{font-size:13px;color:#8f9bad}
@media(max-width:760px){nav{display:none}.grid{grid-template-columns:1fr}.hero{padding:62px 0}.hero h1{letter-spacing:-1.8px}.page h1{font-size:38px}}