.hero-performance{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:48px;animation:fadeInUp 0.8s ease 0.5s both}.perf-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(0,229,255,0.08);border:1px solid rgba(0,229,255,0.25);border-radius:100px;transition:0.3s cubic-bezier(0.4,0,0.2,1)}.perf-badge:hover{background:rgba(0,229,255,0.12);border-color:rgba(0,229,255,0.4);transform:translateY(-2px)}.perf-icon{font-size:1.2rem}.perf-text{font-family:'Roboto Mono',monospace;font-size:0.8rem;font-weight:600;color:#00e5ff;letter-spacing:0.5px}.badge-text{animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.8;transform:scale(0.98)}}.hero-title .gradient-text{animation:shimmer 3s linear infinite,glitch 8s infinite}@keyframes glitch{0%,90%,100%{transform:translate(0);filter:hue-rotate(0deg)}92%{transform:translate(-2px,1px);filter:hue-rotate(10deg)}94%{transform:translate(2px,-1px);filter:hue-rotate(-10deg)}96%{transform:translate(-1px,2px)}}.stat-number{animation:statPulse 3s ease-in-out infinite}@keyframes statPulse{0%,100%{filter:drop-shadow(0 0 20px rgba(0,229,255,0.4));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(0,229,255,0.7));transform:scale(1.03)}}.btn-primary{position:relative;overflow:hidden}.btn-primary::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);animation:ctaPulse 2s ease-out infinite;pointer-events:none}@keyframes ctaPulse{0%{width:0;height:0;opacity:1}100%{width:300px;height:300px;opacity:0}}.btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 16px 60px rgba(0,229,255,0.7),0 0 100px rgba(139,107,255,0.5)}.hero-scarcity{margin-top:24px;font-family:'Roboto Mono',monospace;font-size:0.9rem;color:rgba(255,255,255,0.4);animation:fadeInUp 0.8s ease 1s both;display:flex;align-items:center;justify-content:center;gap:8px}.hero-scarcity strong{color:#00ff88;font-weight:700}.philosophy-card::after,.tech-card::after{content:'';position:absolute;inset:-2px;border-radius:20px;background:linear-gradient(45deg,transparent 30%,rgba(0,229,255,0.4),rgba(139,107,255,0.4),transparent 70%);background-size:300% 300%;animation:borderGlow 6s ease infinite;opacity:0;z-index:-1;transition:opacity 0.3s}.philosophy-card:hover::after,.tech-card:hover::after{opacity:1}@keyframes borderGlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.philosophy-card:hover{transform:translateY(-8px) rotateX(5deg);box-shadow:0 20px 60px rgba(0,229,255,0.3)}.tech-card:hover{transform:translateY(-8px) scale(1.02) rotateY(2deg);box-shadow:0 20px 60px rgba(0,229,255,0.4)}.card-icon{animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.cascade-dot{animation:dotBreathe 2s ease-in-out infinite}@keyframes dotBreathe{0%,100%{box-shadow:0 0 12px rgba(0,212,255,0.4);transform:scale(1)}50%{box-shadow:0 0 20px rgba(0,212,255,0.8);transform:scale(1.1)}}#confianza{position:relative;overflow:hidden}#confianza::before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,229,255,0.03) 70%,transparent),linear-gradient(90deg,transparent 30%,rgba(0,229,255,0.02) 70%,transparent);background-size:50px 50px,50px 50px;animation:matrixFlow 20s linear infinite;opacity:0.4;pointer-events:none}@keyframes matrixFlow{0%{background-position:0 0,0 0}100%{background-position:0 500px,500px 0}}#vision{position:relative;overflow:hidden}#vision::before{content:'';position:absolute;top:50%;left:50%;width:1000px;height:1000px;transform:translate(-50%,-50%);background:radial-gradient(circle at center,transparent 0%,rgba(139,107,255,0.1) 20%,transparent 40%,rgba(0,229,255,0.08) 60%,transparent 80%);animation:spiralRotate 30s linear infinite;pointer-events:none}#vision::after{content:'';position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(0,229,255,0.03) 5deg,transparent 10deg);animation:spiralPulse 15s ease-in-out infinite;pointer-events:none;opacity:0.5}@keyframes spiralRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spiralPulse{0%,100%{transform:scale(1);opacity:0.3}50%{transform:scale(1.2);opacity:0.6}}#mercados{position:relative;overflow:hidden}#mercados::before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 98%,rgba(0,229,255,0.3) 100%),linear-gradient(0deg,transparent 98%,rgba(139,107,255,0.3) 100%);background-size:100px 100px;animation:circuitPulse 8s ease-in-out infinite;pointer-events:none}#mercados::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(0,229,255,0.15) 0%,transparent 3%),radial-gradient(circle at 80% 70%,rgba(139,107,255,0.15) 0%,transparent 3%),radial-gradient(circle at 50% 50%,rgba(0,229,255,0.1) 0%,transparent 4%),radial-gradient(circle at 30% 80%,rgba(139,107,255,0.1) 0%,transparent 3%);background-size:300px 300px;animation:nodesPulse 4s ease-in-out infinite;pointer-events:none}@keyframes circuitPulse{0%,100%{opacity:0.3}50%{opacity:0.7}}@keyframes nodesPulse{0%,100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.1);opacity:1}}#tecnologia{position:relative;overflow:hidden}#tecnologia::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(0,229,255,0.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(139,107,255,0.15) 0%,transparent 50%);animation:waveInterference 10s ease-in-out infinite;pointer-events:none}#tecnologia::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(0,229,255,0.05) 41px,transparent 42px);animation:waveScan 6s linear infinite;pointer-events:none}@keyframes waveInterference{0%,100%{background-position:0% 50%,100% 50%;opacity:0.6}50%{background-position:100% 50%,0% 50%;opacity:1}}@keyframes waveScan{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}#resultados{position:relative;overflow:hidden}#resultados::before{content:'';position:absolute;inset:0;background:conic-gradient(from 0deg at 50% 50%,rgba(0,229,255,0.2) 0deg,transparent 60deg,rgba(139,107,255,0.2) 120deg,transparent 180deg,rgba(0,229,255,0.2) 240deg,transparent 300deg,rgba(139,107,255,0.2) 360deg);animation:kaleidoscope 20s linear infinite;pointer-events:none;opacity:0;transition:opacity 1s}#resultados.visible::before{opacity:0.6}@keyframes kaleidoscope{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}100%{transform:rotate(360deg) scale(1)}}#roadmap{position:relative;overflow:hidden}#roadmap::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(0,229,255,0.3) 0%,transparent 2%),radial-gradient(circle at 85% 30%,rgba(139,107,255,0.3) 0%,transparent 2%),radial-gradient(circle at 40% 60%,rgba(0,229,255,0.25) 0%,transparent 2%),radial-gradient(circle at 70% 80%,rgba(139,107,255,0.25) 0%,transparent 2%),radial-gradient(circle at 25% 90%,rgba(0,229,255,0.2) 0%,transparent 2%),radial-gradient(circle at 90% 15%,rgba(139,107,255,0.2) 0%,transparent 2%),radial-gradient(circle at 50% 40%,rgba(0,229,255,0.2) 0%,transparent 2%);background-size:400px 400px;animation:quantumParticles 15s ease-in-out infinite;pointer-events:none}#roadmap::after{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 48%,rgba(0,229,255,0.1) 49%,rgba(139,107,255,0.1) 51%,transparent 52%);background-size:80px 80px;animation:energyGrid 12s linear infinite;pointer-events:none;opacity:0;transition:opacity 1s}#roadmap.visible::after{opacity:0.7}@keyframes quantumParticles{0%,100%{background-position:0% 0%,100% 100%,50% 50%,100% 0%,0% 100%,75% 25%,30% 70%;opacity:0.8}50%{background-position:100% 100%,0% 0%,30% 70%,0% 100%,100% 0%,25% 75%,70% 30%;opacity:1}}@keyframes energyGrid{0%{transform:translate(0,0)}100%{transform:translate(80px,80px)}}section{transition:all 0.8s ease}.section-header h2{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;background:linear-gradient(135deg,#00e5ff,#8b6bff,#00e5ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(0,229,255,0.5);animation:titleShimmer 4s ease-in-out infinite,titleFloat 3s ease-in-out infinite;position:relative;display:inline-block}@keyframes titleShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes titleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.section-header h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,#00e5ff,transparent);animation:underlineGrow 3s ease-in-out infinite}@keyframes underlineGrow{0%,100%{width:100px;opacity:0.5}50%{width:200px;opacity:1}}#confianza .section-header h2{animation:titleShimmer 4s ease-in-out infinite,titleFloat 3s ease-in-out infinite,titlePulse 2s ease-in-out infinite}#vision .section-header h2{animation:titleShimmer 3.5s ease-in-out infinite,titleFloat 3s ease-in-out infinite,titleGlitch 6s infinite}#mercados .section-header h2{animation:titleShimmer 3s ease-in-out infinite,titleFloat 3s ease-in-out infinite,titlePulse 2.5s ease-in-out infinite;text-shadow:0 0 60px rgba(0,229,255,0.7)}#tecnologia .section-header h2{animation:titleShimmer 3.5s ease-in-out infinite,titleFloat 3s ease-in-out infinite,titleGlitch 8s infinite}#resultados .section-header h2{animation:titleShimmer 3s ease-in-out infinite,titleFloat 3s ease-in-out infinite,titlePulse 2s ease-in-out infinite;text-shadow:0 0 80px rgba(139,107,255,0.8)}#roadmap .section-header h2{animation:titleShimmer 2.5s ease-in-out infinite,titleFloat 3s ease-in-out infinite,titleGlitch 5s infinite,titlePulse 2s ease-in-out infinite;text-shadow:0 0 100px rgba(0,229,255,0.9)}@keyframes titlePulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}@keyframes titleGlitch{0%,90%,100%{transform:translate(0) skew(0deg)}92%{transform:translate(-3px,2px) skew(2deg)}94%{transform:translate(3px,-2px) skew(-2deg)}96%{transform:translate(-2px,1px) skew(1deg)}}.section-header p{animation:fadeSlideUp 1s ease 0.3s both;color:rgba(255,255,255,0.7)}@keyframes fadeSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-badge{display:inline-block;padding:8px 20px;background:rgba(0,229,255,0.1);border:1px solid rgba(0,229,255,0.3);border-radius:50px;font-family:'Roboto Mono',monospace;font-size:0.75rem;letter-spacing:2px;color:#00e5ff;margin-bottom:16px;animation:badgeFloat 3s ease-in-out infinite}@keyframes badgeFloat{0%,100%{transform:translateY(0) scale(1);box-shadow:0 0 20px rgba(0,229,255,0.3)}50%{transform:translateY(-5px) scale(1.05);box-shadow:0 0 40px rgba(0,229,255,0.6)}}#confianza,#vision,#mercados,#tecnologia,#resultados,#roadmap,#contacto{position:relative;overflow:hidden}#confianza>*:not(.section-particle-canvas),#vision>*:not(.section-particle-canvas),#mercados>*:not(.section-particle-canvas),#tecnologia>*:not(.section-particle-canvas),#resultados>*:not(.section-particle-canvas),#roadmap>*:not(.section-particle-canvas),#contacto>*:not(.section-particle-canvas){position:relative;z-index:1}.section{box-shadow:inset 0 100px 80px -80px rgba(0,0,0,0.3),inset 0 -100px 80px -80px rgba(0,0,0,0.3)}.philosophy-card,.tech-card,.mode-card,.cascade-content{transform-style:preserve-3d;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}.philosophy-card:hover,.tech-card:hover,.mode-card:hover{transform:translateZ(30px) rotateX(2deg) rotateY(2deg)}.scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:9999;pointer-events:none}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,#00e5ff,#8b6bff);box-shadow:0 0 10px rgba(0,229,255,0.5);transition:width 0.1s ease-out;width:0%}.philosophy-card.fenix{border-left:4px solid #00e5ff;position:relative}.philosophy-card.cortana{border-left:4px solid #8b6bff;position:relative}.philosophy-card .card-icon svg{animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 8px currentColor)}50%{transform:scale(1.05);filter:drop-shadow(0 0 16px currentColor)}}.philosophy-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 40px rgba(0,229,255,0.3)}.philosophy-card.cortana:hover{box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 40px rgba(139,107,255,0.3)}.philosophy-divider{position:relative}.philosophy-divider .divider-icon{font-size:2rem;animation:dividerPulse 2s ease-in-out infinite;text-shadow:0 0 20px rgba(0,229,255,0.6)}@keyframes dividerPulse{0%,100%{transform:scale(1);opacity:0.7}50%{transform:scale(1.2);opacity:1}}.philosophy-divider .divider-line{background:linear-gradient(90deg,transparent,#00e5ff,transparent);height:2px;animation:lineFlow 3s linear infinite}@keyframes lineFlow{0%{opacity:0.3}50%{opacity:0.8}100%{opacity:0.3}}.cascade-timeline{perspective:1000px}.cascade-item{transform-style:preserve-3d;transition:all 0.5s cubic-bezier(0.4,0,0.2,1)}.cascade-item:hover{transform:translateZ(20px) rotateY(2deg)}.cascade-content h3{font-size:3rem;background:linear-gradient(135deg,#00e5ff,#8b6bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(0,229,255,0.5);animation:numberGlow 3s ease-in-out infinite}@keyframes numberGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.3)}}.cascade-marker .cascade-dot::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:2px;height:60px;background:linear-gradient(180deg,#00e5ff,transparent);animation:flowLine 2s ease-in-out infinite}@keyframes flowLine{0%{opacity:0;height:0}50%{opacity:1;height:60px}100%{opacity:0;height:60px}}.tech-card[data-category="ml"]{border-left:4px solid #8b6bff}.tech-card[data-category="hardware"]{border-left:4px solid #00e5ff}.tech-card[data-category="platform"]{border-left:4px solid #00ff88}.tech-card .card-icon{animation:techPulse 4s ease-in-out infinite}@keyframes techPulse{0%,100%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(5deg)}75%{transform:scale(1.1) rotate(-5deg)}}.tech-skill-bar{width:100%;height:8px;background:rgba(255,255,255,0.1);border-radius:10px;overflow:hidden;margin-top:12px;position:relative}.tech-skill-fill{height:100%;background:linear-gradient(90deg,#00e5ff,#8b6bff);border-radius:10px;box-shadow:0 0 20px rgba(0,229,255,0.6);animation:skillFill 2s ease-out forwards;transform-origin:left}@keyframes skillFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}.tech-badge-active{display:inline-block;padding:4px 12px;background:rgba(0,255,136,0.2);border:1px solid #00ff88;border-radius:12px;font-size:0.75rem;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,100%{box-shadow:0 0 10px rgba(0,255,136,0.4)}50%{box-shadow:0 0 20px rgba(0,255,136,0.8)}}.mode-badge{position:absolute;top:20px;right:20px;padding:6px 14px;border-radius:16px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.mode-badge.live{background:rgba(0,255,136,0.2);border:2px solid #00ff88;color:#00ff88;animation:livePulse 1.5s ease-in-out infinite}.mode-badge.testing{background:rgba(255,165,0,0.2);border:2px solid #ffa500;color:#ffa500}.mode-badge.planned{background:rgba(139,107,255,0.2);border:2px solid #8b6bff;color:#8b6bff}@keyframes livePulse{0%,100%{box-shadow:0 0 10px rgba(0,255,136,0.5);transform:scale(1)}50%{box-shadow:0 0 25px rgba(0,255,136,0.9);transform:scale(1.05)}}.mode-risk-bar{display:flex;gap:4px;margin-top:12px}.mode-risk-segment{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,0.1)}.mode-risk-segment.active{background:linear-gradient(90deg,#00ff88,#00e5ff);box-shadow:0 0 10px rgba(0,229,255,0.5)}.mode-risk-bar.high .mode-risk-segment.active{background:linear-gradient(90deg,#ff006e,#ffa500)}.roadmap-timeline{position:relative;padding-left:60px}.roadmap-timeline::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#00e5ff,#8b6bff,#00ff88);box-shadow:0 0 20px rgba(0,229,255,0.5)}.roadmap-milestone{position:relative;margin-bottom:40px;padding:24px;background:rgba(255,255,255,0.05);border-radius:16px;border:1px solid rgba(255,255,255,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);cursor:pointer}.roadmap-milestone::before{content:'';position:absolute;left:-48px;top:24px;width:16px;height:16px;border-radius:50%;border:3px solid #00e5ff;background:#050810;z-index:2}.roadmap-milestone.completed::before{background:#00e5ff;box-shadow:0 0 20px rgba(0,229,255,0.8)}.roadmap-milestone.completed{border-color:rgba(0,229,255,0.3)}.roadmap-milestone.progress::before{background:#8b6bff;animation:progressPulse 2s ease-in-out infinite}@keyframes progressPulse{0%,100%{box-shadow:0 0 15px rgba(139,107,255,0.6);transform:scale(1)}50%{box-shadow:0 0 30px rgba(139,107,255,1);transform:scale(1.2)}}.roadmap-milestone.progress{border-color:rgba(139,107,255,0.3)}.roadmap-milestone.planned::before{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3)}.roadmap-date{display:inline-block;padding:6px 16px;background:rgba(0,229,255,0.1);border:1px solid rgba(0,229,255,0.3);border-radius:20px;font-size:0.8rem;font-weight:600;color:#00e5ff;margin-bottom:12px}.roadmap-milestone:hover{transform:translateX(8px);border-color:rgba(0,229,255,0.5);box-shadow:0 8px 32px rgba(0,0,0,0.3)}.roadmap-details{max-height:0;overflow:hidden;transition:max-height 0.4s ease}.roadmap-milestone.expanded .roadmap-details{max-height:500px}.roadmap-progress{position:sticky;top:80px;background:rgba(5,8,16,0.95);padding:16px 24px;border-radius:12px;border:1px solid rgba(0,229,255,0.2);margin-bottom:32px;backdrop-filter:blur(10px)}.roadmap-progress-bar{height:8px;background:rgba(255,255,255,0.1);border-radius:10px;overflow:hidden;margin-top:8px}.roadmap-progress-fill{height:100%;background:linear-gradient(90deg,#00e5ff,#8b6bff);border-radius:10px;box-shadow:0 0 20px rgba(0,229,255,0.6);transition:width 0.5s ease}@media (max-width:768px){.cascade-content h3{font-size:2rem}.roadmap-timeline{padding-left:40px}.roadmap-milestone::before{left:-34px}}:root{--bg-primary:#050810;--bg-secondary:#0a0e1a;--bg-card:rgba(26,31,53,0.65);--bg-card-hover:rgba(26,31,53,0.9);--accent-cyan:#00e5ff;--accent-purple:#8b6bff;--accent-pink:#ff61a6;--accent-green:#00ff88;--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.65);--text-muted:rgba(255,255,255,0.4);--border-glass:rgba(255,255,255,0.08);--border-glow:rgba(0,212,255,0.3);--shadow-glow:0 0 30px rgba(0,212,255,0.15);--shadow-card:0 8px 32px rgba(0,0,0,0.4);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--font-heading:'Inter',sans-serif;--font-mono:'Roboto Mono',monospace;--transition:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.6s cubic-bezier(0.4,0,0.2,1)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}html::-webkit-scrollbar{width:0;display:none}body{font-family:var(--font-heading);background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;scrollbar-width:none;-ms-overflow-style:none}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}code{font-family:var(--font-mono);background:rgba(0,212,255,0.1);padding:2px 8px;border-radius:4px;font-size:0.9em;color:var(--accent-cyan)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-purple) 50%,var(--accent-cyan) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}@keyframes shimmer{to{background-position:200% center}}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease}.reveal.visible{opacity:1;transform:translateY(0)}#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:var(--transition)}#navbar.scrolled{background:rgba(10,14,26,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);padding:10px 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.1rem;letter-spacing:2px}.logo-icon{color:var(--accent-cyan);font-size:1.3rem;filter:drop-shadow(0 0 8px rgba(0,212,255,0.5))}.logo-text{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-version{font-family:var(--font-mono);font-size:0.7rem;color:var(--text-muted);padding:2px 6px;border:1px solid var(--border-glass);border-radius:4px}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:0.85rem;font-weight:500;color:var(--text-secondary);transition:var(--transition);letter-spacing:0.5px;position:relative}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-cyan);transition:var(--transition);border-radius:2px}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover::after{width:100%}.nav-dropdown{position:relative;padding:10px 0}.dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background:rgba(10,14,26,0.95);backdrop-filter:blur(10px);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(15px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 10px 30px rgba(0,0,0,0.5),0 0 20px rgba(0,212,255,0.1);z-index:100}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{list-style:none}.dropdown-menu a{display:block !important;padding:12px 20px;font-size:0.85rem;color:var(--text-secondary);transition:0.2s ease;border-left:2px solid transparent}.dropdown-menu a::after{display:none !important}.dropdown-menu a:hover{background:rgba(0,245,255,0.05);color:var(--accent-cyan);padding-left:25px;border-left-color:var(--accent-cyan)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);transition:var(--transition);border-radius:2px}#hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:120px 24px 80px}#particleCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(0,229,255,0.12) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(139,107,255,0.12) 0%,transparent 50%);z-index:0;animation:heroGlow 6s ease-in-out infinite alternate}@keyframes heroGlow{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-2%,2%) scale(1.05)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;width:100%;padding:0 16px;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 20px;border:1px solid rgba(0,255,136,0.3);border-radius:100px;background:rgba(0,255,136,0.05);margin-bottom:32px;animation:fadeInUp 0.8s ease}.badge-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px var(--accent-green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.8)}}.badge-text{font-family:var(--font-mono);font-size:0.75rem;letter-spacing:2px;color:var(--accent-green);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.8;transform:scale(0.98)}}.hero-title{font-size:clamp(3.5rem,10vw,7rem);font-weight:900;line-height:1;margin-bottom:32px;animation:fadeInUp 0.8s ease 0.2s both;text-shadow:0 0 40px rgba(0,229,255,0.5),0 0 80px rgba(139,107,255,0.3);letter-spacing:-2px;position:relative}.hero-title .gradient-text{animation:shimmer 3s linear infinite,glitch 8s infinite}@keyframes glitch{0%,90%,100%{transform:translate(0);filter:hue-rotate(0deg)}92%{transform:translate(-2px,1px);filter:hue-rotate(10deg)}94%{transform:translate(2px,-1px);filter:hue-rotate(-10deg)}96%{transform:translate(-1px,2px)}}.hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,0.8);max-width:700px;margin:0 auto 56px;line-height:1.8;animation:fadeInUp 0.8s ease 0.4s both;font-weight:400}.hero-subtitle strong{color:var(--accent-cyan)}.hero-performance{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:48px;animation:fadeInUp 0.8s ease 0.5s both}.perf-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(0,229,255,0.08);border:1px solid rgba(0,229,255,0.25);border-radius:100px;transition:var(--transition)}.perf-badge:hover{background:rgba(0,229,255,0.12);border-color:rgba(0,229,255,0.4);transform:translateY(-2px)}.perf-icon{font-size:1.2rem}.perf-text{font-family:var(--font-mono);font-size:0.8rem;font-weight:600;color:var(--accent-cyan);letter-spacing:0.5px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px;animation:fadeInUp 0.8s ease 0.6s both}.stat{text-align:center}.stat-number{display:block;font-size:3.5rem;font-weight:900;font-family:var(--font-mono);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;filter:drop-shadow(0 0 20px rgba(0,229,255,0.4));animation:statPulse 3s ease-in-out infinite}@keyframes statPulse{0%,100%{filter:drop-shadow(0 0 20px rgba(0,229,255,0.4));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(0,229,255,0.7));transform:scale(1.03)}}.stat-label{font-size:0.8rem;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;animation:fadeInUp 0.8s ease 0.8s both}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:var(--radius-md);font-weight:600;font-size:0.9rem;transition:var(--transition);cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#fff;box-shadow:0 8px 40px rgba(0,229,255,0.5),0 0 60px rgba(139,107,255,0.3);font-size:1.05rem;padding:18px 40px;font-weight:700;position:relative;overflow:hidden}.btn-primary::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);animation:ctaPulse 2s ease-out infinite}@keyframes ctaPulse{0%{width:0;height:0;opacity:1}100%{width:300px;height:300px;opacity:0}}.btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 16px 60px rgba(0,229,255,0.7),0 0 100px rgba(139,107,255,0.5)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-glass)}.btn-secondary:hover{color:var(--text-primary);border-color:var(--accent-cyan);background:rgba(0,212,255,0.05)}.hero-scarcity{margin-top:24px;font-family:var(--font-mono);font-size:0.9rem;color:var(--text-muted);animation:fadeInUp 0.8s ease 1s both;display:flex;align-items:center;justify-content:center;gap:8px}.hero-scarcity strong{color:var(--accent-green);font-weight:700}.hero-scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:1}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--accent-cyan),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,100%{opacity:1;height:60px}50%{opacity:0.3;height:40px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section{padding:120px 0;position:relative}.section-alt{background:var(--bg-secondary)}.section-alt::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(123,97,255,0.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,212,255,0.03) 0%,transparent 50%);pointer-events:none}.section-header{text-align:center;margin-bottom:72px}.section-tag{font-family:var(--font-mono);font-size:0.75rem;letter-spacing:3px;color:var(--accent-cyan);display:inline-block;margin-bottom:16px;padding:6px 16px;border:1px solid rgba(0,212,255,0.2);border-radius:100px;background:rgba(0,212,255,0.05)}.section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:16px}.section-desc{font-size:1.05rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.philosophy-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:center}#contacto .philosophy-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px}.philosophy-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:40px;backdrop-filter:blur(12px);transition:var(--transition);position:relative;overflow:hidden}.philosophy-card::after{content:'';position:absolute;inset:-2px;border-radius:var(--radius-lg);background:linear-gradient(45deg,transparent 30%,rgba(0,229,255,0.4),rgba(139,107,255,0.4),transparent 70%);background-size:300% 300%;animation:borderGlow 6s ease infinite;opacity:0;z-index:-1;transition:opacity 0.3s}.philosophy-card:hover::after{opacity:1}@keyframes borderGlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.philosophy-card::before{content:'';position:absolute;inset:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,transparent 60%,rgba(0,212,255,0.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.philosophy-card:hover{transform:translateY(-8px) rotateX(5deg);border-color:rgba(0,212,255,0.2);box-shadow:0 20px 60px rgba(0,229,255,0.3)}.philosophy-card.cortana:hover{border-color:rgba(123,97,255,0.3);box-shadow:0 0 30px rgba(123,97,255,0.15)}.card-icon{color:var(--accent-cyan);margin-bottom:24px;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.cortana .card-icon{color:var(--accent-purple)}.philosophy-card h3{font-size:1.5rem;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:12px}.tag{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:2px;padding:4px 10px;border-radius:100px;background:rgba(0,212,255,0.1);color:var(--accent-cyan);border:1px solid rgba(0,212,255,0.2)}.tag.accent{background:rgba(123,97,255,0.1);color:var(--accent-purple);border-color:rgba(123,97,255,0.2)}.philosophy-card p{color:var(--text-secondary);margin-bottom:24px;line-height:1.7}.feature-list li{padding:8px 0;color:var(--text-secondary);font-size:0.9rem;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,0.04)}.feature-list li:last-child{border-bottom:none}.feature-list li::before{content:'▸';color:var(--accent-cyan);font-size:0.8rem}.cortana .feature-list li::before{color:var(--accent-purple)}.philosophy-divider{display:flex;flex-direction:column;align-items:center;gap:12px}.divider-line{width:1px;height:60px;background:linear-gradient(to bottom,transparent,var(--accent-cyan),transparent)}.divider-icon{font-size:1.5rem;color:var(--accent-cyan);animation:pulse 3s ease-in-out infinite}.divider-label{font-family:var(--font-mono);font-size:0.7rem;color:var(--text-muted);letter-spacing:2px;writing-mode:vertical-rl;text-orientation:mixed}.cascade-timeline{position:relative;max-width:700px;margin:0 auto;padding-left:60px}.cascade-timeline::before{content:'';position:absolute;left:28px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent-cyan),var(--accent-purple),var(--accent-pink));border-radius:2px}.cascade-item{position:relative;display:flex;gap:24px;margin-bottom:40px}.cascade-item:last-child{margin-bottom:0}.cascade-marker{position:absolute;left:-38px;top:8px;display:flex;align-items:center;justify-content:center}.cascade-dot{width:16px;height:16px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--accent-cyan);box-shadow:0 0 12px rgba(0,212,255,0.4);transition:var(--transition);animation:dotBreathe 2s ease-in-out infinite}@keyframes dotBreathe{0%,100%{box-shadow:0 0 12px rgba(0,212,255,0.4);transform:scale(1)}50%{box-shadow:0 0 20px rgba(0,212,255,0.8);transform:scale(1.1)}}.cascade-item:nth-child(2) .cascade-dot{border-color:#33ddff}.cascade-item:nth-child(3) .cascade-dot{border-color:var(--accent-purple);box-shadow:0 0 12px rgba(123,97,255,0.4)}.cascade-item:nth-child(4) .cascade-dot{border-color:#a77bff;box-shadow:0 0 12px rgba(167,123,255,0.4)}.cascade-item:nth-child(5) .cascade-dot{border-color:var(--accent-pink);box-shadow:0 0 12px rgba(255,97,166,0.4)}.cascade-content{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:28px 32px;flex:1;backdrop-filter:blur(8px);transition:var(--transition)}.cascade-content:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateX(8px)}.cascade-tf{font-family:var(--font-mono);font-size:0.85rem;font-weight:600;color:var(--accent-cyan);letter-spacing:2px;margin-bottom:6px}.cascade-content h4{font-size:1.2rem;font-weight:700;margin-bottom:6px}.cascade-content p{color:var(--text-secondary);font-size:0.9rem;line-height:1.6}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tech-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:36px;position:relative;overflow:hidden;transition:var(--transition);backdrop-filter:blur(12px)}.tech-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,212,255,0.03) 0%,transparent 70%);transition:var(--transition-slow);pointer-events:none}.tech-card:hover .tech-card-glow{background:radial-gradient(circle,rgba(0,212,255,0.08) 0%,transparent 70%)}.tech-card:hover{transform:translateY(-8px) scale(1.02) rotateY(2deg);border-color:var(--border-glow);box-shadow:0 20px 60px rgba(0,229,255,0.4)}.tech-icon{font-size:2rem;margin-bottom:20px;display:block}.tech-card h4{font-size:1.15rem;font-weight:700;margin-bottom:12px}.tech-card p{color:var(--text-secondary);font-size:0.9rem;line-height:1.7;margin-bottom:20px}.tech-tag{font-family:var(--font-mono);font-size:0.7rem;letter-spacing:1px;color:var(--accent-cyan);padding:4px 12px;border:1px solid rgba(0,212,255,0.2);border-radius:100px;background:rgba(0,212,255,0.05)}.paradigm-pipeline{display:flex;align-items:center;gap:16px;overflow-x:hidden;flex-wrap:wrap;padding:20px 0;position:relative}.paradigm-stage{flex:1;min-width:280px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:32px;position:relative;backdrop-filter:blur(12px);transition:var(--transition)}.paradigm-stage:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.stage-number{font-family:var(--font-mono);font-size:3rem;font-weight:800;color:rgba(0,212,255,0.1);line-height:1;margin-bottom:16px}.stage-content h4{font-size:1.2rem;font-weight:700;margin-bottom:8px}.stage-content p{color:var(--text-secondary);font-size:0.9rem;line-height:1.6;margin-bottom:16px}.stage-symbols{display:flex;gap:8px;flex-wrap:wrap}.stage-symbols span{font-family:var(--font-mono);font-size:0.75rem;padding:4px 10px;border-radius:var(--radius-sm);background:rgba(0,212,255,0.08);border:1px solid rgba(0,212,255,0.15);color:var(--accent-cyan);letter-spacing:1px}.stage-status{position:absolute;top:16px;right:16px;font-family:var(--font-mono);font-size:0.7rem;letter-spacing:1px;padding:4px 12px;border-radius:100px}.stage-status.completed{background:rgba(0,255,136,0.1);color:var(--accent-green);border:1px solid rgba(0,255,136,0.2)}.stage-status.active{background:rgba(0,212,255,0.1);color:var(--accent-cyan);border:1px solid rgba(0,212,255,0.2);animation:pulse 2s ease infinite}.stage-status.planned{background:rgba(255,255,255,0.05);color:var(--text-muted);border:1px solid var(--border-glass)}.paradigm-connector{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-muted);flex-shrink:0}.paradigm-connector span{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:1px;white-space:nowrap}.modes-container{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);overflow:hidden;backdrop-filter:blur(12px)}.modes-tabs{display:flex;border-bottom:1px solid var(--border-glass);overflow-x:hidden;flex-wrap:wrap}.mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 24px;background:none;border:none;color:var(--text-muted);font-family:var(--font-heading);font-size:0.9rem;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap;position:relative}.mode-tab::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent-cyan);transform:scaleX(0);transition:var(--transition)}.mode-tab:hover{color:var(--text-secondary);background:rgba(255,255,255,0.02)}.mode-tab.active{color:var(--text-primary);background:rgba(0,212,255,0.03)}.mode-tab.active::after{transform:scaleX(1)}.mode-tab-icon{font-size:1.2rem}.modes-content{padding:0}.mode-panel{display:none;padding:48px;animation:fadeInUp 0.4s ease}.mode-panel.active{display:block}.mode-header{margin-bottom:20px}.mode-code{font-family:var(--font-mono);font-size:0.8rem;color:var(--accent-cyan);letter-spacing:2px;margin-bottom:8px;display:inline-block}.mode-header h4{font-size:1.5rem;font-weight:700}.mode-panel>p{color:var(--text-secondary);line-height:1.8;margin-bottom:32px;max-width:700px}.mode-panel>p strong{color:var(--accent-cyan)}.mode-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.spec{background:rgba(0,212,255,0.03);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:6px}.spec-label{font-family:var(--font-mono);font-size:0.7rem;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.spec-value{font-weight:600;font-size:0.95rem}.roadmap-track{display:flex;gap:20px;overflow-x:hidden;flex-wrap:wrap;padding:20px 0}.roadmap-item{flex:1;min-width:200px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:28px;text-align:center;backdrop-filter:blur(8px);transition:var(--transition);scroll-snap-align:center;position:relative}.roadmap-item:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.roadmap-badge{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.1rem;font-weight:700}.roadmap-badge.completed{background:rgba(0,255,136,0.1);color:var(--accent-green);border:2px solid rgba(0,255,136,0.3)}.roadmap-badge.active{background:rgba(0,212,255,0.1);color:var(--accent-cyan);border:2px solid rgba(0,212,255,0.3);animation:pulse 2s ease infinite}.roadmap-badge.planned{background:rgba(255,255,255,0.05);color:var(--text-muted);border:2px solid var(--border-glass)}.roadmap-phase{font-family:var(--font-mono);font-size:0.7rem;letter-spacing:2px;color:var(--accent-cyan);display:block;margin-bottom:8px}.roadmap-info h4{font-size:1.1rem;font-weight:700;margin-bottom:8px}.roadmap-info p{font-size:0.85rem;color:var(--text-secondary);line-height:1.6}#footer{padding:60px 0;border-top:1px solid var(--border-glass);background:var(--bg-primary)}.footer-content{text-align:center}.footer-brand{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.2rem;font-weight:700;letter-spacing:2px;margin-bottom:12px}.footer-tagline{color:var(--text-secondary);font-size:0.9rem;margin-bottom:24px}.footer-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);margin:0 auto 24px}.footer-info{display:flex;justify-content:center;gap:24px;margin-bottom:20px;flex-wrap:wrap}.footer-info span{font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted);letter-spacing:1px}.footer-copy{font-size:0.8rem;color:var(--text-muted)}@media (max-width:1024px){.tech-grid{grid-template-columns:repeat(2,1fr)}.paradigm-pipeline{flex-direction:column}.paradigm-stage{min-width:auto;width:100%}.paradigm-connector{transform:rotate(90deg)}}@media (max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:24px;gap:16px;background:rgba(10,14,26,0.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass)}.nav-links.open{display:flex}.nav-toggle{display:flex}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column}.philosophy-grid{grid-template-columns:1fr}.philosophy-divider{flex-direction:row;padding:16px 0}.divider-line{width:60px;height:1px}.divider-label{writing-mode:horizontal-tb}.tech-grid{grid-template-columns:1fr}.mode-specs{grid-template-columns:1fr}.mode-panel{padding:28px}.modes-tabs{overflow-x:hidden;flex-wrap:wrap}.mode-tab{padding:16px 16px;font-size:0.8rem}.roadmap-track{flex-direction:column}.roadmap-item{min-width:auto}.cascade-timeline{padding-left:50px}.cascade-timeline::before{left:20px}.cascade-marker{left:-34px}.cascade-content{padding:20px 24px}.section{padding:80px 0}.hero-title{font-size:clamp(2rem,7vw,3rem);letter-spacing:-1px}.hero-subtitle{font-size:0.95rem;padding:0 8px}.hero-performance{flex-wrap:wrap;gap:8px}}@media (max-width:480px){.hero-title{font-size:clamp(1.6rem,6vw,2.2rem) !important;letter-spacing:-1px !important}.hero-subtitle{font-size:0.85rem !important}#hero{padding:100px 16px 60px}}:root{--hc-neon-cyan:#00f5ff;--hc-electric-purple:#a855f7;--hc-plasma-pink:#ff2d95;--hc-neural-green:#22ff88;--hc-deep-void:#020408;--hc-glass:rgba(10,15,30,0.7);--hc-glow-primary:rgba(0,245,255,0.4);--hc-glow-secondary:rgba(168,85,247,0.4)}.gradient-text{background:linear-gradient(135deg,#00f5ff 0%,#a855f7 30%,#ff2d95 60%,#00f5ff 100%) !important;background-size:300% 300% !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;animation:hypercortexShimmer 4s ease infinite !important;filter:drop-shadow(0 0 30px rgba(0,245,255,0.5))}@keyframes hypercortexShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}#hero{background:radial-gradient(ellipse at 20% 50%,rgba(168,85,247,0.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(0,245,255,0.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 0%,rgba(255,45,149,0.08) 0%,transparent 40%),var(--hc-deep-void) !important}.hero-title{font-size:clamp(3rem,8vw,6rem) !important;font-weight:900 !important;letter-spacing:-2px !important;line-height:1.05 !important;text-shadow:0 0 80px rgba(0,245,255,0.3)}.logo-icon{font-size:1.6rem !important;background:linear-gradient(135deg,#00f5ff,#a855f7) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;filter:drop-shadow(0 0 10px rgba(0,245,255,0.6));animation:logoRotate 8s linear infinite}@keyframes logoRotate{0%,100%{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.logo-text{font-weight:800 !important;letter-spacing:3px !important;background:linear-gradient(90deg,#00f5ff,#a855f7) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important}#navbar{background:rgba(2,4,8,0.85) !important;backdrop-filter:blur(20px) saturate(180%) !important;border-bottom:1px solid rgba(0,245,255,0.1) !important}#navbar .nav-links a{position:relative;transition:all 0.3s ease}#navbar .nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#00f5ff,#a855f7);transition:width 0.3s ease}#navbar .nav-links a:hover::after{width:100%}#navbar .nav-links a:hover{color:#00f5ff !important;text-shadow:0 0 20px rgba(0,245,255,0.5)}.hero-badge{background:rgba(0,245,255,0.1) !important;border:1px solid rgba(0,245,255,0.3) !important;animation:badgeFloat 3s ease-in-out infinite}@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.badge-pulse{background:#00f5ff !important;box-shadow:0 0 20px rgba(0,245,255,0.8) !important}.perf-badge{background:rgba(10,15,30,0.6) !important;border:1px solid rgba(0,245,255,0.2) !important;backdrop-filter:blur(10px);transition:all 0.3s ease}.perf-badge:hover{border-color:rgba(0,245,255,0.6) !important;box-shadow:0 0 30px rgba(0,245,255,0.2);transform:translateY(-3px)}.stat-number{color:#00f5ff !important;text-shadow:0 0 30px rgba(0,245,255,0.6);font-weight:900 !important}.section-tag{background:linear-gradient(90deg,rgba(0,245,255,0.15),rgba(168,85,247,0.15)) !important;border:1px solid rgba(0,245,255,0.3) !important;color:#00f5ff !important;letter-spacing:3px !important}.section h2{background:linear-gradient(135deg,#ffffff 0%,rgba(0,245,255,0.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.philosophy-card,.tech-card,.mode-panel,.paradigm-stage{background:rgba(10,15,30,0.6) !important;border:1px solid rgba(0,245,255,0.12) !important;backdrop-filter:blur(16px) !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important}.philosophy-card:hover,.tech-card:hover{border-color:rgba(0,245,255,0.4) !important;box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 40px rgba(0,245,255,0.15),inset 0 1px 0 rgba(0,245,255,0.1) !important;transform:translateY(-8px) !important}.btn-primary{background:linear-gradient(135deg,#00f5ff,#a855f7) !important;color:#fff !important;font-weight:700 !important;border:none !important;position:relative;overflow:hidden;box-shadow:0 0 30px rgba(0,245,255,0.4);text-shadow:0 1px 3px rgba(0,0,0,0.4)}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);animation:btnShine 3s ease-in-out infinite}@keyframes btnShine{0%{left:-100%}50%{left:100%}100%{left:100%}}.btn-primary:hover{box-shadow:0 0 50px rgba(0,245,255,0.6),0 10px 40px rgba(168,85,247,0.3) !important;transform:translateY(-3px) scale(1.02)}.btn-secondary{border:2px solid rgba(0,245,255,0.4) !important;color:#00f5ff !important}.btn-secondary:hover{background:rgba(0,245,255,0.1) !important;border-color:#00f5ff !important;box-shadow:0 0 30px rgba(0,245,255,0.3)}.tech-tag{background:linear-gradient(90deg,rgba(0,245,255,0.15),rgba(168,85,247,0.15)) !important;border:1px solid rgba(0,245,255,0.2) !important;color:#00f5ff !important}.stage-status.completed{background:rgba(34,255,136,0.15) !important;color:#22ff88 !important;border:1px solid rgba(34,255,136,0.3) !important;box-shadow:0 0 15px rgba(34,255,136,0.2)}.stage-status.active{background:rgba(0,245,255,0.15) !important;color:#00f5ff !important;border:1px solid rgba(0,245,255,0.3) !important;animation:activeGlow 2s ease-in-out infinite}@keyframes activeGlow{0%,100%{box-shadow:0 0 15px rgba(0,245,255,0.3)}50%{box-shadow:0 0 30px rgba(0,245,255,0.6)}}.stage-status.planned{background:rgba(168,85,247,0.15) !important;color:#a855f7 !important;border:1px solid rgba(168,85,247,0.3) !important}.stage-number{background:linear-gradient(135deg,#00f5ff,#a855f7) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;font-size:3.5rem !important;font-weight:900 !important;filter:drop-shadow(0 0 20px rgba(0,245,255,0.4))}.stage-symbols span{background:rgba(0,245,255,0.12) !important;border:1px solid rgba(0,245,255,0.25) !important;color:#00f5ff !important}.cascade-dot{background:linear-gradient(135deg,#00f5ff,#a855f7) !important;box-shadow:0 0 20px rgba(0,245,255,0.6) !important}.cascade-tf{background:linear-gradient(135deg,rgba(0,245,255,0.2),rgba(168,85,247,0.2)) !important;border:1px solid rgba(0,245,255,0.3) !important;color:#00f5ff !important;font-weight:800 !important}.mode-tab.active{background:linear-gradient(135deg,rgba(0,245,255,0.2),rgba(168,85,247,0.15)) !important;border-color:rgba(0,245,255,0.4) !important;color:#00f5ff !important}.mode-code{color:#a855f7 !important}.roadmap-badge.completed{background:#22ff88 !important;box-shadow:0 0 20px rgba(34,255,136,0.6)}.roadmap-badge.active{background:#00f5ff !important;box-shadow:0 0 20px rgba(0,245,255,0.6);animation:roadmapPulse 2s ease-in-out infinite}@keyframes roadmapPulse{0%,100%{box-shadow:0 0 15px rgba(0,245,255,0.5);transform:scale(1)}50%{box-shadow:0 0 35px rgba(0,245,255,0.9);transform:scale(1.15)}}.roadmap-badge.planned{border:2px solid rgba(168,85,247,0.5) !important;color:#a855f7 !important}#footer{border-top:1px solid rgba(0,245,255,0.1) !important;background:rgba(2,4,8,0.95) !important}.footer-divider{background:linear-gradient(90deg,transparent,#00f5ff,#a855f7,transparent) !important;height:1px !important}.hero-scroll-indicator .scroll-line{background:linear-gradient(180deg,#00f5ff,transparent) !important;box-shadow:0 0 15px rgba(0,245,255,0.5)}.hero-scarcity{background:rgba(255,45,149,0.1) !important;border:1px solid rgba(255,45,149,0.3) !important;color:#ff2d95 !important}.feature-list li::before{color:#00f5ff !important}.spec-value{color:#00f5ff !important}a,button,.btn,.tech-card,.philosophy-card,.mode-tab,.paradigm-stage,.roadmap-item{transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important}html{scroll-behavior:smooth}::selection{background:rgba(0,245,255,0.3);color:#fff}