:root{--ink:#121212;--admiral:#201B59;--violet:#9875FF;--ryleigh:#BFA8FF;--frost:#F8F5FF;--selago:#EEEDFE;--muted:#6B6B6B;--line:#E4E3EE}
*{box-sizing:border-box}
html{scroll-padding-top:100px}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%;padding-top:92px}
.wrap{max-width:880px;margin:0 auto}
main.wrap{padding:32px 20px 72px}
header.site{position:fixed;left:0;right:0;top:0;z-index:50;padding:20px 4vw 0}
header.site .nav-pill{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px solid rgba(32,27,89,.10);background:#fff;border-radius:999px;padding:10px 20px;box-shadow:0 4px 20px -8px rgba(32,27,89,.15)}
header.site .brand{color:var(--admiral);font-weight:700;text-decoration:none;letter-spacing:-.02em;font-size:18px}
header.site .desktop-nav{display:none;align-items:center;gap:24px}
header.site .desktop-nav a{color:var(--admiral);text-decoration:none;font-size:14px;font-weight:500}
header.site .desktop-nav a:hover{opacity:.7}
header.site .nav-actions{display:none;align-items:center;gap:12px}
header.site .nav-actions .cta{display:inline-block;background:var(--violet);color:#fff;font-size:14px;font-weight:600;text-decoration:none;padding:8px 18px;border-radius:999px}
header.site .nav-actions .cta:hover{background:#7c5cf0}
header.site .nav-actions .console{color:var(--admiral);font-size:14px;font-weight:500;text-decoration:none}
header.site .nav-actions .console:hover{opacity:.7}
header.site .menu-toggle{position:absolute;opacity:0;pointer-events:none}
header.site .menu-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--admiral);cursor:pointer;font-size:18px;line-height:1}
header.site .menu-button:hover{background:rgba(32,27,89,.06)}
header.site .mobile-nav{display:none;width:100%;flex-direction:column;gap:4px;padding:8px 0 4px}
header.site .mobile-nav a{color:var(--admiral);text-decoration:none;font-size:15px;font-weight:500;padding:8px 4px;border-radius:8px}
header.site .mobile-nav a:hover{background:var(--frost)}
header.site .menu-toggle:checked ~ .mobile-nav{display:flex}
@media(min-width:768px){header.site .desktop-nav,header.site .nav-actions{display:flex}header.site .menu-button,header.site .mobile-nav{display:none}}
.hero{background:var(--admiral);color:#fff;text-align:center;padding:52px 20px 60px;margin-top:-20px}
.hero h1{color:#fff;font-size:40px;line-height:1.375;letter-spacing:-.04em;margin:0 0 12px}
.hero p{color:var(--selago);font-size:18px;line-height:1.6;max-width:580px;margin:0 auto 28px}
.hero .btn{display:inline-block;background:var(--violet);color:#fff;font-weight:600;text-decoration:none;padding:12px 28px;border-radius:999px;margin:4px 6px}
.hero .btn:hover{background:#7c5cf0}
.hero .btn.ghost{background:transparent;border:2px solid #fff;color:#fff}
.hero .btn.ghost:hover{background:rgba(255,255,255,.12)}
nav.crumbs{font-size:14px;color:var(--muted);margin:0 0 20px}
nav.crumbs a{color:var(--admiral)}
h1{font-size:32px;line-height:1.375;letter-spacing:-.04em;color:var(--admiral);margin:0 0 8px}
h2{font-size:20px;line-height:1.375;letter-spacing:-.04em;color:var(--admiral);margin:32px 0 8px}
h3{font-size:17px;line-height:1.375;letter-spacing:-.02em;margin:24px 0 6px;color:var(--admiral)}
p{margin:0 0 14px}
a{color:var(--admiral)}
.also{color:var(--muted);font-size:14px;font-style:italic;margin:0 0 24px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin:0 0 6px}
table{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:15px}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--frost);color:var(--admiral)}
blockquote{margin:18px 0;padding:12px 16px;background:var(--frost);border-left:3px solid var(--violet);border-radius:0 12px 12px 0}
blockquote p{margin:0}
pre{background:var(--frost);border:1px solid var(--line);padding:12px 14px;overflow:auto;font-size:14px;border-radius:12px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}
.cat{background:var(--frost);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-top:24px}
.cat h2{margin-top:0}
.cat p{color:var(--muted)}
.cat li{margin-bottom:10px}
.cat .also{margin:0}
footer.site{background:#121212;color:var(--selago);font-size:14px;margin-top:48px}
footer.site .wrap{max-width:1200px;padding:48px 20px 28px}
footer.site .footer-grid{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:40px}
footer.site .footer-grid h3{color:#fff;font-size:22px;letter-spacing:-.02em;margin:0 0 12px}
footer.site .footer-grid h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 14px}
footer.site .footer-grid p{opacity:.8;margin:0;line-height:1.6}
footer.site .footer-grid ul{list-style:none;padding:0;margin:0}
footer.site .footer-grid li{margin:0 0 10px}
footer.site .footer-grid a{color:#fff;text-decoration:none;opacity:.8}
footer.site .footer-grid a:hover{opacity:1;color:var(--ryleigh)}
footer.site .footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:24px;text-align:center;opacity:.8}
footer.site .footer-bottom p{margin:0 0 8px}
@media(min-width:768px){footer.site .footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}