.api-info-page{min-height:100vh;padding:clamp(5.5rem,10vw,8rem)var(--layout-gutter)var(--layout-section-space);background:var(--color-bg-canvas);color:var(--color-text)}.api-info-container{width:min(100%,var(--layout-content-width));margin:0 auto}.api-info-header{align-items:center;gap:var(--space-6);margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border);display:flex}.api-header-icon{border-radius:var(--radius-card);background:var(--brand-gradient);color:#fff;width:4rem;height:4rem;box-shadow:0 16px 36px -16px var(--color-glow-primary);flex:0 0 4rem;justify-content:center;align-items:center;display:flex}.api-info-header h1{margin:0 0 var(--space-2);color:var(--color-text);font-family:var(--font-display);letter-spacing:-.045em;font-size:max(2rem,min(6vw,3.75rem));font-weight:900;line-height:1.05}.api-header-subtitle,.api-description{color:var(--color-text-muted);line-height:1.7}.api-header-subtitle{font-size:var(--font-size-lg);margin:0}.api-description{max-width:54rem;margin:0 0 var(--space-8);font-size:var(--font-size-lg)}.api-what-we-do,.api-code-examples{margin-bottom:var(--layout-section-space)}.api-what-we-do h2,.api-code-examples h2,.api-cta-content h2{margin:0 0 var(--space-4);color:var(--color-text);font-family:var(--font-display);font-size:max(1.75rem,min(4vw,2.5rem));font-weight:var(--font-weight-bold);letter-spacing:-.035em}.api-features-grid{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.api-feature-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--gradient-card),var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.6;display:flex}.api-feature-item svg{flex:0 0 1.25rem;width:1.25rem!important;height:1.25rem!important;margin:.1rem 0 0!important}.api-feature-item .feature-icon{color:var(--color-success)}.code-tabs{gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-band);flex-wrap:wrap;display:inline-flex}.code-tab{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);min-height:2.75rem;color:var(--color-text-muted);cursor:pointer;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:0 0;border:1px solid transparent;padding:.65rem 1rem;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}.code-tab:hover{background:var(--color-surface);color:var(--color-text)}.code-tab.active{border-color:color-mix(in srgb,var(--brand-secondary)45%,transparent);background:var(--color-info-surface);color:var(--brand-secondary)}.code-examples-container{flex-direction:column;display:flex}.code-example{border:1px solid var(--color-border-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-elevated);background:#050914;display:none;overflow:hidden}.code-example.active{display:block}.code-header{padding:var(--space-3)var(--space-4);background:#0b1324;border-bottom:1px solid rgba(255,255,255,.1);justify-content:space-between;align-items:center;display:flex}.code-lang{color:#9fb0cf;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em}.copy-code-btn{border-radius:var(--radius-sm);color:#d7e4fb;cursor:pointer;min-height:2.5rem;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:#111c32;border:1px solid rgba(255,255,255,.16);padding:.5rem .9rem;transition:border-color .18s,background-color .18s}.copy-code-btn:hover{background:#15233d;border-color:#00c2ff}.code-content{color:#d7e4fb;max-height:38rem;font-family:var(--font-monospace);font-size:var(--font-size-sm);-moz-tab-size:2;tab-size:2;background:#050914;margin:0;padding:max(1rem,min(3vw,1.75rem));line-height:1.65;overflow:auto}.code-content code{color:inherit;font-family:inherit}.api-cta-section{margin-top:var(--space-16);border:1px solid var(--color-info-border);border-radius:var(--radius-banner);background:linear-gradient(135deg,var(--color-info-surface),var(--color-surface));text-align:center;padding:max(2rem,min(6vw,4rem));position:relative;overflow:hidden}.api-cta-section:before{background:var(--color-glow-secondary);content:"";filter:blur(65px);opacity:.22;pointer-events:none;border-radius:50%;width:24rem;height:24rem;position:absolute;top:auto;bottom:-10rem;left:auto;right:-8rem}.api-cta-content{position:relative}.api-cta-content p{margin:0 0 var(--space-8);color:var(--color-text-muted);font-size:var(--font-size-lg)}.get-api-key-btn{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);background:var(--brand-gradient);color:#fff;cursor:pointer;min-height:3.25rem;font:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);box-shadow:0 14px 30px -14px var(--color-glow-primary);border:0;padding:.9rem 1.5rem;transition:box-shadow .18s,transform .18s;display:inline-flex}.get-api-key-btn:hover{box-shadow:0 20px 38px -13px var(--color-glow-primary);transform:translateY(-2px)}.api-info-page button:focus-visible{outline:3px solid var(--brand-secondary);outline-offset:3px}@media (max-width:940px){.api-features-grid{grid-template-columns:1fr}}@media (max-width:620px){.api-info-page{padding-top:5rem}.api-info-header{flex-direction:column;align-items:flex-start}.api-header-subtitle,.api-description,.api-cta-content p{font-size:var(--font-size-md)}.code-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.code-tab{padding-inline:var(--space-2);justify-content:center}.code-example{margin-inline:calc(var(--layout-gutter)*-.5);border-radius:var(--radius-md)}.api-cta-section{border-radius:var(--radius-card)}}@media (prefers-reduced-motion:reduce){.api-info-page *,.api-info-page :before,.api-info-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.api-info-page :-webkit-any(.api-info-header,.api-what-we-do,.api-code-examples,.api-cta-section,.get-api-key-btn){opacity:1!important;transform:none!important}.api-info-page :-moz-any(.api-info-header,.api-what-we-do,.api-code-examples,.api-cta-section,.get-api-key-btn){opacity:1!important;transform:none!important}.api-info-page :is(.api-info-header,.api-what-we-do,.api-code-examples,.api-cta-section,.get-api-key-btn){opacity:1!important;transform:none!important}}