:root{--rack-bg: #0f172a;--glass-border: rgba(255, 255, 255, .1);--chaos-color: #ef4444;--clean-color: #10b981;--cable-chaos: #f87171;--cable-clean: #3b82f6}.problem-section[data-astro-cid-cs4ujwkg]{padding:100px 0;position:relative;background:var(--bg);overflow:hidden}.bg-layer[data-astro-cid-cs4ujwkg]{position:absolute;inset:0;pointer-events:none}.grid-floor[data-astro-cid-cs4ujwkg]{position:absolute;bottom:-50%;left:-50%;width:200%;height:100%;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:50px 50px;opacity:.1;transform:perspective(1000px) rotateX(60deg)}.split-layout[data-astro-cid-cs4ujwkg]{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1100px;margin:0 auto}.status-pill[data-astro-cid-cs4ujwkg]{display:inline-flex;align-items:center;gap:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:6px 14px;border-radius:50px;color:#ef4444;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:24px;transition:all .4s ease}.status-dot[data-astro-cid-cs4ujwkg]{width:8px;height:8px;background:currentColor;border-radius:50%;box-shadow:0 0 8px currentColor;animation:blink 1s infinite}.status-pill[data-astro-cid-cs4ujwkg].optimized{background:#10b9811a;border-color:#10b98133;color:#10b981}h2[data-astro-cid-cs4ujwkg]{font-family:var(--font-display);font-size:clamp(2.5rem,4vw,3.5rem);line-height:1.1;color:var(--fg);margin-bottom:24px}.text-highlight[data-astro-cid-cs4ujwkg]{color:var(--chaos-color);transition:color .4s}.problem-section[data-astro-cid-cs4ujwkg].optimized .text-highlight[data-astro-cid-cs4ujwkg]{color:var(--clean-color)}.hero-desc[data-astro-cid-cs4ujwkg]{font-size:1.1rem;color:var(--fg-muted);line-height:1.6;margin-bottom:40px}.control-panel[data-astro-cid-cs4ujwkg]{background:var(--bg-elevated);border:1px solid var(--border);padding:20px;border-radius:16px;margin-bottom:30px;width:max-content}.panel-label[data-astro-cid-cs4ujwkg]{font-size:.7rem;text-transform:uppercase;color:var(--fg-muted);margin-bottom:10px;font-weight:700;letter-spacing:.05em}.toggle-btn[data-astro-cid-cs4ujwkg]{display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;padding:0}.toggle-track[data-astro-cid-cs4ujwkg]{width:60px;height:32px;background:#334155;border-radius:50px;position:relative;transition:background .3s;box-shadow:inset 0 2px 5px #0000004d}.toggle-handle[data-astro-cid-cs4ujwkg]{width:26px;height:26px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 5px #0000004d;color:#334155}.handle-icon[data-astro-cid-cs4ujwkg]{width:14px;height:14px}.toggle-label[data-astro-cid-cs4ujwkg]{font-size:1rem;font-weight:700;color:var(--fg);transition:color .3s}.problem-section[data-astro-cid-cs4ujwkg].optimized .toggle-track[data-astro-cid-cs4ujwkg]{background:var(--clean-color)}.problem-section[data-astro-cid-cs4ujwkg].optimized .toggle-handle[data-astro-cid-cs4ujwkg]{transform:translate(28px);color:var(--clean-color)}.problem-section[data-astro-cid-cs4ujwkg].optimized .toggle-label[data-astro-cid-cs4ujwkg]{color:var(--clean-color)}.pain-points[data-astro-cid-cs4ujwkg]{display:flex;flex-direction:column;gap:10px}.point[data-astro-cid-cs4ujwkg]{display:flex;align-items:center;gap:12px;color:var(--fg-muted);font-size:.95rem;transition:all .4s;opacity:1;transform:translate(0)}.p-icon[data-astro-cid-cs4ujwkg]{color:var(--chaos-color);width:18px}.problem-section[data-astro-cid-cs4ujwkg].optimized .point[data-astro-cid-cs4ujwkg]{opacity:.5;text-decoration:line-through}.problem-section[data-astro-cid-cs4ujwkg].optimized .p-icon[data-astro-cid-cs4ujwkg]{color:var(--fg-muted)}.visual-side[data-astro-cid-cs4ujwkg]{perspective:1000px;display:flex;justify-content:center}.rack-container[data-astro-cid-cs4ujwkg]{width:100%;max-width:440px;aspect-ratio:4/5;position:relative;transition:transform .5s ease}.rack-glass[data-astro-cid-cs4ujwkg]{width:100%;height:100%;background:var(--rack-bg);border:1px solid var(--glass-border);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 30px 60px -15px #00000080;display:flex;flex-direction:column}.rack-header[data-astro-cid-cs4ujwkg]{background:#0000004d;padding:16px;display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);z-index:5}.server-id[data-astro-cid-cs4ujwkg]{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.8rem;color:var(--fg-muted)}.live-status[data-astro-cid-cs4ujwkg]{display:flex;align-items:center;gap:6px}.status-val[data-astro-cid-cs4ujwkg]{font-size:.7rem;font-weight:800;color:var(--chaos-color);letter-spacing:.05em;transition:color .4s}.pulse-dot[data-astro-cid-cs4ujwkg]{width:6px;height:6px;background:var(--chaos-color);border-radius:50%;animation:blink .5s infinite;transition:background .4s}.cables-layer[data-astro-cid-cs4ujwkg]{position:absolute;inset:0;z-index:2;pointer-events:none}.wire[data-astro-cid-cs4ujwkg]{fill:none;stroke-width:3;stroke-linecap:round;transition:opacity .5s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.cable-group[data-astro-cid-cs4ujwkg].chaos .wire[data-astro-cid-cs4ujwkg]{stroke:var(--cable-chaos);opacity:1;stroke-dasharray:10;animation:wireFlow 30s linear infinite}.cable-group[data-astro-cid-cs4ujwkg].clean .wire[data-astro-cid-cs4ujwkg]{stroke:var(--cable-clean);opacity:0;stroke-width:8;stroke-opacity:.4}.cable-group[data-astro-cid-cs4ujwkg].clean .wire[data-astro-cid-cs4ujwkg]:after{content:""}.switch-array[data-astro-cid-cs4ujwkg]{position:absolute;top:50%;left:10%;width:80%;background:#1e293b;border-radius:4px;padding:10px;z-index:3;border:1px solid #334155;box-shadow:0 10px 20px #0000004d}.switch-row[data-astro-cid-cs4ujwkg]{display:flex;justify-content:space-between;gap:4px;height:6px}.port-led[data-astro-cid-cs4ujwkg]{width:8px;height:4px;background:#334155;transition:background .3s}.rack-container[data-astro-cid-cs4ujwkg].chaos-mode .port-led[data-astro-cid-cs4ujwkg]:nth-child(2n){background:#ef4444;animation:blink .2s infinite alternate}.rack-container[data-astro-cid-cs4ujwkg].chaos-mode .port-led[data-astro-cid-cs4ujwkg]:nth-child(odd){background:#f59e0b;animation:blink .4s infinite alternate-reverse}.rack-container[data-astro-cid-cs4ujwkg].optimized-mode .port-led[data-astro-cid-cs4ujwkg]{background:#10b981!important;box-shadow:0 0 4px #10b981;animation:none}.hud-overlay[data-astro-cid-cs4ujwkg]{position:absolute;bottom:20px;left:20px;right:20px;display:flex;gap:10px;z-index:4}.hud-metric[data-astro-cid-cs4ujwkg]{flex:1;background:#0006;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.05);padding:10px;border-radius:8px;display:flex;flex-direction:column}.lbl[data-astro-cid-cs4ujwkg]{font-size:.6rem;color:var(--fg-muted);letter-spacing:.1em}.val[data-astro-cid-cs4ujwkg]{font-size:1.1rem;font-weight:700;color:var(--fg);font-family:var(--font-mono);transition:color .4s}.glitch-layer[data-astro-cid-cs4ujwkg]{position:absolute;inset:0;background:#ef44440d;mix-blend-mode:overlay;z-index:10;pointer-events:none;animation:glitch 3s infinite;opacity:1;transition:opacity .5s}.problem-section[data-astro-cid-cs4ujwkg].optimized .cable-group[data-astro-cid-cs4ujwkg].chaos .wire[data-astro-cid-cs4ujwkg]{opacity:0}.problem-section[data-astro-cid-cs4ujwkg].optimized .cable-group[data-astro-cid-cs4ujwkg].clean .wire[data-astro-cid-cs4ujwkg]{opacity:1;stroke-dasharray:20;animation:wireFlow 2s linear infinite}.problem-section[data-astro-cid-cs4ujwkg].optimized .status-val[data-astro-cid-cs4ujwkg]{color:var(--clean-color)}.problem-section[data-astro-cid-cs4ujwkg].optimized .pulse-dot[data-astro-cid-cs4ujwkg]{background:var(--clean-color);animation:none;box-shadow:0 0 8px var(--clean-color)}.problem-section[data-astro-cid-cs4ujwkg].optimized .glitch-layer[data-astro-cid-cs4ujwkg]{opacity:0;animation:none}.problem-section[data-astro-cid-cs4ujwkg].optimized .val[data-astro-cid-cs4ujwkg]{color:var(--clean-color)}@keyframes blink{0%{opacity:.4}to{opacity:1}}@keyframes wireFlow{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}@keyframes glitch{0%{transform:translate(0)}2%{transform:translate(-2px,2px)}4%{transform:translate(2px,-2px)}6%{transform:translate(0)}to{transform:translate(0)}}@media(max-width:900px){.cable-group[data-astro-cid-cs4ujwkg].chaos .wire[data-astro-cid-cs4ujwkg]{stroke-width:2}.problem-section[data-astro-cid-cs4ujwkg]{padding:60px 0}.split-layout[data-astro-cid-cs4ujwkg]{grid-template-columns:1fr;gap:40px;display:flex;flex-direction:column}.text-side[data-astro-cid-cs4ujwkg]{order:1;text-align:center;display:flex;flex-direction:column;align-items:center}.visual-side[data-astro-cid-cs4ujwkg]{order:2;width:100%;display:flex;justify-content:center}.rack-container[data-astro-cid-cs4ujwkg]{max-width:320px;aspect-ratio:1/1}.control-panel[data-astro-cid-cs4ujwkg]{margin-left:auto;margin-right:auto}}