*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;margin:0;font-family:Outfit,sans-serif}:root{--bg-color:#000;--card-bg:#0a0a0a80;--card-border:#ffffff14;--neon-violet:#8a2be2;--neon-indigo:indigo;--neon-magenta:#ff007f;--neon-green:#34c759;--neon-cyan:#00f0ff;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", sans-serif;--ease-ios:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-color);color:#f5f5f7;font-family:var(--font-sans);min-height:100vh;position:relative;overflow-x:hidden}.bento-card,.radial-bg-glow,.slider-track-fill,.latency-bar,.flow-node-bullet{will-change:transform, opacity;backface-visibility:hidden;transform:translate(0,0)}.radial-bg-glow{z-index:0;filter:blur(80px);pointer-events:none;opacity:.45;border-radius:50%;width:650px;height:650px;position:fixed}.glow-violet{background:radial-gradient(circle,#8a2be238 0%,#0000 70%);animation:18s ease-in-out infinite alternate moveGlow;top:-10%;left:10%}.glow-indigo{background:radial-gradient(circle,#4b008240 0%,#0000 70%);animation:22s ease-in-out infinite alternate-reverse moveGlow;bottom:-10%;right:15%}@keyframes moveGlow{0%{transform:translate(0,0)scale(1)}50%{transform:translate(120px,-80px)scale(1.18)}to{transform:translate(0,0)scale(.9)}}.top-navbar{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);z-index:999;background:#0006;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-title{letter-spacing:-.5px;color:#fff;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.navbar-title-accent{color:var(--neon-magenta)}.desktop-app-container{z-index:10;flex-direction:column;gap:24px;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:96px 40px 40px;display:flex;position:relative}.bento-desktop-grid{grid-template-columns:repeat(12,1fr);align-items:stretch;gap:24px;display:grid}.grid-upper-left{grid-column:span 5}.grid-upper-right{grid-column:span 7}.grid-lower-left{grid-column:span 5}.grid-lower-right{grid-column:span 7}.bento-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(25px);transition:border-color .4s var(--ease-ios), box-shadow .4s var(--ease-ios);border-radius:24px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:#ff007f38;box-shadow:0 15px 30px #00000080,0 0 20px #8a2be20a}.card-title-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title-row h3{text-transform:uppercase;letter-spacing:1px;color:#8e8e93;font-size:14px;font-weight:700}.card-title-badge{color:#fff;letter-spacing:.5px;background:#ffffff0d;border:1.5px solid #ffffff14;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600}.card-body-content{flex-direction:column;flex-grow:1;display:flex}.textarea-container{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.textarea-label{color:#8e8e93;letter-spacing:.5px;font-size:11px;font-weight:600}.desktop-prompt-textarea{border:1px solid var(--card-border);color:#fff;resize:none;background:#0009;border-radius:12px;outline:none;width:100%;height:160px;padding:16px;font-family:inherit;font-size:14px;line-height:1.6;transition:border-color .3s}.desktop-prompt-textarea:focus{border-color:var(--neon-magenta);box-shadow:0 0 10px #ff007f1a}.desktop-slider-container{flex-direction:column;gap:12px;display:flex}.slider-label-row{justify-content:space-between;align-items:center;display:flex}.slider-label-title{color:#8e8e93;font-size:11px;font-weight:600}.slider-label-value{color:#fff;font-size:18px;font-weight:700}.desktop-slider-wrapper{align-items:center;width:100%;height:36px;display:flex;position:relative}.desktop-slider-input{appearance:none;z-index:2;background:#ffffff14;border-radius:4px;outline:none;width:100%;height:8px}.desktop-slider-input::-webkit-slider-thumb{appearance:none;border:3px solid var(--neon-magenta);cursor:pointer;width:22px;height:22px;transition:transform .1s var(--ease-ios), border-color .4s var(--ease-ios);background:#fff;border-radius:50%;box-shadow:0 0 12px #ff007f80}.desktop-slider-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.desktop-slider-input::-webkit-slider-thumb:active{transform:scale(1.3)}.desktop-slider-input::-moz-range-thumb{border:3px solid var(--neon-magenta);cursor:pointer;width:22px;height:22px;transition:transform .1s var(--ease-ios), border-color .4s var(--ease-ios);background:#fff;border-radius:50%;box-shadow:0 0 12px #ff007f80}.slider-track-fill{background:linear-gradient(90deg, var(--neon-green) 0%, var(--neon-magenta) 100%);pointer-events:none;z-index:1;border-radius:4px;height:8px;position:absolute;top:14px;left:0}.slider-limits-row{color:#48484a;justify-content:space-between;font-size:10px;font-weight:500;display:flex}.canvas-panel-wrapper{border:1px solid var(--card-border);background-color:#00000080;border-radius:16px;height:310px;position:relative;overflow:hidden}#desktop-flow-canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-panel-overlay{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.spatial-node{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute}.flow-node-bullet{background-color:#55555c;border-radius:50%;width:10px;height:10px}.flow-node-bullet.white{background-color:#fff;box-shadow:0 0 10px #fff}.flow-node-bullet.green{background-color:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.flow-node-bullet.magenta{background-color:var(--neon-magenta);box-shadow:0 0 10px var(--neon-magenta)}.spatial-node .node-label{color:#8e8e93;font-size:9px;font-weight:600}.spatial-node .node-value{color:#fff;font-size:11px;font-weight:700}.desktop-safeguard-badge{border:1px solid var(--neon-magenta);color:var(--neon-magenta);letter-spacing:.5px;opacity:0;transition:all .4s var(--ease-ios);background:#ff007f1a;border-radius:12px;padding:6px 14px;font-size:10px;font-weight:700;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)scale(.9)}.desktop-safeguard-badge.active{opacity:1;transform:translate(-50%,-50%)scale(1)}.desktop-cost-badge{border:1px solid var(--card-border);color:#fff;letter-spacing:.5px;opacity:0;transition:all .4s var(--ease-ios);background:#ffffff0d;border-radius:12px;padding:6px 14px;font-size:10px;font-weight:700;position:absolute;bottom:25%;left:50%;transform:translate(-50%,50%)scale(.9)}.desktop-cost-badge.active{opacity:1;transform:translate(-50%,50%)scale(1)}.widget-savings-title{color:#8e8e93;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:600}.widget-savings-value{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-1px;text-shadow:0 4px 15px #ffffff0d;font-size:40px;font-weight:700}.widget-savings-footer{color:var(--neon-green);margin-top:12px;font-size:12px;font-weight:600}.latency-graph-wrapper{border-bottom:1px solid #ffffff0d;align-items:flex-end;gap:4px;height:80px;margin-top:10px;padding-bottom:2px;display:flex}.latency-bar{will-change:transform, height, background-color;transform-origin:bottom;height:10%;transition:height 80ms linear, background-color .4s var(--ease-ios), transform .3s var(--ease-ios);background-color:#ffffff14;border-radius:3px 3px 0 0;flex-grow:1}.latency-bar:hover{filter:brightness(1.2);transform:scaleY(1.15)translateZ(0)}.latency-bar.active-green{background:linear-gradient(180deg, var(--neon-green) 0%, #34c7591a 100%)}.latency-bar.active-magenta{background:linear-gradient(180deg, var(--neon-magenta) 0%, #ff007f1a 100%)}.latency-graph-footer-row{color:#8e8e93;justify-content:space-between;margin-top:8px;font-size:10px;font-weight:600;display:flex}.cyan-text{color:var(--neon-cyan)}