.api-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 4rem;background:linear-gradient(180deg,#fff,#f8fafc)}.api-hero-content{max-width:640px}.api-hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,8vw,5.5rem);font-weight:700;letter-spacing:-.04em;color:#0a0a0a;margin:1rem 0 1.5rem}.api-hero-sub{font-size:1.2rem;color:#666;line-height:1.7;max-width:480px;margin:0 auto}.api-hero .label{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0ea5e9}.api-gateway-vis{width:160px;height:160px;margin:0 auto 2rem;position:relative}.api-gateway-vis svg{display:block;margin:0 auto}.gw-core{animation:api-gw-core-pulse 3s ease-in-out infinite}.gw-ring{transform-box:fill-box;transform-origin:center;animation:api-gw-ring-pulse 4s ease-in-out infinite}.gw-line{stroke-dasharray:70;stroke-dashoffset:70;animation:api-gw-line-flow 3s ease-in-out infinite}.gl1{animation-delay:0s}.gl2{animation-delay:.5s}.gl3{animation-delay:1s}.gl4{animation-delay:1.5s}.gl5{animation-delay:2s}.gl6{animation-delay:2.5s}.gw-endpoint{animation:api-gw-breathe 3s ease-in-out infinite}.ge1{animation-delay:0s}.ge2{animation-delay:.5s}.ge3{animation-delay:1s}.ge4{animation-delay:1.5s}.ge5{animation-delay:2s}.ge6{animation-delay:2.5s}@keyframes api-gw-core-pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes api-gw-ring-pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.35;transform:scale(1.15)}}@keyframes api-gw-line-flow{0%{stroke-dashoffset:70;opacity:.2}50%{stroke-dashoffset:0;opacity:.5}to{stroke-dashoffset:-70;opacity:.2}}@keyframes api-gw-breathe{0%,to{opacity:.6}50%{opacity:.9}}.api-features{max-width:1000px;margin:0 auto;padding:6rem 2rem}.api-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 0;border-bottom:1px solid rgba(0,0,0,.06)}.api-feature-row:last-child{border-bottom:none}.api-feature-row.reverse .api-feature-text{order:2}.api-feature-row.reverse .api-feature-visual{order:1}.api-feature-text .label{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0ea5e9;margin-bottom:1rem}.api-feature-text h2{font-family:Space Grotesk,sans-serif;font-size:1.8rem;font-weight:600;color:#0a0a0a;margin-bottom:1rem;letter-spacing:-.02em}.api-feature-text p{font-size:1.05rem;line-height:1.8;color:#555}.api-feature-visual{display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.visual-routing{width:280px;height:200px;flex-shrink:0}.route-line{stroke-dasharray:80;stroke-dashoffset:80;animation:api-route-flow 3s ease-in-out infinite}.rl1{animation-delay:0s}.rl2{animation-delay:.3s}.rl3{animation-delay:.6s}.rl4{animation-delay:.15s}.rl5{animation-delay:.45s}.rl6{animation-delay:.75s}@keyframes api-route-flow{0%{stroke-dashoffset:80;opacity:.2}50%{stroke-dashoffset:0;opacity:.55}to{stroke-dashoffset:-80;opacity:.2}}.gateway-rect{animation:api-gw-rect-glow 3s ease-in-out infinite}@keyframes api-gw-rect-glow{0%,to{opacity:.7}50%{opacity:.95}}.visual-terminal{width:320px;background:#0a0a0a;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #0003,0 0 0 1px #ffffff0d inset}.terminal-bar{display:flex;gap:7px;padding:12px 16px;background:#1a1a1a}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-body{padding:20px;font-family:SF Mono,Fira Code,monospace;font-size:.85rem;line-height:2}.terminal-line{color:#0ea5e9;opacity:0;animation:api-terminal-type .5s ease forwards}.api-fade-in-1{animation-delay:.6s}.api-fade-in-2{animation-delay:1.2s}.api-fade-in-3{animation-delay:1.8s}.api-fade-in-4{animation-delay:2.4s}@keyframes api-terminal-type{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.t-prompt{color:#38bdf8}.t-cmd{color:#fff;font-weight:500}.t-success{color:#22c55e}.t-output{color:#ffffffb3}.t-cursor{color:#0ea5e9;animation:api-cursor-blink 1s step-end infinite}@keyframes api-cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.visual-topology{width:240px;height:240px;flex-shrink:0}.topo-line{stroke-dasharray:60;stroke-dashoffset:60;animation:api-topo-flow 4s ease-in-out infinite}.tl1{animation-delay:0s}.tl2{animation-delay:.3s}.tl3{animation-delay:.6s}.tl4{animation-delay:.9s}.tl5{animation-delay:1.2s}.tl6{animation-delay:1.5s}.tl7{animation-delay:1.8s}.tl8{animation-delay:2.1s}.tl9{animation-delay:.4s}.tl10{animation-delay:1s}.tl11{animation-delay:1.6s}@keyframes api-topo-flow{0%{stroke-dashoffset:60;opacity:.15}50%{stroke-dashoffset:0;opacity:.45}to{stroke-dashoffset:-60;opacity:.15}}.topo-node{animation:api-topo-breathe 3s ease-in-out infinite}.tn1{animation-delay:0s}.tn2{animation-delay:.4s}.tn3{animation-delay:.8s}.tn4{animation-delay:1.2s}.tn5{animation-delay:1.6s}.tn6{animation-delay:2s}.tn7{animation-delay:2.4s}.tn8{animation-delay:2.8s}@keyframes api-topo-breathe{0%,to{opacity:.75}50%{opacity:1}}.visual-standard{width:100%;max-width:300px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.std-flow{display:flex;align-items:center;justify-content:center;gap:0}.std-node{padding:12px 18px;border:1.5px solid rgba(14,165,233,.4);border-radius:8px;font-family:SF Mono,Fira Code,monospace;font-size:.82rem;font-weight:500;color:#0ea5e9;white-space:nowrap}.std-gw{border-color:#0ea5e9;background:#0ea5e914;font-weight:600}.std-connector{width:50px;height:2px;position:relative;background:#0ea5e940;flex-shrink:0}.std-line{width:100%;height:100%}.std-dot{width:6px;height:6px;background:#0ea5e9;border-radius:50%;position:absolute;top:-2px;left:0;animation:api-std-flow 2s ease-in-out infinite}.std-dot-alt{animation-delay:1s}@keyframes api-std-flow{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 6px);opacity:0}}.std-code{text-align:center}.std-code code{font-family:SF Mono,Fira Code,monospace;font-size:.78rem;color:#64748b;background:#f8fafc;padding:6px 16px;border-radius:6px;border:1px solid #e2e8f0}.api-code-example{padding:6rem 2rem;background:#fff;width:100%}.api-code-example-content{max-width:640px;margin:0 auto}.api-code-example .label{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0ea5e9;margin-bottom:1rem}.api-code-example h2{font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:#0a0a0a;letter-spacing:-.02em;margin-bottom:1rem}.api-code-sub{font-size:1.05rem;color:#666;line-height:1.7;margin-bottom:2rem}.api-code-block{background:#0a0a0a!important;border-radius:12px!important;overflow-x:auto!important;box-shadow:0 12px 40px #0003!important}.api-code-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#1a1a1a;border-bottom:1px solid rgba(255,255,255,.06)}.api-code-lang{font-family:SF Mono,Fira Code,monospace;font-size:.75rem;font-weight:500;color:#fff6;letter-spacing:.05em;text-transform:uppercase}.api-code{padding:24px;overflow-x:auto}.api-code code{font-family:SF Mono,Fira Code,monospace;font-size:.88rem;line-height:1.8;color:#e2e8f0}.code-comment{color:#64748b}.code-var{color:#f8fafc}.code-op{color:#94a3b8}.code-fn{color:#38bdf8}.code-key{color:#93c5fd}.code-str{color:#86efac}@media(max-width:768px){.api-code-example{padding:4rem 1.5rem}.api-code{padding:18px;font-size:.82rem}}.api-principle{background:#0a0a0a;padding:7rem 2rem;text-align:center;width:100%}.api-principle-content{max-width:640px;margin:0 auto}.api-principle blockquote{font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:500;color:#fff;line-height:1.4;margin:0 0 2rem;letter-spacing:-.02em}.api-principle p{font-size:1.05rem;line-height:1.8;color:#ffffff80}.api-use-cases{background:#fff;padding:8rem 2rem;width:100%}.api-use-cases-intro{max-width:720px;margin:0 auto 4rem;text-align:center}.api-use-cases-intro .label{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0ea5e9;margin-bottom:1rem}.api-use-cases-intro h2{font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;color:#0a0a0a;letter-spacing:-.02em;line-height:1.25}.api-use-cases-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#0ea5e91f;border:1px solid rgba(14,165,233,.12)}.api-use-case{background:#fff;padding:2.5rem;transition:background .4s ease}.api-use-case:hover{background:#f8fafc}.api-use-case .label{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0ea5e9;margin-bottom:1.25rem}.api-use-case h3{font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:600;color:#0a0a0a;letter-spacing:-.01em;line-height:1.35;margin-bottom:1rem}.api-use-case p{font-size:.98rem;line-height:1.7;color:#555}.api-status{text-align:center;padding:8rem 2rem;background:#f8fafc;width:100%}.api-status-content{max-width:480px;margin:0 auto}.status-live{display:inline-flex;align-items:center;gap:10px;margin-bottom:1.5rem}.status-dot{width:10px;height:10px;background:#22c55e;border-radius:50%;animation:status-pulse 2s ease-in-out infinite;box-shadow:0 0 8px #22c55e66}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.api-status .label{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0ea5e9}.api-status h2{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#0a0a0a;letter-spacing:-.03em;margin-bottom:1rem}.api-status p{font-size:1.1rem;color:#666;margin-bottom:2.5rem}.status-cta{display:inline-block;padding:.9rem 2.4rem;background:#0ea5e9;color:#fff;border-radius:8px;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.status-cta:hover{background:#0284c7;box-shadow:0 4px 20px #0ea5e94d;transform:translateY(-2px)}.api-models{background:#fff;padding:6rem 2rem;text-align:center;width:100%}.api-models-content{max-width:720px;margin:0 auto}.api-models-content .label{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0ea5e9;margin-bottom:1rem}.api-models-content h2{font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:#0a0a0a;letter-spacing:-.02em;line-height:1.3;margin-bottom:2.5rem}.api-models-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.model-badge{display:flex;align-items:center;gap:10px;padding:12px 24px;border:1.5px solid rgba(0,0,0,.1);border-radius:10px;background:#fff;transition:all .3s ease;white-space:nowrap}.model-badge:hover{border-color:#0003;box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.model-logo{width:28px;height:28px;flex-shrink:0}.model-name{font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:500;color:#0a0a0a}@media(prefers-reduced-motion:reduce){.api-gateway-vis,.gw-core,.gw-ring,.gw-line,.gw-endpoint,.route-line,.gateway-rect,.topo-line,.topo-node,.topo-pulse,.std-dot,.std-dot-alt,.t-cursor,.terminal-line,circle animateMotion{animation:none!important}.gw-core,.gw-endpoint,.route-node,.topo-node{opacity:.8!important}.gw-line,.route-line,.topo-line{stroke-dasharray:none!important;stroke-dashoffset:0!important;opacity:.4!important}.terminal-line{opacity:1!important;transform:none!important}.std-dot,.std-dot-alt{display:none!important}}@media(max-width:768px){.api-hero{padding:7rem 1.5rem 3rem}.api-hero h1{font-size:clamp(2.5rem,10vw,4rem)}.api-feature-row,.api-feature-row.reverse{grid-template-columns:1fr;gap:2rem;padding:3rem 0}.api-feature-row.reverse .api-feature-text{order:1}.api-feature-row.reverse .api-feature-visual{order:2}.api-feature-visual{padding:1.5rem}.visual-routing{width:220px;height:160px}.visual-routing svg{width:220px;height:160px}.visual-terminal{width:280px}.terminal-body{font-size:.82rem;padding:18px}.visual-topology{width:180px;height:180px}.visual-topology svg{width:180px;height:180px}.visual-standard{max-width:260px}.std-connector{width:35px}.std-node{padding:10px 12px;font-size:.75rem}.api-use-cases{padding:5rem 1.5rem}.api-use-cases-grid{grid-template-columns:1fr}.api-use-case{padding:2rem}.api-principle,.api-models{padding:5rem 1.5rem}.api-models-grid{gap:.75rem}.model-badge{padding:10px 18px;font-size:.9rem}}