:root{--bg-color:#020617;--text-primary:#f8fafc;--text-secondary:#f8fafc99;--accent-gold:#c5a059;--accent-silver:#cbd5e1;--accent-crimson:#991b1b;--glass-bg:#ffffff05;--glass-border:#ffffff14;--glass-blur:50px;--card-glow:#c5a0591a;--device-border:#c5a05933}.landing-body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden}.landing-container{max-width:1200px;margin:0 auto;padding:0 2rem}.video-overlay{background:radial-gradient(circle at center,#02061799 0%,#020617f2 70%,var(--bg-color)100%);z-index:-1;pointer-events:none;position:absolute;inset:0}.hero{align-items:center;min-height:100vh;padding-top:100px;padding-bottom:60px;display:flex;position:relative}.hero-container{justify-content:space-between;align-items:center;gap:6rem;display:flex}.hero-text-side{text-align:left;flex:1.2}.hero-visual-side{perspective:2000px;flex:.8;justify-content:flex-end;display:flex}.kicker{letter-spacing:.25em;color:var(--accent-gold);text-transform:uppercase;margin-bottom:1.5rem;font-size:.875rem;font-weight:700;display:block}.hero h1{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.5rem;font-size:clamp(3.5rem,6vw,5.5rem);font-style:italic;font-weight:900;line-height:.95}.hero .highlight{background:linear-gradient(135deg,#fff 0%,var(--accent-gold)100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #c5a05933);will-change:transform,opacity;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-desc{color:var(--text-secondary);max-width:520px;margin-bottom:3rem;font-size:1.25rem;line-height:1.6}.glass-device{aspect-ratio:9/19.5;border:2px solid var(--device-border);will-change:transform;background:#ffffff0d;border-radius:54px;width:340px;padding:12px;transition:transform .8s cubic-bezier(.16,1,.3,1),border-color .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:rotateY(-20deg)rotateX(10deg)translateZ(0);box-shadow:0 30px 60px -20px #0009,inset 0 0 10px #ffffff0d}.glass-device:hover{border-color:#8b5cf666;transform:rotateY(-5deg)rotateX(5deg)translateY(-15px)translateZ(0)}.device-screen{background:#000;border-radius:42px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000c}.device-screen video{object-fit:cover;width:100%;height:100%}.sound-toggle{color:#fff;cursor:pointer;z-index:100;background:#141414d9;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:24px;right:24px}.sound-toggle:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#ffffff1a;transform:scale(1.1)}.sound-toggle .tooltip{background:var(--accent-gold);color:#000;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;transition:all .3s;position:absolute;bottom:120%;right:0}.sound-toggle:hover .tooltip{opacity:1;visibility:visible;transform:translateY(-8px)}.waitlist-form{background:#14141ed9;border:1px solid #ffffff26;border-radius:100px;gap:.5rem;max-width:480px;padding:.5rem;display:flex;box-shadow:0 10px 30px #00000080}.waitlist-form input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:0 1.5rem;font-size:1rem}.waitlist-form button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:100px;padding:.8rem 2rem;font-weight:600;transition:transform .2s cubic-bezier(.4,0,.2,1)}.waitlist-form button:hover{background:#f0f0f0;transform:scale(1.05)}.share-container{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.share-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.share-buttons{gap:1rem;display:flex}.share-btn{border:1px solid var(--glass-border);width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.share-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#ffffff1a;transform:translateY(-4px)}.share-btn .tooltip{background:var(--accent-gold);color:#000;white-space:nowrap;opacity:0;visibility:hidden;border-radius:6px;padding:.4rem .8rem;font-size:.75rem;font-weight:700;transition:all .3s;position:absolute;bottom:120%;left:50%;transform:translate(-50%)translateY(10px)}.share-btn:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.features{padding:12rem 0;position:relative}.feature-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-card{will-change:transform;background:linear-gradient(135deg,#14192899 0%,#0a0f19e6 100%);border:1px solid #ffffff14;border-radius:40px;flex-direction:column;transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .8s cubic-bezier(.16,1,.3,1),border-color .8s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.feature-card:hover{box-shadow:0 40px 80px -20px #000c,0 0 30px 0 var(--card-glow);border-color:#c5a0594d;transform:translateY(-20px)scale(1.03)translateZ(0)}.feature-visual{aspect-ratio:1;background:radial-gradient(circle,#c5a05914,#0000 80%);width:100%;position:relative;overflow:hidden}.feature-visual img{object-fit:contain;filter:drop-shadow(0 0 30px #c5a05933);will-change:transform;width:100%;height:100%;padding:1.5rem;transition:transform 1s cubic-bezier(.16,1,.3,1);transform:translateZ(0)}.feature-card:hover .feature-visual img{transform:scale(1.15)rotate(3deg)translateZ(0)}.feature-info{background:linear-gradient(#0000,#050505e6);padding:3rem}.feature-card h3{letter-spacing:-.01em;margin-bottom:1rem;font-size:2.2rem;font-style:italic;font-weight:900}.feature-card p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7}.roadmap{text-align:center;padding:10rem 0}.roadmap-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;display:grid;position:relative}.roadmap-item{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-radius:24px;padding:3rem 2rem;transition:all .4s}.roadmap-item.active{border-color:var(--accent-gold);background:#c5a0590d;box-shadow:0 0 40px #c5a0591a}.phase-badge{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--accent-gold);text-transform:uppercase;letter-spacing:.1em;border-radius:100px;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-size:.75rem;font-weight:800;display:inline-block}.roadmap-item h3{margin-bottom:1rem;font-size:1.5rem}.roadmap-item p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.landing-footer{border-top:1px solid var(--glass-border);text-align:center;background:#020617f2;padding:4rem 0}.footer-content{flex-direction:column;align-items:center;gap:3rem;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;gap:4rem;display:flex}.footer-group{flex-direction:column;align-items:center;gap:1rem;display:flex}.footer-group h4{text-transform:uppercase;letter-spacing:.2em;color:var(--accent-gold);font-size:.75rem}.footer-group a{color:var(--text-primary);font-size:.875rem;text-decoration:none;transition:color .3s}.footer-group a:hover{color:var(--accent-gold)}@media (max-width:1024px){.hero-container{text-align:center;flex-direction:column;gap:4rem}.hero-text-side{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-visual-side{justify-content:center;transform:none!important}.glass-device{transform:none!important}.feature-grid,.roadmap-grid{grid-template-columns:1fr}}.hero-cta-container{margin-top:1.5rem}.cta-button{color:var(--bg-color);cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);border:none;border-radius:100px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #fff3}.cta-button:hover{box-shadow:0 20px 40px #ffffff4d,0 0 20px var(--accent-gold);transform:scale(1.05)translateY(-2px)}.featured-section{z-index:10;padding:8rem 0 4rem;position:relative}.story-card{border:1px solid var(--glass-border);background:#14192866;border-radius:20px;flex-direction:column;gap:12px;padding:12px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.story-card:hover{background:#1e2332b3;border-color:#c5a0594d;transform:translateY(-8px);box-shadow:0 20px 40px #0006}.card-visual{border-radius:12px;width:100%;position:relative;overflow:hidden}.card-hover-overlay{opacity:0;background:#00000080 radial-gradient(circle,#0000 0%,#000c 100%);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.story-card:hover .card-hover-overlay{opacity:1}.play-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:.1em;background:#ffffff1a;border:1px solid #fff3;border-radius:100px;padding:.6rem 1.2rem;font-size:.8rem;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.story-card:hover .play-button{transform:translateY(0)}.play-button:hover{color:#000;background:#fff;transform:scale(1.05)}.card-info{padding:0 4px 8px}.creator-section{padding:6rem 0 10rem}.creator-banner{border:1px solid var(--glass-border);background:linear-gradient(135deg,#141928cc 0%,#0a0f19f2 100%);border-radius:40px;justify-content:space-between;align-items:center;padding:4rem 5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px -20px #000c}.creator-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#c5a05926 0%,#0000 70%);width:60%;height:200%;position:absolute;top:-50%;right:-20%;transform:rotate(30deg)}.creator-text{z-index:2;flex:1;position:relative}.creator-glass{background:radial-gradient(circle at 30% 30%,#ffffff1a 0%,#ffffff05 100%);border:1px solid #ffffff1a;border-radius:50%;width:300px;height:300px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #00000080,0 20px 40px #00000080}.glass-reflection{background:linear-gradient(105deg,#0000 40%,#fff3 45%,#fff6 50%,#fff3 55%,#0000 60%);width:200%;height:200%;animation:8s linear infinite sweep;position:absolute;top:0;left:-50%}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:1024px){.creator-banner{text-align:center;flex-direction:column;gap:3rem;padding:3rem 2rem}.creator-glass{width:200px;height:200px}}