:root{--void-black: #050508;--deep-space: #0a0a0f;--midnight: #0d0d14;--charcoal: #14141f;--slate: #1a1a28;--neon-cyan: #00f0ff;--neon-magenta: #ff00ff;--neon-orange: #ff6b00;--neon-green: #00ff88;--neon-yellow: #f0ff00;--neon-red: #ff0044;--gradient-aura: linear-gradient(135deg, var(--neon-cyan), var(--neon-magenta), var(--neon-orange));--gradient-danger: linear-gradient(135deg, var(--neon-red), var(--neon-orange));--gradient-success: linear-gradient(135deg, var(--neon-green), var(--neon-cyan));--font-display: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--glow-cyan: 0 0 20px var(--neon-cyan), 0 0 40px rgba(0, 240, 255, .3);--glow-magenta: 0 0 20px var(--neon-magenta), 0 0 40px rgba(255, 0, 255, .3);--glow-orange: 0 0 20px var(--neon-orange), 0 0 40px rgba(255, 107, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--void-black);color:#e0e0e0;line-height:1.6;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:10000}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:9999}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;text-transform:uppercase;letter-spacing:.05em}h1{font-size:clamp(2.5rem,8vw,6rem);font-weight:900}h2{font-size:clamp(1.8rem,5vw,3.5rem);font-weight:800}h3{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600}p{font-size:1.1rem;font-weight:400}a{color:var(--neon-cyan);text-decoration:none;transition:all .3s ease}a:hover{text-shadow:var(--glow-cyan)}.gradient-text{background:var(--gradient-aura);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.neon-text-cyan{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.neon-text-magenta{color:var(--neon-magenta);text-shadow:var(--glow-magenta)}.neon-text-orange{color:var(--neon-orange);text-shadow:var(--glow-orange)}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-lg)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-md) var(--space-lg);background:linear-gradient(to bottom,var(--void-black),transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.nav-logo-icon{width:40px;height:40px;position:relative}.nav-logo-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid;border-image:var(--gradient-aura) 1;border-radius:50%;animation:pulse-ring 2s ease-in-out infinite}.nav-logo-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:16px solid var(--neon-cyan);filter:drop-shadow(0 0 8px var(--neon-cyan))}.nav-links{display:flex;gap:var(--space-lg);list-style:none}.nav-links a{font-family:var(--font-display);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:#888;position:relative;padding:var(--space-sm) 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-aura);transition:width .3s ease}.nav-links a:hover{color:var(--neon-cyan)}.nav-links a:hover:after{width:100%}.nav-cta{font-family:var(--font-display);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan);cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.nav-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--neon-cyan);transform:translate(-100%);transition:transform .3s ease;z-index:-1}.nav-cta:hover{color:var(--void-black);box-shadow:var(--glow-cyan)}.nav-cta:hover:before{transform:translate(0)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-2xl) var(--space-lg);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--charcoal) 1px,transparent 1px),linear-gradient(90deg,var(--charcoal) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black,transparent);mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black,transparent);animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(60px)}}.hero:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,240,255,.1),transparent 70%);top:20%;left:50%;transform:translate(-50%);filter:blur(60px);animation:orb-pulse 4s ease-in-out infinite}@keyframes orb-pulse{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.1)}}.hero-content{position:relative;z-index:10;max-width:1000px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:100px;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--neon-cyan);margin-bottom:var(--space-lg);animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,to{box-shadow:0 0 10px #00f0ff33}50%{box-shadow:0 0 20px #00f0ff66}}.hero-badge-dot{width:8px;height:8px;background:var(--neon-cyan);border-radius:50%;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{margin-bottom:var(--space-lg)}.hero-title-line{display:block}.hero-title-line:first-child{color:#fff;opacity:0;animation:title-reveal .8s ease-out .2s forwards}.hero-title-line:last-child{opacity:0;animation:title-reveal .8s ease-out .4s forwards}@keyframes title-reveal{0%{opacity:0;transform:translateY(30px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);color:#888;max-width:700px;margin:0 auto var(--space-xl);opacity:0;animation:fade-up .8s ease-out .6s forwards}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-cta-group{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;opacity:0;animation:fade-up .8s ease-out .8s forwards}.btn{font-family:var(--font-display);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:var(--space-md) var(--space-xl);cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.btn-primary{background:var(--gradient-aura);border:none;color:var(--void-black)}.btn-primary:hover{box-shadow:0 0 30px #00f0ff80,0 0 60px #ff00ff4d;transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid #444;color:#fff}.btn-secondary:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.hero-hardware{margin-top:var(--space-2xl);position:relative;opacity:0;animation:fade-up 1s ease-out 1s forwards}.hardware-visual{width:100%;max-width:600px;aspect-ratio:16/9;background:var(--charcoal);border:1px solid #333;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 40px 100px #00000080}.hardware-visual:before{content:"HDMI PASSTHROUGH DEVICE";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.3em;color:#444}.hardware-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(0,240,255,.1) 50%,transparent 60%);animation:shimmer 3s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hardware-ports{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);display:flex;gap:var(--space-lg)}.port{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.port-icon{width:40px;height:20px;background:var(--slate);border:1px solid #444;border-radius:2px}.port-label{font-family:var(--font-mono);font-size:.65rem;color:#666;text-transform:uppercase;letter-spacing:.1em}.problem{padding:var(--space-2xl) var(--space-lg);position:relative;background:linear-gradient(to bottom,var(--void-black),var(--deep-space))}.problem-header{text-align:center;margin-bottom:var(--space-2xl)}.section-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.3em;color:var(--neon-magenta);margin-bottom:var(--space-md);display:block}.problem-title{color:#fff;margin-bottom:var(--space-md)}.problem-subtitle{color:#666;max-width:600px;margin:0 auto}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);max-width:1200px;margin:0 auto}.problem-card{background:linear-gradient(135deg,var(--charcoal),var(--midnight));border:1px solid #222;padding:var(--space-xl);position:relative;overflow:hidden;transition:all .3s ease}.problem-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-danger);opacity:0;transition:opacity .3s ease}.problem-card:hover{transform:translateY(-5px);border-color:#ff00444d}.problem-card:hover:before{opacity:1}.problem-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--space-md);color:var(--neon-red)}.problem-card h3{color:#fff;margin-bottom:var(--space-sm);font-size:1.2rem}.problem-card p{color:#888;font-size:.95rem}.solution{padding:var(--space-2xl) var(--space-lg);background:var(--deep-space);position:relative}.solution:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent)}.solution-header{text-align:center;margin-bottom:var(--space-2xl)}.solution-header .section-label{color:var(--neon-green)}.solution-modes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);max-width:900px;margin:0 auto var(--space-2xl) auto}@media(max-width:768px){.solution-modes{grid-template-columns:1fr}}.solution-mode{padding:var(--space-lg);border-radius:12px;background:#0006;border:1px solid rgba(255,255,255,.1)}.solution-mode.audio{border-color:#00f0ff4d}.solution-mode.visual{border-color:#ff88004d;background:#ff88000d}.mode-label{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.mode-icon-sm{font-size:1.2rem}.mode-label h3{font-family:var(--font-display);font-size:1.1rem;margin:0;flex:1}.mode-tag{font-size:.65rem;padding:.2rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase}.mode-tag.default{background:#00f0ff33;color:var(--neon-cyan)}.mode-tag.ultra{background:#f803;color:var(--neon-orange)}.mode-tag.pro-ultra{background:#0f83;color:var(--neon-green)}.mode-flow{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:#0000004d;border-radius:6px;margin-bottom:var(--space-sm);font-family:var(--font-mono);font-size:.75rem;flex-wrap:wrap}.mode-flow.linear{justify-content:center;flex-wrap:nowrap}.flow-node{background:#ffffff1a;padding:.2rem .5rem;border-radius:4px;color:#fff;white-space:nowrap;flex-shrink:0}.flow-node.navi{background:#0f83;color:var(--neon-green);border:1px solid rgba(0,255,136,.3)}.flow-split{color:var(--neon-cyan);font-size:1rem;margin-left:var(--space-xs)}.flow-arrow{color:var(--neon-cyan)}.flow-branch{color:#aaa;font-size:.7rem}.solution-mode p{color:#aaa;font-size:.85rem;margin:0;line-height:1.4}.solution-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center;max-width:1200px;margin:0 auto}@media(max-width:900px){.solution-content{grid-template-columns:1fr}}.solution-diagram{position:relative}.diagram-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.diagram-node{padding:var(--space-lg) var(--space-xl);background:var(--charcoal);border:1px solid #333;font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);min-width:180px}.node-icon{font-size:2rem;line-height:1}.node-label{font-family:var(--font-display);font-weight:600;font-size:1rem}.node-sublabel{font-size:.65rem;color:#666;letter-spacing:.15em}.diagram-node.pc{border-color:var(--neon-cyan);box-shadow:0 0 20px #00f0ff33}.diagram-node.pc .node-label{color:var(--neon-cyan)}.diagram-node.navi-device{background:linear-gradient(135deg,#1a3a1a,#0d2a0d);border-color:var(--neon-green);box-shadow:0 0 40px #00ff884d;padding:var(--space-lg) var(--space-xl);min-width:220px}.diagram-node.navi-device:before{content:"AI POWERED";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--neon-green);color:var(--void-black);font-size:.6rem;font-weight:700;padding:3px 12px;border-radius:2px;white-space:nowrap}.navi-label{color:var(--neon-green)!important;font-size:1.4rem!important;text-shadow:0 0 20px var(--neon-green)}.rpi-board{width:120px;height:80px;background:linear-gradient(145deg,#2d5a2d,#1a3a1a);border:2px solid #3d7a3d;border-radius:6px;position:relative;box-shadow:inset 0 2px 4px #ffffff1a,0 4px 20px #00000080}.rpi-chip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:linear-gradient(135deg,#333,#111);border:1px solid #444;border-radius:2px}.rpi-chip:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:var(--neon-green);opacity:.3;animation:chip-pulse 2s ease-in-out infinite}@keyframes chip-pulse{0%,to{opacity:.3}50%{opacity:.6}}.rpi-ports{position:absolute;left:-8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.rpi-port{width:12px;height:16px;background:#222;border:1px solid #444;border-radius:1px}.rpi-port:before{content:"";position:absolute;left:2px;top:2px;width:6px;height:10px;background:linear-gradient(to bottom,var(--neon-cyan),var(--neon-green));border-radius:1px}.rpi-gpio{position:absolute;top:-6px;right:10px;width:50px;height:8px;background:repeating-linear-gradient(90deg,#c9a227 0px,#c9a227 2px,transparent 2px,transparent 4px);border-radius:1px}.diagram-node.monitor{border-color:var(--neon-orange);box-shadow:0 0 20px #ff6b0033}.diagram-node.monitor .node-label{color:var(--neon-orange)}.diagram-arrow{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);color:#444;font-family:var(--font-mono);font-size:.7rem}.diagram-arrow-line{width:2px;height:30px;background:linear-gradient(to bottom,var(--neon-cyan),var(--neon-magenta))}.diagram-container.mirrored-layout{gap:var(--space-md)}.mirrored-outputs{display:flex;justify-content:center;gap:var(--space-xl);position:relative}.mirrored-outputs:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:2px;background:linear-gradient(to right,transparent,#333,#333,transparent)}.mirrored-outputs .diagram-arrow{background:var(--void-black);padding:0 var(--space-sm);z-index:1}.mirrored-outputs .diagram-arrow.to-monitor .diagram-arrow-line{background:linear-gradient(to bottom,var(--neon-orange),var(--neon-yellow))}.mirrored-outputs .diagram-arrow.to-navi .diagram-arrow-line{background:linear-gradient(to bottom,var(--neon-cyan),var(--neon-green))}.mirrored-destinations{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap}.diagram-node.monitor.primary{border-color:var(--neon-yellow);box-shadow:0 0 30px #f0ff004d}.diagram-node.monitor.primary .node-label{color:var(--neon-yellow)}.diagram-node.monitor.primary .node-sublabel.direct{color:var(--neon-green);font-weight:600}.diagram-note{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:4px;font-size:.85rem;color:#aaa}.diagram-note .note-icon{font-size:1.2rem}.hardware-tiers-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);margin-top:var(--space-md);font-size:.9rem;color:#888}.hardware-tiers-preview strong{color:var(--neon-green);font-size:1.1rem}.tiers-link{color:var(--neon-cyan);font-size:.85rem;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;transition:all .3s ease}.tiers-link:hover{text-shadow:var(--glow-cyan)}.solution-features{display:flex;flex-direction:column;gap:var(--space-lg)}.feature-item{display:flex;gap:var(--space-md);align-items:flex-start}.feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);color:var(--neon-cyan);font-size:1.2rem;flex-shrink:0}.feature-content h4{color:#fff;font-family:var(--font-display);font-size:1rem;margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.feature-content p{color:#888;font-size:.9rem}.showcases{padding:var(--space-2xl) var(--space-lg);background:linear-gradient(to bottom,var(--deep-space),var(--midnight))}.showcases-header{text-align:center;margin-bottom:var(--space-2xl)}.showcases-header .section-label{color:var(--neon-orange)}.showcase-tabs{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.showcase-tab{font-family:var(--font-display);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid #333;color:#666;cursor:pointer;transition:all .3s ease}.showcase-tab:hover{border-color:#666;color:#fff}.showcase-tab.active{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.showcase-content{max-width:1200px;margin:0 auto}.showcase-panel{display:none;animation:panel-fade .5s ease}.showcase-panel.active{display:block}@keyframes panel-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.showcase-game{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}@media(max-width:900px){.showcase-game{grid-template-columns:1fr}}.showcase-visual{aspect-ratio:16/10;background:var(--charcoal);border:1px solid #333;position:relative;overflow:hidden}.showcase-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#00f0ff0d,#ff00ff0d);z-index:1;pointer-events:none}.game-screenshot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.7;filter:saturate(.8);transition:all .3s ease;z-index:0}.showcase-visual:hover .game-screenshot{opacity:.85;filter:saturate(1);transform:scale(1.02)}.wow-visual{background:radial-gradient(ellipse at 30% 70%,rgba(255,107,0,.3),transparent 50%),radial-gradient(ellipse at 70% 30%,rgba(0,200,255,.2),transparent 50%),linear-gradient(135deg,#1a0a0a,#2d1810,#0a1520)}.wow-visual:after{content:"WORLD OF WARCRAFT";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:#ff8c0066;letter-spacing:.2em;text-align:center;pointer-events:none}.lol-visual{background:radial-gradient(ellipse at 20% 80%,rgba(0,150,255,.3),transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(200,150,50,.2),transparent 50%),linear-gradient(135deg,#0a1628,#1a2840,#0d0a1a)}.lol-visual:after{content:"LEAGUE OF LEGENDS";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:#c8aa6466;letter-spacing:.2em;text-align:center;pointer-events:none}.hs-visual{background:radial-gradient(ellipse at 50% 50%,rgba(255,180,50,.3),transparent 60%),radial-gradient(ellipse at 30% 70%,rgba(100,50,200,.2),transparent 50%),linear-gradient(135deg,#1a1008,#2a1a10,#140a18)}.hs-visual:after{content:"HEARTHSTONE";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:#ffb45066;letter-spacing:.2em;text-align:center;pointer-events:none}.valorant-visual{background:radial-gradient(ellipse at 70% 30%,rgba(255,70,85,.3),transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(15,25,35,.8),transparent 50%),linear-gradient(135deg,#0f1923,#1a1014,#0a0a0f)}.valorant-visual:after{content:"VALORANT";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:#ff465566;letter-spacing:.2em;text-align:center;pointer-events:none}.productivity-visual{background:radial-gradient(ellipse at 70% 30%,rgba(0,120,212,.3),transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(16,124,65,.2),transparent 50%),linear-gradient(135deg,#1a1a2e,#16213e,#0f0f1a)}.productivity-visual:after{content:"PRODUCTIVITY";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:#0078d466;letter-spacing:.2em;text-align:center;pointer-events:none}.healing-timeline-preview{position:absolute;bottom:var(--space-md);left:var(--space-md);right:var(--space-md);background:#000000b3;border:1px solid rgba(0,255,136,.3);border-radius:6px;padding:var(--space-sm) var(--space-md)}.timeline-label{font-family:var(--font-mono);font-size:.6rem;color:var(--neon-green);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.timeline-bar{display:flex;height:16px;background:#00000080;border-radius:3px;overflow:hidden;position:relative}.timeline-segment{height:100%;transition:all .3s ease}.timeline-segment.low{background:linear-gradient(to top,#00ff884d,#0f89)}.timeline-segment.medium{background:linear-gradient(to top,#ffc80066,#ffc800b3)}.timeline-segment.high{background:linear-gradient(to top,#ff6b0080,#ff6b00cc)}.timeline-segment.critical{background:linear-gradient(to top,#f049,#ff0044e6);animation:pulse-critical .5s ease-in-out infinite}@keyframes pulse-critical{0%,to{opacity:.8}50%{opacity:1}}.timeline-marker{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 8px #fff;animation:marker-pulse 1s ease-in-out infinite}@keyframes marker-pulse{0%,to{opacity:.7}50%{opacity:1}}.timeline-events{position:relative;height:14px;margin-top:4px}.event-marker{position:absolute;font-family:var(--font-mono);font-size:.55rem;color:#888;text-transform:uppercase;transform:translate(-50%)}.event-marker.critical{color:var(--neon-red);font-weight:600}.mini-timeline{margin:var(--space-sm) 0;padding:var(--space-sm);background:#0000004d;border-radius:4px}.mini-bar{display:flex;height:8px;background:#00000080;border-radius:2px;overflow:hidden;gap:2px}.mini-segment{flex:1;border-radius:1px}.mini-segment.low{background:var(--neon-green);opacity:.6}.mini-segment.medium{background:var(--neon-yellow);opacity:.7}.mini-segment.high{background:var(--neon-orange);opacity:.8}.mini-segment.critical{background:var(--neon-red);animation:pulse-critical .5s ease-in-out infinite}.mini-label{display:block;font-family:var(--font-mono);font-size:.6rem;color:#666;margin-top:4px;text-align:right}.showcase-alert-card.healer-feature{border-color:var(--neon-green);background:#00ff880d}.alert-type.healer{background:#0f83;color:var(--neon-green)}.damage-timeline-section{padding:var(--space-2xl) var(--space-lg);background:linear-gradient(180deg,var(--midnight) 0%,var(--deep-space) 100%);border-top:1px solid rgba(0,255,136,.2);border-bottom:1px solid rgba(0,255,136,.2)}.timeline-feature-header{text-align:center;margin-bottom:var(--space-xl)}.timeline-feature-header .section-label{color:var(--neon-green)}.neon-text-green{color:var(--neon-green);text-shadow:var(--glow-green)}.timeline-subtitle{font-size:1.1rem;color:#888;margin-top:var(--space-md)}.timeline-feature-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);max-width:1200px;margin:0 auto}@media(max-width:900px){.timeline-feature-content{grid-template-columns:1fr}}.timeline-visual-large{background:linear-gradient(135deg,var(--charcoal),var(--slate));border:1px solid rgba(0,255,136,.3);border-radius:12px;padding:var(--space-xl);box-shadow:0 0 40px #00ff881a}.timeline-visual-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.visual-label{font-family:var(--font-mono);font-size:.75rem;color:var(--neon-green);text-transform:uppercase;letter-spacing:.1em}.visual-time{font-family:var(--font-mono);font-size:.7rem;color:#666}.timeline-bar-large{display:flex;height:40px;background:#00000080;border-radius:6px;overflow:hidden;position:relative;margin-bottom:var(--space-md)}.timeline-bar-large .timeline-segment{height:100%}.timeline-marker-large{position:absolute;top:-5px;bottom:-5px;width:3px;background:#fff;box-shadow:0 0 15px #fff,0 0 30px var(--neon-green);border-radius:2px;animation:marker-pulse 1s ease-in-out infinite}.timeline-legend{display:flex;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;color:#888}.legend-color{width:12px;height:12px;border-radius:2px}.legend-color.low{background:var(--neon-green)}.legend-color.medium{background:var(--neon-yellow)}.legend-color.high{background:var(--neon-orange)}.legend-color.critical{background:var(--neon-red)}.timeline-events-large{position:relative;height:60px;margin-top:var(--space-md)}.event-callout{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.event-line{width:1px;height:20px;background:linear-gradient(to bottom,#666,transparent)}.event-name{font-family:var(--font-mono);font-size:.65rem;color:#888;text-transform:uppercase;white-space:nowrap;padding:2px 6px;background:#00000080;border-radius:3px;margin-top:4px}.event-callout.critical .event-line{background:linear-gradient(to bottom,var(--neon-red),transparent)}.event-callout.critical .event-name{color:var(--neon-red);background:#f043;animation:pulse-critical .5s ease-in-out infinite}.timeline-features-list{display:flex;flex-direction:column;gap:var(--space-md)}.timeline-feature-item{display:flex;gap:var(--space-md);padding:var(--space-md);background:#0000004d;border:1px solid #333;border-radius:8px;transition:all .3s ease}.timeline-feature-item:hover{border-color:var(--neon-green);background:#00ff880d}.feature-icon-box{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:8px;font-size:1.5rem;flex-shrink:0}.feature-text h4{color:#fff;font-size:.95rem;margin-bottom:var(--space-xs)}.feature-text p{font-size:.85rem;color:#888;line-height:1.4}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-md)}.overlay-hud{display:flex;justify-content:space-between;align-items:flex-start}.hud-element{background:#0009;border:1px solid rgba(0,240,255,.3);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.7rem;color:var(--neon-cyan)}.overlay-alerts{display:flex;flex-direction:column;gap:var(--space-sm)}.alert-item{display:flex;align-items:center;gap:var(--space-sm);background:#ff0044e6;padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:#fff;animation:alert-pulse 1s ease-in-out infinite}.alert-item.warning{background:#ff6b00e6}.alert-item.info{background:#00f0ffe6;color:var(--void-black)}@keyframes alert-pulse{0%,to{opacity:1}50%{opacity:.8}}.showcase-alerts{display:flex;flex-direction:column;gap:var(--space-md)}.showcase-alert-card{background:var(--charcoal);border:1px solid #333;padding:var(--space-lg);position:relative;transition:all .3s ease}.showcase-alert-card:hover{border-color:var(--neon-cyan)}.alert-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.alert-type{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;background:var(--neon-cyan);color:var(--void-black)}.alert-type.danger{background:var(--neon-red);color:#fff}.alert-type.warning{background:var(--neon-orange);color:var(--void-black)}.alert-trigger{font-family:var(--font-display);font-size:1rem;color:#fff;text-transform:uppercase}.alert-description{color:#888;font-size:.9rem;margin-bottom:var(--space-sm)}.alert-action{font-family:var(--font-mono);font-size:.8rem;color:var(--neon-green)}.how-it-works{padding:var(--space-2xl) var(--space-lg);background:var(--midnight)}.how-header{text-align:center;margin-bottom:var(--space-2xl)}.how-header .section-label{color:var(--neon-yellow)}.steps-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xl);position:relative}.steps-container:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--neon-cyan),var(--neon-magenta),var(--neon-orange))}@media(max-width:600px){.steps-container:before{display:none}}.step{display:flex;gap:var(--space-xl);align-items:flex-start}@media(max-width:600px){.step{flex-direction:column;gap:var(--space-md)}}.step-number{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--charcoal);border:2px solid var(--neon-cyan);font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--neon-cyan);flex-shrink:0;position:relative;z-index:10}.step:nth-child(2) .step-number{border-color:var(--neon-magenta);color:var(--neon-magenta)}.step:nth-child(3) .step-number{border-color:var(--neon-orange);color:var(--neon-orange)}.step:nth-child(4) .step-number{border-color:var(--neon-green);color:var(--neon-green)}.step-content{flex:1;padding-top:var(--space-sm)}.step-content h3{color:#fff;margin-bottom:var(--space-sm)}.step-content p{color:#888}.navi{padding:var(--space-2xl) var(--space-lg);background:linear-gradient(to bottom,var(--midnight),var(--deep-space));position:relative;overflow:hidden}.navi:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(0,255,136,.05),transparent 70%);pointer-events:none}.navi-header{text-align:center;margin-bottom:var(--space-2xl)}.navi-header .section-label{color:var(--neon-green)}.navi-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);max-width:1200px;margin:0 auto;align-items:center}@media(max-width:900px){.navi-content{grid-template-columns:1fr}}.navi-visual{display:flex;justify-content:center;align-items:center}.navi-orb{width:250px;height:250px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--neon-green),var(--neon-cyan));position:relative;animation:navi-float 3s ease-in-out infinite;box-shadow:0 0 60px #00ff8880,0 0 120px #00f0ff4d,inset 0 0 60px #fff3}@keyframes navi-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.navi-orb:before{content:"";position:absolute;top:20%;left:25%;width:30%;height:20%;background:#fff6;border-radius:50%;filter:blur(10px)}.navi-orb:after{content:"HEY! LISTEN!";position:absolute;top:-60px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:.8rem;color:var(--neon-green);white-space:nowrap;text-shadow:0 0 10px var(--neon-green);animation:navi-speak 2s ease-in-out infinite}@keyframes navi-speak{0%,70%,to{opacity:0;transform:translate(-50%) translateY(10px)}80%,95%{opacity:1;transform:translate(-50%) translateY(0)}}.navi-features{display:flex;flex-direction:column;gap:var(--space-lg)}.navi-feature{display:flex;gap:var(--space-md);align-items:flex-start}.navi-feature-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:var(--neon-green);font-size:1.5rem;flex-shrink:0}.navi-feature h4{color:#fff;font-family:var(--font-display);font-size:1rem;margin-bottom:var(--space-xs);text-transform:uppercase}.navi-feature p{color:#888;font-size:.9rem}.navi-example{background:var(--charcoal);border:1px solid rgba(0,255,136,.3);padding:var(--space-md);margin-top:var(--space-sm);font-family:var(--font-mono);font-size:.8rem}.navi-example-label{color:var(--neon-green);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs);display:block}.navi-example-text{color:#ccc}.cta-section{padding:var(--space-2xl) var(--space-lg);background:var(--deep-space);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 80%,rgba(0,240,255,.1),transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,0,255,.1),transparent 50%)}.cta-content{position:relative;z-index:10;max-width:800px;margin:0 auto}.coming-soon-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:#ff6b0026;border:1px solid var(--neon-orange);border-radius:100px;font-family:var(--font-display);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--neon-orange);margin-bottom:var(--space-lg);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 15px #ff6b004d}50%{box-shadow:0 0 30px #ff6b0080}}.coming-soon-icon{font-size:1.2rem}.cta-title{color:#fff;margin-bottom:var(--space-md)}.cta-subtitle{color:#888;margin-bottom:var(--space-xl);font-size:1.2rem}.subscribe-form{margin-bottom:var(--space-xl)}.subscribe-input-wrapper{display:flex;gap:0;max-width:500px;margin:0 auto var(--space-md)}.subscribe-input{flex:1;padding:var(--space-md) var(--space-lg);background:var(--charcoal);border:1px solid #333;border-right:none;color:#fff;font-family:var(--font-body);font-size:1rem;outline:none;transition:all .3s ease}.subscribe-input::placeholder{color:#666}.subscribe-input:focus{border-color:var(--neon-cyan);box-shadow:inset 0 0 20px #00f0ff1a}.subscribe-btn{padding:var(--space-md) var(--space-xl);background:var(--gradient-aura);border:none;color:var(--void-black);font-family:var(--font-display);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;white-space:nowrap}.subscribe-btn:hover{box-shadow:0 0 30px #00f0ff80,0 0 60px #ff00ff4d;transform:translate(2px)}.subscribe-privacy{font-family:var(--font-mono);font-size:.75rem;color:#555}.signup-counter{margin-top:var(--space-xl);padding:var(--space-lg);background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:12px;text-align:center}.counter-number{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--neon-green);text-shadow:0 0 20px rgba(0,255,136,.5);line-height:1}.counter-text{font-family:var(--font-mono);font-size:.85rem;color:#aaa;margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:.1em}.counter-share{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.1)}.counter-share>span{font-size:.8rem;color:#666;display:block;margin-bottom:var(--space-sm)}.share-buttons{display:flex;justify-content:center;gap:var(--space-sm)}.share-btn{padding:.4rem .8rem;font-family:var(--font-mono);font-size:.75rem;border:1px solid #444;border-radius:4px;background:#0006;color:#aaa;cursor:pointer;transition:all .2s ease;text-decoration:none}.share-btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00f0ff1a}.share-btn.twitter:hover{border-color:#1da1f2;color:#1da1f2}.share-btn.reddit:hover{border-color:#ff4500;color:#ff4500}.share-btn.copy:hover{border-color:var(--neon-green);color:var(--neon-green)}.subscribe-message{font-family:var(--font-mono);font-size:.85rem;padding:var(--space-sm) var(--space-md);border-radius:4px}.subscribe-message.success{color:var(--neon-green);background:#00ff881a;border:1px solid rgba(0,255,136,.3)}.subscribe-message.error{color:var(--neon-red);background:#ff00441a;border:1px solid rgba(255,0,68,.3)}.subscribe-btn:disabled{opacity:.7;cursor:not-allowed}.subscribe-input:disabled{opacity:.7;cursor:not-allowed}.cta-disclaimer{margin-top:var(--space-lg)}.disclaimer-box{display:inline-flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#ffc8000d;border:1px solid rgba(255,200,0,.3);border-radius:4px;text-align:left;max-width:600px}.disclaimer-icon{font-size:1.2rem;flex-shrink:0}.disclaimer-box p{font-size:.85rem;color:#999;line-height:1.5}.disclaimer-box strong{color:#ccc}.hero-coming-soon{margin-top:var(--space-lg);opacity:0;animation:fade-up .8s ease-out 1s forwards}.coming-tag{display:inline-block;padding:var(--space-xs) var(--space-md);background:#ff6b001a;border:1px solid rgba(255,107,0,.4);border-radius:4px;font-family:var(--font-mono);font-size:.8rem;color:var(--neon-orange);letter-spacing:.1em}@media(max-width:600px){.subscribe-input-wrapper{flex-direction:column}.subscribe-input{border-right:1px solid #333;border-bottom:none}.subscribe-input:focus{border-color:var(--neon-cyan)}.disclaimer-box{flex-direction:column;text-align:center;align-items:center}}.footer{padding:var(--space-xl) var(--space-lg);background:var(--void-black);border-top:1px solid #222}.footer-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.footer-logo{font-family:var(--font-display);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#666}.footer-links{display:flex;gap:var(--space-lg);list-style:none}.footer-links a{font-family:var(--font-mono);font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.1em}.footer-links a:hover{color:var(--neon-cyan)}.footer-copy{font-family:var(--font-mono);font-size:.7rem;color:#444}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{animation:glitch-1 2s infinite linear alternate-reverse;color:var(--neon-cyan);z-index:-1}.glitch:after{animation:glitch-2 3s infinite linear alternate-reverse;color:var(--neon-magenta);z-index:-2}@keyframes glitch-1{0%,90%,to{clip-path:inset(0 0 0 0);transform:translate(0)}92%{clip-path:inset(40% 0 30% 0);transform:translate(-5px,2px)}94%{clip-path:inset(10% 0 60% 0);transform:translate(5px,-2px)}96%{clip-path:inset(70% 0 10% 0);transform:translate(-3px,1px)}98%{clip-path:inset(20% 0 50% 0);transform:translate(3px,-1px)}}@keyframes glitch-2{0%,90%,to{clip-path:inset(0 0 0 0);transform:translate(0)}91%{clip-path:inset(30% 0 40% 0);transform:translate(4px,-2px)}93%{clip-path:inset(60% 0 20% 0);transform:translate(-4px,2px)}95%{clip-path:inset(15% 0 55% 0);transform:translate(2px,-1px)}97%{clip-path:inset(50% 0 30% 0);transform:translate(-2px,1px)}}@media(max-width:768px){.nav-links{display:none}.hero-cta-group{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}}.pricing-page{min-height:100vh}.pricing-hero{padding:calc(var(--space-2xl) + 80px) var(--space-lg) var(--space-xl);text-align:center;background:linear-gradient(to bottom,var(--void-black),var(--deep-space));position:relative}.pricing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(0,240,255,.08),transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(255,0,255,.08),transparent 50%)}.pricing-title{font-size:clamp(2rem,6vw,4rem);color:#fff;margin-bottom:var(--space-md);position:relative}.pricing-subtitle{font-size:1.2rem;color:#888;max-width:600px;margin:0 auto;position:relative}.models-section{padding:var(--space-2xl) var(--space-lg);background:var(--deep-space)}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-header h2{color:#fff;margin-bottom:var(--space-sm)}.section-header p{color:#666;max-width:500px;margin:0 auto}.models-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg);max-width:1400px;margin:0 auto}.model-card{background:var(--charcoal);border:1px solid #333;padding:var(--space-xl);position:relative;cursor:pointer;transition:all .3s ease}.model-card:hover{border-color:#555;transform:translateY(-4px)}.model-card.selected{border-color:var(--neon-cyan);box-shadow:0 0 30px #00f0ff33}.model-card.recommended:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-aura)}.model-badge{position:absolute;top:var(--space-md);right:var(--space-md);padding:4px 12px;font-family:var(--font-mono);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:2px}.badge-green{background:var(--neon-green);color:var(--void-black)}.badge-cyan{background:var(--neon-cyan);color:var(--void-black)}.badge-magenta{background:var(--neon-magenta);color:#fff}.badge-orange{background:var(--neon-orange);color:var(--void-black)}.model-header{margin-bottom:var(--space-md)}.model-header h3{color:#fff;font-size:1.3rem;margin-bottom:var(--space-xs)}.model-provider{font-family:var(--font-mono);font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.1em}.model-description{color:#888;font-size:.9rem;margin-bottom:var(--space-lg);min-height:60px}.model-stats{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);background:#0000004d;border-radius:4px}.model-stats .stat{display:flex;justify-content:space-between;align-items:center}.stat-label{font-family:var(--font-mono);font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-family:var(--font-display);font-size:1rem;color:var(--neon-cyan);font-weight:600}.accuracy-bar{display:flex;align-items:center;gap:var(--space-sm);flex:1;max-width:150px}.accuracy-bar>div{flex:1;height:6px;background:#333;border-radius:3px;overflow:hidden}.accuracy-fill{height:100%;background:var(--gradient-aura);border-radius:3px;transition:width .5s ease}.accuracy-bar span{font-family:var(--font-mono);font-size:.8rem;color:var(--neon-green)}.model-features{list-style:none;margin-bottom:var(--space-lg)}.model-features li{font-size:.85rem;color:#888;padding:var(--space-xs) 0;padding-left:var(--space-md);position:relative}.model-features li:before{content:"→";position:absolute;left:0;color:var(--neon-cyan)}.model-select-btn{width:100%;padding:var(--space-md);background:transparent;border:1px solid #444;color:#888;font-family:var(--font-display);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.model-select-btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.model-select-btn.selected{background:var(--neon-cyan);border-color:var(--neon-cyan);color:var(--void-black)}.calculator-section{padding:var(--space-2xl) var(--space-lg);background:var(--midnight)}.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);max-width:1400px;margin:0 auto}@media(max-width:1000px){.calculator-layout{grid-template-columns:1fr}}.calculator-config{display:flex;flex-direction:column;gap:var(--space-lg)}.config-section{background:var(--charcoal);border:1px solid #333;padding:var(--space-lg)}.config-section h3{color:#fff;font-size:1rem;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid #333}.slider-group{margin-bottom:var(--space-lg)}.slider-group label{display:flex;justify-content:space-between;margin-bottom:var(--space-sm);font-size:.9rem;color:#888}.slider-value{color:var(--neon-cyan);font-family:var(--font-mono);font-weight:600}.slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:3px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--neon-cyan);border-radius:50%;cursor:pointer;box-shadow:0 0 10px var(--neon-cyan)}.slider::-moz-range-thumb{width:20px;height:20px;background:var(--neon-cyan);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 10px var(--neon-cyan)}.schedule-summary{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);color:var(--neon-cyan);font-family:var(--font-mono);font-size:.9rem}.summary-icon{font-size:1.2rem}.feature-categories{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.category-btn{padding:var(--space-xs) var(--space-md);background:transparent;border:1px solid #444;color:#888;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.category-btn:hover{border-color:#666;color:#fff}.category-btn.survival:hover{border-color:var(--neon-red);color:var(--neon-red)}.category-btn.combat:hover{border-color:var(--neon-orange);color:var(--neon-orange)}.category-btn.awareness:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.features-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:400px;overflow-y:auto}.feature-toggle{padding:var(--space-md);background:#0000004d;border:1px solid #333;cursor:pointer;transition:all .2s ease}.feature-toggle:hover{border-color:#555}.feature-toggle.enabled{border-color:var(--neon-green);background:#00ff880d}.feature-toggle-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.toggle-indicator{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid #555;border-radius:3px;font-size:.8rem;color:#555}.feature-toggle.enabled .toggle-indicator{border-color:var(--neon-green);background:var(--neon-green);color:var(--void-black)}.feature-name{flex:1;font-size:.9rem;color:#fff}.feature-category{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:2px}.cat-survival{background:#f043;color:var(--neon-red)}.cat-combat{background:#ff6b0033;color:var(--neon-orange)}.cat-awareness{background:#00f0ff33;color:var(--neon-cyan)}.cat-advanced{background:#f0f3;color:var(--neon-magenta)}.feature-desc{font-size:.8rem;color:#666;margin-left:28px}.feature-fps{display:block;margin-left:28px;margin-top:var(--space-xs);font-family:var(--font-mono);font-size:.7rem;color:#555}.calculator-results{display:flex;flex-direction:column;gap:var(--space-lg)}.results-card{background:linear-gradient(135deg,var(--charcoal),var(--slate));border:1px solid #444;padding:var(--space-xl);position:sticky;top:100px}.selected-model-display{text-align:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid #333}.selected-model-display .label{font-family:var(--font-mono);font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:var(--space-xs)}.selected-model-display h3{color:var(--neon-cyan);font-size:1.5rem;margin-bottom:var(--space-xs)}.selected-model-display .provider{font-family:var(--font-mono);font-size:.8rem;color:#666}.results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.result-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-md);background:#0000004d;border-radius:4px}.stat-icon{font-size:1.5rem;margin-bottom:var(--space-sm)}.stat-content{display:flex;flex-direction:column}.result-stat .stat-label{font-size:.65rem;margin-bottom:var(--space-xs)}.result-stat .stat-value{font-size:1.1rem}.cost-breakdown{margin-bottom:var(--space-lg)}.cost-breakdown h4{color:#fff;font-size:.9rem;margin-bottom:var(--space-md)}.cost-row{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid #333;font-size:.9rem;color:#888}.cost-value{font-family:var(--font-mono);color:#fff}.cost-row.monthly{color:#fff;font-weight:600}.cost-row.monthly .cost-value{color:var(--neon-cyan);font-size:1.2rem}.cost-row.yearly{border-bottom:none}.cost-row.yearly .cost-value{color:var(--neon-green)}.cost-comparison{padding:var(--space-md);background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);margin-bottom:var(--space-lg);text-align:center}.comparison-note{font-size:.9rem;color:#888}.comparison-note strong{color:var(--neon-cyan)}.local-note{font-size:.8rem;color:#666;margin-top:var(--space-xs)}.local-note strong{color:var(--neon-green)}.insight-explainer{display:flex;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg,#00f0ff1a,#ff00ff1a);border:1px solid rgba(0,240,255,.3);margin-bottom:var(--space-xl);max-width:1400px;margin-left:auto;margin-right:auto}.explainer-icon{font-size:2rem;line-height:1}.explainer-content h4{color:var(--neon-cyan);font-size:1rem;margin-bottom:var(--space-xs)}.explainer-content p{font-size:.9rem;color:#aaa;line-height:1.5}.explainer-content strong{color:var(--neon-magenta)}.tier-selector{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.tier-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:transparent;border:1px solid #444;cursor:pointer;transition:all .2s ease}.tier-btn:hover{border-color:#666}.tier-btn.active{border-color:var(--neon-cyan);background:#00f0ff1a}.tier-name{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:#fff}.tier-btn.active .tier-name{color:var(--neon-cyan)}.tier-price-small{font-family:var(--font-mono);font-size:.75rem;color:#666}.tier-btn.active .tier-price-small{color:var(--neon-cyan)}.local-features-list{background:#00ff880d;border:1px solid rgba(0,255,136,.2);padding:var(--space-md)}.local-features-list h5{font-size:.75rem;font-family:var(--font-mono);color:var(--neon-green);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.local-feature{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:.85rem}.local-feature.available{color:#aaa}.local-feature.unavailable{color:#555;text-decoration:line-through}.local-feature-icon{width:18px;text-align:center;font-size:.8rem}.local-feature.available .local-feature-icon{color:var(--neon-green)}.local-feature.unavailable .local-feature-icon{color:var(--neon-red)}.hailo-badge{font-family:var(--font-mono);font-size:.6rem;background:#f0f3;color:var(--neon-magenta);padding:1px 4px;border-radius:2px;margin-left:auto}.config-hint{font-size:.8rem;color:#666;margin-bottom:var(--space-md)}.category-btn.strategy:hover{border-color:var(--neon-magenta);color:var(--neon-magenta)}.category-btn.learning:hover{border-color:var(--neon-green);color:var(--neon-green)}.triggers-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:450px;overflow-y:auto}.trigger-toggle{padding:var(--space-md);background:#0000004d;border:1px solid #333;cursor:pointer;transition:all .2s ease}.trigger-toggle:hover{border-color:#555}.trigger-toggle.enabled{border-color:var(--neon-magenta);background:#ff00ff0d}.trigger-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.trigger-toggle.enabled .toggle-indicator{border-color:var(--neon-magenta);background:var(--neon-magenta);color:var(--void-black)}.trigger-name{flex:1;font-size:.9rem;color:#fff}.trigger-category{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:2px}.cat-strategy{background:#f0f3;color:var(--neon-magenta)}.cat-learning{background:#0f83;color:var(--neon-green)}.trigger-desc{font-size:.8rem;color:#666;margin-left:28px;margin-bottom:var(--space-xs)}.trigger-meta{display:flex;align-items:center;gap:var(--space-md);margin-left:28px}.trigger-rate{font-family:var(--font-mono);font-size:.7rem;color:var(--neon-cyan);background:#00f0ff1a;padding:2px 6px;border-radius:2px}.trigger-example{font-size:.7rem;color:#555;font-style:italic;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-cta{text-align:center}.results-cta .cta-note{margin-top:var(--space-sm);font-size:.75rem;color:#666}.comparison-table-card{background:var(--charcoal);border:1px solid #333;padding:var(--space-lg)}.comparison-table-card h4{color:#fff;font-size:.9rem;margin-bottom:var(--space-md)}.comparison-table{display:flex;flex-direction:column}.comparison-header{display:grid;grid-template-columns:2fr 1fr 1fr;padding:var(--space-sm);font-family:var(--font-mono);font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #333}.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr;padding:var(--space-sm);border-bottom:1px solid #222;cursor:pointer;transition:all .2s ease}.comparison-row:hover{background:#00f0ff0d}.comparison-row.selected{background:#00f0ff1a;border-color:var(--neon-cyan)}.model-name-cell{font-size:.85rem;color:#fff;display:flex;align-items:center;gap:var(--space-sm)}.model-name-cell .check{color:var(--neon-green)}.cost-cell{font-family:var(--font-mono);font-size:.85rem;color:var(--neon-cyan)}.accuracy-cell{font-family:var(--font-mono);font-size:.85rem;color:var(--neon-green)}.faq-section{padding:var(--space-2xl) var(--space-lg);background:var(--deep-space)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-lg);max-width:1200px;margin:0 auto}.faq-item{background:var(--charcoal);border:1px solid #333;padding:var(--space-lg)}.faq-item h4{color:#fff;font-size:1rem;margin-bottom:var(--space-md)}.faq-item p{color:#888;font-size:.9rem;line-height:1.6}.pricing-cta{padding:var(--space-2xl) var(--space-lg);background:linear-gradient(to bottom,var(--deep-space),var(--void-black));text-align:center}.pricing-cta h2{color:#fff;margin-bottom:var(--space-md)}.pricing-cta p{color:#888;margin-bottom:var(--space-lg)}.tell-me-when{padding:var(--space-2xl) var(--space-lg);background:linear-gradient(to bottom,var(--midnight),var(--deep-space));position:relative}.tell-me-when:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-magenta),transparent)}.tmw-header{text-align:center;margin-bottom:var(--space-2xl)}.tmw-header .section-label{color:var(--neon-magenta)}.tmw-content{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-2xl);max-width:1400px;margin:0 auto;align-items:center}@media(max-width:1000px){.tmw-content{grid-template-columns:1fr}}.tmw-node-editor{background:linear-gradient(135deg,#1a1a2e,#0d0d1a);border:1px solid #333;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #ff00ff1a}.node-editor-header{background:#0006;padding:var(--space-md) var(--space-lg);border-bottom:1px solid #333;text-align:center}.editor-title{font-family:var(--font-display);font-size:1.2rem;color:#fff;display:block}.editor-subtitle{font-family:var(--font-mono);font-size:.7rem;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.2em}.node-editor-canvas{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-lg);padding:var(--space-xl);min-height:300px}.node-column{display:flex;flex-direction:column;gap:var(--space-md)}.column-label{font-family:var(--font-mono);font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-xs)}.triggers-column .column-label{color:var(--neon-magenta)}.logic-column .column-label{color:var(--neon-cyan)}.actions-column .column-label{color:var(--neon-green)}.node{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#00000080;border:1px solid #444;border-radius:6px;font-size:.8rem;position:relative;transition:all .2s ease}.node:hover{border-color:#666;transform:translateY(-1px)}.trigger-node{border-left:3px solid var(--neon-magenta)}.logic-node{border-color:var(--neon-cyan);justify-content:center;background:#00f0ff1a}.logic-node .node-text{font-family:var(--font-mono);font-weight:600;color:var(--neon-cyan)}.action-node{border-right:3px solid var(--neon-green)}.node-icon{font-size:.9rem}.node-text{flex:1;color:#ccc;white-space:nowrap}.node-port{width:10px;height:10px;border-radius:50%;background:#333;border:2px solid #666;position:absolute}.node-port.output{right:-6px}.node-port.input{left:-6px}.trigger-node .node-port{border-color:var(--neon-magenta)}.logic-node .node-port{border-color:var(--neon-cyan)}.action-node .node-port{border-color:var(--neon-green)}.node-connections{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.connection-line{fill:none;stroke:#444;stroke-width:2;opacity:.6}.connection-line.active{stroke:var(--neon-cyan);opacity:1;filter:drop-shadow(0 0 4px var(--neon-cyan))}@media(max-width:600px){.node-editor-canvas{grid-template-columns:1fr;gap:var(--space-xl)}.node-connections,.node-port{display:none}}.tmw-features{display:flex;flex-direction:column;gap:var(--space-lg)}.tmw-feature{display:flex;gap:var(--space-md);align-items:flex-start}.tmw-feature-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ff00ff1a;border:1px solid rgba(255,0,255,.3);color:var(--neon-magenta);font-size:1.5rem;flex-shrink:0}.tmw-feature-content h4{color:#fff;font-family:var(--font-display);font-size:1rem;margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.tmw-feature-content p{color:#888;font-size:.9rem}.combat-log{padding:var(--space-2xl) var(--space-lg);background:var(--deep-space);position:relative}.combat-log:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-green),transparent)}.combat-log-header{text-align:center;margin-bottom:var(--space-xl)}.combat-log-header .section-label{color:var(--neon-green)}.combat-log-diagram{margin:0 auto var(--space-xl);padding:var(--space-xl);background:linear-gradient(135deg,var(--charcoal),var(--midnight));border:1px solid #333;border-radius:8px;box-shadow:0 10px 40px #0006}.flow-diagram{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-md);width:100%;align-items:stretch}.flow-diagram .flow-node.pc-node{justify-self:stretch;width:100%}.flow-diagram .flow-connections{align-self:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;padding:var(--space-md)}.flow-diagram .flow-node.navi-node{justify-self:stretch;width:100%}.output-section{display:flex;flex-direction:column;align-items:center;margin-top:var(--space-lg);width:100%}.output-section .output-arrow-down{font-size:1.5rem;color:var(--neon-orange);margin-bottom:var(--space-sm)}.output-section .output-node{max-width:320px;width:100%}@media(max-width:900px){.flow-diagram{grid-template-columns:1fr;gap:var(--space-md)}.flow-diagram .flow-node.pc-node,.flow-diagram .flow-node.navi-node{justify-self:center;width:100%;max-width:320px}.flow-diagram .flow-connections{justify-self:center}}.combat-log-diagram .flow-node{padding:var(--space-lg);background:var(--deep-space);border:1px solid #444;border-radius:8px;text-align:center;width:100%;box-sizing:border-box}.pc-node{border-color:var(--neon-cyan);box-shadow:0 0 20px #00f0ff26}.node-icon-large{font-size:3rem;margin-bottom:var(--space-sm)}.node-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}.pc-node .node-title{color:var(--neon-cyan)}.node-detail{font-family:var(--font-mono);font-size:.75rem;color:#666;margin-bottom:var(--space-md)}.data-output{background:#0006;padding:var(--space-sm) var(--space-md);border-radius:4px;margin-top:var(--space-sm)}.output-label{display:block;font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.output-file{font-family:var(--font-mono);font-size:.8rem;color:var(--neon-green);background:#00ff881a;padding:2px 8px;border-radius:3px}.flow-connections{display:flex;flex-direction:column;gap:var(--space-md);padding:0 var(--space-sm)}.connection{display:flex;align-items:center;gap:var(--space-sm)}.connection-line{width:40px;height:2px;position:relative}.hdmi-connection .connection-line{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta))}.wifi-connection .connection-line{background:linear-gradient(90deg,var(--neon-green),var(--neon-cyan));height:2px;background-size:8px 2px;animation:dash-flow .5s linear infinite}@keyframes dash-flow{0%{background-position:0 0}to{background-position:8px 0}}.connection-label{font-family:var(--font-mono);font-size:.65rem;color:#888;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.connection-arrow{font-size:1.2rem;color:var(--neon-cyan)}.wifi-connection .connection-arrow{color:var(--neon-green)}.navi-node{border-color:var(--neon-green);box-shadow:0 0 30px #0f83;background:linear-gradient(135deg,rgba(0,255,136,.05),var(--deep-space));min-width:200px}.navi-device-visual{width:80px;height:60px;margin:0 auto var(--space-sm);background:linear-gradient(145deg,#2d5a2d,#1a3a1a);border:2px solid #3d7a3d;border-radius:6px;position:relative;box-shadow:inset 0 2px 4px #ffffff1a,0 4px 15px #0006}.navi-chip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:linear-gradient(135deg,#333,#111);border:1px solid #444;border-radius:2px}.navi-led{position:absolute;top:8px;right:8px;width:6px;height:6px;background:var(--neon-green);border-radius:50%;animation:led-blink 1.5s ease-in-out infinite;box-shadow:0 0 8px var(--neon-green)}@keyframes led-blink{0%,to{opacity:1}50%{opacity:.4}}.navi-title{color:var(--neon-green)!important;text-shadow:0 0 10px rgba(0,255,136,.5)}.processing-items{display:flex;flex-direction:column;gap:4px;margin-top:var(--space-sm)}.process-item{font-family:var(--font-mono);font-size:.7rem;color:#888;background:#00ff881a;padding:4px 8px;border-radius:3px;border-left:2px solid var(--neon-green)}.cloud-ai-connection{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed #333;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.cloud-arrow{font-size:1.2rem;color:var(--neon-magenta);animation:cloud-pulse 1.5s ease-in-out infinite}@keyframes cloud-pulse{0%,to{opacity:.5}50%{opacity:1}}.cloud-providers{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.provider-badge{font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:2px;border:1px solid}.provider-badge.anthropic{color:#d4a574;border-color:#d4a574;background:#d4a5741a}.provider-badge.openai{color:#74aa9c;border-color:#74aa9c;background:#74aa9c1a}.provider-badge.gemini{color:#8b9dc3;border-color:#8b9dc3;background:#8b9dc31a}.cloud-label{font-family:var(--font-mono);font-size:.6rem;color:#555;text-transform:uppercase;letter-spacing:.1em}.output-arrow-down{font-size:2.5rem;color:var(--neon-orange);animation:pulse-arrow-down 1s ease-in-out infinite;line-height:1}@keyframes pulse-arrow-down{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}.flow-outputs{padding:0 var(--space-sm)}.output-arrow{font-size:2rem;color:var(--neon-orange);animation:pulse-arrow 1s ease-in-out infinite}@keyframes pulse-arrow{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}.output-node{border-color:var(--neon-orange);box-shadow:0 0 20px #ff6b0026;display:flex;flex-direction:column;gap:var(--space-sm);min-width:160px}.output-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ff6b001a;border-radius:4px;font-size:.85rem;color:#ccc}.output-icon{font-size:1.1rem}.combat-log-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg);max-width:1000px;margin:0 auto var(--space-xl)}.log-feature{text-align:center;padding:var(--space-lg);background:var(--charcoal);border:1px solid #333;transition:all .3s ease}.log-feature:hover{border-color:var(--neon-green);transform:translateY(-4px)}.log-feature-icon{font-size:2rem;display:block;margin-bottom:var(--space-sm)}.log-feature h4{color:#fff;font-family:var(--font-display);font-size:.9rem;margin-bottom:var(--space-xs);text-transform:uppercase}.log-feature p{color:#888;font-size:.85rem}.combat-log-note{display:flex;align-items:flex-start;gap:var(--space-md);max-width:800px;margin:0 auto;padding:var(--space-lg);background:#00ff880d;border:1px solid rgba(0,255,136,.3);border-radius:4px}.combat-log-note .note-icon{font-size:1.5rem;flex-shrink:0}.combat-log-note p{color:#aaa;font-size:.9rem}.combat-log-note strong{color:var(--neon-green)}.aura-library{padding:var(--space-2xl) var(--space-lg);background:linear-gradient(to bottom,var(--deep-space),var(--midnight))}.library-header{text-align:center;margin-bottom:var(--space-2xl)}.library-header .section-label{color:var(--neon-cyan)}.import-export-demo{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);max-width:1000px;margin:0 auto var(--space-2xl);padding:var(--space-xl);background:var(--charcoal);border:1px solid #333;border-radius:8px}@media(max-width:700px){.import-export-demo{grid-template-columns:1fr}}.import-section h4,.export-section h4{font-family:var(--font-display);font-size:.85rem;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md)}.import-input-group{display:flex;gap:0}.import-input{flex:1;padding:var(--space-md);background:var(--deep-space);border:1px solid #444;border-right:none;color:#666;font-family:var(--font-mono);font-size:.85rem;outline:none}.import-input:focus{border-color:var(--neon-cyan)}.import-btn{padding:var(--space-md) var(--space-lg);background:var(--neon-cyan);border:1px solid var(--neon-cyan);color:var(--void-black);font-family:var(--font-display);font-size:.8rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.import-btn:hover{box-shadow:0 0 20px #00f0ff66}.export-string-box{display:flex;gap:0;margin-bottom:var(--space-sm)}.export-string{flex:1;padding:var(--space-md);background:var(--deep-space);border:1px solid #444;border-right:none;color:var(--neon-magenta);font-family:var(--font-mono);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{padding:var(--space-md) var(--space-lg);background:transparent;border:1px solid var(--neon-magenta);color:var(--neon-magenta);font-family:var(--font-display);font-size:.8rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:var(--neon-magenta);color:var(--void-black)}.export-note{font-size:.75rem;color:#666;font-style:italic}.library-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);max-width:1400px;margin:0 auto var(--space-xl)}.library-game-card{background:var(--charcoal);border:1px solid #333;overflow:hidden;transition:all .3s ease}.library-game-card:hover{border-color:#555;transform:translateY(-4px)}.library-game-card-link{text-decoration:none;display:block}.library-game-card-link .library-game-card{cursor:pointer;transition:all .3s ease}.library-game-card-link:hover .library-game-card{border-color:var(--neon-cyan);box-shadow:0 0 20px #00f0ff1a}.game-card-header{padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);position:relative}.game-card-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.game-card-header.wow:before{background:linear-gradient(90deg,#ff6b00,#ff9500)}.game-card-header.lol:before{background:linear-gradient(90deg,#c89b3c,#0ac8b9)}.game-card-header.valorant:before{background:linear-gradient(90deg,#ff4655,#fd4556)}.game-card-header.ffxiv:before{background:linear-gradient(90deg,#6b4c9a,#c4a7e7)}.game-card-header .game-icon{font-size:1.5rem}.game-card-header h3{flex:1;font-size:1rem;color:#fff}.aura-count{font-family:var(--font-mono);font-size:.7rem;color:var(--neon-cyan);background:#00f0ff1a;padding:4px 10px;border-radius:20px}.aura-count.empty{color:#555;background:#ffffff0d}.game-categories{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:0 var(--space-lg) var(--space-md)}.category-tag{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;background:#ffffff0d;border:1px solid #333;color:#666;border-radius:3px;cursor:pointer;transition:all .2s ease}.category-tag:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00f0ff1a}.game-card-auras{padding:0 var(--space-lg) var(--space-lg)}.game-card-auras.empty-state{opacity:.6}.empty-aura-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid #222}.empty-aura-row:last-of-type{border-bottom:none}.aura-name{font-size:.85rem;color:#ccc}.aura-name.placeholder{color:#333;letter-spacing:.2em}.aura-downloads{font-family:var(--font-mono);font-size:.75rem;color:var(--neon-green)}.aura-downloads.placeholder{color:#444;font-style:italic}.empty-message{text-align:center;padding:var(--space-md) 0;font-size:.8rem;color:#555;font-style:italic}.library-cta{text-align:center}.coming-soon-tag{display:inline-block;padding:var(--space-sm) var(--space-lg);background:#ff6b001a;border:1px solid rgba(255,107,0,.4);border-radius:4px;font-family:var(--font-mono);font-size:.85rem;color:var(--neon-orange);letter-spacing:.1em;text-transform:uppercase}.library-page{min-height:100vh;background:var(--void-black)}.library-nav{position:sticky;top:0;z-index:1000;padding:var(--space-md) var(--space-lg);background:var(--void-black);border-bottom:1px solid #222;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.library-nav-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg)}.library-nav-title{font-family:var(--font-display);font-size:.9rem;color:#888;text-transform:uppercase;letter-spacing:.1em}.library-breadcrumb{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.8rem}.library-breadcrumb a{color:#888}.library-breadcrumb a:hover{color:var(--neon-cyan)}.breadcrumb-sep{color:#444}.library-container{max-width:1400px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.library-header-section{text-align:center;margin-bottom:var(--space-2xl);padding:var(--space-2xl) 0}.library-header-section h1{font-size:clamp(2rem,5vw,3.5rem);color:#fff;margin-bottom:var(--space-md)}.library-header-section p{color:#888;font-size:1.1rem;max-width:600px;margin:0 auto var(--space-xl)}.library-search{display:flex;max-width:500px;margin:0 auto var(--space-xl)}.search-input{flex:1;padding:var(--space-md) var(--space-lg);background:var(--charcoal);border:1px solid #444;border-right:none;color:#fff;font-family:var(--font-body);font-size:1rem;outline:none}.search-input:focus{border-color:var(--neon-cyan)}.search-btn{padding:var(--space-md) var(--space-xl);background:var(--neon-cyan);border:1px solid var(--neon-cyan);color:var(--void-black);font-family:var(--font-display);font-weight:600;text-transform:uppercase;cursor:pointer}.library-stats{display:flex;justify-content:center;gap:var(--space-xl)}.stat-box{text-align:center}.stat-number{display:block;font-family:var(--font-display);font-size:2rem;color:var(--neon-cyan)}.stat-label{font-family:var(--font-mono);font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.1em}.games-grid{margin-bottom:var(--space-2xl)}.games-grid h2{color:#fff;font-size:1.5rem;margin-bottom:var(--space-xl);text-align:center}.game-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.game-card-link{text-decoration:none}.game-card-large{background:var(--charcoal);border:1px solid #333;padding:var(--space-xl);position:relative;transition:all .3s ease;cursor:pointer}.game-card-large:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--game-color);opacity:.5;transition:opacity .3s ease}.game-card-large:hover{border-color:var(--game-color);transform:translateY(-4px);box-shadow:0 10px 40px #0000004d}.game-card-large:hover:before{opacity:1}.game-card-icon{font-size:3rem;margin-bottom:var(--space-md)}.game-card-large h3{color:#fff;font-size:1.3rem;margin-bottom:var(--space-sm)}.game-card-meta{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.aura-count-badge{font-family:var(--font-mono);font-size:.75rem;color:#666;background:#ffffff0d;padding:4px 10px;border-radius:20px}.category-count{font-family:var(--font-mono);font-size:.75rem;color:#555}.game-card-categories{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.cat-pill{font-family:var(--font-mono);font-size:.65rem;padding:3px 8px;background:#ffffff0d;border:1px solid #333;color:#888;border-radius:3px}.cat-pill.more{color:#555}.game-card-arrow{position:absolute;bottom:var(--space-lg);right:var(--space-lg);font-size:1.5rem;color:#444;transition:all .3s ease}.game-card-large:hover .game-card-arrow{color:var(--game-color);transform:translate(5px)}.upload-cta-section{text-align:center;padding:var(--space-2xl) 0}.upload-cta-box{background:linear-gradient(135deg,var(--charcoal),var(--midnight));border:1px solid #333;padding:var(--space-2xl);max-width:600px;margin:0 auto}.upload-icon{font-size:3rem;margin-bottom:var(--space-md)}.upload-cta-box h3{color:#fff;margin-bottom:var(--space-sm)}.upload-cta-box p{color:#888;margin-bottom:var(--space-lg)}.library-footer{padding:var(--space-lg);text-align:center;border-top:1px solid #222;color:#444;font-size:.85rem}.game-header{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-xl);background:linear-gradient(135deg,var(--charcoal),var(--midnight));border:1px solid #333;margin-bottom:var(--space-xl);position:relative}.game-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--game-color)}.game-header-icon{font-size:4rem}.game-header-info h1{color:#fff;font-size:2rem;margin-bottom:var(--space-xs)}.game-header-info p{color:#888}.game-header-stats{margin-left:auto;display:flex;gap:var(--space-xl)}.header-stat{text-align:center}.header-stat-num{display:block;font-family:var(--font-display);font-size:1.5rem;color:var(--game-color)}.header-stat-label{font-family:var(--font-mono);font-size:.7rem;color:#666;text-transform:uppercase}.game-content{display:grid;grid-template-columns:250px 1fr;gap:var(--space-xl)}@media(max-width:900px){.game-content{grid-template-columns:1fr}}.game-sidebar{display:flex;flex-direction:column;gap:var(--space-lg)}.sidebar-section{background:var(--charcoal);border:1px solid #333;padding:var(--space-lg)}.sidebar-section h4{color:#fff;font-size:.9rem;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid #333}.category-list{list-style:none}.category-list li{display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-sm);color:#888;cursor:pointer;transition:all .2s ease;border-radius:4px}.category-list li:hover{background:#00f0ff0d;color:#fff}.category-list li.active{background:#00f0ff1a;color:var(--neon-cyan)}.cat-count{font-family:var(--font-mono);font-size:.75rem;color:#555}.filter-options{display:flex;flex-direction:column;gap:var(--space-sm)}.filter-option{display:flex;align-items:center;gap:var(--space-sm);color:#888;font-size:.85rem;cursor:pointer}.filter-option input{accent-color:var(--neon-cyan)}.aura-list-section{min-height:400px}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.list-title{display:flex;align-items:baseline;gap:var(--space-md)}.list-title h2{color:#fff;font-size:1.3rem}.result-count{font-family:var(--font-mono);font-size:.8rem;color:#555}.sort-select{padding:var(--space-sm) var(--space-md);background:var(--charcoal);border:1px solid #444;color:#fff;font-family:var(--font-body);font-size:.85rem;cursor:pointer}.empty-state-large{text-align:center;padding:var(--space-2xl);background:var(--charcoal);border:1px dashed #333}.empty-icon{font-size:4rem;margin-bottom:var(--space-md);opacity:.5}.empty-state-large h3{color:#fff;margin-bottom:var(--space-sm)}.empty-state-large p{color:#666;margin-bottom:var(--space-lg)}.example-aura-preview{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px dashed #333}.example-aura-preview h4{color:#555;font-size:.8rem;text-transform:uppercase;margin-bottom:var(--space-md)}.preview-note{display:block;text-align:center;margin-top:var(--space-sm);color:#555;font-size:.8rem}.aura-card{background:var(--charcoal);border:1px solid #333;padding:var(--space-lg);cursor:pointer;transition:all .3s ease}.aura-card:hover{border-color:var(--neon-cyan);transform:translateY(-2px)}.aura-card-header{display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.aura-category-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--neon-orange);background:#ff6b001a;padding:2px 8px;border-radius:3px}.aura-version{font-family:var(--font-mono);font-size:.7rem;color:#555}.aura-card-title{color:#fff;font-size:1.1rem;margin-bottom:var(--space-sm)}.aura-card-desc{color:#888;font-size:.9rem;margin-bottom:var(--space-md)}.aura-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.aura-author{font-size:.8rem;color:#666}.aura-stats{display:flex;gap:var(--space-md)}.stat-item{font-family:var(--font-mono);font-size:.8rem;color:#888}.aura-card-tags{display:flex;gap:var(--space-xs)}.aura-tag{font-family:var(--font-mono);font-size:.7rem;color:#555}.aura-detail{max-width:1000px;margin:0 auto}.aura-detail-header{background:var(--charcoal);border:1px solid #333;padding:var(--space-xl);margin-bottom:var(--space-xl)}.aura-detail-title-row{display:flex;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg)}.aura-game-badge{display:inline-block;font-family:var(--font-mono);font-size:.75rem;color:var(--game-color);background:#ffffff0d;padding:4px 12px;border-radius:20px;margin-bottom:var(--space-sm)}.aura-detail-header h1{color:#fff;font-size:1.8rem;margin-bottom:var(--space-sm)}.aura-detail-desc{color:#888;font-size:1rem}.aura-detail-actions{flex-shrink:0}.vote-buttons{display:flex;gap:var(--space-sm)}.vote-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid #444;color:#888;font-family:var(--font-mono);font-size:.9rem;cursor:pointer;transition:all .2s ease}.vote-btn.upvote:hover,.vote-btn.upvote.active{border-color:var(--neon-green);color:var(--neon-green);background:#00ff881a}.vote-btn.downvote:hover,.vote-btn.downvote.active{border-color:var(--neon-red);color:var(--neon-red);background:#ff00441a}.aura-detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-lg);padding:var(--space-md) 0;border-top:1px solid #333;border-bottom:1px solid #333;margin-bottom:var(--space-md)}.meta-item{font-size:.85rem;color:#888}.meta-item strong{color:#aaa}.aura-tags-row{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.aura-tag-large{font-family:var(--font-mono);font-size:.8rem;color:var(--neon-cyan);background:#00f0ff1a;padding:4px 12px;border-radius:3px}.export-section-detail{background:var(--charcoal);border:1px solid #333;padding:var(--space-xl);margin-bottom:var(--space-xl)}.export-section-detail h2{color:#fff;font-size:1.2rem;margin-bottom:var(--space-sm)}.export-instructions{color:#888;font-size:.9rem;margin-bottom:var(--space-lg)}.export-box{display:flex;gap:0}.export-code{flex:1;padding:var(--space-md);background:var(--deep-space);border:1px solid #444;border-right:none;color:var(--neon-magenta);font-family:var(--font-mono);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-button{padding:var(--space-md) var(--space-xl);background:var(--neon-magenta);border:1px solid var(--neon-magenta);color:#fff;font-family:var(--font-display);font-size:.85rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease;min-width:100px}.copy-button:hover{box-shadow:0 0 20px #f0f6}.copy-button.copied{background:var(--neon-green);border-color:var(--neon-green);color:var(--void-black)}.config-section{background:var(--charcoal);border:1px solid #333;padding:var(--space-xl);margin-bottom:var(--space-xl)}.config-section h2{color:#fff;font-size:1.2rem;margin-bottom:var(--space-lg)}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.config-card{background:var(--deep-space);border:1px solid #333;padding:var(--space-lg)}.config-card h3{color:#fff;font-size:1rem;margin-bottom:var(--space-xs)}.config-card-desc{color:#666;font-size:.8rem;margin-bottom:var(--space-md)}.triggers-card{border-left:3px solid var(--neon-cyan)}.actions-card{border-left:3px solid var(--neon-orange)}.config-list{list-style:none}.config-item{display:flex;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid #222}.config-item:last-child{border-bottom:none}.config-item-type{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;color:var(--neon-cyan);background:#00f0ff1a;padding:2px 8px;border-radius:3px;flex-shrink:0}.actions-card .config-item-type{color:var(--neon-orange);background:#ff6b001a}.config-item-details{flex:1}.config-condition{display:block;color:#ccc;font-size:.85rem}.config-threshold{display:block;font-family:var(--font-mono);font-size:.75rem;color:#666;margin-top:2px}.logic-section{background:var(--charcoal);border:1px solid #333;padding:var(--space-xl);margin-bottom:var(--space-xl)}.logic-section h2{color:#fff;font-size:1.2rem;margin-bottom:var(--space-lg)}.logic-diagram{display:flex;align-items:center;justify-content:center;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-lg);background:var(--deep-space);border-radius:8px}.logic-node{padding:var(--space-md) var(--space-lg);background:var(--charcoal);border:1px solid #444;border-radius:8px;text-align:center;min-width:180px}.trigger-node{border-color:var(--neon-cyan)}.action-node{border-color:var(--neon-orange)}.repeat-node{border-color:var(--neon-magenta)}.logic-label{display:block;font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.trigger-node .logic-label{color:var(--neon-cyan)}.action-node .logic-label{color:var(--neon-orange)}.repeat-node .logic-label{color:var(--neon-magenta)}.logic-content{color:#ccc;font-size:.85rem}.logic-content small{display:block;color:#666;font-size:.75rem;margin-top:4px}.logic-arrow{font-size:1.5rem;color:#555}.comments-section{background:var(--charcoal);border:1px solid #333;padding:var(--space-xl)}.comments-section h2{color:#fff;font-size:1.2rem;margin-bottom:var(--space-lg)}.comments-placeholder{text-align:center;padding:var(--space-xl);color:#555;border:1px dashed #333}.not-found{text-align:center;padding:var(--space-2xl)}.not-found h2{color:#fff;margin-bottom:var(--space-lg)}.not-found a{color:var(--neon-cyan)}.hardware-section{padding:var(--space-2xl) var(--space-lg);background:linear-gradient(to bottom,var(--void-black),var(--deep-space))}.hardware-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg);max-width:1200px;margin:0 auto var(--space-xl)}.hardware-card{background:var(--charcoal);border:1px solid #333;overflow:hidden;transition:all .3s ease}.hardware-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #0000004d}.hardware-card.recommended{border-color:var(--neon-cyan);box-shadow:0 0 30px #00f0ff26}.hardware-card-header{padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);position:relative}.hardware-card-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.tier-base:before{background:linear-gradient(90deg,#666,#888)}.tier-pro:before{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta))}.tier-ultra:before{background:linear-gradient(90deg,var(--neon-orange),#ff0066)}.tier-badge{font-family:var(--font-display);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff}.tier-base .tier-badge{color:#888}.tier-pro .tier-badge{color:var(--neon-cyan)}.tier-ultra .tier-badge{color:var(--neon-orange)}.recommended-badge{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;color:var(--neon-cyan);background:#00f0ff26;padding:4px 10px;border-radius:20px;border:1px solid rgba(0,240,255,.3)}.tier-4k{font-family:var(--font-display);font-size:.7rem;font-weight:700;color:var(--neon-orange);background:#ff6b0026;padding:4px 10px;border-radius:4px;border:1px solid rgba(255,107,0,.3)}.tier-price{margin-left:auto;text-align:right}.price-amount{display:block;font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:#fff}.price-note{font-family:var(--font-mono);font-size:.7rem;color:#666;text-transform:uppercase}.hardware-card-body{padding:0 var(--space-lg) var(--space-lg)}.tier-resolution{background:var(--deep-space);padding:var(--space-md);margin-bottom:var(--space-lg);text-align:center;border-radius:4px}.res-label{display:block;font-family:var(--font-mono);font-size:.65rem;color:#666;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.res-value{display:block;font-family:var(--font-display);font-size:1.1rem;color:#fff}.res-note{display:block;font-family:var(--font-mono);font-size:.75rem;color:var(--neon-cyan);margin-top:4px}.res-note.limit{color:#888;font-style:italic}.tier-resolution.upgraded{background:linear-gradient(135deg,#ff6b001a,#00f0ff1a);border:1px solid rgba(255,107,0,.3);border-radius:6px;padding:var(--space-md)}.tier-resolution.upgraded .res-value{color:var(--neon-orange)}.tier-resolution.upgraded .res-note{color:var(--neon-cyan);font-style:normal}.spec-item.addon-item{background:#ff6b001a;margin:var(--space-xs) 0;padding:var(--space-sm)!important;border-radius:4px;border-bottom:none!important}.spec-item.addon-item .spec-name,.spec-item.addon-item .spec-price,.tier-ultra .res-note{color:var(--neon-orange)}.tier-specs{margin-bottom:var(--space-lg)}.spec-item{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid #222;font-size:.85rem}.spec-item:last-child{border-bottom:none}.spec-name{color:#aaa}.spec-price{font-family:var(--font-mono);color:#666}.spec-item.highlight .spec-name,.spec-item.highlight .spec-price{color:var(--neon-cyan)}.spec-item.bonus .spec-name{color:var(--neon-green);font-style:italic}.spec-item.bonus .spec-price{color:var(--neon-green)}.tier-features h4{font-family:var(--font-display);font-size:.8rem;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.tier-features ul{list-style:none;margin-bottom:var(--space-lg)}.tier-features li{padding:var(--space-xs) 0;font-size:.85rem;display:flex;align-items:center;gap:var(--space-sm)}.tier-features li:before{font-size:.9rem}.tier-features li.feature-yes{color:#ccc}.tier-features li.feature-yes:before{content:"✓";color:var(--neon-green)}.tier-features li.feature-no{color:#555}.tier-features li.feature-no:before{content:"✗";color:#555}.tier-addon{background:linear-gradient(135deg,#ff6b000d,#ff00ff0d);border:2px dashed rgba(255,107,0,.3);border-radius:6px;padding:var(--space-md);margin-bottom:var(--space-md);cursor:pointer;transition:all .2s ease}.tier-addon:hover{border-color:#ff6b0099;background:linear-gradient(135deg,#ff6b001a,#ff00ff1a)}.tier-addon.selected{border-style:solid;border-color:var(--neon-orange);background:linear-gradient(135deg,#ff6b0026,#ff00ff26);box-shadow:0 0 20px #ff6b0033}.addon-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.addon-checkbox{width:22px;height:22px;border:2px solid rgba(255,107,0,.5);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tier-addon.selected .addon-checkbox{background:var(--neon-orange);border-color:var(--neon-orange)}.checkbox-icon{color:var(--void-black);font-size:.9rem;font-weight:700}.addon-label{flex:1;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#888}.tier-addon.selected .addon-label{color:var(--neon-orange)}.addon-price{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--neon-orange)}.addon-name{display:block;font-family:var(--font-display);font-size:.95rem;font-weight:600;color:#fff;margin-bottom:var(--space-xs);margin-left:30px}.addon-desc{font-size:.8rem;color:#888;line-height:1.4;margin-left:30px}.tier-best-for{background:#ffffff08;padding:var(--space-md);border-radius:4px;font-size:.85rem}.best-for-label{display:block;font-family:var(--font-mono);font-size:.7rem;color:#666;text-transform:uppercase;margin-bottom:var(--space-xs)}.tier-best-for span:last-child{color:#aaa}.architecture-note{display:flex;gap:var(--space-lg);max-width:800px;margin:0 auto;padding:var(--space-lg);background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:8px}.arch-note-icon{font-size:2rem;flex-shrink:0}.arch-note-content h4{color:var(--neon-cyan);font-family:var(--font-display);font-size:1rem;margin-bottom:var(--space-xs)}.arch-note-content p{color:#aaa;font-size:.9rem}.arch-note-content strong{color:#fff}.architecture-modes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}@media(max-width:768px){.architecture-modes{grid-template-columns:1fr}}.arch-mode{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--space-lg);transition:all .3s ease}.arch-mode.audio-mode{border-color:#00f0ff4d}.arch-mode.visual-mode{border-color:#ff88004d;background:#ff88000d}.mode-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.mode-icon{font-size:1.5rem}.mode-header h4{font-family:var(--font-display);font-size:1.2rem;color:#fff;margin:0;flex:1}.mode-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase}.mode-badge.default{background:#00f0ff33;color:var(--neon-cyan)}.mode-badge.ultra{background:#f803;color:var(--neon-orange)}.mode-diagram{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#0000004d;border-radius:8px;margin-bottom:var(--space-md);font-family:var(--font-mono);font-size:.85rem;flex-wrap:nowrap;justify-content:center}.diagram-node{background:#ffffff1a;padding:.3rem .6rem;border-radius:4px;color:#fff;white-space:nowrap;flex-shrink:0}.diagram-node.navi{background:#0f83;color:var(--neon-green);border:1px solid rgba(0,255,136,.3)}.diagram-split{color:var(--neon-cyan);font-size:1.2rem}.diagram-arrow{color:var(--neon-cyan)}.diagram-outputs{display:flex;flex-direction:column;gap:.3rem}.diagram-line{color:#aaa;font-size:.8rem}.mode-desc{color:#aaa;font-size:.9rem;margin-bottom:var(--space-md);line-height:1.5}.mode-desc strong{color:#fff}.mode-features{list-style:none;padding:0;margin:0}.mode-features li{padding:.4rem 0 .4rem 1.5rem;position:relative;font-size:.85rem}.mode-features li:before{position:absolute;left:0;font-size:.9rem}.mode-features .feature-yes:before{content:"✓";color:var(--neon-green)}.mode-features .feature-no:before{content:"✗";color:#f44}.mode-features .feature-warn:before{content:"⚡";color:var(--neon-orange)}.mode-features .feature-warn{color:var(--neon-orange)}.tier-audio{font-size:.65rem;padding:.2rem .4rem;background:#00f0ff26;color:var(--neon-cyan);border-radius:4px;font-weight:600;text-transform:uppercase}.tier-visual{font-size:.65rem;padding:.2rem .4rem;background:#00ff8826;color:var(--neon-green);border-radius:4px;font-weight:600;text-transform:uppercase}.latency-note{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ff88001a;border:1px solid rgba(255,136,0,.2);border-radius:6px;margin-top:var(--space-md)}.latency-icon{font-size:1rem}.latency-text{font-size:.8rem;color:var(--neon-orange);font-family:var(--font-mono)}.mode-badge.pro-ultra{background:#0f83;color:var(--neon-green)}.visual-mode-callout{display:flex;gap:var(--space-sm);padding:var(--space-md);background:linear-gradient(135deg,#ff880026,#ff55001a);border:1px solid rgba(255,136,0,.3);border-radius:8px;margin-top:var(--space-md);margin-bottom:var(--space-md)}.callout-icon{font-size:1.5rem;flex-shrink:0}.callout-content strong{display:block;color:var(--neon-orange);font-family:var(--font-display);font-size:.9rem;margin-bottom:.3rem}.callout-content p{color:#aaa;font-size:.8rem;margin:0}.tier-features .highlight-feature{color:var(--neon-orange)!important;font-weight:600}