body{margin:0;background:#0A0C12;font-family:Inter,system-ui,sans-serif;color:#E8ECF4}
a{color:#4FE3D1}a:hover{color:#8AF0E4}
.top,.foot{max-width:760px;margin:0 auto;padding:24px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.top .brand{display:inline-flex;align-items:center;gap:6px;font-family:'Chakra Petch',sans-serif;font-weight:600;font-size:22px;letter-spacing:-.01em;line-height:1;color:#E8ECF4;text-decoration:none}
.top nav,.foot nav{display:flex;gap:20px;font-size:14px}
.top nav a,.foot nav a{color:#B4BCCC;text-decoration:none}
.top nav a:hover,.foot nav a:hover{color:#4FE3D1}
.doc{max-width:760px;margin:0 auto;padding:32px 16px 80px;font-size:17px;line-height:1.7;color:#B4BCCC}
.eyebrow{margin:0;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#4FE3D1}
.doc h1{margin:8px 0 4px;font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:clamp(34px,5vw,48px);line-height:1.1;color:#E8ECF4}
.meta{margin:0 0 32px;font-size:14px;color:#8A93A6}
.doc h2{margin:44px 0 12px;font-family:'Chakra Petch',sans-serif;font-weight:600;font-size:26px;line-height:1.2;color:#E8ECF4}
.doc h3{margin:28px 0 10px;font-family:'Chakra Petch',sans-serif;font-weight:600;font-size:20px;color:#E8ECF4}
.doc p{margin:0 0 16px}
.doc strong{color:#E8ECF4;font-weight:600}
.doc ul{margin:0 0 16px;padding-left:24px}
.doc li{margin:0 0 8px}
.foot{border-top:1px solid #1C2130;font-size:14px;color:#8A93A6}