.api-page{background:linear-gradient(135deg,#f8fafc 0%,#fff 50%,#f1f5f9 100%);min-height:100vh;position:relative}.api-page:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 25% 25%,#3b82f608 0%,#0000 50%),radial-gradient(circle at 75% 75%,#8b5cf608 0%,#0000 50%);position:absolute;inset:0}.api-page>*{z-index:1;position:relative}.api-hero{color:#fff;text-align:center;background-color:#0000;background-image:linear-gradient(135deg,#1a2035b3 0%,#111827bf 50%,#0a0e17cc 100%),url(/static/img/unsplash/hero-image-01.jpg);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:relative}.api-hero:before{content:"";pointer-events:none;background:radial-gradient(at top,#3b82f61a 0%,#0000 50%);position:absolute;inset:0}.api-hero-content{z-index:1;padding:6rem 0;position:relative}.api-hero h1{margin-bottom:1.5rem;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;line-height:1.2}.api-hero p{opacity:.9;max-width:850px;margin:0 auto;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.6}.api-pipeline{padding:var(--space-3xl) 0}.stage-nav{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-3xl);flex-wrap:wrap;display:flex}.stage-pill{align-items:center;gap:var(--space-xs);color:#475569;transition:all var(--transition-fast);cursor:pointer;background:#e2e8f0;border:none;border-radius:999px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.stage-pill:hover{color:#fff;background:#3b82f6}.stage-pill .stage-number{background:#0000001a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:inline-flex}.stage-pill:hover .stage-number{background:#fff3}.api-stage{margin-bottom:var(--space-4xl);scroll-margin-top:100px}.stage-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid #3b82f61a;display:flex}.stage-badge{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:inline-flex}.stage-header h2{color:#1e293b;margin:0;font-size:1.75rem}.endpoint-grid{gap:var(--space-lg);display:grid}.endpoint-card{padding:var(--space-xl) var(--space-2xl);transition:all var(--transition-base);background:#fff;border:1px solid #94a3b81f;border-radius:16px;box-shadow:0 4px 20px #0000000a}.endpoint-card:hover{border-color:#3b82f633;box-shadow:0 10px 30px #00000014}.endpoint-name{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:inline-flex}.endpoint-name code{color:#3b82f6;background:#3b82f614;border-radius:6px;padding:4px 12px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:1.1rem;font-weight:600}.endpoint-name .endpoint-label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-size:.8rem;font-weight:600}.endpoint-card h3{color:#1e293b;margin:0 0 var(--space-sm);font-size:1.25rem}.endpoint-description{color:#475569;margin:0 0 var(--space-md);font-size:1.05rem;line-height:1.7}.endpoint-why{padding:var(--space-md) var(--space-lg);margin-top:var(--space-md);background:#3b82f60a;border-left:3px solid #3b82f6;border-radius:0 8px 8px 0}.endpoint-why strong{color:#1e293b;margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.3px;font-size:.9rem;display:block}.endpoint-why p{color:#475569;margin:0;font-size:.95rem;line-height:1.6}.endpoint-link{align-items:center;gap:var(--space-xs);color:#3b82f6;margin-top:var(--space-md);transition:color var(--transition-fast);font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.endpoint-link:hover{color:#1d4ed8}.endpoint-link svg{width:16px;height:16px}.stage-why{color:#fff;padding:var(--space-xl) var(--space-2xl);margin-top:var(--space-xl);background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-radius:16px}.stage-why h3{margin:0 0 var(--space-sm);color:#60a5fa;font-size:1.1rem}.stage-why p{opacity:.9;margin:0;line-height:1.7}.api-cta{padding:var(--space-4xl) 0;text-align:center;background:#f8fafc80}.api-cta h2{color:#1e293b;margin:0 0 var(--space-md);font-size:clamp(2rem,3vw,2.5rem)}.api-cta p{color:#64748b;max-width:600px;margin:0 auto var(--space-xl);font-size:1.15rem}.api-cta .cta-buttons{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}@media (width<=768px){.api-hero{background-attachment:scroll}.api-hero-content{padding:4rem 0}.stage-nav{gap:var(--space-xs)}.stage-pill{padding:8px 14px;font-size:.8rem}.endpoint-card,.stage-why{padding:var(--space-lg)}}