:root{--blue:#5468D9;--violet:#7A3FC6;--ink:#16173A;--ink-2:#454A6B;--muted:#5E6383;--line:#E4E6F0;--mist:#F5F7FC;--night:#1B1A4A}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font:400 17px/1.7 "DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:var(--blue)}a:hover{color:var(--violet)}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.nav img{height:40px;width:auto}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--line);color:var(--ink);text-decoration:none;font:600 15px/1 Poppins,sans-serif}
.btn:hover{border-color:var(--blue);color:var(--ink)}
.doc{max-width:780px;padding-top:56px;padding-bottom:96px}
.eyebrow{font:600 13px/1 Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:0 0 14px}
h1,h2,h3{font-family:Poppins,system-ui,sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.01em}
h1{font-size:clamp(34px,5vw,48px);margin:0 0 10px}
h2{font-size:24px;margin:48px 0 14px;scroll-margin-top:96px}
h3{font-size:18px;margin:28px 0 8px}
.meta{color:var(--muted);margin:0 0 32px}
p{margin:0 0 16px;color:var(--ink-2)}
ul{margin:0 0 16px;padding-left:22px;color:var(--ink-2)}
li{margin-bottom:8px}
li b,p b{color:var(--ink)}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 8px;padding:20px;background:var(--mist);border-radius:14px}
.toc a{font-size:14px;text-decoration:none;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink-2)}
.toc a:hover{border-color:var(--blue);color:var(--ink)}
.caps{text-transform:uppercase;font-size:15px;letter-spacing:.01em}
footer{background:var(--night);color:#C9CBEA;padding:32px 0;font-size:14px}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
footer a{color:#C9CBEA;text-decoration:none}footer a:hover{color:#fff}
@media (max-width:420px){.nav img{height:32px}}