:root{--bg-color: #ffffff;--bg-secondary: #f8f9fa;--text-color: #2c3e50;--text-secondary: #6c757d;--primary-color: #FF6B35;--secondary-color: #1e3a8a;--accent-color: #3b82f6;--card-bg: rgba(255, 255, 255, .95);--card-border: rgba(0, 0, 0, .08);--glass-border: rgba(0, 0, 0, .1);--shadow-color: rgba(0, 0, 0, .1);--font-main: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}body{margin:0;font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-color)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:5rem 0}.btn{display:inline-block;padding:.8rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 4px 15px var(--shadow-color)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b354d}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:1rem;padding:2rem;box-shadow:0 2px 8px var(--shadow-color)}.gradient-text{background:linear-gradient(to right,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:transparent}.simulation-container{width:100%;max-width:900px;height:auto;min-height:350px;margin:0 auto;position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--card-border);box-shadow:0 4px 20px var(--shadow-color);background:#fff}.simulation-header{display:flex;border-bottom:1px solid var(--card-border);background:var(--bg-secondary)}.product-tab{flex:1;padding:1rem;font-size:.9rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.product-tab.active{color:var(--text-color);background:#fff;border-bottom:2px solid var(--primary-color)}.dot{width:8px;height:8px;border-radius:50%;background:#334155}.elchi-dot{background:var(--accent-color);box-shadow:0 0 10px var(--accent-color)}.clustereye-dot{background:var(--secondary-color);box-shadow:0 0 10px var(--secondary-color)}.simulation-content{flex:1;position:relative;padding:2rem}.simulation-content.side-by-side{display:flex;flex-direction:row;height:100%;padding:0}.sim-scene{flex:1;position:relative;padding:2rem 1rem;opacity:1;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.divider{width:1px;background:#ffffff1a;margin:2rem 0}@media(max-width:768px){.container{padding:0 1rem}.section{padding:3rem 0}.btn{padding:.9rem 1.2rem;font-size:.95rem;min-height:44px}h1{font-size:2rem!important}h2{font-size:1.75rem!important}h3{font-size:1.25rem!important}.glass-panel{padding:1.5rem}.simulation-content.side-by-side{flex-direction:column}.divider{width:100%;height:1px;margin:0 2rem}table{display:block;overflow-x:auto;white-space:nowrap}}.node{background:#fff;border:1px solid var(--card-border);border-radius:12px;padding:.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 2px 8px var(--shadow-color)}.central-node{width:auto;height:60px;margin-bottom:3rem;box-shadow:0 0 30px #0000004d;display:flex;align-items:center;justify-content:center}.elchi-node{border-color:var(--accent-color)}.clustereye-node{border-color:var(--secondary-color)}.node-icon{font-size:1.5rem;margin-bottom:.25rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.node-label{font-size:.7rem;color:var(--text-secondary);font-weight:600;margin-top:.25rem}.target-nodes{display:flex;gap:1rem;position:relative;justify-content:center;align-items:flex-start}.target-node{width:60px;height:60px;min-width:60px;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center}.connection-line{position:absolute;top:-2rem;left:50%;width:2px;height:2rem;background:linear-gradient(to bottom,var(--accent-color),rgba(255,255,255,.1));opacity:.3;transform:translate(-50%)}.traffic-particle{position:absolute;top:-2rem;left:50%;width:6px;height:6px;background:var(--primary-color);border-radius:50%;transform:translate(-50%);box-shadow:0 0 10px var(--primary-color);opacity:0}.sim-scene.active .p1{animation:flow 2s infinite;animation-delay:.2s}.sim-scene.active .p2{animation:flow 2s infinite;animation-delay:.8s}.sim-scene.active .p3{animation:flow 2s infinite;animation-delay:1.4s}@keyframes flow{0%{top:-80px;opacity:0}20%{opacity:1}80%{top:10px;opacity:1}to{top:10px;opacity:0}}.scan-beam{position:absolute;top:50%;left:50%;width:200px;height:200px;border:1px solid var(--secondary-color);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0}.sim-scene.active .scan-beam{animation:scan 3s infinite}@keyframes scan{0%{transform:translate(-50%,-50%) scale(0);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.status-indicator{position:absolute;top:-5px;right:-5px;width:10px;height:10px;border-radius:50%;border:2px solid #0f172a}.ok{background:#22c55e;box-shadow:0 0 10px #22c55e}.warning{background:#eab308;box-shadow:0 0 10px #eab308;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.sim-description{margin-top:2rem;font-size:.9rem;color:var(--text-secondary);text-align:center;max-width:80%;min-height:2.5rem}