:root{--colors-primary:#0b0b0b;--colors-on-primary:#fff;--colors-brand:#f36458;--colors-brand-deep:#d00;--colors-ink:#0b0b0b;--colors-ink-soft:#212121;--colors-graphite:#353535;--colors-slate:#3c4758;--colors-slate-soft:#505b6c;--colors-mute:#797979;--colors-ash:#b9b9b9;--colors-hairline:#ededed;--colors-hairline-soft:#353535;--colors-canvas:#0b0b0b;--colors-canvas-soft:#212121;--colors-canvas-light:#fff;--colors-canvas-paper:#ededed;--colors-on-canvas-light:#0b0b0b;--colors-link-blue:#0052ef;--colors-link-blue-soft:#55beff;--colors-surface-blue-bg:#afe3ff;--colors-success:#37cd84;--colors-error:#d00;--font-title:"Inter", sans-serif;--font-text:"Inter", sans-serif;--font-mono:"IBM Plex Mono", monospace;--rounded-none:0px;--rounded-app-xs:3px;--rounded-app-sm:4px;--rounded-app-md:5px;--rounded-app-lg:6px;--rounded-marketing:12px;--rounded-full:9999px;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-section:64px;--spacing-section-lg:96px;--bg-deep:var(--colors-canvas);--bg-surface:var(--colors-canvas-soft);--bg-surface-hover:#292929;--surface-border:var(--colors-hairline-soft);--surface-border-active:var(--colors-graphite);--primary:var(--colors-on-primary);--primary-glow:#ffffff0d;--secondary:var(--colors-ash);--text-primary:var(--colors-on-primary);--text-secondary:var(--colors-ash);--text-muted:var(--colors-mute);--color-green:var(--colors-success);--color-blue:var(--colors-link-blue-soft);--color-amber:#f59e0b;--color-red:var(--colors-error)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-text);font-size:15px;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none;transition:all .2s}header{z-index:100;background:var(--colors-canvas);align-items:center;height:64px;padding:10px 0;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-container{align-items:center;gap:8px;display:flex}.logo-pulse{display:none}.logo-text{font-family:var(--font-title);color:var(--colors-on-primary);letter-spacing:-.03em;font-size:20px;font-weight:700}header nav{gap:28px;display:flex}header nav a{color:var(--colors-ash);font-size:13px;font-weight:500;transition:color .2s}header nav a:hover{color:var(--colors-on-primary)}.btn-primary{background-color:var(--colors-canvas-light);color:var(--colors-ink);font-family:var(--font-text);height:44px;padding:0 var(--spacing-lg);border-radius:var(--rounded-full);border:1px solid var(--colors-ink);cursor:pointer;justify-content:center;align-items:center;font-size:16px;font-weight:500;line-height:1.5;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:var(--colors-canvas-paper)}.btn-primary-on-light{background-color:var(--colors-ink);color:var(--colors-on-primary);font-family:var(--font-text);height:44px;padding:0 var(--spacing-lg);border-radius:var(--rounded-full);border:1px solid var(--colors-ink);cursor:pointer;justify-content:center;align-items:center;font-size:16px;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.btn-primary-on-light:hover{background-color:var(--colors-ink-soft)}.btn-brand{background-color:var(--colors-brand);color:var(--colors-ink);font-family:var(--font-text);height:44px;padding:0 var(--spacing-lg);border-radius:var(--rounded-full);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:16px;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.btn-brand:hover{background-color:var(--colors-brand-deep);color:var(--colors-on-primary)}.btn-secondary{background-color:var(--colors-canvas-soft);color:var(--colors-ash);font-family:var(--font-text);letter-spacing:-.13px;height:36px;padding:0 var(--spacing-md);border-radius:var(--rounded-app-md);border:1px solid var(--colors-hairline-soft);cursor:pointer;justify-content:center;align-items:center;font-size:13px;font-weight:500;line-height:1.3;transition:all .2s;display:inline-flex}.btn-secondary:hover{background-color:var(--colors-canvas);border-color:var(--colors-graphite);color:var(--colors-on-primary)}.cta-btn-sm{background-color:var(--colors-canvas-light);color:var(--colors-ink);font-family:var(--font-text);letter-spacing:-.13px;height:36px;padding:0 var(--spacing-md);border-radius:var(--rounded-full);border:1px solid var(--colors-ink);cursor:pointer;justify-content:center;align-items:center;font-size:13px;font-weight:500;line-height:1.3;transition:all .2s;display:inline-flex}.cta-btn-sm:hover{background-color:var(--colors-canvas-paper)}.cta-btn-secondary{background-color:var(--colors-canvas-soft);color:var(--colors-ash);font-family:var(--font-text);letter-spacing:-.13px;height:36px;padding:0 var(--spacing-md);border-radius:var(--rounded-app-md);border:1px solid var(--colors-hairline-soft);cursor:pointer;justify-content:center;align-items:center;font-size:13px;font-weight:500;line-height:1.3;transition:all .2s;display:inline-flex}.cta-btn-secondary:hover{background-color:var(--colors-canvas);border-color:var(--colors-graphite);color:var(--colors-on-primary)}.btn-ghost-dark{color:var(--colors-ash);font-family:var(--font-text);letter-spacing:-.13px;height:36px;padding:0 var(--spacing-md);border-radius:var(--rounded-full);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;font-size:13px;font-weight:500;line-height:1.3;transition:all .2s;display:inline-flex}.btn-ghost-dark:hover{color:var(--colors-on-primary)}section{padding:var(--spacing-section-lg) 0;transition:background-color .3s,color .3s}.marketing-section-dark{background-color:var(--colors-canvas)!important;color:var(--colors-on-primary)!important}.marketing-section-dark .section-title{color:var(--colors-on-primary)}.marketing-section-dark .section-desc{color:var(--colors-ash)}.marketing-section-dark .section-tag{color:var(--colors-mute)}.marketing-section-light{background-color:var(--colors-canvas-light)!important;color:var(--colors-ink)!important}.marketing-section-light .section-title{color:var(--colors-ink)}.marketing-section-light .section-desc{color:var(--colors-ink-soft)}.marketing-section-light .section-tag{color:var(--colors-link-blue)}.marketing-section-paper{background-color:var(--colors-canvas-paper)!important;color:var(--colors-ink)!important}.marketing-section-paper .section-title{color:var(--colors-ink)}.marketing-section-paper .section-desc{color:var(--colors-ink-soft)}.marketing-section-paper .section-tag{color:var(--colors-link-blue)}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm);font-size:13px;font-weight:500;display:inline-block}.section-title{margin-bottom:var(--spacing-md);letter-spacing:-2px;font-size:48px;font-weight:400;line-height:1.08}.section-desc{font-size:16px;font-weight:400;line-height:1.5}.hero-section{background:#000;padding-top:180px;padding-bottom:120px}.hero-container-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;display:grid}.badge-new{border:1px solid var(--surface-border);color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.05em;background:#ffffff08;border-radius:4px;margin-bottom:20px;padding:4px 10px;font-size:10px;font-weight:500;display:inline-block}.hero-title{letter-spacing:-.04em;margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.15}.hero-subtitle{color:var(--text-secondary);margin-bottom:30px;font-size:16px;line-height:1.6}.tech-stack-row{flex-wrap:wrap;gap:8px;margin-bottom:35px;display:flex}.tech-tag{border:1px solid var(--surface-border);color:var(--text-secondary);font-family:var(--font-mono);background-color:#050505;border-radius:4px;padding:4px 10px;font-size:11px}.hero-ctas{gap:12px;display:flex}.terminal-container{border:1px solid var(--surface-border);background-color:#050505;border-radius:6px;flex-direction:column;height:380px;display:flex;overflow:hidden}.terminal-header{border-bottom:1px solid var(--surface-border);background-color:#12121e;align-items:center;gap:6px;padding:10px 16px;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-dot.red{background-color:var(--color-red)}.terminal-dot.yellow{background-color:var(--color-amber)}.terminal-dot.green{background-color:var(--color-green)}.terminal-title{font-family:var(--font-mono);color:var(--text-secondary);margin-left:10px;font-size:11px}.terminal-content{font-family:var(--font-mono);color:var(--text-secondary);flex-grow:1;padding:16px;font-size:11px;overflow-y:auto}.terminal-line{white-space:pre-wrap;margin-bottom:6px;line-height:1.5;display:flex}.terminal-prompt{color:var(--primary);-webkit-user-select:none;user-select:none;margin-right:8px}.terminal-output{color:var(--text-primary)}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.feature-card{background-color:var(--colors-canvas-soft);border:1px solid var(--colors-hairline-soft);border-radius:var(--rounded-marketing);padding:var(--spacing-xl);transition:all .2s}.feature-card:hover{border-color:var(--colors-graphite)}.feature-card-dark{background-color:var(--colors-canvas-soft);border:1px solid var(--colors-hairline-soft);border-radius:var(--rounded-marketing);padding:var(--spacing-xl);color:var(--colors-on-primary)}.feature-card-brand{border-radius:var(--rounded-marketing);padding:var(--spacing-xl);background-color:var(--colors-brand)!important;color:var(--colors-ink)!important;border:none!important}.feature-card-brand h3,.feature-card-brand p,.feature-card-brand .feature-icon{color:var(--colors-ink)!important}.feature-card-brand .feature-icon{background-color:#00000014!important}.feature-card-light{background-color:var(--colors-canvas-light);color:var(--colors-ink);border:1px solid var(--colors-hairline);border-radius:var(--rounded-marketing);padding:var(--spacing-xl)}.feature-card-light h3{color:var(--colors-ink)}.feature-card-light p{color:var(--colors-ink-soft)}.feature-card-light .feature-icon{background-color:var(--colors-canvas-paper);color:var(--colors-ink)}.marketing-section-light .feature-card{background-color:var(--colors-canvas-light);color:var(--colors-ink);border:1px solid var(--colors-hairline)}.marketing-section-light .feature-card h3{color:var(--colors-ink)}.marketing-section-light .feature-card p{color:var(--colors-ink-soft)}.marketing-section-light .feature-card .feature-icon{background-color:var(--colors-canvas-paper);color:var(--colors-ink)}.feature-icon{width:40px;height:40px;color:var(--primary);border-radius:var(--rounded-app-sm);margin-bottom:var(--spacing-lg);background-color:#ffffff0d;justify-content:center;align-items:center;display:flex}.feature-card h3{margin-bottom:var(--spacing-sm);font-size:18px;font-weight:500;font-family:var(--font-title)}.feature-card p{color:var(--colors-ash);font-size:13px;line-height:1.6}.architecture-section{background:#050505}.architecture-layout{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:40px;display:flex}.arch-box{background-color:var(--bg-surface);border:1px solid var(--surface-border);cursor:pointer;text-align:center;border-radius:4px;padding:16px 20px;transition:all .2s;position:relative}.arch-box:hover,.arch-box.active-card{border-color:var(--primary);background-color:var(--bg-surface-hover)}.arch-tag{color:var(--text-secondary);font-family:var(--font-mono);background-color:#1a1a1a;border-radius:2px;padding:1px 6px;font-size:8px;font-weight:500;position:absolute;top:-8px;left:12px}.client-box{width:140px}.gateway-box{width:150px}.arch-arrow{color:var(--text-muted);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;font-weight:700}.arch-arrow.horizontal{font-size:20px}.arch-cluster{border:1px solid var(--surface-border);background-color:#000;border-radius:6px;flex-grow:1;padding:24px 20px 20px;position:relative}.arch-cluster-title{font-family:var(--font-title);color:var(--text-secondary);background-color:#050505;padding:0 10px;font-size:11px;font-weight:600;position:absolute;top:-10px;left:20px}.arch-cluster-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.db-cache-tier{flex-direction:column;gap:12px;width:140px;display:flex}.architecture-bottom-flow{flex-direction:column;align-items:center;margin-top:25px;display:flex}.build-to-queue-arrow{color:var(--text-muted);font-family:var(--font-mono);margin-bottom:12px;margin-left:240px;font-size:11px}.queue-to-workers-arrow,.workers-to-dind-arrow{color:var(--text-muted);font-family:var(--font-mono);margin:12px 0;font-size:11px}.kafka-broker-box{background-color:var(--bg-surface);border:1px solid var(--surface-border);cursor:pointer;border-radius:4px;width:600px;padding:16px 20px;transition:all .2s}.kafka-broker-box:hover{border-color:var(--primary)}.kafka-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kafka-badge{color:var(--text-primary);font-family:var(--font-mono);background-color:#1a1a1a;border-radius:2px;padding:2px 6px;font-size:9px;font-weight:500}.kafka-partitions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.partition-pill{border:1px solid var(--surface-border);color:var(--text-secondary);font-family:var(--font-mono);text-align:center;background-color:#ffffff05;border-radius:2px;padding:6px;font-size:10px}.workers-cluster-box{background-color:var(--bg-surface);border:1px solid var(--surface-border);cursor:pointer;border-radius:4px;width:600px;padding:16px 20px;transition:all .2s}.workers-cluster-box:hover{border-color:var(--primary)}.workers-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.workers-badge{color:var(--text-primary);font-family:var(--font-mono);background-color:#1a1a1a;border-radius:2px;padding:2px 6px;font-size:9px;font-weight:500}.workers-grid-mini{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mini-pod{border:1px solid var(--surface-border);font-family:var(--font-mono);text-align:center;color:var(--text-secondary);background-color:#000;border-radius:2px;padding:8px;font-size:9px}.mini-pod.active-pulse{border-color:var(--primary);color:var(--primary)}.dind-sandbox-box{background-color:var(--bg-surface);border:1px solid var(--surface-border);text-align:center;cursor:pointer;border-radius:4px;width:600px;padding:16px 20px;transition:all .2s}.dind-sandbox-box:hover{border-color:var(--primary)}.dind-badge{color:var(--text-primary);font-family:var(--font-mono);background-color:#1a1a1a;border-radius:2px;margin-bottom:8px;padding:2px 6px;font-size:9px;font-weight:500;display:inline-block}.details-panel{border:1px solid var(--surface-border);background-color:#050505;border-radius:4px;margin-top:30px;padding:20px}.details-panel h4{color:var(--text-primary);margin-bottom:12px;font-size:15px;font-weight:600}.details-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.details-label{text-transform:uppercase;color:var(--text-muted);font-size:10px;font-family:var(--font-mono);letter-spacing:.05em;margin-bottom:4px;display:block}.details-val{color:var(--text-secondary);font-size:13px}.sandbox-section{border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border);background-color:#000}.sandbox-simulator-grid{grid-template-columns:1.1fr .9fr;gap:30px;display:grid}.sandbox-editor-card,.sandbox-output-card{background-color:var(--bg-surface);border:1px solid var(--surface-border);border-radius:4px;flex-direction:column;padding:24px;display:flex}.editor-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.editor-title-row{align-items:center;gap:10px;display:flex}.editor-title-badge{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--surface-border);border-radius:2px;padding:2px 6px;font-size:10px;font-weight:500}.lang-select,.snippet-select,.sim-select{border:1px solid var(--surface-border);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;background-color:#000;border-radius:2px;outline:none;padding:6px 10px;font-size:12px}.editor-textarea-wrapper{border:1px solid var(--surface-border);background-color:#050505;border-radius:2px;flex-grow:1;height:250px;margin-bottom:16px;overflow:hidden}#sandbox-code-editor{resize:none;color:#e5e5e5;width:100%;height:100%;font-family:var(--font-mono);background:0 0;border:none;outline:none;padding:14px;font-size:12px;line-height:1.6}.editor-inputs-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{text-transform:uppercase;color:var(--text-secondary);font-size:10px;font-family:var(--font-mono);letter-spacing:.05em}.input-group input{border:1px solid var(--surface-border);color:var(--text-primary);font-family:var(--font-mono);background-color:#050505;border-radius:2px;outline:none;padding:8px 12px;font-size:12px}.btn-run{background:var(--colors-brand);color:var(--colors-ink);border-radius:var(--rounded-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.btn-run:hover{background:var(--colors-brand-deep);color:var(--colors-on-primary)}.output-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.status-pill{font-family:var(--font-mono);text-transform:uppercase;border-radius:2px;padding:3px 10px;font-size:10px;font-weight:500}.status-pill.idle{border:1px solid var(--surface-border);color:var(--text-secondary);background-color:#ffffff08}.status-pill.running{color:var(--color-blue);background-color:#3b82f60d;border:1px solid #3b82f633;animation:1.5s infinite status-pulse}.status-pill.success{color:var(--color-green);background-color:#10b9810d;border:1px solid #10b98133}.status-pill.failed{color:var(--color-red);background-color:#ef44440d;border:1px solid #ef444433}@keyframes status-pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.sandbox-steps-timeline{grid-template-columns:repeat(4,1fr);margin-bottom:24px;padding-bottom:6px;display:grid;position:relative}.sandbox-steps-timeline:after{content:"";background-color:var(--surface-border);z-index:1;height:2px;position:absolute;top:15px;left:12.5%;right:12.5%}.step-node{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.step-circle{background-color:var(--bg-surface);border:1px solid var(--surface-border);width:32px;height:32px;font-family:var(--font-mono);color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:500;transition:all .3s;display:flex}.step-lbl{text-transform:uppercase;color:var(--text-muted);font-size:9px;font-family:var(--font-mono);margin-top:8px;font-weight:500}.step-node.active .step-circle{border-color:var(--primary);color:var(--primary);background-color:#1a1a1a}.step-node.active .step-lbl{color:var(--text-primary)}.step-node.completed .step-circle{border-color:var(--color-green);color:var(--color-green);background-color:#10b9810d}.step-node.completed .step-lbl{color:var(--color-green)}.step-node.error-state .step-circle{border-color:var(--color-red);color:var(--color-red);background-color:#ef44440d}.step-node.error-state .step-lbl{color:var(--color-red)}.output-metrics-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.output-metrics-row .metric-box{border:1px solid var(--surface-border);background-color:#050505;border-radius:4px;padding:10px 14px}.output-metrics-row .metric-box .lbl{text-transform:uppercase;color:var(--text-muted);font-size:9px;font-family:var(--font-mono);margin-bottom:4px;display:block}.output-metrics-row .metric-box .val{font-family:var(--font-mono);font-size:13px;font-weight:500}.console-terminal{border:1px solid var(--surface-border);background-color:#050505;border-radius:4px;flex-direction:column;height:180px;display:flex}.console-tab{border-bottom:1px solid var(--surface-border);font-family:var(--font-mono);color:var(--text-secondary);background-color:#ffffff03;padding:8px 14px;font-size:10px}.console-body{font-family:var(--font-mono);flex-grow:1;padding:14px;font-size:11px;line-height:1.6;overflow-y:auto}.console-body .system-line{color:var(--text-muted)}.console-body .stdout-line{color:var(--text-primary)}.console-body .stderr-line{color:var(--color-red)}.pipeline-section{background-color:var(--bg-deep)}.pipeline-layout-container{grid-template-columns:.85fr 1.15fr;gap:30px;display:grid}.pipeline-controls-card{background-color:var(--bg-surface);border:1px solid var(--surface-border);border-radius:4px;padding:24px}.pipeline-controls-card h4{margin-bottom:16px;font-size:16px}.pipeline-inputs{flex-direction:column;gap:14px;display:flex}.pipeline-flow-card{background-color:var(--bg-surface);border:1px solid var(--surface-border);border-radius:4px;flex-direction:column;gap:20px;padding:24px;display:flex}.pipeline-nodes-wrapper{justify-content:space-between;align-items:center;padding:10px 0;display:flex;position:relative}.pipeline-node-item{z-index:2;cursor:pointer;flex-direction:column;align-items:center;width:75px;display:flex}.pipeline-node-item .node-icon{border:1px solid var(--surface-border);background-color:#000;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:8px;font-size:15px;transition:all .3s;display:flex}.pipeline-node-item .node-name{color:var(--text-secondary);text-align:center;margin-bottom:2px;font-size:9px;font-weight:600}.pipeline-node-item .node-status{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);font-size:8px}.pipeline-connector{background-color:var(--surface-border);z-index:1;flex-grow:1;height:2px;margin-top:-24px;transition:all .3s}.pipeline-node-item.active .node-icon{border-color:var(--primary);color:var(--primary);background-color:#1a1a1a}.pipeline-node-item.active .node-status{color:var(--primary)}.pipeline-node-item.success .node-icon{border-color:var(--color-green);color:var(--color-green);background-color:#10b9810d}.pipeline-node-item.success .node-status{color:var(--color-green)}.pipeline-node-item.failed .node-icon{border-color:var(--color-red);color:var(--color-red);background-color:#ef44440d}.pipeline-node-item.failed .node-status{color:var(--color-red)}.pipeline-log-terminal{border:1px solid var(--surface-border);background-color:#050505;border-radius:4px;flex-direction:column;height:220px;display:flex}.pipeline-log-terminal .terminal-header{border-bottom:1px solid var(--surface-border);font-family:var(--font-mono);color:var(--text-muted);background-color:#ffffff03;justify-content:space-between;padding:8px 14px;font-size:10px;display:flex}.pipeline-log-body{font-family:var(--font-mono);color:var(--text-secondary);flex-grow:1;padding:14px;font-size:11px;line-height:1.5;overflow-y:auto}.log-line{margin-bottom:4px}.log-line.system{color:var(--text-muted)}.log-line.running{color:var(--color-blue)}.log-line.success{color:var(--color-green)}.log-line.error{color:var(--color-red)}.scaling-section{border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border);background-color:#000}.scaling-grid{grid-template-columns:.85fr 1.15fr;gap:30px;display:grid}.scaling-controls-card,.scaling-cluster-card{background-color:var(--bg-surface);border:1px solid var(--surface-border);border-radius:4px;flex-direction:column;padding:24px;display:flex}.scaling-controls-card .desc{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.slider-group{margin-bottom:28px}.slider-labels{font-family:var(--font-mono);justify-content:space-between;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.slider-labels span:last-child{color:var(--primary)}#load-slider{-webkit-appearance:none;background:var(--surface-border);border-radius:3px;outline:none;width:100%;height:6px}#load-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border:1px solid var(--primary);border-radius:50%;width:18px;height:18px;transition:all .1s}#load-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.scaling-telemetry{border:1px solid var(--surface-border);background-color:#050505;border-radius:4px;flex-direction:column;gap:12px;padding:16px;display:flex}.scaling-telemetry .telemetry-item{justify-content:space-between;align-items:center;display:flex}.scaling-telemetry .telemetry-item .lbl{text-transform:uppercase;color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.scaling-telemetry .telemetry-item .val{font-family:var(--font-mono);color:var(--text-primary);font-size:14px;font-weight:600}.cluster-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.cluster-badge{font-family:var(--font-mono);border:1px solid var(--surface-border);color:var(--text-secondary);background-color:#ffffff08;border-radius:2px;padding:2px 8px;font-size:9px}.pod-grid-container{flex-grow:1;grid-template-columns:repeat(4,1fr);gap:14px;min-height:160px;margin-bottom:20px;display:grid}.pod-card{border:1px solid var(--surface-border);background-color:#050505;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:12px;animation:.4s cubic-bezier(.175,.885,.32,1.275) pod-spawn;display:flex;position:relative}@keyframes pod-spawn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.pod-card.scaling-down{animation:.4s forwards pod-die}@keyframes pod-die{to{opacity:0;transform:scale(.7)}}.pod-icon-wrapper{margin-bottom:8px;position:relative}.pod-status-light{background-color:var(--color-green);border:1.5px solid #050505;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:0}.pod-name{font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:4px;font-size:9px;font-weight:600}.pod-cpu-bar-container{background-color:var(--surface-border);border-radius:2px;width:100%;height:3px;overflow:hidden}.pod-cpu-fill{background-color:var(--color-green);height:100%}.cluster-hpa-logs{border:1px solid var(--surface-border);background-color:#050505;border-radius:4px;flex-direction:column;height:120px;display:flex}.cluster-hpa-logs .logs-header{border-bottom:1px solid var(--surface-border);font-family:var(--font-mono);color:var(--text-muted);padding:6px 12px;font-size:9px}.cluster-hpa-logs .logs-body{font-family:var(--font-mono);color:var(--text-secondary);flex-grow:1;padding:10px;font-size:10px;overflow-y:auto}.cluster-hpa-logs .log-row{margin-bottom:4px}.stats-section{background-color:var(--bg-deep);border-top:1px solid var(--surface-border)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px;display:grid}.stat-card{background-color:var(--bg-surface);border:1px solid var(--surface-border);text-align:center;border-radius:4px;padding:24px}.stat-value{color:var(--text-primary);font-size:28px;font-weight:700;font-family:var(--font-title);letter-spacing:-.02em;margin-bottom:8px}.stat-label{margin-bottom:6px;font-size:13px;font-weight:500}.stat-desc{color:var(--text-secondary);font-size:11px}footer{border-top:1px solid var(--surface-border);background-color:#000;padding:60px 0 30px}.footer-layout{grid-template-columns:1.2fr .8fr;gap:40px;margin-bottom:40px;display:grid}.footer-desc{color:var(--text-secondary);max-width:420px;margin-top:14px;font-size:13px}.footer-links-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.footer-links-col{flex-direction:column;gap:10px;display:flex}.footer-col-title{text-transform:uppercase;font-size:11px;font-family:var(--font-mono);color:var(--text-muted);margin-bottom:6px;font-weight:500}.footer-links-col a{color:var(--text-secondary);font-size:13px}.footer-links-col a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--surface-border);color:var(--text-muted);justify-content:space-between;padding-top:24px;font-size:11px;display:flex}@media (width<=992px){.hero-container-grid,.sandbox-simulator-grid,.pipeline-layout-container,.scaling-grid{grid-template-columns:1fr}.architecture-layout{justify-content:center}.arch-arrow.horizontal{margin:10px 0;transform:rotate(90deg)}.build-to-queue-arrow{margin-left:0}.stats-grid{grid-template-columns:1fr 1fr}.footer-layout{grid-template-columns:1fr}}@media (width<=576px){header nav{display:none}.hero-title{font-size:38px}.stats-grid{grid-template-columns:1fr}.arch-cluster-grid{grid-template-columns:1fr 1fr}}.console-drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:flex-end;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.console-drawer{border-left:1px solid var(--surface-border);background:#060606;flex-direction:column;width:550px;max-width:90vw;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;box-shadow:-10px 0 30px #00000080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.console-drawer-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding:24px;display:flex}.console-drawer-header h3{letter-spacing:-.02em;font-size:18px;font-weight:700}.console-drawer-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.console-drawer-close:hover{color:var(--text-primary)}.console-drawer-tabs{border-bottom:1px solid var(--surface-border);background:#020202;display:flex}.console-drawer-tab{color:var(--text-secondary);font-family:var(--font-title);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:14px;font-size:13px;font-weight:500;transition:all .2s}.console-drawer-tab.active{color:var(--text-primary);border-bottom-color:var(--primary);background:#ffffff05}.console-drawer-content{flex:1;padding:24px;overflow-y:auto}.status-badge-live,.status-badge-simulated{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border-radius:3px;padding:3px 8px;font-size:9px;font-weight:500}.status-badge-live{color:var(--color-green);background:#10b9811a;border:1px solid #10b98133}.status-badge-simulated{color:var(--color-amber);background:#f59e0b1a;border:1px solid #f59e0b33}.service-status-card{background:var(--bg-surface);border:1px solid var(--surface-border);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;display:flex}.service-status-name{align-items:center;gap:12px;display:flex}.service-status-dot{border-radius:50%;width:8px;height:8px}.service-status-dot.up{background-color:var(--color-green);box-shadow:0 0 8px var(--color-green)}.service-status-dot.checking{background-color:var(--color-amber);box-shadow:0 0 8px var(--color-amber);animation:1s infinite alternate pulse}.service-status-dot.down{background-color:var(--color-red);box-shadow:0 0 8px var(--color-red)}.api-console-form{flex-direction:column;gap:16px;display:flex}.api-console-group{flex-direction:column;gap:6px;display:flex}.api-console-group label{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase}.api-console-input,.api-console-textarea{border:1px solid var(--surface-border);color:var(--text-primary);font-family:var(--font-text);background:#0e0e0e;border-radius:4px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .2s}.api-console-input:focus,.api-console-textarea:focus{border-color:var(--surface-border-active)}.api-console-textarea{height:120px;font-family:var(--font-mono);resize:vertical}.api-console-button{color:#000;font-family:var(--font-title);cursor:pointer;background:#fff;border:1px solid #fff;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.api-console-button:hover:not(:disabled){background:#e5e5e5;border-color:#e5e5e5}.api-console-button:disabled{opacity:.5;cursor:not-allowed}.api-console-output{border:1px solid var(--surface-border);background:#020202;border-radius:6px;margin-top:16px;padding:16px}.api-console-output-title{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);justify-content:space-between;margin-bottom:10px;display:flex}.api-console-output-pre{font-family:var(--font-mono);color:#10b981;white-space:pre-wrap;word-break:break-all;max-height:250px;font-size:12px;overflow-y:auto}.api-console-output-pre.error{color:var(--color-red)}.brand-dot{background-color:var(--colors-brand);border-radius:var(--rounded-full);width:12px;height:12px;display:inline-block}.badge-neutral{background-color:var(--colors-canvas-light);color:var(--colors-ink);font-family:var(--font-text);border-radius:var(--rounded-full);padding:4px 10px;font-size:13px;display:inline-block}.badge-filled{background-color:var(--colors-ink);color:var(--colors-on-primary);font-family:var(--font-text);border-radius:var(--rounded-full);padding:4px 10px;font-size:13px;display:inline-block}.studio-window{background-color:var(--colors-canvas-soft);border:1px solid var(--colors-hairline-soft);border-radius:var(--rounded-app-lg);padding:var(--spacing-md);box-shadow:0 4px 24px #0003}input[type=text],input[type=number],select,textarea{background-color:var(--colors-canvas-soft);border:1px solid var(--colors-hairline-soft);border-radius:var(--rounded-app-xs);color:var(--colors-ash);font-family:var(--font-text);outline:none;height:44px;padding:12px;font-size:15px;transition:all .2s}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--colors-brand);background-color:var(--colors-canvas)}.marketing-section-light input[type=text],.marketing-section-light input[type=number],.marketing-section-light select,.marketing-section-light textarea{background-color:var(--colors-canvas-light);border:1px solid var(--colors-hairline);color:var(--colors-ink)}.marketing-section-light input[type=text]:focus,.marketing-section-light input[type=number]:focus,.marketing-section-light select:focus,.marketing-section-light textarea:focus{border-color:var(--colors-brand);background-color:var(--colors-canvas-paper)}.typography-display-mega{letter-spacing:-5px;font-size:112px;font-weight:400;line-height:1}.typography-display-xl{letter-spacing:-3px;font-size:72px;font-weight:400;line-height:1.05}.typography-display-md{letter-spacing:-2px;font-size:48px;font-weight:400;line-height:1.08}.typography-mono-eyebrow{font-family:var(--font-mono);text-transform:uppercase;font-size:13px;font-weight:400;line-height:1.5}.typography-mono-caps{font-family:var(--font-mono);text-transform:uppercase;font-size:11px;font-weight:400;line-height:1.5}@media (width<=768px){.typography-display-mega{letter-spacing:-1.92px;font-size:64px}.typography-display-xl{letter-spacing:-1.5px;font-size:48px}}.architecture-cards-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:40px;display:grid}.arch-card-item{background-color:var(--bg-surface);border:1px solid var(--surface-border);border-radius:var(--rounded-app-lg);flex-direction:column;gap:16px;padding:24px;transition:border-color .25s,transform .25s;display:flex}.arch-card-item:hover{border-color:var(--colors-brand);transform:translateY(-2px)}.arch-card-header{border-bottom:1px solid var(--surface-border);align-items:center;gap:12px;padding-bottom:12px;display:flex}.arch-card-num{font-family:var(--font-mono);color:var(--colors-brand);border-radius:var(--rounded-app-xs);text-align:center;background-color:#f364581a;min-width:28px;padding:4px 8px;font-size:14px;font-weight:700}.arch-card-name{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.arch-card-body{color:var(--text-secondary);flex-direction:column;gap:10px;font-size:13px;line-height:1.5;display:flex}.arch-card-body p{margin:0}.arch-card-body strong{color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;flex-shrink:0;width:90px;font-size:11px;display:inline-block}.arch-card-role,.arch-card-stack,.arch-card-safety{align-items:flex-start;display:flex}
