.navbar{-webkit-backdrop-filter:blur(32px)saturate(180%);z-index:1000;background:#030303a6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;padding:20px 48px;display:flex;position:fixed;top:0;box-shadow:0 4px 30px #00000080}.nav-brand{font-family:var(--font-heading);align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.nav-brand-icon{background:linear-gradient(135deg, var(--accent-neon-blue), var(--accent-purple));border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:500;transition:color .3s}.nav-item:hover{color:var(--text-primary)}.nav-actions{align-items:center;gap:16px;display:flex}.icon-btn{border:1px solid var(--border-color);color:var(--text-primary);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.icon-btn:hover{background:var(--glass-bg);border-color:var(--accent-neon-blue);color:var(--accent-neon-blue);box-shadow:0 0 10px #00d1ff33}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:64px 48px 32px}.footer-content{max-width:var(--container-width);grid-template-columns:2fr 1fr 1fr 1fr;gap:64px;margin:0 auto;display:grid}.footer-brand h3{margin-bottom:16px;font-size:24px}.footer-brand p{color:var(--text-secondary);max-width:300px;font-size:14px}.footer-col h4{font-family:var(--font-heading);margin-bottom:24px;font-size:16px}.footer-col ul{flex-direction:column;gap:12px;display:flex}.footer-col li{color:var(--text-secondary);cursor:pointer;font-size:14px;transition:color .3s}.footer-col li:hover{color:var(--accent-neon-blue)}.footer-bottom{max-width:var(--container-width);border-top:1px solid var(--border-color);color:var(--text-secondary);justify-content:space-between;align-items:center;margin:48px auto 0;padding-top:24px;font-size:14px;display:flex}@media (width<=768px){.nav-links{display:none}.footer-content{grid-template-columns:1fr;gap:32px}}section{z-index:10;position:relative}.hero-section,.permission-section,.ecosystem-section{background:0 0;border:none}.hero-section{text-align:center;-webkit-backdrop-filter:none;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 60px;display:flex;position:relative;overflow:hidden}.hero-particles{z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#7b61ff1a 0%,#0000 20%),radial-gradient(circle at 80% 60%,#00d1ff1a 0%,#0000 20%);position:absolute;inset:0}.hero-content{z-index:2;max-width:800px}.hero-title{-webkit-text-stroke:1px currentColor;letter-spacing:-2px;margin-bottom:24px;font-size:72px;font-weight:900;line-height:1.1}.hero-subtitle{color:var(--text-secondary);margin-bottom:48px;max-width:600px;margin-inline:auto;font-size:20px}.hero-actions{justify-content:center;align-items:center;gap:16px;display:flex}.hero-visual{perspective:1000px;width:100%;max-width:1200px;margin-top:80px;position:relative}.hero-dashboard-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#0a0f2599;width:100%;height:auto;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);display:block;overflow:hidden;transform:rotateX(8deg)translateY(0)scale(.95);box-shadow:0 30px 60px #0006,0 0 40px #7b61ff1a}.hero-dashboard-container:hover{transform:rotateX(2deg)translateY(-10px)scale(.98);box-shadow:0 40px 80px #00000080,0 0 60px #b5179e33}.hero-dashboard-img{width:100%;height:auto;display:block}.trust-section{text-align:center;border-bottom:1px solid var(--border-color);padding:64px 24px}.trust-text{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:32px;font-size:14px}.trust-logos-grid{opacity:.6;flex-wrap:wrap;justify-content:center;align-items:center;gap:64px;display:flex}.trust-logo-mock{font-family:var(--font-heading);color:var(--text-secondary);align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.how-it-works-section{padding:120px 24px}.section-header{text-align:center;margin-bottom:64px}.section-title{-webkit-text-stroke:.5px currentColor;margin-bottom:16px;font-size:46px;font-weight:900}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:18px}.steps-grid{max-width:var(--container-width);grid-template-columns:repeat(3,1fr);gap:32px;margin:0 auto;display:grid}.step-card{text-align:center;position:relative}.step-icon{background:var(--glass-bg);border:1px solid var(--border-color);width:64px;height:64px;color:var(--accent-neon-blue);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:24px;transition:all .3s;display:flex}.step-card:hover .step-icon{border-color:var(--accent-neon-blue);background:#00d1ff1a;transform:scale(1.1);box-shadow:0 0 20px #00d1ff33}.step-title{margin-bottom:12px;font-size:20px}.step-desc{color:var(--text-secondary);font-size:15px}.features-section{background:var(--bg-secondary);padding:120px 24px}.features-grid{max-width:var(--container-width);grid-template-columns:repeat(6,1fr);gap:24px;margin:0 auto;display:grid}.feature-card{flex-direction:column;gap:16px;padding:40px 32px;display:flex;position:relative}.feature-card:first-child,.feature-card:nth-child(2){grid-column:span 3}.feature-card:nth-child(3),.feature-card:nth-child(4),.feature-card:nth-child(5){grid-column:span 2}.feature-icon{margin-bottom:8px;font-size:32px}.feature-title{font-size:24px}.feature-desc{color:var(--text-secondary);flex:1;font-size:16px}.feature-badge{color:var(--accent-purple);background:#7b61ff1a;border:1px solid #7b61ff33;border-radius:100px;align-self:flex-start;margin-top:16px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.permission-section{padding:120px 24px}.permission-container{max-width:var(--container-width);margin:0 auto;padding:64px}.permission-bar{justify-content:space-between;align-items:center;margin-bottom:64px;display:flex;position:relative}.permission-bar:before{content:"";background:var(--glass-bg);border:1px solid var(--border-color);z-index:0;border-radius:2px;height:4px;position:absolute;top:32px;left:0;right:0}.perm-track{background:var(--text-primary);z-index:1;height:4px;transition:all .5s;position:absolute;top:32px;left:0;box-shadow:0 0 10px}.perm-node{z-index:2;cursor:pointer;opacity:.5;flex-direction:column;align-items:center;gap:16px;transition:transform .3s;display:flex;position:relative}.perm-node.active,.perm-node:hover{opacity:1;transform:translateY(-5px)}.perm-icon{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);width:64px;height:64px;color:var(--text-primary);z-index:10;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:all .3s;display:flex;position:relative}.perm-node.active .perm-icon{border-color:var(--node-color);box-shadow:0 0 24px var(--node-color), inset 0 0 12px var(--node-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);color:var(--node-color);transform:scale(1.1)}.perm-name{color:var(--text-secondary);font-size:14px;font-weight:600}.perm-node.active .perm-name{color:var(--node-color)}.permission-details{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#0003;padding:32px;transition:border-color .3s}.perm-detail-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.perm-detail-desc{color:var(--text-secondary);font-size:18px}.perm-warning{border-radius:var(--radius-sm);border:1px solid;margin-top:24px;padding:12px 16px;font-size:14px;font-weight:600}.showcase-section{background:var(--bg-secondary);padding:120px 24px}.showcase-toggle{justify-content:center;gap:16px;margin-bottom:48px;display:flex}.toggle-btn{border:1px solid var(--border-color);color:var(--text-primary);background:0 0;border-radius:100px;padding:12px 24px;font-weight:600;transition:all .3s}.toggle-btn.active{border-color:var(--accent-neon-blue);color:var(--accent-neon-blue);background:#00d1ff33}.toggle-btn.enhanced.active{border-color:var(--accent-purple);color:var(--accent-purple);background:#7b61ff33}.showcase-dashboard{max-width:var(--container-width);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);height:600px;margin:0 auto;transition:all .5s;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.showcase-dashboard.enhanced{border-color:#7b61ff80;box-shadow:0 0 50px #7b61ff33}.showcase-sidebar{border-right:1px solid var(--border-color);flex-direction:column;gap:12px;width:250px;padding:24px;display:flex}.sb-header{text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-bottom:12px;font-size:12px;font-weight:700}.sb-item,.skill-item{background:var(--glass-bg);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:10px 16px;font-size:14px}.skill-item.new{border-color:var(--accent-purple);color:var(--accent-purple);box-shadow:0 0 10px #7b61ff33}.showcase-main{flex-direction:column;flex:1;padding:24px;display:flex;position:relative}.chat-window{flex-direction:column;flex:1;gap:24px;padding-bottom:24px;display:flex}.chat-msg{border-radius:var(--radius-md);max-width:80%;padding:16px 24px;font-size:15px}.chat-msg.user{background:#00d1ff1a;border:1px solid #00d1ff33;align-self:flex-end}.chat-msg.bot{background:var(--glass-bg);border:1px solid var(--border-color);align-self:flex-start}.showcase-dashboard.enhanced .chat-msg.bot{background:#7b61ff0d;border-color:#7b61ff4d}.code-block{border-radius:var(--radius-sm);color:var(--success-green);background:#00000080;padding:12px;font-family:monospace}.chat-input-area{gap:16px;height:56px;display:flex}.chat-input-area input{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;padding:0 24px;font-family:inherit}.chat-btn{background:var(--text-primary);width:56px;height:56px;color:var(--bg-primary);border-radius:var(--radius-sm);font-size:24px;font-weight:700}.showcase-dashboard.enhanced .chat-btn{background:var(--accent-purple);color:#fff;box-shadow:0 0 15px #7b61ff80}.showcase-right-panel{border-left:1px solid var(--border-color);flex-direction:column;gap:12px;width:250px;padding:24px;display:flex}.use-cases-section{padding:120px 24px}.use-cases-grid{max-width:var(--container-width);grid-template-columns:repeat(4,1fr);gap:24px;margin:0 auto;display:grid}.use-case-card{padding:32px 24px}.ecosystem-section{background:var(--bg-secondary);text-align:center;padding:120px 24px;overflow:hidden}.ecosystem-content{max-width:var(--container-width);margin:0 auto;position:relative}.eco-subtitle{margin-bottom:24px;font-size:32px}.eco-desc{color:var(--text-secondary);max-width:600px;margin:0 auto 64px;font-size:18px}.eco-nodes-visual{perspective:1000px;max-width:800px;height:400px;margin:0 auto;position:relative}.eco-node{background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:2;align-items:center;gap:12px;padding:16px 24px;font-weight:600;transition:transform .3s,box-shadow .3s;animation:6s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 10px 30px #000c,inset 0 0 20px #ffffff05}.eco-node:hover{z-index:3;transform:translateY(-5px)scale(1.05);box-shadow:0 15px 40px #000000e6,inset 0 0 30px #ffffff0d}.node-icon{opacity:.8}.eco-node.central{border-color:#00e5ff66;animation:4s ease-in-out infinite pulse-glow;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #00d1ff33}.eco-node.central .node-icon{color:var(--accent-neon-blue);opacity:1}.eco-node.node-1{border-color:#00e5ff33;animation-delay:0s;top:20%;left:20%;transform:translate(-50%,-50%)}.eco-node.node-1 .node-icon{color:var(--accent-neon-blue)}.eco-node.node-2{border-color:#b5179e33;animation-delay:-2s;top:30%;left:80%;transform:translate(-50%,-50%)}.eco-node.node-2 .node-icon{color:var(--accent-purple)}.eco-node.node-3{border-color:#00ff9433;animation-delay:-4s;top:80%;left:50%;transform:translate(-50%,-50%)}.eco-node.node-3 .node-icon{color:var(--success-green)}.eco-lines{z-index:1;position:absolute;top:0;left:0}.data-flow{stroke-dasharray:10 15;animation:2s linear infinite flowLine}.flow-1{animation-delay:0s}.flow-2{stroke-dasharray:8 12;animation-duration:2.5s;animation-delay:-.5s}.flow-3{stroke-dasharray:12 18;animation-duration:1.8s;animation-delay:-1s}@keyframes flowLine{to{stroke-dashoffset:-50px}}@keyframes float{0%{margin-top:0}50%{margin-top:-10px}to{margin-top:0}}@keyframes pulse-glow{0%{margin-top:0;box-shadow:0 0 20px #00d1ff1a,inset 0 0 10px #00d1ff1a}50%{margin-top:-5px;box-shadow:0 0 40px #00d1ff4d,inset 0 0 20px #00d1ff33}to{margin-top:0;box-shadow:0 0 20px #00d1ff1a,inset 0 0 10px #00d1ff1a}}.community-section{text-align:center;max-width:800px;margin:0 auto;padding:80px 24px}.community-box{border-radius:var(--radius-lg);padding:64px}.pricing-section{padding:120px 24px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin:0 auto;display:grid}.pricing-card{flex-direction:column;padding:48px 32px;display:flex}.pricing-card:nth-child(2){border-color:var(--accent-purple);transform:scale(1.05);box-shadow:0 0 40px #7b61ff26}.pricing-card .price{margin:24px 0;font-size:48px;font-weight:800}.cta-section{text-align:center;background:var(--gradient-glow);border-top:1px solid var(--border-color);padding:160px 24px}.cta-title{letter-spacing:-2px;margin-bottom:48px;font-size:80px}@media (width<=768px){.hero-title{font-size:48px}.hero-subtitle{font-size:16px}.hero-dashboard-mock{height:300px}.mock-sidebar{display:none}.steps-grid,.use-cases-grid,.pricing-grid,.features-grid{grid-template-columns:1fr}.feature-card:first-child,.feature-card:nth-child(2),.feature-card:nth-child(3),.feature-card:nth-child(4),.feature-card:nth-child(5){grid-column:span 1}.permission-bar:before,.perm-track{display:none}.permission-bar{flex-direction:column;gap:32px}.showcase-dashboard{flex-direction:column;height:auto}.showcase-sidebar,.showcase-right-panel{border:none;border-bottom:1px solid var(--border-color);width:100%}.eco-nodes-visual{height:600px}.eco-node.node-1{top:15%;left:50%}.eco-node.node-2{top:85%;left:50%}.eco-node.node-3{top:50%;left:80%}}:root{--bg-primary:#030303;--bg-secondary:#0a0a0a;--accent-neon-blue:#00e5ff;--accent-purple:#b5179e;--success-green:#00ff94;--warning-orange:#ff9f1c;--danger-red:#ff3b3b;--text-primary:#fff;--text-secondary:#ffffff8c;--border-color:#ffffff14;--glass-bg:#050508bf;--glass-bg-hover:#0f0f14d9;--gradient-glow:radial-gradient(circle at 15% 50%, #b5179e14 0%, transparent 40%), radial-gradient(circle at 85% 30%, #00e5ff0d 0%, transparent 40%), radial-gradient(circle at 50% 100%, #b5179e0d 0%, transparent 50%);--l1-color:#8c8c8c;--l2-color:#00e5ff;--l3-color:#00ff94;--l4-color:#ff9f1c;--l5-color:#ff3b3b;--font-heading:"Orbitron", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--container-width:1200px}[data-theme=light]{--bg-primary:#fafafa;--bg-secondary:#fff;--text-primary:#111;--text-secondary:#0009;--border-color:#0000000d;--glass-bg:#00000005;--glass-bg-hover:#0000000a;--gradient-glow:radial-gradient(circle at 15% 50%, #b5179e0d 0%, transparent 40%), radial-gradient(circle at 85% 30%, #00e5ff08 0%, transparent 40%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:var(--gradient-glow);background-size:cover;background-attachment:fixed;line-height:1.6;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:1px;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.animated-background{z-index:-2;pointer-events:none;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:40px 40px;animation:30s linear infinite tech-pan;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}[data-theme=light] .animated-background{background-image:linear-gradient(90deg,#0000000a 1px,#0000 1px),linear-gradient(#0000000a 1px,#0000 1px)}.animated-scanline{background:var(--accent-neon-blue);width:100%;height:2px;box-shadow:0 0 10px var(--accent-neon-blue), 0 0 20px var(--accent-neon-blue);opacity:.15;z-index:-1;pointer-events:none;animation:6s cubic-bezier(.1,.8,.9,.2) infinite scanline;position:fixed;top:0;left:0}@keyframes tech-pan{0%{transform:translateY(0)translate(0)}to{transform:translateY(-40px)translate(-40px)}}@keyframes scanline{0%{opacity:0;top:0}10%{opacity:.15}90%{opacity:.15}to{opacity:0;top:100vh}}.glass-card{-webkit-backdrop-filter:blur(25px);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:1;background:#0f0f1959;padding:32px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 24px #0006}.glass-card:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px 1px #ffffff0d}.glass-card:hover{background:var(--glass-bg-hover);border-color:#ffffff26;transform:translateY(-4px)scale(1.01);box-shadow:0 16px 40px #0009,0 0 40px #b5179e26}.btn-primary{-webkit-backdrop-filter:blur(16px)saturate(150%);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-body);letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#b5179ea6,#7b61ffa6);border:1px solid #fff3;padding:12px 28px;font-size:15px;font-weight:500;transition:all .3s;box-shadow:0 8px 20px #b5179e40}.btn-primary:hover{background:linear-gradient(135deg,#b5179ed9,#7b61ffd9);border-color:#fff6;transform:translateY(-2px);box-shadow:0 12px 28px #b5179e66}.btn-secondary{-webkit-backdrop-filter:blur(16px)saturate(150%);color:var(--text-primary);border-radius:var(--radius-sm);font-family:var(--font-body);letter-spacing:.5px;cursor:pointer;background:#0f0f1499;border:1px solid #ffffff26;padding:12px 28px;font-size:15px;font-weight:500;transition:all .3s}.btn-secondary:hover{background:#19191ecc;border-color:#ffffff4d;transform:translateY(-2px)}.text-gradient{background:linear-gradient(90deg,#fff 0%,#ffffff80 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.neon-border{position:relative}.neon-border:before{content:"";border-radius:inherit;z-index:-1;background:0 0;border:1px solid #b5179e00;transition:all .5s;position:absolute;inset:-1px}.glass-card.neon-border:hover:before{border-color:#b5179e80;box-shadow:0 0 15px #b5179e33}.lang-toggle{-webkit-backdrop-filter:blur(16px)saturate(150%);border-radius:var(--radius-sm);background:#0a0f1e80;border:1px solid #ffffff1a;align-items:center;gap:4px;padding:4px;display:flex}.lang-option{color:#ffffff80;cursor:pointer;letter-spacing:.5px;border-radius:4px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .3s}.lang-option:hover{color:#fffc}.lang-option.active{color:#fff;background:#1e3c7899;box-shadow:0 0 10px #1e3c784d}