.dex-api-page{gap:clamp(3.5rem,8vw,6.5rem)}.dex-api-hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.dex-api-hero .api-hero__buttons{margin-top:var(--space-lg)}.dex-api-hero__image{margin:0}.dex-api-hero__image img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-card);width:100%;height:auto;display:block}.dex-api-hero__image figcaption{color:var(--color-muted);font-size:var(--text-sm);margin-top:.5rem}.dex-api-intro,.dex-api-build,.dex-api-pricing,.dex-api-contact{gap:2rem;display:grid}.dex-api-intro h2,.dex-api-build h2,.dex-api-pricing h2,.dex-api-contact h2{margin:0 0 .75rem}.dex-api-intro p,.dex-api-build p,.dex-api-pricing p,.dex-api-contact p{color:var(--color-ink-2);max-width:60ch;line-height:1.6}.dex-api-features{border-top:1px solid var(--color-rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding-top:1.5rem;display:grid}.dex-api-features svg{color:var(--color-accent-deep)}.dex-api-features h3{margin:.8rem 0 .35rem;font-size:1.1rem}.dex-api-features p{margin:0}.dex-api-build{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(2rem,5vw,5rem)}.dex-api-example{gap:.75rem;min-width:0;display:grid}.dex-api-example__controls{flex-wrap:wrap;align-items:center;gap:.75rem;font-weight:650;display:flex}.dex-api-example__controls select{color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);font:inherit;border-radius:.5rem;padding:.6rem 2rem .6rem .75rem}.dex-api-example__toggle{cursor:pointer;align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.dex-api-example__toggle input{width:1.1rem;height:1.1rem;accent-color:var(--color-accent-deep)}.dex-api-example .dex-api-example__hint{color:var(--color-muted);font-size:var(--text-sm);margin:0}.dex-api-pricing__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.dex-api-pricing__grid article{border:1px solid var(--color-rule);border-radius:var(--radius-card);background:color-mix(in oklch, var(--color-accent) 6%, transparent);align-content:start;gap:.35rem;padding:1.5rem;display:grid}.dex-api-pricing__grid h3,.dex-api-pricing__grid p{margin:0}.dex-api-pricing__grid strong{margin-top:1rem;font-size:2rem}.dex-api-pricing__grid span,.dex-api-pricing__note{color:var(--color-muted);font-size:var(--text-sm)}.dex-api-contact{border-top:1px solid var(--color-rule);gap:.5rem;padding-top:2rem}.dex-api-contact p{margin:0 0 .5rem}.dex-api-contact a{justify-self:start;align-items:center;gap:.35rem;display:inline-flex}@media (max-width:768px){.dex-api-hero,.dex-api-build,.dex-api-features,.dex-api-pricing__grid{grid-template-columns:1fr}.dex-api-example__toggle{margin-left:0}}
