.api-page{max-width:1180px;margin:0 auto;padding:56px 32px 96px;color:var(--ink)}
.api-hero{position:relative;overflow:hidden;padding:64px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(135deg,var(--surface),var(--bg));box-shadow:var(--shadow)}
.api-hero::after{content:"";position:absolute;width:360px;height:360px;right:-110px;top:-150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--violet) 24%,transparent),transparent 68%);pointer-events:none}
.api-kicker{font:500 12px/1.3 'JetBrains Mono';letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.api-hero h1{position:relative;max-width:860px;margin:18px 0;font:600 clamp(34px,5vw,64px)/1.08 'Unbounded';letter-spacing:-.04em}
.api-hero p{position:relative;max-width:760px;margin:0;color:var(--muted);font-size:18px;line-height:1.65}
.api-actions{position:relative;display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.api-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.api-card,.api-section{border:1px solid var(--border);border-radius:20px;background:var(--surface);padding:28px}
.api-card h2,.api-card h3,.api-section h2,.api-section h3{margin:0 0 12px;font-family:'Unbounded';letter-spacing:-.025em}
.api-card p,.api-section p,.api-section li{color:var(--muted);line-height:1.65}
.api-card a{color:var(--ink);font-weight:600}
.api-section{margin-top:24px;background:var(--bg)}
.api-section h2{font-size:25px}
.api-section h3{margin-top:26px;font-size:17px}
.api-callout{padding:18px 20px;border-left:3px solid var(--violet);border-radius:0 12px 12px 0;background:var(--surface);color:var(--muted)}
.api-callout strong{color:var(--ink)}
.api-inline-code{font-family:'JetBrains Mono';font-size:.9em;padding:2px 6px;border-radius:6px;background:var(--surface-2)}
.api-code{position:relative;margin:14px 0 0;overflow:auto;border-radius:14px;background:#161519;color:#f6f5f7;padding:20px;font:12px/1.65 'JetBrains Mono';white-space:pre}
.api-example{padding-top:20px;margin-top:20px;border-top:1px solid var(--border)}
.api-example:first-of-type{border-top:0;margin-top:0}
.api-example-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.api-example-head p{margin:4px 0 0}
.api-label{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--border-strong);border-radius:999px;color:var(--muted);font:500 10px/1 'JetBrains Mono';white-space:nowrap}
.api-label.ok{border-color:color-mix(in srgb,var(--teal) 40%,var(--border));color:var(--teal)}
.api-label.no{color:var(--muted)}
.api-table-wrap{overflow-x:auto;margin-top:18px}
.api-table{width:100%;border-collapse:collapse;font-size:13px}
.api-table th,.api-table td{padding:13px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}
.api-table th{color:var(--muted);font:500 10px/1.3 'JetBrains Mono';letter-spacing:.04em;text-transform:uppercase}
.api-table code{font:11px/1.4 'JetBrains Mono';word-break:break-all}
.api-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}
.api-status{padding:14px;border-radius:12px;background:var(--surface);color:var(--muted);font-size:13px}
.api-status strong{display:block;color:var(--ink);font:600 18px/1.2 'Unbounded';margin-bottom:5px}
@media(max-width:820px){.api-page{padding:32px 18px 72px}.api-hero{padding:36px 24px}.api-grid{grid-template-columns:1fr}.api-status-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.api-status-grid{grid-template-columns:1fr}.api-actions .btn{width:100%}.api-example-head{display:block}.api-label{margin-top:10px}}