.api-hero{background-color:var(--neutral-50);position:relative}.api-hero__row{position:relative;width:100%;z-index:1}.api-hero__eyebrow{color:var(--brand-300);font-family:var(--api-mono);font-size:var(--font-size-00);letter-spacing:.14em;text-transform:uppercase}.api-hero__paragraph{color:var(--neutral-700);max-width:46ch}.api-hero__snippet{align-items:center;background-color:var(--neutral-25);border:1px solid var(--neutral-300);border-radius:var(--radius-12,12px);display:inline-flex;font-family:var(--api-mono);font-size:var(--font-size-00);gap:var(--size-000);max-width:100%;padding:.625rem .625rem .625rem .875rem}.api-hero__snippet-prompt{color:var(--green-200);user-select:none}.api-hero__snippet-code{color:var(--neutral-900);overflow-x:auto;scrollbar-width:none;white-space:nowrap}.api-hero__snippet-code::-webkit-scrollbar{display:none}.api-hero__snippet-copy{align-items:center;background-color:var(--neutral-200);border:1px solid var(--neutral-300);border-radius:var(--radius-8,8px);color:var(--neutral-700);cursor:pointer;display:inline-flex;flex:0 0 auto;height:2rem;justify-content:center;padding:0;position:relative;transition:color .15s ease,border-color .15s ease,background-color .15s ease;width:2rem}.api-hero__snippet-copy:hover{border-color:var(--brand-300);color:var(--neutral-950)}.api-hero__snippet-copy:focus-visible{outline:2px solid var(--brand-300);outline-offset:2px}.api-hero__snippet[data-copied=true] .api-hero__snippet-copy{border-color:var(--green-200);color:var(--green-200)}.api-hero__snippet-feedback{background-color:var(--green-200);border-radius:var(--radius-8,8px);bottom:calc(100% + 6px);color:var(--neutral-50);font-size:var(--font-size-000);font-weight:var(--fw-semibold);left:50%;padding:2px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap}.api-hero__visual{align-items:center;display:flex;justify-content:flex-end}@media (max-width:900px){.api-hero__visual{justify-content:center}}@media (max-width:992px){.api-hero__row{flex-direction:column}.api-hero__content{align-items:flex-start}.api-hero__paragraph{max-width:none}}