@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#071d48;--blue:#1267df;--violet:#6042d7;--orange:#ff8126;--muted:#50617c;--line:#dce5f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#f6f8fd;font:16px/1.7 'DM Sans',Arial,sans-serif}a{color:var(--blue)}a:hover{text-decoration:underline}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.top{background:linear-gradient(115deg,#061a43,#102a68 72%,#24166b);color:white}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{text-decoration:none;color:white;font:800 22px Manrope;letter-spacing:-.06em;white-space:nowrap}.brand span{background:linear-gradient(90deg,#55c5ff,#8274ff);color:transparent;background-clip:text}.navlinks{display:flex;gap:28px;align-items:center}.navlinks a{color:white;text-decoration:none;font-weight:700;font-size:14px}.navlinks a:hover{color:#8fc6ff}.hero{padding:70px 0 72px;border-top:1px solid #ffffff27}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:#83c1ff;text-transform:uppercase}.hero h1{font:800 clamp(42px,5vw,68px)/1.08 Manrope;letter-spacing:-.055em;margin:15px 0}.hero p{color:#d7e4ff;font-size:18px;max-width:720px;margin:0}.draft{background:#fff3e9;border-bottom:1px solid #ffd1ad;color:#75401a}.draft .wrap{padding:16px 0;font-size:14px}.layout{display:grid;grid-template-columns:230px minmax(0,740px);gap:85px;align-items:start;padding:62px 0 100px}.toc{position:sticky;top:25px;border-left:2px solid var(--line);padding-left:18px}.toc strong{display:block;font:800 13px Manrope;text-transform:uppercase;letter-spacing:.12em;margin-bottom:13px}.toc a{display:block;color:#536482;text-decoration:none;font-size:14px;padding:6px 0}.toc a:hover{color:var(--blue)}article{background:#fff;border:1px solid #e0e7f3;border-radius:18px;padding:44px 52px;box-shadow:0 18px 50px #0d2b5709}article .date{font-size:13px;color:#647493;font-weight:700;margin:0 0 30px}article h2{font:800 25px/1.25 Manrope;letter-spacing:-.035em;margin:38px 0 11px;scroll-margin-top:24px}article h2:first-of-type{margin-top:0}article h3{font:800 18px Manrope;margin:25px 0 8px}article p{margin:0 0 16px;color:#344765}article ul{margin:0 0 18px;padding-left:23px;color:#344765}article li{margin:7px 0}article .note{background:#edf4ff;border-left:3px solid var(--blue);padding:15px 18px;border-radius:4px;margin:24px 0}footer{background:#06173a;color:#b9cbea;padding:30px 0;font-size:14px}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer strong{font:800 18px Manrope;color:#fff}footer .links{display:flex;gap:20px;flex-wrap:wrap}footer a{color:#dce7ff}@media(max-width:800px){.layout{grid-template-columns:1fr;gap:22px;padding:34px 0 60px}.toc{position:static;display:flex;flex-wrap:wrap;gap:4px 16px;border:0;padding:0}.toc strong{width:100%;margin:0}.toc a{padding:3px 0}article{padding:30px 24px}.hero{padding:50px 0}.navlinks{gap:13px}}@media(max-width:520px){.brand{font-size:18px}.nav{min-height:70px}.navlinks a{font-size:12px}.hero p{font-size:16px}.toc{display:none}article{padding:26px 19px}}