.api-lab{--accent:#ff6347;--ink:#16202a;--paper:#f7f3ea;margin:clamp(2rem,6vw,6rem) 0;border-radius:1.6rem;overflow:hidden;background:var(--paper);color:var(--ink);box-shadow:0 1.5rem 4rem #16202a1a}.api-lab *{box-sizing:border-box}.api-lab__hero{padding:clamp(2rem,5vw,5rem);background:linear-gradient(135deg,#16202a,#24384a);color:white}.api-lab__eyebrow{margin:0 0 .6rem;color:#ffb5a8;text-transform:uppercase;letter-spacing:.14em;font:700 .75rem/1.2 system-ui}.api-lab h2{max-width:18ch;margin:.15em 0;font-size:clamp(2rem,5vw,4.5rem);line-height:.98}.api-lab__hero>p:not(.api-lab__eyebrow){max-width:58ch;font-size:1.08rem;color:#d7e0e6}.api-lab__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}.api-lab button{border:0;border-radius:999px;padding:.75rem 1rem;background:var(--accent);color:white;font:700 .9rem system-ui;cursor:pointer}.api-lab button.-quiet{background:#ffffff18}.api-lab__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#16202a20}.api-lab article{padding:2rem;background:var(--paper);transition:.25s transform,.25s background}.api-lab article:hover{background:white;transform:translateY(-4px)}.api-lab article span{color:var(--accent);font-weight:800}.api-lab article h3{margin:.6rem 0 .25rem}.api-lab article p{margin:0;color:#53606b}.api-lab__console{display:grid;gap:1rem;padding:1.5rem 2rem;background:white}.api-lab__console>div{display:flex;gap:.65rem;align-items:center}.api-lab__console output{margin-left:auto;color:#61707c}.api-lab__console i{width:.7rem;height:.7rem;border-radius:50%;background:#27c281;box-shadow:0 0 0 .35rem #27c28122}.api-lab__console label{display:flex;gap:1rem;align-items:center}.api-lab__console input{flex:1;accent-color:var(--accent)}.api-lab__console progress{width:100%;height:.55rem;accent-color:var(--accent)}.api-lab.-pulse{animation:apiPulse .55s ease}@keyframes apiPulse{50%{transform:scale(.985);filter:saturate(1.5)}}@media(max-width:700px){.api-lab__grid{grid-template-columns:1fr}.api-lab__console label{flex-wrap:wrap}.api-lab__console input{flex-basis:70%}}