@font-face{font-family:General Sans;src:url('assets/general-sans-500.woff2')}@font-face{font-family:Inter;src:url('assets/inter-latin.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#050608;color:#efeee7;font-family:Inter,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}header,main,footer{max-width:1240px;margin:auto;padding:28px 40px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.brand{font-family:General Sans,sans-serif;font-size:29px;letter-spacing:-1.5px}.brand span{color:#558fff;margin-left:5px}nav{display:flex;gap:28px;font-size:13px}.intro{padding:85px 0 75px;max-width:820px}.eyebrow{font-size:10px;letter-spacing:2px;color:#88aaf4;margin:0 0 20px}h1,h2,h3{font-family:General Sans,sans-serif;font-weight:500;line-height:1.12;letter-spacing:-1px}h1{font-size:72px;margin:0 0 28px}h1 span{color:#86a8fa}h2{font-size:35px;margin:0 0 24px}h3{font-size:23px}p{color:#a6a9b4;margin:0 0 22px}.intro>p:not(.eyebrow){max-width:610px;font-size:18px}.button{display:inline-block;border:0;border-radius:9px;padding:13px 20px;background:#efeee7;color:#11131a;font:500 13px Inter;cursor:pointer}.secondary{margin-left:26px;font-size:13px}.layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:55px;border-top:1px solid #ffffff20;padding-top:45px}aside{align-self:start;position:sticky;top:30px;display:grid;gap:18px;font-size:12px;color:#b9bcc7}article{min-width:0}article section{padding:0 0 65px;margin-bottom:55px;border-bottom:1px solid #ffffff19}code{font-family:monospace;font-size:12px;color:#c5d7ff}pre{overflow:auto;max-width:100%;padding:25px;background:#0c1018;border:1px solid #ffffff16;border-radius:0 0 12px 12px;line-height:1.8;white-space:pre;max-height:600px}.notice{padding:22px;background:#10182b;border:1px solid #4266ab55;border-radius:12px;margin:25px 0}.notice p{margin:7px 0 12px;font-size:13px}button.small,#copy{border:1px solid #ffffff30;border-radius:6px;background:transparent;color:#eee;padding:6px 12px;cursor:pointer}.tabs{display:flex;gap:8px;margin-top:28px}.tabs button{padding:10px 22px;border:0;border-bottom:2px solid transparent;background:none;color:#9198ab;cursor:pointer}.tabs button[aria-selected=true]{border-color:#6897ff;color:#f1f2f6}.codehead{display:flex;justify-content:space-between;align-items:center;background:#111723;border:1px solid #ffffff16;padding:12px 18px;border-radius:12px 12px 0 0;margin-top:16px;font-size:11px}.codehead+pre{margin-top:0}.caption{font-size:12px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:26px}.steps>div{border:1px solid #ffffff19;border-radius:12px;padding:22px}.steps b{font-size:12px}.steps p{font-size:13px;margin:12px 0 0}.endpoint{padding:20px 0;border-bottom:1px solid #ffffff16}.endpoint b{display:block;font:13px monospace;color:#aac4ff}.endpoint p{font-size:13px;margin:8px 0}.endpoint small{display:block;color:#727e98}.inline{display:inline-block;font-size:13px;margin-right:25px;color:#b4ceff}label{display:block;font-size:12px;color:#b5bdd0;margin:15px 0 7px}input,select{width:100%;background:#111723;color:#eee;border:1px solid #ffffff29;border-radius:7px;padding:12px;font:14px Inter}#measure{margin-top:20px}#measurement{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff20;font-size:12px}footer p{margin:0}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:2px solid #6d9cff;outline-offset:5px}@media(max-width:800px){header,main,footer{padding:24px}.intro{padding:55px 0}h1{font-size:48px}h2{font-size:29px}.layout{grid-template-columns:1fr;gap:30px}aside{position:static;display:flex;flex-wrap:wrap;gap:12px 20px}.steps{grid-template-columns:1fr}.secondary{display:block;margin:18px 0 0}nav{gap:15px;font-size:11px}pre{padding:18px}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}