:root{color-scheme:dark;--bg:#0a0f1b;--fg:#f0f5ff;--muted:#b9c8d9;--line:#304157;--accent:#67e3ce;--panel:#132038}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 90% 0%,#1d2b48,transparent 38%),var(--bg);color:var(--fg);font:16px/1.8 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--accent)}a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header,footer{background:#0c1524;border-color:var(--line)}header{border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);margin-top:70px}
.wrap{max-width:1040px;margin:auto;padding:0 25px}.nav,.foot{display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}.navlinks{display:flex;gap:20px;flex-wrap:wrap}.brand{font-size:1.3rem;font-weight:800;color:#fff;text-decoration:none}.brand i{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;margin-right:8px;background:var(--accent);color:#08282e;font-style:normal}
main{min-height:65vh}.hero{padding:82px 0 65px}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-size:.8rem;font-weight:700}h1{font-size:clamp(2.3rem,5.2vw,4.5rem);line-height:1.21;margin:16px 0}h2{font-size:clamp(1.4rem,3vw,2rem);line-height:1.4;margin:38px 0 12px}h3{line-height:1.5}p,li{color:var(--muted)}.lead{font-size:1.13rem;max-width:790px}.button{display:inline-block;margin:14px 12px 0 0;border:1px solid var(--accent);border-radius:11px;background:var(--accent);color:#042625;padding:10px 19px;font-weight:700;text-decoration:none}.button.secondary{color:var(--fg);background:transparent;border-color:var(--line)}
.section{padding:28px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}.panel h3{margin-top:0}.doc{max-width:850px;margin:45px auto 0;padding:0 25px}.doc h1{font-size:2.65rem}.doc section{margin:35px 0}.note{padding:18px;border-left:3px solid var(--accent);background:var(--panel);border-radius:5px}code{color:#d4c9ff;overflow-wrap:anywhere}table{width:100%;border-collapse:collapse}td,th{padding:12px;text-align:left;border:1px solid var(--line);vertical-align:top}small{color:var(--muted)}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:10px;padding:8px;background:white;color:black;z-index:9}
@media(max-width:780px){.grid{grid-template-columns:1fr}.hero{padding:50px 0}.nav{gap:12px}.doc h1{font-size:2rem}}