.api-intro{--ai-bg:var(--color-surface);--ai-ink:var(--color-ink);--ai-muted:var(--color-ink-muted);--ai-line:var(--color-line,#0e0b1a24);--ai-accent:var(--color-accent);--ai-accent-fg:var(--color-accent-fg);--ai-code-bg:#0e0b1a;--ai-code-fg:#e9e7f0;--ai-radius:0;border-block:1px solid var(--ai-line);background:var(--ai-bg);color:var(--ai-ink);padding-block:clamp(3.5rem,7vw,6rem)}.api-intro-grid{align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}@media (min-width:920px){.api-intro-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.api-intro-eyebrow{color:var(--ai-accent);font:600 .7rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.9rem}.api-intro h2{letter-spacing:-.03em;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.08}.api-intro-lede{max-width:36rem;color:var(--ai-muted);margin-top:1rem;line-height:1.6}.api-intro-list{gap:.6rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.api-intro-list li{border:1px solid var(--ai-line);border-radius:var(--ai-radius);grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.25rem .75rem;padding:.75rem .9rem;display:grid}.api-intro-list li>span{color:var(--ai-muted);font:500 .62rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.api-intro-list a{overflow-wrap:anywhere;color:var(--ai-ink);text-decoration:none}.api-intro-list a code{font:600 .82rem/1.4 var(--mono)}.api-intro-list a:hover code,.api-intro-list a:focus-visible code{text-underline-offset:3px;text-decoration:underline}.api-intro-list small{color:var(--ai-muted);grid-column:2;font-size:.76rem}.api-intro-meta{color:var(--ai-muted);font:500 .74rem/1.5 var(--mono);margin-top:.9rem}.api-intro-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;display:flex}.api-intro-actions a{border:1px solid var(--ai-line);border-radius:var(--ai-radius);min-height:2.75rem;color:var(--ai-ink);font:600 .78rem/1 var(--mono);letter-spacing:.03em;align-items:center;gap:.45rem;padding:.6rem 1rem;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.api-intro-actions a:hover,.api-intro-actions a:focus-visible{border-color:var(--ai-ink);outline:none}.api-intro-actions .api-intro-primary{border-color:var(--ai-accent);background:var(--ai-accent);color:var(--ai-accent-fg)}.api-intro-actions .api-intro-primary:hover,.api-intro-actions .api-intro-primary:focus-visible{filter:brightness(1.08)}.api-intro-code{border-radius:var(--ai-radius);background:var(--ai-code-bg);color:var(--ai-code-fg);overflow:hidden;box-shadow:0 1.5rem 3rem #0e0b1a29}.api-intro-code-bar{font:500 .66rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;padding:.6rem .8rem;display:flex}.api-intro-code-bar span{gap:.3rem;display:flex}.api-intro-code-bar i{background:#ffffff38;border-radius:50%;width:.5rem;height:.5rem}.api-intro-code-bar b{opacity:.65;font-weight:500}.api-intro-code-bar button{border-radius:var(--ai-radius);color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff38;margin-left:auto;padding:.35rem .6rem}.api-intro-code-bar button:hover,.api-intro-code-bar button:focus-visible{background:#ffffff1a;outline:none}.api-intro-code pre{max-height:26rem;font:450 .78rem/1.6 var(--mono);white-space:pre;margin:0;padding:1.1rem 1.2rem 1.3rem;overflow:auto}@media (prefers-reduced-motion:reduce){.api-intro-actions a{transition:none}}.api-links{flex-wrap:wrap;align-items:center;gap:0 .6rem;display:flex}