.api-graphic-wrap:where(.astro-ll2hqk3d){position:relative;width:100%;aspect-ratio:4 / 3;container-type:inline-size;border-radius:16px;overflow:hidden}.api-graphic:where(.astro-ll2hqk3d){font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;position:absolute;top:0;left:0;width:500px;height:375px;transform-origin:top left;transform:scale(.2cqw);border-radius:16px;overflow:hidden;isolation:isolate}.api-bg:where(.astro-ll2hqk3d){position:absolute;inset:0;background:linear-gradient(145deg,#f8fafc,#eef2ff 40%,#fff);z-index:0}.dark .api-bg:where(.astro-ll2hqk3d){background:linear-gradient(145deg,#0a0a0a,#0c0a1e,#0a0a0a)}.api-terminal:where(.astro-ll2hqk3d){position:absolute;top:6%;left:5%;right:32%;z-index:2;background:#1e293b;border-radius:10px;overflow:hidden;box-shadow:0 4px 24px #0000001f;opacity:0;animation:api-slide-up .6s ease-out .2s forwards}.dark .api-terminal:where(.astro-ll2hqk3d){background:#0f172a;box-shadow:0 4px 24px #0000004d}.api-terminal-bar:where(.astro-ll2hqk3d){display:flex;align-items:center;gap:5px;padding:7px 10px;background:#334155;border-bottom:1px solid rgba(255,255,255,.05)}.dark .api-terminal-bar:where(.astro-ll2hqk3d){background:#1e293b}.api-dot:where(.astro-ll2hqk3d){width:7px;height:7px;border-radius:50%}.api-dot-red:where(.astro-ll2hqk3d){background:#ef4444}.api-dot-yellow:where(.astro-ll2hqk3d){background:#eab308}.api-dot-green:where(.astro-ll2hqk3d){background:#22c55e}.api-terminal-title:where(.astro-ll2hqk3d){font-size:8px;font-weight:600;color:#94a3b8;margin-left:4px}.api-terminal-body:where(.astro-ll2hqk3d){padding:10px 12px;display:flex;flex-direction:column;gap:2px}.api-line:where(.astro-ll2hqk3d){font-size:9px;font-family:SF Mono,Fira Code,monospace;line-height:1.6;opacity:0}.api-line-1:where(.astro-ll2hqk3d){animation:api-type-in .3s ease-out .5s forwards}.api-line-2:where(.astro-ll2hqk3d){animation:api-type-in .3s ease-out .6s forwards}.api-line-3:where(.astro-ll2hqk3d){animation:api-type-in .3s ease-out .7s forwards}.api-line-4:where(.astro-ll2hqk3d){animation:api-type-in .3s ease-out .8s forwards}.api-line-5:where(.astro-ll2hqk3d){animation:api-type-in .3s ease-out .9s forwards}.api-line-6:where(.astro-ll2hqk3d){animation:api-type-in .3s ease-out 1s forwards}.api-line-7:where(.astro-ll2hqk3d){animation:api-type-in .3s ease-out 1.1s forwards}.api-kw:where(.astro-ll2hqk3d){color:#f472b6;font-weight:700}.api-url:where(.astro-ll2hqk3d){color:#67e8f9}.api-key:where(.astro-ll2hqk3d){color:#93c5fd}.api-val:where(.astro-ll2hqk3d){color:#94a3b8}.api-str:where(.astro-ll2hqk3d){color:#86efac}.api-num:where(.astro-ll2hqk3d){color:#fdba74}.api-punct:where(.astro-ll2hqk3d){color:#cbd5e1}.api-bracket:where(.astro-ll2hqk3d){color:#fde68a}.api-response:where(.astro-ll2hqk3d){position:absolute;bottom:18%;left:5%;right:40%;z-index:3;background:#ffffffbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.04);border-radius:10px;padding:8px 10px;box-shadow:0 2px 12px #0000000f;opacity:0;animation:api-slide-up .5s ease-out 1.3s forwards}.dark .api-response:where(.astro-ll2hqk3d){background:#1e1e1e99;border-color:#ffffff0d;box-shadow:0 2px 12px #0003}.api-response-header:where(.astro-ll2hqk3d){display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.api-status-badge:where(.astro-ll2hqk3d){font-size:8px;font-weight:700;padding:2px 7px;border-radius:6px;background:#22c55e26;color:#16a34a}.dark .api-status-badge:where(.astro-ll2hqk3d){background:#22c55e26;color:#4ade80}.api-response-time:where(.astro-ll2hqk3d){font-size:8px;font-weight:600;color:#94a3b8}.dark .api-response-time:where(.astro-ll2hqk3d){color:#64748b}.api-response-body:where(.astro-ll2hqk3d){display:flex;flex-direction:column;gap:2px}.api-resp-line:where(.astro-ll2hqk3d){font-size:9px;font-family:SF Mono,Fira Code,monospace;color:#475569}.dark .api-resp-line:where(.astro-ll2hqk3d){color:#94a3b8}.api-resp-line:where(.astro-ll2hqk3d) .api-key:where(.astro-ll2hqk3d){color:#6366f1}.api-resp-line:where(.astro-ll2hqk3d) .api-str:where(.astro-ll2hqk3d){color:#059669}.api-resp-line:where(.astro-ll2hqk3d) .api-num:where(.astro-ll2hqk3d){color:#d97706}.dark .api-resp-line:where(.astro-ll2hqk3d) .api-key:where(.astro-ll2hqk3d){color:#a5b4fc}.dark .api-resp-line:where(.astro-ll2hqk3d) .api-str:where(.astro-ll2hqk3d){color:#6ee7b7}.dark .api-resp-line:where(.astro-ll2hqk3d) .api-num:where(.astro-ll2hqk3d){color:#fbbf24}.api-mcp-badge:where(.astro-ll2hqk3d){position:absolute;top:10%;right:5%;display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:10px;font-size:10px;font-weight:700;color:#6366f1;background:#eef2ffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(99,102,241,.2);box-shadow:0 2px 8px #6366f114;z-index:4;opacity:0;animation:api-pop-in .5s ease-out .8s forwards,api-float 4s ease-in-out 1.3s infinite}.dark .api-mcp-badge:where(.astro-ll2hqk3d){color:#a5b4fc;background:#1e1b4b99;border-color:#6366f133;box-shadow:0 2px 8px #0000004d}.api-mcp-icon:where(.astro-ll2hqk3d){width:14px;height:14px}.api-float:where(.astro-ll2hqk3d){position:absolute;z-index:4;opacity:0}.api-float-tg:where(.astro-ll2hqk3d){bottom:30%;right:8%;color:#08c;animation:api-pop-in .5s ease-out 1s forwards,api-float 4.5s ease-in-out 1.5s infinite}.dark .api-float-tg:where(.astro-ll2hqk3d){color:#34aadc}.api-float-icon:where(.astro-ll2hqk3d){width:28px;height:28px;filter:drop-shadow(0 2px 8px rgba(0,136,204,.2))}.api-float-proxy:where(.astro-ll2hqk3d){bottom:8%;right:6%;display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:8px;font-weight:700;text-transform:uppercase;color:#0284c7;background:#0ea5e91a;border:1px solid rgba(14,165,233,.2);animation:api-pop-in .5s ease-out 1.15s forwards,api-float 3.8s ease-in-out 1.7s infinite}.dark .api-float-proxy:where(.astro-ll2hqk3d){color:#7dd3fc;background:#38bdf81a;border-color:#38bdf833}.api-float-icon-sm:where(.astro-ll2hqk3d){width:12px;height:12px}@keyframes api-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes api-type-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes api-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes api-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion: reduce){.api-terminal:where(.astro-ll2hqk3d),.api-response:where(.astro-ll2hqk3d),.api-line:where(.astro-ll2hqk3d),.api-mcp-badge:where(.astro-ll2hqk3d),.api-float:where(.astro-ll2hqk3d){animation:none!important;opacity:1!important;transform:none!important}}.floating-shape:where(.astro-s6zzogux){animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.02)}}.hero-content:where(.astro-s6zzogux),.hero-icon:where(.astro-s6zzogux){opacity:0;animation:fade-up .8s ease-out forwards}.hero-icon:where(.astro-s6zzogux){animation-delay:.2s}.feature-item:where(.astro-s6zzogux){opacity:0;animation:fade-up .6s ease-out forwards;animation-delay:var(--delay)}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.floating-shape:where(.astro-s6zzogux),.hero-content:where(.astro-s6zzogux),.hero-icon:where(.astro-s6zzogux),.feature-item:where(.astro-s6zzogux){animation:none;opacity:1;transform:none}}