@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#0a0a0f;--bg-alt:#12121a;--bg-card:#1a1a24;--ink:#fff;--muted:#a0a0b0;--line:#2a2a3a;--accent:#ff6b35;--accent-secondary:#f7931e;--accent-glow:#ff6b354d;--purple:#9b59b6;--blue:#3498db;--green:#2ecc71;--pink:#e91e63;--cyan:#00bcd4;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}img,video{max-width:100%;display:block}.container{max-width:1400px;margin:0 auto;padding:0 32px}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow), 0 0 60px var(--accent-glow)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes orbit{0%{transform:rotate(0)translate(150px)rotate(0)}to{transform:rotate(360deg)translate(150px)rotate(-360deg)}}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}.particles{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.particle{background:var(--accent);opacity:.3;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.gradient-bg{background:linear-gradient(-45deg,#0a0a0f,#1a1a2e,#16213e,#0f3460) 0 0/400% 400%;animation:15s infinite gradient-shift}.gradient-text{background:linear-gradient(90deg, var(--accent), var(--purple), var(--blue), var(--accent));-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradient-shift}.glass-card{-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass-card:hover{border-color:var(--accent);background:#ffffff1a;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #ff6b3533}.neon-border{border:2px solid var(--accent);border-radius:20px;position:relative;overflow:hidden}.neon-border:before{content:"";background:conic-gradient(transparent, transparent, transparent, var(--accent));width:200%;height:200%;animation:4s linear infinite rotate;position:absolute;top:-50%;left:-50%}.neon-border:after{content:"";background:var(--bg);z-index:1;border-radius:18px;position:absolute;inset:2px}.neon-content{z-index:2;position:relative}.animated-btn{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:#fff;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:700;transition:all .3s;animation:2s ease-in-out infinite pulse-glow;position:relative;overflow:hidden}.animated-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}.animated-btn:hover{box-shadow:0 10px 30px var(--accent-glow);transform:scale(1.05)}.header{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#0a0a0fcc;transition:all .3s;position:fixed;top:0;left:0;right:0}.header.scrolled{background:#0a0a0ff2;box-shadow:0 10px 30px #0000004d}.header-inner{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{color:var(--ink);align-items:center;gap:12px;font-size:24px;font-weight:800;transition:all .3s;display:flex}.logo:hover{transform:scale(1.05)}.logo img{border-radius:12px;width:48px;height:48px;animation:4s ease-in-out infinite float}.logo span{background:linear-gradient(135deg, var(--accent), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav{align-items:center;gap:40px;display:flex}.nav a{color:var(--muted);font-size:15px;font-weight:600;transition:all .3s;position:relative}.nav a:after{content:"";background:var(--accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav a:hover{color:var(--ink)}.nav a:hover:after{width:100%}.nav a.active{color:var(--accent)}.cta-button{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:#fff;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.cta-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cta-button:hover:before{left:100%}.cta-button:hover{box-shadow:0 10px 30px var(--accent-glow);transform:translateY(-3px)}.menu-button{background:var(--bg-card);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:none}.menu-button span{background:var(--ink);border-radius:2px;width:24px;height:2px;transition:all .3s}.menu-button:hover span{background:var(--accent)}.hero{text-align:center;padding:200px 0 120px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 50%);z-index:0;width:200%;height:200%;animation:15s ease-in-out infinite morph;position:absolute;top:-50%;left:-50%}.hero-content{z-index:1;position:relative}.hero-logo-container{margin-bottom:40px;display:inline-block;position:relative}.hero-logo{z-index:2;border-radius:32px;width:160px;height:160px;animation:6s ease-in-out infinite float;position:relative}.hero-logo-ring{border:2px solid var(--accent);opacity:.3;border-radius:50%;animation:10s linear infinite rotate;position:absolute;inset:-20px}.hero-logo-ring-2{border:1px dashed var(--purple);opacity:.2;border-radius:50%;animation:15s linear infinite reverse rotate;position:absolute;inset:-40px}.hero h1{letter-spacing:-.03em;max-width:900px;margin:0 auto 24px;font-size:clamp(56px,10vw,88px);font-weight:900;line-height:1.1;animation:1s ease-out slide-up}.hero h1 .highlight{background:linear-gradient(135deg, var(--accent), var(--purple), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.hero h1 .highlight:after{content:"";background:linear-gradient(90deg, var(--accent), var(--purple), var(--blue));border-radius:2px;width:100%;height:4px;animation:2s infinite shimmer;position:absolute;bottom:-10px;left:0}.hero p{max-width:700px;color:var(--muted);margin:0 auto 48px;font-size:20px;line-height:1.8;animation:1s ease-out .2s backwards slide-up}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;animation:1s ease-out .4s backwards slide-up;display:flex}.hero-metrics{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:32px;max-width:900px;margin:100px auto 0;padding:40px;animation:1s ease-out .6s backwards slide-up;display:grid}.metric{text-align:center;position:relative}.metric:before{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;animation:2s ease-in-out infinite pulse-glow;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.metric-value{background:linear-gradient(135deg, var(--accent), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:42px;font-weight:900;animation:2s ease-in-out infinite bounce}.metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:14px;font-weight:600}.section{padding:120px 0;position:relative}.section-alt{background:var(--bg-alt)}.section-header{text-align:center;max-width:800px;margin:0 auto 80px}.section-tag{background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;text-transform:uppercase;letter-spacing:.1em;border-radius:100px;margin-bottom:24px;padding:8px 20px;font-size:12px;font-weight:700;animation:.8s ease-out slide-up;display:inline-block;position:relative;overflow:hidden}.section-tag:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}.section-header h2{margin-bottom:24px;font-size:clamp(42px,6vw,64px);animation:.8s ease-out .2s backwards slide-up}.section-header p{font-size:20px;animation:.8s ease-out .4s backwards slide-up}.features-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.feature-card{padding:40px;animation:.8s ease-out backwards slide-up;position:relative;overflow:hidden}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--purple), var(--blue));transform-origin:0;height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{background:linear-gradient(135deg, var(--accent), var(--purple));border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;font-size:32px;animation:4s ease-in-out infinite float;display:flex;position:relative}.feature-icon:after{content:"";background:linear-gradient(135deg, var(--accent), var(--purple));opacity:.3;filter:blur(10px);z-index:-1;border-radius:20px;position:absolute;inset:-4px}.feature-card h3{background:linear-gradient(135deg, var(--ink), var(--muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:24px}.feature-card p{color:var(--muted);font-size:16px;line-height:1.8}.card-3d{perspective:1000px}.card-3d-inner{transform-style:preserve-3d;transition:transform .6s}.card-3d:hover .card-3d-inner{transform:rotateY(10deg)rotateX(5deg)}.orbit-container{width:400px;height:400px;margin:0 auto;position:relative}.orbit-center{background:linear-gradient(135deg, var(--accent), var(--purple));z-index:10;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:24px;animation:2s ease-in-out infinite pulse-glow;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-item{background:var(--bg-card);border:2px solid var(--accent);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;animation:8s linear infinite orbit;display:flex;position:absolute}.orbit-item:nth-child(2){animation-delay:-2s}.orbit-item:nth-child(3){animation-delay:-4s}.orbit-item:nth-child(4){animation-delay:-6s}.steps{grid-template-columns:repeat(5,1fr);gap:24px;display:grid}.step{text-align:center;animation:.8s ease-out backwards slide-up;position:relative}.step:first-child{animation-delay:.1s}.step:nth-child(2){animation-delay:.2s}.step:nth-child(3){animation-delay:.3s}.step:nth-child(4){animation-delay:.4s}.step:nth-child(5){animation-delay:.5s}.step-number{background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:20px;font-weight:800;animation:3s ease-in-out infinite float;display:flex;position:relative}.step-number:after{content:"";background:linear-gradient(135deg, var(--accent), var(--purple));opacity:.3;filter:blur(8px);z-index:-1;border-radius:50%;position:absolute;inset:-4px}.step h3{margin-bottom:12px;font-size:18px;font-weight:700}.step p{color:var(--muted);font-size:14px;line-height:1.6}.install-section{text-align:center;color:#fff;background:linear-gradient(135deg,#1a1a2e,#16213e);position:relative;overflow:hidden}.install-section:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 30%);width:200%;height:200%;animation:20s ease-in-out infinite morph;position:absolute;top:-50%;left:-50%}.install-section>.container{z-index:1;position:relative}.install-section h2{color:#fff;margin-bottom:16px;font-size:clamp(42px,6vw,64px)}.install-section p{color:#ffffffb3;font-size:20px}.install-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:2px solid #fff3;border-radius:16px;align-items:center;gap:20px;margin:40px 0;padding:24px 32px;font-family:SF Mono,Monaco,monospace;font-size:16px;display:inline-flex;position:relative;overflow:hidden}.install-box:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}.copy-btn{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:#fff;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.copy-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.copy-btn:hover:before{left:100%}.copy-btn:hover{box-shadow:0 10px 30px var(--accent-glow);transform:scale(1.05)}.faq-list{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--line);animation:.8s ease-out backwards slide-up}.faq-item:first-child{animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}.faq-item:nth-child(4){animation-delay:.4s}.faq-item:nth-child(5){animation-delay:.5s}.faq-item:nth-child(6){animation-delay:.6s}.faq-question{text-align:left;width:100%;color:var(--ink);background:0 0;justify-content:space-between;align-items:center;gap:20px;padding:32px 0;font-size:18px;font-weight:700;transition:all .3s;display:flex}.faq-question:hover{color:var(--accent);padding-left:20px}.faq-icon{color:var(--accent);font-size:28px;transition:transform .3s;animation:2s ease-in-out infinite pulse-glow}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .5s,padding .5s;overflow:hidden}.faq-item.open .faq-answer{max-height:300px;padding-bottom:32px}.faq-answer p{color:var(--muted);font-size:16px;line-height:1.8}.footer{background:var(--bg-alt);border-top:1px solid var(--line);padding:80px 0 40px;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg, var(--accent), var(--purple), var(--blue), var(--accent));background-size:300% 100%;height:4px;animation:8s infinite gradient-shift;position:absolute;top:0;left:0;right:0}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:60px;display:grid}.footer-brand{max-width:350px}.footer-brand p{color:var(--muted);margin-top:16px;font-size:16px}.footer-col h4{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:24px;font-size:14px;font-weight:700}.footer-col a{color:var(--muted);margin-bottom:16px;font-size:15px;transition:all .3s;display:block;position:relative}.footer-col a:before{content:"";background:var(--accent);width:0;height:2px;transition:width .3s;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.footer-col a:hover{color:var(--accent);padding-left:20px}.footer-col a:hover:before{width:16px}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:40px;font-size:14px;display:flex}.toast{background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;box-shadow:0 10px 40px var(--accent-glow);z-index:10000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:16px 24px;font-size:15px;font-weight:600;animation:.5s slide-in-right;position:fixed;bottom:32px;right:32px}.text-accent{color:var(--accent)}.bg-accent{background:var(--accent)}@keyframes glitch-1{0%,to{clip-path:inset(0);transform:translate(0)}20%{clip-path:inset(20% 0 60%);transform:translate(-2px,2px)}40%{clip-path:inset(40% 0);transform:translate(2px,-2px)}60%{clip-path:inset(60% 0 20%);transform:translate(-2px,2px)}80%{clip-path:inset(80% 0 0);transform:translate(2px,-2px)}}@keyframes glitch-2{0%,to{clip-path:inset(0);transform:translate(0)}20%{clip-path:inset(60% 0 20%);transform:translate(2px,-2px)}40%{clip-path:inset(20% 0 60%);transform:translate(-2px,2px)}60%{clip-path:inset(80% 0 0);transform:translate(2px,-2px)}80%{clip-path:inset(40% 0);transform:translate(-2px,2px)}}.nav.open{background:var(--bg-card);border-bottom:1px solid var(--line);flex-direction:column;gap:16px;padding:24px;display:flex;position:absolute;top:80px;left:0;right:0}main{min-height:100vh}@media (width<=960px){.features-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.hero-metrics{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.nav{display:none}.menu-button{display:flex}.hero{padding:160px 0 80px}.hero h1{font-size:42px}.features-grid,.steps,.hero-metrics,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:16px}.section{padding:80px 0}.orbit-container{width:300px;height:300px}.orbit-center{width:80px;height:80px}.orbit-item{width:50px;height:50px;font-size:20px}}