:root{--bg-void: #0a0a0f;--bg-surface: #12121a;--bg-panel: #1a1a2e;--neon-cyan: #5BC4F7;--neon-magenta: #ff00aa;--neon-purple: #B07CF7;--neon-green: #00ff88;--neon-amber: #f59e0b;--text-primary: #e0e0e8;--text-secondary: #7a7a8e;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);overflow-x:hidden;line-height:1.6;font-weight:400}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:9999}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:9998}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon-magenta)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:800;letter-spacing:-.02em}a{color:var(--neon-cyan);text-decoration:none;transition:all .3s}a:hover{color:var(--neon-magenta);text-shadow:0 0 10px var(--neon-magenta)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:after,#matrix-canvas,#particle-canvas{display:none}.reveal{opacity:1;transform:none}}.section{position:relative;padding:100px 20px;max-width:1200px;margin:0 auto}.section-label{font-family:var(--font-mono);font-size:.75rem;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.3em;margin-bottom:12px;opacity:.7}.section-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.neon-border{border:1px solid rgba(91,196,247,.3);box-shadow:0 0 5px #5bc4f71a,0 0 20px #5bc4f70d,inset 0 0 15px #5bc4f708;transition:box-shadow .4s ease,border-color .4s ease}.neon-border:hover{border-color:#5bc4f799;box-shadow:0 0 10px #5bc4f74d,0 0 40px #5bc4f726,0 0 80px #5bc4f70d,inset 0 0 20px #5bc4f714}.hud-frame{position:relative}.hud-frame:before,.hud-frame:after{content:"";position:absolute;width:20px;height:20px;pointer-events:none}.hud-frame:before{top:-1px;left:-1px;border-top:2px solid var(--neon-cyan);border-left:2px solid var(--neon-cyan)}.hud-frame:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--neon-cyan);border-right:2px solid var(--neon-cyan)}.btn{font-family:var(--font-heading);font-size:.85rem;font-weight:700;letter-spacing:.08em;padding:14px 32px;border:1px solid var(--neon-cyan);background:transparent;color:var(--neon-cyan);cursor:pointer;text-decoration:none;position:relative;overflow:hidden;transition:all .3s}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(91,196,247,.15),transparent);transition:left .5s}.btn:hover{color:var(--text-primary);text-shadow:0 0 10px var(--neon-cyan);box-shadow:0 0 20px #5bc4f74d,inset 0 0 20px #5bc4f71a;background:#5bc4f714}.btn:hover:before{left:100%}.btn.primary{background:#5bc4f71a}.btn.magenta{border-color:var(--neon-magenta);color:var(--neon-magenta)}.btn.magenta:hover{color:var(--text-primary);box-shadow:0 0 20px #ff00aa4d,inset 0 0 20px #ff00aa1a;background:#ff00aa14}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;background:#0a0a0fd9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(91,196,247,.1);transition:all .3s}.nav.scrolled{padding:10px 30px;background:#0a0a0ff2}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--font-heading);font-size:1.2rem;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 10px rgba(91,196,247,.5);letter-spacing:.05em}.nav-logo:hover{color:var(--neon-cyan);text-shadow:0 0 15px rgba(91,196,247,.7)}.nav-logo-img{height:28px;width:auto;filter:drop-shadow(0 0 6px rgba(91,196,247,.4))}.nav-right{display:flex;align-items:center;gap:20px}.nav-links{display:flex;gap:25px;list-style:none}.nav-links a{font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;position:relative;padding-bottom:3px}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--neon-cyan);box-shadow:0 0 5px var(--neon-cyan);transition:width .3s}.nav-links a:hover{color:var(--neon-cyan);text-shadow:none}.nav-links a:hover:after{width:100%}.lang-switch{display:flex;border:1px solid rgba(91,196,247,.25);border-radius:4px;overflow:hidden}.lang-btn{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:.75rem;font-weight:600;padding:5px 10px;cursor:pointer;transition:all .3s;letter-spacing:.05em}.lang-btn:first-child{border-right:1px solid rgba(91,196,247,.25)}.lang-btn.active{background:#5bc4f71f;color:var(--neon-cyan);text-shadow:0 0 8px rgba(91,196,247,.4)}.lang-btn:hover:not(.active){color:var(--text-primary);background:#ffffff08}.nav-mobile-btn{display:none;background:none;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:6px 10px;font-family:var(--font-mono);font-size:.8rem;cursor:pointer}#hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}#matrix-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.4}.hero-content{position:relative;z-index:1;padding:0 20px;display:flex;flex-direction:column;align-items:center}.hero-logo{display:block;width:120px;height:auto;margin:0 auto 24px;filter:drop-shadow(0 0 20px rgba(91,196,247,.4)) drop-shadow(0 0 40px rgba(176,124,247,.2));animation:logo-glow 4s ease-in-out infinite}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 20px rgba(91,196,247,.4)) drop-shadow(0 0 40px rgba(176,124,247,.2))}50%{filter:drop-shadow(0 0 30px rgba(91,196,247,.6)) drop-shadow(0 0 60px rgba(176,124,247,.35))}}.glitch-wrapper{position:relative;display:inline-block}.glitch{font-family:var(--font-heading);font-size:clamp(3rem,10vw,7rem);font-weight:900;color:var(--text-primary);position:relative;letter-spacing:-.02em;text-shadow:0 0 20px rgba(91,196,247,.5),0 0 60px rgba(91,196,247,.2)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{color:var(--neon-cyan);animation:glitch-1 3s infinite linear alternate-reverse;clip-path:polygon(0 0,100% 0,100% 33%,0 33%)}.glitch:after{color:var(--neon-magenta);animation:glitch-2 2s infinite linear alternate-reverse;clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%)}@keyframes glitch-1{0%{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,3px)}to{transform:translate(0)}}@keyframes glitch-2{0%{transform:translate(0)}25%{transform:translate(3px,-2px)}50%{transform:translate(-3px,1px)}75%{transform:translate(2px,2px)}to{transform:translate(0)}}.hero-subtitle{font-family:var(--font-mono);font-size:clamp(.85rem,2vw,1.2rem);color:var(--neon-green);margin-top:20px;min-height:2em}.hero-subtitle .cursor{display:inline-block;width:10px;height:1.2em;background:var(--neon-green);margin-left:3px;animation:blink .8s infinite;vertical-align:text-bottom}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-engines{display:flex;justify-content:center;gap:30px;margin-top:35px;flex-wrap:wrap}.engine-badge{font-family:var(--font-mono);font-size:.85rem;padding:8px 18px;border-radius:4px;border:1px solid;animation:pulse-glow 3s infinite ease-in-out}.engine-badge.cyan{color:var(--neon-cyan);border-color:var(--neon-cyan);animation-delay:0s}.engine-badge.magenta{color:var(--neon-magenta);border-color:var(--neon-magenta);animation-delay:1s}.engine-badge.purple{color:var(--neon-purple);border-color:var(--neon-purple);animation-delay:2s}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px currentColor;opacity:.7}50%{box-shadow:0 0 20px currentColor,0 0 40px currentColor;opacity:1}}.hero-cta{display:flex;justify-content:center;gap:20px;margin-top:45px;flex-wrap:wrap}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:1;animation:bounce 2s infinite}.scroll-indicator svg{width:30px;height:30px;stroke:var(--neon-cyan);opacity:.5}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}#overview{background:linear-gradient(180deg,var(--bg-void) 0%,var(--bg-surface) 50%,var(--bg-void) 100%)}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.overview-text p{font-size:1.05rem;color:var(--text-secondary);margin-bottom:15px;line-height:1.8}.overview-text .highlight{color:var(--neon-cyan);font-weight:600}.arch-diagram{background:var(--bg-surface);border:1px solid var(--bg-panel);border-radius:8px;padding:30px;font-family:var(--font-mono);font-size:.8rem}.arch-layer{text-align:center;padding:14px;margin:5px 0;border:1px solid rgba(91,196,247,.2);border-radius:4px;background:#5bc4f708;color:var(--neon-cyan)}.arch-layer.gateway{border-color:#b07cf74d;background:#b07cf70d;color:var(--neon-purple)}.arch-arrow{text-align:center;color:var(--text-secondary);font-size:.75rem;padding:6px 0;position:relative}.arch-arrow:before{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;background:linear-gradient(to bottom,var(--neon-cyan),transparent);animation:data-flow 2s infinite}@keyframes data-flow{0%{opacity:.2}50%{opacity:.8}to{opacity:.2}}.arch-engines{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:5px}.arch-engine{text-align:center;padding:12px 8px;border-radius:4px;font-size:.7rem}.arch-engine.oc{border:1px solid rgba(91,196,247,.3);color:var(--neon-cyan)}.arch-engine.cp{border:1px solid rgba(255,0,170,.3);color:var(--neon-magenta)}.arch-engine.cc{border:1px solid rgba(176,124,247,.3);color:var(--neon-purple)}.arch-engine small{display:block;margin-top:4px;color:var(--text-secondary);font-size:.6rem}#engines{background:var(--bg-void);overflow:hidden}.engines-header{text-align:center;margin-bottom:60px}.engines-tagline{font-size:1.05rem;color:var(--text-secondary);margin-top:10px}.engine-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.engine-card{background:#12121a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:40px 30px;text-align:center;position:relative;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease;transform-style:preserve-3d;perspective:800px}.engine-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:12px;padding:1px;background:conic-gradient(from var(--card-angle, 0deg),transparent 40%,var(--card-color) 50%,transparent 60%);-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;opacity:0;transition:opacity .4s}.engine-card:hover:before{opacity:1}.engine-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #0000004d}.engine-card[data-color=cyan]{--card-color: var(--neon-cyan)}.engine-card[data-color=magenta]{--card-color: var(--neon-magenta)}.engine-card[data-color=purple]{--card-color: var(--neon-purple)}.engine-icon{font-size:3rem;margin-bottom:20px;display:block}.engine-name{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;margin-bottom:10px}.engine-card[data-color=cyan] .engine-name{color:var(--neon-cyan)}.engine-card[data-color=magenta] .engine-name{color:var(--neon-magenta)}.engine-card[data-color=purple] .engine-name{color:var(--neon-purple)}.engine-protocol{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);margin-bottom:15px;padding:4px 10px;background:#ffffff08;border-radius:4px;display:inline-block}.engine-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.7}#features{position:relative;background:linear-gradient(180deg,var(--bg-void) 0%,var(--bg-surface) 50%,var(--bg-void) 100%)}#particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.features-header{text-align:center;margin-bottom:60px;position:relative;z-index:1}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;position:relative;z-index:1}.feature-card{background:#12121ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:35px 25px;position:relative;overflow:hidden;transition:all .4s ease}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,rgba(91,196,247,.2),transparent 40%,transparent 60%,rgba(176,124,247,.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;opacity:0;transition:opacity .4s}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #5bc4f714}.feature-icon{font-size:2.2rem;margin-bottom:18px;display:block}.feature-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--neon-cyan);margin-bottom:12px}.feature-desc{font-size:.92rem;color:var(--text-secondary);line-height:1.7}#access{background:var(--bg-void);overflow:hidden}.access-header{text-align:center;margin-bottom:60px}.network-container{display:flex;flex-direction:column;align-items:center;gap:50px}.network-graph{position:relative;width:100%;max-width:700px;min-height:380px}.hub-node{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;border:2px solid var(--neon-cyan);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#5bc4f70d;box-shadow:0 0 30px #5bc4f726,inset 0 0 20px #5bc4f70d;animation:hub-pulse 4s infinite ease-in-out;z-index:2}.hub-node span:first-child{font-size:1.5rem}.hub-node span:last-child{font-family:var(--font-heading);font-size:.6rem;font-weight:700;color:var(--neon-cyan);margin-top:5px;letter-spacing:.1em}@keyframes hub-pulse{0%,to{box-shadow:0 0 30px #5bc4f726,inset 0 0 20px #5bc4f70d}50%{box-shadow:0 0 50px #5bc4f740,inset 0 0 30px #5bc4f71a}}.platform-node{position:absolute;width:80px;height:80px;border-radius:50%;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#12121acc;transition:all .3s;z-index:2}.platform-node:hover{border-color:var(--neon-cyan);box-shadow:0 0 20px #5bc4f733;transform:scale(1.1)}.platform-node span:first-child{font-size:1.5rem}.platform-node span:last-child{font-family:var(--font-mono);font-size:.55rem;color:var(--text-secondary);margin-top:3px}.platform-node:nth-child(2){top:5%;left:50%;transform:translate(-50%)}.platform-node:nth-child(3){top:20%;right:5%}.platform-node:nth-child(4){top:60%;right:2%}.platform-node:nth-child(5){bottom:5%;left:50%;transform:translate(-50%)}.platform-node:nth-child(6){top:60%;left:2%}.platform-node:nth-child(7){top:20%;left:5%}.platform-node:nth-child(8){top:5%;right:25%}.platform-node:nth-child(9){bottom:5%;right:25%}.connection-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.connection-lines line{stroke:#5bc4f726;stroke-width:1;stroke-dasharray:5 5;animation:dash-flow 3s linear infinite}@keyframes dash-flow{to{stroke-dashoffset:-20}}.security-box{max-width:600px;width:100%;background:var(--bg-surface);border:1px solid rgba(0,255,136,.2);border-radius:8px;padding:30px;position:relative}.security-box h3{font-family:var(--font-mono);font-size:.9rem;color:var(--neon-green);margin-bottom:15px}.security-box ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}.security-box li{font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary);padding-left:18px;position:relative}.security-box li:before{content:">";position:absolute;left:0;color:var(--neon-green)}#install{background:linear-gradient(180deg,var(--bg-void) 0%,var(--bg-surface) 50%,var(--bg-void) 100%)}.install-header{text-align:center;margin-bottom:50px}.terminal{max-width:700px;margin:0 auto;background:#0d0d14;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #00000080}.terminal-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#28c940}.terminal-title{flex:1;text-align:center;font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.terminal-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.06)}.terminal-tab{flex:1;padding:10px 15px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);text-align:center;cursor:pointer;background:transparent;border:none;border-bottom:2px solid transparent;transition:all .3s}.terminal-tab:hover{color:var(--text-primary)}.terminal-tab.active{color:var(--neon-cyan);border-bottom-color:var(--neon-cyan);background:#5bc4f708}.terminal-body{padding:20px;min-height:180px;position:relative}.terminal-content{display:none;font-family:var(--font-mono);font-size:.82rem;line-height:2}.terminal-content.active{display:block}.terminal-content .prompt{color:var(--neon-green);-webkit-user-select:none;user-select:none}.terminal-content .command{color:var(--text-primary)}.terminal-content .comment{color:var(--text-secondary);font-style:italic}.terminal-content .url{color:var(--neon-cyan)}.copy-btn{position:absolute;top:15px;right:15px;background:#5bc4f714;border:1px solid rgba(91,196,247,.2);color:var(--neon-cyan);font-family:var(--font-mono);font-size:.7rem;padding:5px 12px;border-radius:4px;cursor:pointer;transition:all .3s}.copy-btn:hover{background:#5bc4f726;box-shadow:0 0 10px #5bc4f733}footer{border-top:1px solid rgba(91,196,247,.1);padding:60px 20px 40px;text-align:center}.footer-logo{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-heading);font-size:1.5rem;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 15px rgba(91,196,247,.4);margin-bottom:25px}.footer-logo-img{height:40px;width:auto;filter:drop-shadow(0 0 10px rgba(91,196,247,.3))}.footer-links{display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.footer-links a{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.hud-status{display:flex;justify-content:center;gap:30px;margin-bottom:25px;flex-wrap:wrap}.hud-item{font-family:var(--font-mono);font-size:.7rem;color:var(--neon-green);opacity:.6;letter-spacing:.05em}.hud-item:before{content:"["}.hud-item:after{content:"]"}.footer-copy{font-size:.8rem;color:var(--text-secondary);opacity:.5}@media(max-width:1024px){.engine-cards,.feature-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr;gap:40px}}@media(max-width:768px){.section{padding:60px 15px}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#0a0a0ff2;padding:20px;border-bottom:1px solid rgba(91,196,247,.1)}.nav-mobile-btn{display:block}.engine-cards,.feature-grid{grid-template-columns:1fr}.hero-engines{gap:12px}.engine-badge{font-size:.75rem;padding:6px 12px}.network-graph{min-height:320px}.platform-node{width:60px;height:60px}.platform-node span:first-child{font-size:1.2rem}.hub-node{width:90px;height:90px}.hub-node span:first-child{font-size:1.2rem}.security-box ul{grid-template-columns:1fr}}@media(max-width:480px){.glitch{font-size:2.5rem}.hero-cta{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px;text-align:center}.hud-status{flex-direction:column;align-items:center;gap:8px}}