@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--background:250 40% 2%;--foreground:36 30% 96%;--card:250 30% 5%;--card-foreground:36 30% 96%;--primary:245 78% 62%;--primary-foreground:36 30% 98%;--primary-glow:245 90% 70%;--secondary:38 78% 58%;--secondary-foreground:250 40% 4%;--accent:158 70% 45%;--accent-foreground:250 40% 4%;--muted:250 20% 10%;--muted-foreground:36 12% 68%;--destructive:0 84% 60%;--border:250 18% 14%;--input:250 25% 8%;--ring:38 78% 58%;--terracotta:14 60% 51%;--savanna:32 45% 28%;--radius:.75rem;--gradient-primary:linear-gradient(135deg, #5f53ea, #762fda);--gradient-african:linear-gradient(135deg, #e7aa40, #cd5a37);--gradient-hero:radial-gradient(ellipse 80% 60% at 50% 0%, #1b118859 0%, #040307 70%);--glow-primary:0 0 40px #5f53ea40;--glow-secondary:0 0 40px #e7aa404d;--glow-accent:0 0 40px #22c38840}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:hsl(var(--foreground));background:hsl(var(--background));background-image:var(--gradient-hero);margin:0;font-family:Inter,sans-serif;line-height:1.6}a{color:inherit}button,input,select,textarea{font:inherit}.text-display,.display-xl,.display-lg,.display-md,.display-sm,.brand-title{letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-weight:600;line-height:1.02}.text-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem;font-weight:500}.hairline{background:linear-gradient(90deg, transparent, hsl(var(--secondary) / .5), transparent);width:100%;height:1px}.surface{background:linear-gradient(180deg, hsl(var(--card) / .85), hsl(var(--card) / .55));border:1px solid hsl(var(--border));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.circuit-pattern{background-image:linear-gradient(90deg,#5f53ea0a 1px,#0000 1px),linear-gradient(#5f53ea0a 1px,#0000 1px);background-size:56px 56px}.glow-primary{box-shadow:var(--glow-primary)}.glow-secondary{box-shadow:var(--glow-secondary)}.glow-accent{box-shadow:var(--glow-accent)}.shell{width:min(1360px,100vw - 2rem);margin:0 auto}.app-shell{padding-bottom:4rem}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:hsl(var(--background) / .88);border-bottom:1px solid hsl(var(--border));position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:1rem;min-height:84px;padding:1rem 0;display:flex}.brand-lockup{align-items:center;gap:1rem;display:flex}.brand-mark{background:var(--gradient-african);width:2.75rem;height:2.75rem;color:hsl(var(--secondary-foreground));border-radius:999px;place-items:center;font-family:Space Grotesk,sans-serif;font-weight:700;display:inline-grid}.brand-title{margin:0;font-size:clamp(1.5rem,3vw,2rem)}.brand-subtitle{color:hsl(var(--muted-foreground));max-width:48rem;margin:.2rem 0 0}.top-nav{flex-wrap:wrap;gap:.5rem;display:flex}.nav-link{color:hsl(var(--muted-foreground));border-radius:999px;padding:.7rem .95rem;text-decoration:none;transition:all .18s ease-out}.nav-link:hover,.nav-link.active{background:hsl(var(--accent) / .12);color:hsl(var(--foreground))}.hero-section,.feature-section,.inner-page{padding-top:3rem}.hero-grid{grid-template-columns:1.2fr .9fr;align-items:stretch;gap:1.5rem;padding:4rem 0 1rem;display:grid}.display-xl{margin:.8rem 0 1rem;font-size:clamp(2.7rem,7vw,5.6rem)}.display-lg{margin:.4rem 0 1rem;font-size:clamp(2rem,4vw,3.4rem)}.display-md{margin:0;font-size:1.35rem}.display-sm{margin:0;font-size:1.1rem}.lede,.section-copy{color:hsl(var(--muted-foreground));max-width:65ch}.hero-actions,.form-actions,.chip-row,.response-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn{border:1px solid hsl(var(--border));cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;height:2.75rem;padding:0 1rem;text-decoration:none;transition:all .18s ease-out;display:inline-flex}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:#0000}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{color:hsl(var(--foreground));background:0 0}.btn-ghost:hover{background:hsl(var(--accent) / .1)}.hero-proof{border-radius:1.2rem;padding:1.5rem}.hero-metrics,.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem;display:grid}.metric-card{background:hsl(var(--background) / .55);border:1px solid hsl(var(--border));border-radius:1rem;padding:1rem}.metric-card span,.metric-card small{color:hsl(var(--muted-foreground));display:block}.metric-card strong{word-break:break-word;margin:.3rem 0;font-family:Space Grotesk,sans-serif;font-size:1.3rem;display:block}.section-heading{margin-bottom:1.5rem}.card-grid{gap:1rem;display:grid}.card-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.info-card,.dataset-summary,.dataset-card,.section-panel,.form-panel,.response-panel,.sidebar-panel,.section-hero{border-radius:1.1rem;padding:1.25rem}.info-card p,.dataset-summary p,.dataset-card span,.muted{color:hsl(var(--muted-foreground))}.studio-layout{grid-template-columns:320px minmax(0,1fr);gap:1rem;padding-top:2rem;display:grid}.sidebar-panel{align-self:start;position:sticky;top:6.6rem}.sidebar-block+.sidebar-block{margin-top:1.5rem}.service-list,.model-list,.log-list{gap:.7rem;margin-top:1rem;display:grid}.service-link,.dataset-card{text-align:left;border:1px solid hsl(var(--border));background:hsl(var(--background) / .5);width:100%;color:hsl(var(--foreground));cursor:pointer;border-radius:.9rem;justify-content:space-between;gap:.8rem;padding:.9rem 1rem;transition:all .18s ease-out;display:flex}.dataset-card{display:grid}.service-link strong,.dataset-card strong{display:block}.service-link span,.dataset-card span{color:hsl(var(--muted-foreground));display:block}.service-link.active,.service-link:hover,.dataset-card:hover{border-color:hsl(var(--secondary) / .55);transform:translateY(-1px)}.workbench-panel{gap:1rem;display:grid}.section-hero{padding:1.5rem}.workbench-grid{grid-template-columns:1.05fr .95fr;gap:1rem;display:grid}.single-gap{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.panel-head.compact{margin-bottom:.75rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field-row{gap:.4rem;display:grid}.full-span{grid-column:1/-1}.field-label{letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-family:JetBrains Mono,ui-monospace,monospace;font-size:.76rem}.field-control{background:hsl(var(--input));width:100%;min-height:2.8rem;color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:.75rem;padding:.75rem .9rem}.field-control:focus{outline:2px solid hsl(var(--ring));outline-offset:2px}.textarea{resize:vertical;min-height:8rem}.endpoint-chip,.mini-chip,.log-line{border:1px solid hsl(var(--border));background:hsl(var(--muted));color:hsl(var(--muted-foreground));border-radius:999px;padding:.45rem .7rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem}.mini-chip{cursor:pointer}.status-pill{border:1px solid hsl(var(--border));border-radius:999px;justify-content:center;align-items:center;min-height:2rem;padding:.2rem .75rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;display:inline-flex}.status-pill.live{background:hsl(var(--accent) / .12);color:hsl(var(--accent));border-color:hsl(var(--accent) / .35)}.status-pill.warm{background:hsl(var(--secondary) / .12);color:hsl(var(--secondary));border-color:hsl(var(--secondary) / .35)}.status-pill.danger{background:hsl(var(--destructive) / .12);color:hsl(var(--destructive));border-color:hsl(var(--destructive) / .35)}.status-pill.muted{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.response-json{background:hsl(var(--background) / .78);border:1px solid hsl(var(--border));min-height:26rem;color:hsl(var(--foreground));border-radius:1rem;margin:0;padding:1rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8rem;overflow:auto}.wrap{flex-wrap:wrap}.log-line{border-radius:.8rem;display:block}@media (width<=1100px){.hero-grid,.studio-layout,.workbench-grid,.single-gap,.card-grid.cols-4,.card-grid.cols-3{grid-template-columns:1fr}.sidebar-panel{position:static}}@media (width<=768px){.top-nav{background:hsl(var(--background) / .98);border-bottom:1px solid hsl(var(--border));z-index:19;flex-direction:column;gap:.25rem;padding:1rem;display:none;position:fixed;top:84px;left:0;right:0}.top-nav.open{display:flex}.nav-link{text-align:center;border-radius:.75rem;width:100%;padding:1rem}.nav-link:hover,.nav-link.active{background:hsl(var(--accent) / .15)}.mobile-menu-btn{background:hsl(var(--muted));border:1px solid hsl(var(--border));width:44px;height:44px;color:hsl(var(--foreground));cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;padding:0;display:inline-flex!important}.mobile-menu-btn svg{width:24px;height:24px}}@media (width<=720px){.header-row,.panel-head{flex-direction:column;align-items:flex-start}.hero-section,.feature-section,.inner-page{padding-top:1.5rem}.form-grid,.hero-metrics,.meta-grid{grid-template-columns:1fr}.shell{width:min(100vw - 1rem,1360px)}.site-header{position:relative}.btn{min-height:48px;font-size:1rem}.field-control{min-height:52px;font-size:16px}.studio-layout{grid-template-columns:1fr}.service-link,.dataset-card{padding:1.25rem}.info-card,.dataset-summary,.dataset-card,.section-panel,.form-panel,.response-panel,.sidebar-panel,.section-hero{padding:1rem}.response-json{min-height:18rem;font-size:.7rem}.display-xl{font-size:clamp(2rem,8vw,3rem)}.display-lg{font-size:clamp(1.5rem,6vw,2rem)}.display-md{font-size:1.15rem}.brand-title{font-size:1.5rem}.brand-mark{width:2.25rem;height:2.25rem}.section-heading{margin-bottom:1rem}}