:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#101115;color:#f5f5f7}main{width:min(880px,calc(100% - 40px));margin:auto;padding:72px 0 36px}.eyebrow{color:#aa63ee;font-size:12px;font-weight:700;letter-spacing:.15em}h1{max-width:760px;margin:14px 0 0;font-size:clamp(42px,8vw,76px);line-height:.98;letter-spacing:-.055em}.lede{max-width:620px;color:#a5a6af;font-size:18px;line-height:1.6}.stage,.api{margin-top:48px;padding:28px;border:1px solid #30323a;border-radius:22px;background:#1a1b20}.controls{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:24px}.controls label{display:flex;flex-direction:column;gap:7px;color:#a5a6af;font-size:12px}.controls select,.controls input{width:100%}.controls select{height:34px;padding:0 9px;border:1px solid #3a3c45;border-radius:9px;background:#24252b;color:#f5f5f7}.api h2{margin-top:0;font-size:18px}.api pre{overflow:auto;margin:0;padding:16px;border-radius:12px;background:#111216;color:#d9c2f4;font-size:12px}footer{display:flex;justify-content:space-between;margin-top:22px;color:#8d8f99;font-size:12px}footer a{color:#f5f5f7;text-decoration:none}@media(max-width:700px){main{padding-top:42px}.stage,.api{padding:18px}.controls{grid-template-columns:1fr 1fr}.controls label:last-child{grid-column:1/-1}}