.api-main{--api-ink:#172438;--api-muted:#536276;--api-line:#dce3ec;--api-paper:#fff;--api-wash:#f3f6fa;--api-accent:#175cc4;color:var(--api-ink);background:var(--api-paper)}
.api-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding-block:5rem 4rem}
.api-eyebrow{color:var(--api-accent);font-size:.8125rem;font-weight:700;margin-block:0 1rem}
.api-intro h1{font-size:clamp(2rem,4vw,3.75rem);line-height:1.5;margin-block:0 1.25rem;letter-spacing:0}
.api-lead{font-size:1.125rem;line-height:2;color:var(--api-muted);max-inline-size:38rem}
.api-scope{color:var(--api-muted);font-size:.8125rem;line-height:1.9;margin-block-start:1.5rem}
.api-terminal{min-inline-size:0;border:1px solid #2e405a;border-radius:.75rem;background:#122035;color:#f0f5fd;overflow:hidden}
.api-terminal-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:1rem 1.25rem;border-block-end:1px solid #31415a;font-size:.75rem;color:#c5d5eb}
.api-terminal pre{font-size:.8125rem;line-height:1.9;padding:1.5rem;margin:0;overflow:auto;background:transparent;color:inherit;border:0;border-radius:0;text-align:start;tab-size:4}
.api-terminal>p{font-size:.8125rem;line-height:1.9;color:#c5d5eb;padding:0 1.25rem 1.25rem;margin:0}
.api-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--api-line);gap:2rem;padding-block:2.5rem}
.api-step{font-family:monospace;font-size:.875rem;color:var(--api-accent)}
.api-workflow h2{font-size:1.125rem;margin-block:.5rem}
.api-workflow p{color:var(--api-muted);font-size:.9375rem;line-height:2;margin:0}
.api-catalogue{padding-block:4rem;scroll-margin-block-start:5rem}
.api-section-head{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-block-end:1.25rem}
.api-section-head h2{font-size:clamp(1.5rem,3vw,2rem);margin:0}
.api-section-head a{font-size:.875rem;color:var(--api-accent)}
.api-price-note{background:var(--api-wash);border-inline-start:3px solid var(--api-accent);padding:1.25rem;font-size:.875rem;line-height:2.1;color:var(--api-muted);margin-block-end:2rem}
.api-filter{display:grid;grid-template-columns:minmax(12rem,30rem) 1fr;gap:.5rem 1rem;align-items:center;margin-block:2rem}
.api-filter[hidden],.api-model[hidden],[data-api-no-results][hidden]{display:none}
.api-filter label{grid-column:1/-1;font-weight:700;font-size:.875rem}
.api-filter input{min-inline-size:0;inline-size:100%;border:1px solid var(--api-line);border-radius:.5rem;background:var(--api-paper);color:var(--api-ink);font:inherit;padding:.75rem 1rem}
.api-filter p{font-size:.8125rem;color:var(--api-muted)}
.api-model-list{display:grid;gap:1.5rem}
.api-model{min-inline-size:0;border:1px solid var(--api-line);border-radius:.75rem;padding:1.5rem;background:var(--api-paper)}
.api-model>header{display:flex;justify-content:space-between;align-items:start;gap:1rem}
.api-model h3{font-size:1.25rem;margin-block:.25rem .5rem;line-height:1.7}
.api-model header code{display:block;overflow-wrap:anywhere;font-size:.8125rem;color:var(--api-muted);text-align:start;unicode-bidi:isolate}
.api-vendor{color:var(--api-accent);font-size:.8125rem;margin:0}
.api-free{font-size:.8125rem;background:#e3f4eb;color:#135836;padding:.25rem .75rem;border-radius:.375rem;white-space:nowrap}
.api-model-description{color:var(--api-muted);font-size:.9375rem;line-height:2}
.api-model-meta{display:flex;flex-wrap:wrap;gap:1rem 3rem;margin-block:1.5rem;font-size:.8125rem}
.api-model-meta dt{color:var(--api-muted);margin-block-end:.25rem}
.api-model-meta dd{margin:0;font-weight:700}
.api-price-scroll{overflow-x:auto;border:1px solid var(--api-line);border-radius:.5rem}
.api-price-scroll table{border-collapse:collapse;inline-size:100%;font-size:.8125rem;white-space:nowrap;text-align:start}
.api-price-scroll th,.api-price-scroll td{padding:.75rem 1rem;border-block-end:1px solid var(--api-line);text-align:start}
.api-price-scroll thead{background:var(--api-wash)}
.api-price-scroll tbody tr:last-child>*{border-block-end:0}
.api-price-scroll td:last-child{white-space:normal;min-inline-size:7rem;overflow-wrap:anywhere}
.api-price-unavailable{color:var(--api-muted);border-block-start:1px solid var(--api-line);padding-block-start:1rem;font-size:.875rem}
.api-empty{padding:2rem;background:var(--api-wash);border:1px solid var(--api-line);border-radius:.75rem;line-height:2}
.api-empty h3{font-size:1.125rem;margin-block:0 .5rem}
.api-empty p{color:var(--api-muted);margin-block:.5rem}
.api-next{border-block-start:1px solid var(--api-line);padding-block:3rem 4rem}
.api-next h2{font-size:1.5rem}.api-next p{color:var(--api-muted);line-height:2}
.api-main a:focus-visible,.api-main input:focus-visible,.api-main [tabindex]:focus-visible{outline:3px solid var(--api-accent);outline-offset:4px}
@media(max-width:760px){.api-intro{grid-template-columns:1fr;gap:2rem;padding-block:2.5rem}.api-workflow{grid-template-columns:1fr;gap:1.5rem;padding-block:2rem}.api-catalogue{padding-block:2.5rem}.api-filter{grid-template-columns:1fr}.api-model{padding:1rem}.api-terminal pre{padding:1rem;font-size:.75rem}.api-section-head{align-items:start}.api-model-meta{gap:1rem 2rem}}
@media(prefers-color-scheme:dark){.api-main{--api-ink:#e9eff8;--api-muted:#afbdd0;--api-line:#314054;--api-paper:#111b29;--api-wash:#192638;--api-accent:#90baff}.api-free{background:#183d31;color:#a4e5bf}}
@media(prefers-reduced-motion:reduce){.api-main{scroll-behavior:auto}}
