[hidden]{display:none!important}
html{scroll-behavior:smooth}

@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dm-sans-400.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/dm-sans-500.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/dm-sans-600.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/dm-sans-700.woff2) format("woff2")}
@font-face{font-family:"Sora";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/sora-500.woff2) format("woff2")}
@font-face{font-family:"Sora";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/sora-600.woff2) format("woff2")}
@font-face{font-family:"Sora";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/sora-700.woff2) format("woff2")}
@font-face{font-family:"Sora";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/sora-800.woff2) format("woff2")}
body{margin:0;background:#f4f6fb}
a{color:#3355ff}a:hover{color:#1f3bd6}
.ds{font-family:"DM Sans","Segoe UI",system-ui,sans-serif;color:#0f1426;background:#f4f6fb;font-size:17px;line-height:1.65}
.ds *{box-sizing:border-box}
.ds h1,.ds h2,.ds h3{font-family:"Sora","Segoe UI",system-ui,sans-serif;letter-spacing:-.02em;line-height:1.2;margin:0;text-wrap:balance}
.ds p{margin:0}
.wrap{max-width:820px;margin:0 auto;padding-left:24px;padding-right:24px}
.hdr{background:#0c1024}
.hdr .wrap{max-width:1160px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;padding-bottom:16px}
.brand{font-family:"Sora",sans-serif;font-weight:800;font-size:19px;color:#f2f4ff;text-decoration:none}
.brand:hover{color:#fff}
.back{color:#a7aecb;text-decoration:none;font-weight:500;font-size:15px;padding:8px 12px;border-radius:999px}
.back:hover{color:#fff;background:rgba(255,255,255,.08)}
.main{padding-top:72px;padding-bottom:96px;display:grid;gap:56px}
.eyebrow{font-weight:600;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:#3355ff}
.toc{background:#fff;border:1px solid #dde2ee;border-radius:18px;padding:24px 28px}
.toc ol{margin:10px 0 0;padding-left:1.3em;display:grid;gap:4px}
.toc a{text-decoration:none}
.ch{display:grid;gap:24px;scroll-margin-top:24px}
.ch > h2{font-size:28px;padding-bottom:14px;border-bottom:1px solid #dde2ee}
.ch > h2 span{color:#3355ff;margin-right:10px}
.sub{display:grid;gap:10px}
.sub h3{font-size:19px}
.sub h4{margin:6px 0 0;font-family:"Sora",sans-serif;font-size:16px;letter-spacing:-.01em}
.sub p,.sub li{color:#3d4459}
.sub ul{margin:0;padding-left:1.2em;display:grid;gap:8px}
.card{background:#fff;border:1px solid #dde2ee;border-radius:14px;padding:20px 24px;line-height:1.6}
.card b{font-family:"Sora",sans-serif}
.caps{font-size:14.5px;letter-spacing:.01em;background:#fff;border:1px solid #dde2ee;border-radius:14px;padding:20px 24px;display:grid;gap:12px}
.src{font-size:14.5px;color:#5a6178}
.foot{background:#0c1024;color:#a7aecb;font-size:14.5px}
.foot .wrap{max-width:1160px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;padding-bottom:24px}
.foot a{color:#a7aecb}
@media (max-width:560px){.wrap{padding-left:16px;padding-right:16px}.main{padding-top:48px}.ch > h2{font-size:23px}}