:root{--nyte-primary:#6134cb;--nyte-secondary:#9b7ebd;--nyte-dark-purple:#2f1962;--nyte-bg:#000;--nyte-card:#1c1a22;--nyte-border:#6b4fa8;--pod-gold:#996d26;--pod-bronze:#b8860b;--pod-dark:#6b5416;--pod-light:#d4af37;--pod-accent:#3d2f1f;--font-primary:"Avenir Next", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-xxl:32px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--nyte-bg);color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle,#6134cb26 0%,#000c 100%);width:100vw;height:100vh;transition:background 1s;position:fixed;top:0;left:0}body.pods-active:before{background:radial-gradient(circle,#d4af3726 0%,#000000e6 100%)}#webgl-canvas{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{font-weight:700}.section-title{margin-bottom:var(--space-xl);text-align:center;font-size:40px}p{color:#ccc;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.section{z-index:1;padding:100px 0;position:relative}.btn{border-radius:var(--radius-xl);cursor:pointer;text-align:center;padding:14px 32px;font-size:16px;font-weight:700;transition:all .3s;display:inline-block}.btn-primary{background:var(--nyte-primary);color:#fff;box-shadow:0 0 20px #6134cb66,0 4px 20px #0000004d}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 30px #6134cb99,0 4px 20px #0000004d}.btn-gold{background:var(--pod-gold);color:#fff;box-shadow:0 0 20px #d4af3766,0 4px 20px #0000004d}.btn-gold:hover{transform:scale(1.05);box-shadow:0 0 30px #d4af3799,0 4px 20px #0000004d}.glass{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);background:#1c1a2299;border:1px solid #6b4fa84d}.navbar{z-index:100;width:100%;padding:20px 0;transition:all .3s;position:fixed;top:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);background:#000c;border-bottom:1px solid #6b4fa84d;padding:15px 0}.nav-container{max-width:1200px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-links{gap:30px;display:flex}.nav-links a{font-size:16px;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--nyte-secondary)}.hero{align-items:center;min-height:100vh;padding-top:100px;display:flex}.hero-content-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex}.hero-content{flex:1;max-width:600px}.hero-title{margin-bottom:var(--space-md);background:linear-gradient(135deg,#fff 0%,#aaa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:64px;line-height:1.1}.hero-subtitle{margin-bottom:var(--space-xl);max-width:480px;font-size:18px}.hero-visual{perspective:1000px;flex:1;justify-content:flex-end;display:flex}.mockup-img{filter:drop-shadow(0 20px 50px #6134cb80);border-radius:40px;width:100%;max-width:400px}.floating{animation:6s ease-in-out infinite float}.floating-delay{filter:drop-shadow(0 20px 50px #d4af3780);animation:6s ease-in-out 3s infinite float}@keyframes float{0%{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-20px)rotate(2deg)}to{transform:translateY(0)rotate(-2deg)}}.features-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card{padding:30px;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #6134cb33}.feature-card .icon{margin-bottom:20px;font-size:40px}.feature-card h3{margin-bottom:15px;font-size:24px}.pods{transition:background-color 1s}.text-gold{color:var(--pod-light);background:linear-gradient(135deg, var(--pod-light), var(--pod-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.pods-container{align-items:center;gap:50px;display:flex}.pods-content{flex:1}.pods-subtitle{margin-bottom:var(--space-md);color:#fff;font-size:28px}.pods-content p{margin-bottom:20px;font-size:18px}.pods-visual{flex:1;justify-content:center;display:flex}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--nyte-primary), transparent);width:2px;height:100%;position:absolute;top:0;left:30px}.timeline-step{opacity:0;align-items:flex-start;margin-bottom:40px;display:flex;transform:translateY(20px)}.step-icon{background:var(--nyte-primary);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-right:30px;font-size:24px;font-weight:700;display:flex;box-shadow:0 0 15px #6134cb80}.step-content{border-radius:var(--radius-md);background:#1c1a2266;border:1px solid #6b4fa833;flex:1;padding:20px}.step-content h3{margin-bottom:10px;font-size:22px}.stats-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;display:grid}.stat-card{padding:40px 20px}.stat-number{color:var(--nyte-secondary);margin-bottom:10px;font-size:48px}.download-container{text-align:center;padding:80px 0}.download-subtitle{margin-bottom:40px;font-size:20px}.app-buttons{justify-content:center;gap:20px;display:flex}.store-button img{height:60px;transition:transform .3s}.store-button:hover img{transform:scale(1.05)}.footer{z-index:1;background:#000;border-top:1px solid #6b4fa84d;padding:60px 0 20px;position:relative}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-brand p{margin-top:15px}.footer-links h4{margin-bottom:20px;font-size:18px}.footer-links a{color:#aaa;margin-bottom:10px;transition:color .3s;display:block}.footer-links a:hover{color:var(--nyte-secondary)}.footer-bottom{color:#666;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.social-links a{color:#888;margin-left:20px}.social-links a:hover{color:#fff}@media (width<=768px){.hero-content-wrapper,.pods-container{text-align:center;flex-direction:column}.hero-title{font-size:42px}.hero-visual,.pods-visual{justify-content:center;margin-top:50px}.nav-links{display:none}.footer-grid{text-align:center;grid-template-columns:1fr}.timeline:before{left:20px}.step-icon{width:40px;height:40px;margin-right:15px;font-size:18px}}