: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-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))}.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)}.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}.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)}.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)}