:root{--bg:#080611;--ink:#fbf9ff;--muted:#b8afc8;--pink:#ff4fb7;--coral:#ff8d76;--violet:#8d5cff;--blue:#278cff;--line:rgba(255,255,255,.13);--glass:rgba(255,255,255,.065);font-family:'DM Sans',system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);overflow-x:hidden}body{margin:0;color:var(--ink);background:var(--bg);overflow-x:hidden}.shell{width:min(1240px,calc(100% - 48px));margin:auto}a{color:inherit}em{font-style:normal;background:linear-gradient(100deg,var(--coral),var(--pink) 42%,#b774ff 72%,#62b7ff);-webkit-background-clip:text;background-clip:text;color:transparent}#atmosphere{position:fixed;inset:0;width:100%;max-width:100%;height:100%;pointer-events:none;opacity:.75;z-index:0}.aurora{position:fixed;inset:-40%;pointer-events:none;background:radial-gradient(circle at 35% 30%,rgba(152,63,255,.18),transparent 26%),radial-gradient(circle at 72% 45%,rgba(255,63,176,.14),transparent 24%),radial-gradient(circle at 50% 80%,rgba(39,140,255,.13),transparent 27%);filter:blur(40px);animation:aurora 18s ease-in-out infinite alternate;z-index:0}.scroll-meter{position:fixed;top:0;left:0;width:100%;height:3px;z-index:50;background:rgba(255,255,255,.04)}.scroll-meter span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--pink),var(--violet),var(--blue));box-shadow:0 0 18px var(--pink)}
.page-loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;align-content:center;gap:20px;background:#080611;transition:clip-path 1.05s cubic-bezier(.76,0,.24,1),visibility 1.05s;clip-path:inset(0)}.page-loader.done{clip-path:inset(0 0 100% 0);visibility:hidden}.page-loader img{width:72px;filter:drop-shadow(0 0 30px rgba(255,79,183,.55));animation:loaderSpin 1.5s cubic-bezier(.7,0,.3,1) infinite}.page-loader span{width:180px;height:1px;background:linear-gradient(90deg,transparent,var(--pink),var(--blue),transparent);transform-origin:left;animation:loaderLine 1.3s ease-in-out infinite}.page-loader p{margin:0;color:#83768f;font:700 9px Manrope;letter-spacing:.24em}.cursor-core,.cursor-ring{position:fixed;left:0;top:0;z-index:90;border-radius:50%;pointer-events:none;mix-blend-mode:screen;will-change:transform}.cursor-core{width:7px;height:7px;margin:-3.5px;background:#fff;box-shadow:0 0 14px #fff,0 0 34px var(--pink)}.cursor-ring{width:40px;height:40px;margin:-20px;border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 0 14px rgba(136,80,255,.2);transition:width .2s,height .2s,margin .2s,border-color .2s}.cursor-ring.hot{width:68px;height:68px;margin:-34px;border-color:var(--pink)}
.nav{height:90px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.15em}.brand img{width:37px;height:37px;object-fit:contain}.nav nav{display:flex;gap:34px}.nav nav a,.footer-links a{font-size:14px;color:var(--muted);text-decoration:none;transition:.25s}.nav nav a:hover,.footer-links a:hover{color:#fff}.nav-cta{border:1px solid var(--line);padding:12px 17px;border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;background:rgba(255,255,255,.05);backdrop-filter:blur(18px)}
.hero{min-height:calc(100vh - 90px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;z-index:2;padding:60px 0 100px}.kicker,.section-no{font:700 12px/1 Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#d7cfe6}.kicker{display:flex;align-items:center;gap:10px}.kicker i,.recording i,.live-pill i{width:7px;height:7px;border-radius:50%;background:#55f0b1;box-shadow:0 0 18px #55f0b1;animation:pulse 1.6s infinite}.hero h1{font:800 clamp(4.3rem,8.2vw,8.8rem)/.86 Manrope,sans-serif;letter-spacing:-.075em;margin:25px 0 26px}.hero-lede{max-width:620px;color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.65}.hero-actions,.store-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:58px;padding:0 24px;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .2s,box-shadow .2s}.primary{background:linear-gradient(110deg,#ff7d77,#ff48b4 45%,#8b5fff);box-shadow:0 18px 50px rgba(238,64,176,.25)}.primary:hover{box-shadow:0 24px 70px rgba(238,64,176,.4)}.ghost{border:1px solid var(--line);background:rgba(255,255,255,.04)}.play{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:white;color:#110a19;font-size:9px;padding-left:2px}.trust-row{display:flex;gap:24px;margin-top:30px;color:#7f768f;font-size:12px;letter-spacing:.03em}.trust-row b{color:#d7d0e2}.hero-stage{height:min(760px,76vh);position:relative;display:grid;place-items:center;perspective:1100px}.companion{position:relative;z-index:3;width:min(580px,48vw);max-height:78vh;object-fit:contain;filter:drop-shadow(0 40px 70px rgba(87,49,255,.28));animation:float 5s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(-18deg)}.orbit-a{width:74%;aspect-ratio:1;animation:orbit 14s linear infinite}.orbit-b{width:94%;aspect-ratio:1;border-color:rgba(255,76,184,.12);animation:orbit 22s linear infinite reverse}.note{position:absolute;color:#c8a9ff;text-shadow:0 0 18px currentColor;animation:drift 4s ease-in-out infinite}.note-a{top:16%;left:10%;font-size:28px}.note-b{right:7%;top:34%;font-size:20px;animation-delay:-2s}.note-c{bottom:19%;left:16%;font-size:18px;animation-delay:-1s}.coach-bubble{position:absolute;z-index:5;right:-2%;top:17%;display:flex;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(19,13,31,.68);backdrop-filter:blur(24px);box-shadow:0 22px 60px rgba(0,0,0,.3);animation:float 5s ease-in-out infinite -2s}.coach-bubble span{width:9px;height:9px;border-radius:50%;margin-top:6px;background:var(--pink);box-shadow:0 0 18px var(--pink)}.coach-bubble p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.coach-bubble b{color:#fff}.live-pill{position:absolute;z-index:5;bottom:18%;left:4%;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(18,13,30,.7);backdrop-filter:blur(20px);font-size:12px;display:flex;gap:9px;align-items:center}.scroll-cue{position:absolute;bottom:35px;left:0;text-decoration:none;color:#8b8298;font-size:11px;letter-spacing:.13em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.scroll-cue span{display:block;width:35px;height:1px;background:linear-gradient(90deg,var(--pink),transparent)}
.marquee{position:relative;z-index:2;overflow:hidden;border-block:1px solid var(--line);background:rgba(255,255,255,.025);transform:rotate(-1.3deg) scale(1.03);padding:22px 0}.marquee div{width:max-content;font:700 14px/1 Manrope,sans-serif;letter-spacing:.16em;animation:marquee 24s linear infinite}.marquee b{color:var(--pink);margin:0 25px}
.hero{isolation:isolate}.hero:before{content:'SING  ·  SEE  ·  GROW  ·  SING  ·  SEE  ·  GROW';position:absolute;z-index:-1;left:-12vw;bottom:1vh;width:max-content;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055);font:800 clamp(5rem,11vw,12rem)/1 Manrope;letter-spacing:-.05em;animation:ghostMarquee 32s linear infinite}.hero:after{content:'';position:absolute;z-index:-2;right:-15vw;top:5%;width:68vw;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 40deg,transparent,rgba(255,72,184,.16),transparent 35%,rgba(54,136,255,.14),transparent 70%);filter:blur(3px);animation:orbit 24s linear infinite}.hero-copy{position:relative;z-index:7}.hero h1{will-change:transform,opacity}.hero-stage{--hero-rx:0deg;--hero-ry:0deg;transform:perspective(1200px) rotateX(var(--hero-rx)) rotateY(var(--hero-ry));transition:transform .12s linear;will-change:transform}.hero-stage:before{content:'';position:absolute;width:65%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 45% 42%,rgba(255,255,255,.14),rgba(255,68,182,.12) 20%,rgba(106,64,255,.13) 45%,transparent 70%);filter:blur(20px);animation:breath 3.8s ease-in-out infinite}.hero-stage:after{content:'';position:absolute;left:15%;right:15%;bottom:10%;height:2px;background:linear-gradient(90deg,transparent,#ff4fb7,#8d5cff,transparent);box-shadow:0 0 35px 12px rgba(148,70,255,.25);transform:rotateX(70deg)}.companion{width:min(650px,52vw);max-height:82vh;filter:drop-shadow(0 40px 70px rgba(87,49,255,.42))}
.signal-tunnel{height:470vh;position:relative;z-index:3}.signal-tunnel__sticky{position:sticky;top:0;height:100vh;min-height:650px;overflow:hidden;background:#080611;isolation:isolate}.tunnel-rings{--tunnel-p:0;position:absolute;inset:-50%;background:repeating-radial-gradient(ellipse at calc(50% + var(--mouse-x,0px)) calc(50% + var(--mouse-y,0px)),transparent 0 6.5%,rgba(139,88,255,.17) 6.65%,transparent 6.85% 12%);transform:perspective(800px) rotateX(67deg) translateY(calc(34% - var(--tunnel-p)*1px)) scale(calc(1 + var(--tunnel-p)*.0015));filter:drop-shadow(0 0 12px rgba(255,65,183,.2));animation:tunnelBreathe 5s ease-in-out infinite alternate;will-change:transform}.tunnel-rings:before{content:'';position:absolute;inset:24%;border-radius:50%;background:radial-gradient(circle,rgba(255,65,185,.48),rgba(108,69,255,.18) 32%,transparent 67%);filter:blur(30px)}.tunnel-noise{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.tunnel-copy{position:absolute;z-index:4;left:6vw;top:50%;width:min(730px,58vw);transform:translateY(-50%)}.tunnel-copy h2{margin:18px 0 22px;font:800 clamp(4.5rem,8.8vw,10rem)/.82 Manrope;letter-spacing:-.08em}.tunnel-copy>p:last-child{max-width:440px;color:#c3b8cf;font-size:1.05rem;line-height:1.65}.tunnel-copy.change h2,.tunnel-copy.change>p{animation:tunnelText .55s cubic-bezier(.2,.8,.2,1)}.tunnel-card{--card-rx:0deg;--card-ry:0deg;position:absolute;z-index:3;right:7vw;top:50%;width:min(410px,31vw);aspect-ratio:.72;padding:22px;border:1px solid rgba(255,255,255,.21);border-radius:35px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(22,11,38,.52) 55%,rgba(255,65,181,.12));box-shadow:0 60px 130px rgba(0,0,0,.55),inset 0 0 70px rgba(255,255,255,.04);backdrop-filter:blur(23px);transform:translateY(-50%) perspective(900px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) rotate(5deg);will-change:transform}.tunnel-card:after{content:'';position:absolute;inset:7px;border:1px solid rgba(255,255,255,.08);border-radius:28px;pointer-events:none}.tunnel-card__top{display:flex;align-items:center;gap:9px;color:#cbbfd7;font:700 10px Manrope;letter-spacing:.15em}.tunnel-card__top i{flex:1;height:1px;background:rgba(255,255,255,.13)}.tunnel-wave{height:52%;display:flex;align-items:center;gap:5px}.tunnel-wave i{flex:1;height:var(--wave,20%);border-radius:99px;background:linear-gradient(180deg,#67b9ff,#9d5cff,#ff54ba);box-shadow:0 0 14px rgba(143,83,255,.28);animation:waveBars 1.5s ease-in-out infinite alternate}.tunnel-wave i:nth-child(3n){--wave:76%;animation-delay:-.8s}.tunnel-wave i:nth-child(3n+1){--wave:38%;animation-delay:-.3s}.tunnel-wave i:nth-child(4n){--wave:92%;animation-delay:-1.1s}.tunnel-card strong{display:block;font:800 clamp(6rem,10vw,10rem)/.8 Manrope;letter-spacing:-.09em;background:linear-gradient(135deg,#fff,#ff8ed4 58%,#8e70ff);-webkit-background-clip:text;background-clip:text;color:transparent}.tunnel-card small{color:#998da7;font:700 9px Manrope;letter-spacing:.25em}.tunnel-soni{position:absolute;z-index:5;right:-5vw;bottom:-14vh;width:min(440px,32vw);filter:drop-shadow(0 30px 55px rgba(108,58,255,.52));transform:rotate(-18deg);will-change:transform}.tunnel-index{position:absolute;z-index:4;left:6vw;bottom:6vh;display:flex;align-items:center;gap:13px;font:700 11px Manrope;letter-spacing:.16em;color:#73677f}.tunnel-index b{color:#fff}.tunnel-index span{width:90px;height:1px;background:linear-gradient(90deg,var(--pink),rgba(255,255,255,.13))}
.soni-guide{position:fixed;right:24px;top:50%;z-index:35;display:grid;justify-items:end;gap:10px;transform:translateY(-50%);transition:opacity .35s,transform .35s}.soni-guide__orb{position:relative;width:78px;height:78px;border:1px solid rgba(255,255,255,.17);border-radius:50%;padding:0;background:radial-gradient(circle at 45% 42%,rgba(169,86,255,.28),rgba(8,6,17,.78) 64%);box-shadow:0 16px 55px rgba(0,0,0,.42),inset 0 0 25px rgba(255,255,255,.05);backdrop-filter:blur(18px);cursor:pointer}.soni-guide__orb img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(112,70,255,.35));animation:guideFloat 3.4s ease-in-out infinite}.soni-guide__halo{position:absolute;inset:-7px;border:1px solid rgba(255,76,184,.3);border-radius:50%;animation:guideHalo 2.4s ease-out infinite}.soni-guide__status{position:absolute;z-index:3;right:4px;bottom:7px;width:12px;height:12px;border:3px solid #100b19;border-radius:50%;background:#55f0b1;box-shadow:0 0 12px #55f0b1}.soni-guide__bubble{max-width:210px;border:1px solid var(--line);border-radius:17px 4px 17px 17px;padding:12px 14px;text-align:left;color:#dcd4e8;background:rgba(15,10,25,.82);box-shadow:0 18px 50px rgba(0,0,0,.35);backdrop-filter:blur(20px);cursor:pointer;transition:transform .25s,opacity .25s}.soni-guide__bubble:hover{transform:translateX(-4px)}.soni-guide__bubble small{display:block;margin-bottom:5px;color:var(--pink);font:700 9px Manrope;letter-spacing:.14em}.soni-guide__bubble span{font-size:12px;line-height:1.45}.soni-guide__bubble.changing{opacity:0;transform:translateY(7px)}.soni-guide__chapters{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(8,6,17,.62);backdrop-filter:blur(16px)}.soni-guide__chapters a{width:5px;height:5px;border-radius:999px;background:#6f667b;transition:width .3s,background .3s,box-shadow .3s}.soni-guide__chapters a.active{width:20px;background:var(--pink);box-shadow:0 0 11px var(--pink)}
.story{position:relative;z-index:2;padding:180px 0;display:grid;grid-template-columns:.68fr 1.32fr;gap:80px;align-items:center}.story-intro h2,.feature-heading h2,.journey h2,.finale h2{font:800 clamp(3.4rem,6.2vw,7rem)/.91 Manrope,sans-serif;letter-spacing:-.065em;margin:18px 0 26px}.story-intro>p:last-child,.journey-copy>p:last-child,.finale-copy>p{color:var(--muted);line-height:1.7;max-width:530px}.pitch-demo{min-height:530px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));box-shadow:0 40px 100px rgba(0,0,0,.35);padding:30px;transform-style:preserve-3d;backdrop-filter:blur(18px)}.demo-top{display:flex;justify-content:space-between;font-weight:600}.recording{font-size:11px;display:flex;align-items:center;gap:8px;color:#a8ffda}.lane{height:320px;position:relative;margin:40px 0 14px;overflow:hidden;border-radius:22px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 64px),linear-gradient(180deg,#191128,#0c0a15)}.lane svg{position:absolute;inset:0;width:100%;height:100%}.trace,.trace-glow{fill:none;stroke-linecap:round;stroke-linejoin:round}.trace-glow{stroke:#ff42b8;stroke-width:20;opacity:.25;filter:blur(10px)}.trace{stroke:url(#x);stroke:#ff78d2;stroke-width:6;stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw 5s ease-in-out infinite}.target{position:absolute;height:12px;border-radius:999px;background:linear-gradient(90deg,#536cff,#b55cff);box-shadow:0 0 22px rgba(126,88,255,.45);opacity:.65}.t1{left:8%;top:66%;width:17%}.t2{left:29%;top:43%;width:16%}.t3{left:52%;top:24%;width:17%}.t4{right:6%;top:52%;width:18%}.playhead{position:absolute;left:0;top:0;bottom:0;width:2px;background:white;box-shadow:0 0 18px white;animation:scan 5s ease-in-out infinite}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.demo-stats div{padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035)}.demo-stats small{display:block;color:#80768f;margin-bottom:6px}.demo-stats b{font-size:14px}
.companion-story{height:360vh;position:relative;z-index:3;background:radial-gradient(circle at 50% 55%,rgba(139,73,255,.16),transparent 38%)}.companion-story__sticky{position:sticky;top:0;height:100vh;min-height:650px;overflow:hidden;display:flex;align-items:center}.companion-story__copy{position:relative;z-index:4;padding-right:52%;pointer-events:none}.companion-story__copy h2{max-width:710px;margin:20px 0;font:800 clamp(3.6rem,7vw,7.7rem)/.9 Manrope;letter-spacing:-.07em}.companion-story__copy>p:last-child{max-width:470px;color:var(--muted);font-size:1.08rem;line-height:1.7}.voice-road{position:absolute;inset:8% -5% 0 37%;z-index:1}.voice-road__line{position:absolute;inset:0;background:linear-gradient(152deg,transparent 45%,rgba(255,255,255,.05) 45.1% 45.35%,transparent 45.45%),radial-gradient(ellipse at 62% 48%,rgba(255,79,183,.09),transparent 50%);clip-path:polygon(0 68%,100% 0,100% 100%,0 100%)}.voice-road i{position:absolute;left:var(--x);top:var(--y);width:clamp(70px,9vw,150px);height:14px;border-radius:999px;background:linear-gradient(90deg,#347eff,#a15cff 53%,#ff4fb7);box-shadow:0 0 34px rgba(137,80,255,.5);transform:rotate(-8deg)}.voice-road i:after{content:'♪';position:absolute;right:10px;top:-37px;color:#e8d8ff;font-size:20px;text-shadow:0 0 14px #9a5cff}.scene-companion{--scene-x:56vw;--scene-y:60vh;--scene-rotate:-8deg;position:absolute;z-index:3;left:0;top:0;transform:translate3d(var(--scene-x),var(--scene-y),0) rotate(var(--scene-rotate));will-change:transform}.scene-companion img{width:clamp(190px,25vw,390px);height:clamp(190px,25vw,390px);object-fit:contain;filter:drop-shadow(0 32px 50px rgba(93,54,255,.4))}.scene-companion span{position:absolute;inset:18%;border-radius:50%;background:rgba(255,76,184,.22);filter:blur(35px);animation:breath 3s ease-in-out infinite}.scene-progress{position:absolute;left:50%;bottom:36px;width:min(500px,52vw);height:2px;transform:translateX(-50%);background:rgba(255,255,255,.1)}.scene-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--coral),var(--pink),var(--blue));box-shadow:0 0 15px var(--pink)}.scene-hint{position:absolute;left:50%;bottom:50px;transform:translateX(-50%);color:#82788e;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.feature-world{position:relative;z-index:2;padding:150px 0;background:linear-gradient(180deg,transparent,rgba(72,27,114,.13),transparent)}.feature-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.feature-heading h2{max-width:830px}.bento{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:55px}.feature-card{min-height:470px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;padding:34px;background:rgba(255,255,255,.055);backdrop-filter:blur(16px);transform-style:preserve-3d}.feature-card:nth-child(2),.feature-card:nth-child(3){min-height:380px}.feature-card .chip{display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08);color:#c4b9d4;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.feature-card h3{font:700 clamp(2rem,3.4vw,3.5rem)/1 Manrope,sans-serif;letter-spacing:-.05em;margin:25px 0 14px}.feature-card p{max-width:500px;color:var(--muted);line-height:1.6}.range-card{background:radial-gradient(circle at 70% 90%,rgba(48,139,255,.22),transparent 50%),rgba(255,255,255,.05)}.range-viz{position:absolute;left:34px;right:34px;bottom:45px;display:flex;align-items:center;gap:14px;color:#797086;font-size:12px}.range-viz div{flex:1;display:flex;align-items:center;justify-content:space-between;height:130px}.range-viz i{width:9%;height:var(--h,40%);border-radius:999px;background:linear-gradient(180deg,var(--pink),var(--violet),var(--blue));box-shadow:0 0 18px rgba(112,82,255,.3)}.range-viz i:nth-child(1),.range-viz i:nth-child(7){height:30%}.range-viz i:nth-child(2),.range-viz i:nth-child(6){height:52%}.range-viz i:nth-child(3),.range-viz i:nth-child(5){height:76%}.range-viz i:nth-child(4){height:100%}.coach-card{background:radial-gradient(circle at 85% 80%,rgba(255,67,177,.22),transparent 48%),rgba(255,255,255,.05)}.mini-orb{position:absolute;right:24px;bottom:24px;display:flex;align-items:center;gap:6px}.mini-orb img{width:145px;height:145px;object-fit:contain}.mini-orb span{max-width:175px;padding:13px;border:1px solid var(--line);border-radius:16px;background:rgba(11,8,19,.65);font-size:12px;color:#d7cee3}.songs-card{background:radial-gradient(circle at 20% 90%,rgba(255,128,103,.18),transparent 43%),rgba(255,255,255,.05)}.album-stack{position:absolute;right:50px;bottom:40px;width:210px;height:150px}.album-stack i{position:absolute;inset:0;border-radius:18px;background:linear-gradient(135deg,#ff8a70,#ff43ad 48%,#6a63ff);transform:rotate(-11deg);box-shadow:0 22px 40px rgba(0,0,0,.25)}.album-stack i:nth-child(2){transform:translate(-25px,12px) rotate(-4deg);filter:hue-rotate(35deg)}.album-stack i:nth-child(3){transform:translate(-48px,25px) rotate(5deg);filter:hue-rotate(80deg)}.album-stack strong{position:absolute;right:18px;bottom:-20px;font-size:12px}.progress-card{background:radial-gradient(circle at 75% 90%,rgba(110,75,255,.25),transparent 47%),rgba(255,255,255,.05)}.bars{position:absolute;right:36px;bottom:36px;left:36px;height:145px;display:flex;align-items:flex-end;gap:12px}.bars i{flex:1;height:var(--h);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#ff66c4,#7b5fff 70%,#318bff);box-shadow:0 0 20px rgba(139,78,255,.2);transform-origin:bottom;animation:bars 3s ease-in-out infinite alternate}.bars i:nth-child(2n){animation-delay:-1s}
.journey{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:180px 0}.journey-copy{position:sticky;top:130px;align-self:start}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:38px 0;border-top:1px solid var(--line)}.steps li:last-child{border-bottom:1px solid var(--line)}.steps li>b{font:700 12px Manrope;color:var(--pink)}.steps h3{font:700 2rem Manrope;margin:0 0 10px;letter-spacing:-.04em}.steps p{color:var(--muted);line-height:1.6;margin:0}.finale{min-height:95vh;position:relative;z-index:2;overflow:hidden;display:grid;place-items:center;text-align:center;padding:160px 24px}.finale-copy{position:relative;z-index:3}.finale h2{font-size:clamp(4rem,8.5vw,9rem)}.finale-copy>p{margin-inline:auto}.finale-companion{position:absolute;width:min(450px,48vw);right:-4%;bottom:-12%;opacity:.36;filter:blur(.4px) drop-shadow(0 0 65px rgba(140,72,255,.5));transform:rotate(-16deg)}.finale-rings{position:absolute;width:min(950px,95vw);aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 100px rgba(255,255,255,.012),0 0 0 220px rgba(255,255,255,.008);background:radial-gradient(circle,rgba(148,66,255,.2),transparent 60%);animation:breath 5s ease-in-out infinite}.store-actions{justify-content:center}.store-link{display:inline-flex;gap:18px;padding:16px 8px;text-decoration:none;border-bottom:1px solid var(--line);font-weight:600}footer{position:relative;z-index:2;min-height:180px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;color:#81768f;font-size:13px}.footer-brand{display:flex;gap:13px;align-items:center}.footer-brand img{width:42px}.footer-brand div{display:grid}.footer-brand b{color:#fff;letter-spacing:.15em}.footer-links{display:flex;gap:20px;flex-wrap:wrap}
#liquid-world{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.82;filter:saturate(1.2) contrast(1.06)}#atmosphere{z-index:1}
.world-reel{height:500vh;position:relative;z-index:4;background:#080611}.world-reel__sticky{position:sticky;top:0;height:100vh;min-height:650px;overflow:hidden;isolation:isolate}.world-reel__sticky:before{content:'';position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 0 140px 45px #080611}.world-reel__rail{display:flex;width:400vw;height:100%;will-change:transform}.reel-scene{position:relative;width:100vw;height:100%;flex:0 0 100vw;overflow:hidden;display:flex;align-items:center;padding:8vw;background:#080611;isolation:isolate}.reel-scene:before{content:'';position:absolute;z-index:-2;inset:-20%;background:var(--scene-bg);filter:blur(10px);transform:scale(1.1)}.reel-scene:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(8,6,17,.92),rgba(8,6,17,.2) 55%,rgba(8,6,17,.48))}.reel-scene__copy{position:relative;z-index:5;width:min(770px,60vw)}.reel-scene__copy small{color:#d2c4df;font:700 10px Manrope;letter-spacing:.22em}.reel-scene__copy h2{margin:20px 0 24px;font:800 clamp(4.2rem,8.5vw,9.4rem)/.83 Manrope;letter-spacing:-.085em}.reel-scene__copy p{max-width:480px;color:#c1b5cd;font-size:1.08rem;line-height:1.7}.reel-listen{--scene-bg:radial-gradient(circle at 72% 50%,rgba(32,168,255,.24),transparent 16%),radial-gradient(circle at 76% 50%,rgba(151,60,255,.23),transparent 37%),linear-gradient(120deg,#080611,#07172b)}.reel-see{--scene-bg:radial-gradient(circle at 74% 50%,rgba(255,64,179,.26),transparent 33%),linear-gradient(140deg,#080611,#25091e 80%)}.reel-adapt{--scene-bg:radial-gradient(circle at 73% 50%,rgba(113,79,255,.35),transparent 34%),linear-gradient(120deg,#080611,#14103a)}.reel-own{--scene-bg:radial-gradient(circle at 72% 48%,rgba(255,112,174,.29),transparent 26%),radial-gradient(circle at 75% 52%,rgba(72,113,255,.25),transparent 48%),#080611}.world-reel__hud{position:absolute;z-index:10;top:35px;left:4vw;right:4vw;display:flex;align-items:center;gap:15px;color:#7e7289;font:700 9px Manrope;letter-spacing:.18em}.world-reel__hud>span{margin-right:auto;color:#c6b8d1}.world-reel__hud b{color:white;font-size:12px}.world-reel__hud i{width:90px;height:1px;background:linear-gradient(90deg,var(--pink),rgba(255,255,255,.12))}.world-reel__progress{position:absolute;z-index:10;bottom:0;left:0;width:100%;height:3px;background:rgba(255,255,255,.05)}.world-reel__progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--coral),var(--pink),var(--violet),var(--blue));box-shadow:0 0 20px var(--pink)}.voice-sun{position:absolute;right:8vw;top:50%;width:min(52vw,720px);aspect-ratio:1;transform:translateY(-50%)}.voice-sun i,.voice-sun span,.voice-sun b{position:absolute;inset:0;border-radius:50%}.voice-sun i{background:radial-gradient(circle at 40% 36%,#fff 0 1%,#80d6ff 5%,#5f53ff 20%,#ff45b8 38%,rgba(118,47,255,.14) 58%,transparent 70%);box-shadow:0 0 120px rgba(101,74,255,.48);animation:sunPulse 3.5s ease-in-out infinite}.voice-sun span{inset:10%;border:1px solid rgba(255,255,255,.22);border-left-color:transparent;border-right-color:var(--pink);animation:orbit 8s linear infinite}.voice-sun b{inset:-10%;border:1px dashed rgba(119,189,255,.18);animation:orbit 20s linear infinite reverse}.reel-whisper{position:absolute;right:-2vw;bottom:8vh;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.1);font:800 clamp(3rem,6vw,7rem) Manrope;letter-spacing:-.05em;white-space:nowrap;transform:rotate(-6deg)}.pitch-sculpture{position:absolute;right:3vw;top:12%;bottom:10%;width:48vw;display:flex;align-items:center;gap:1.2vw;transform:perspective(900px) rotateY(-19deg)}.pitch-sculpture i{flex:1;height:var(--ph,45%);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.92),#ff5abd 22%,#845cff 63%,rgba(39,140,255,.18));box-shadow:0 0 50px rgba(216,64,210,.26);animation:sculptureWave 2.2s ease-in-out infinite alternate}.pitch-sculpture i:nth-child(2n){--ph:72%;animation-delay:-.6s}.pitch-sculpture i:nth-child(3n){--ph:92%;animation-delay:-1.3s}.pitch-sculpture i:nth-child(4n){--ph:36%;animation-delay:-.9s}.reel-stat{position:absolute;z-index:3;right:8vw;bottom:9vh;font:800 clamp(5rem,10vw,12rem)/.8 Manrope;color:rgba(255,255,255,.88);letter-spacing:-.08em}.reel-stat small{display:block;margin-top:16px;text-align:right;color:#a89ab4;font-size:10px;letter-spacing:.2em}.adaptive-orbit{position:absolute;right:5vw;top:50%;width:min(47vw,680px);aspect-ratio:1;transform:translateY(-50%);display:grid;place-items:center}.adaptive-orbit span{position:absolute;inset:9%;border:1px solid rgba(255,255,255,.16);border-radius:46% 54% 51% 49%/54% 36% 64% 46%;animation:morphOrbit 8s ease-in-out infinite,orbit 14s linear infinite}.adaptive-orbit span:nth-child(2){inset:19%;animation-duration:11s,18s;animation-direction:alternate,reverse;border-color:rgba(255,70,182,.25)}.adaptive-orbit span:nth-child(3){inset:30%;animation-duration:6s,10s;border-color:rgba(75,147,255,.3)}.adaptive-orbit img{width:64%;filter:drop-shadow(0 32px 70px rgba(106,63,255,.52));animation:float 4s ease-in-out infinite}.reel-cue{position:absolute;right:29vw;bottom:11vh;z-index:6;display:flex;gap:10px;padding:14px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(9,6,17,.72);backdrop-filter:blur(18px)}.reel-cue i{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--pink);box-shadow:0 0 14px var(--pink)}.reel-cue p{margin:0;color:#d8ccdf;font-size:12px;line-height:1.5}.confidence-halo{position:absolute;right:4vw;top:50%;width:min(53vw,760px);aspect-ratio:1;transform:translateY(-50%);display:grid;place-items:center;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 10%,rgba(255,255,255,.08) 10.2%,transparent 10.5% 17%),radial-gradient(circle,rgba(255,61,180,.2),transparent 63%)}.confidence-halo img{position:absolute;width:64%;filter:drop-shadow(0 25px 60px rgba(119,67,255,.5));animation:float 4.5s ease-in-out infinite}.confidence-halo span{position:absolute;z-index:2;right:8%;top:16%;font:800 clamp(6rem,11vw,12rem)/1 Manrope;color:white;letter-spacing:-.09em}.confidence-halo small{position:absolute;z-index:2;right:9%;top:42%;color:#b9adca;font:700 9px Manrope;letter-spacing:.2em}
.reel-scene__copy{transform:translate3d(var(--scene-drift,0),0,0);will-change:transform}.store-link--soon{cursor:default;color:#8c8197}.store-link--soon small{padding:5px 7px;border:1px solid rgba(255,255,255,.1);border-radius:999px;font:700 8px Manrope;letter-spacing:.12em;color:#b7aabd}.story,.feature-world,.journey,.finale,footer{content-visibility:auto;contain-intrinsic-size:auto 900px}
[data-reveal]{opacity:0;transform:translateY(46px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}[data-reveal].visible{opacity:1;transform:none}
dialog.soni-chat{inset:auto 24px 24px auto;width:min(420px,calc(100vw - 32px));max-height:min(700px,calc(100vh - 48px));margin:0;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:26px;color:var(--ink);background:rgba(14,9,24,.96);box-shadow:0 32px 100px rgba(0,0,0,.62),0 0 80px rgba(117,65,255,.15);backdrop-filter:blur(28px);overflow:hidden}.soni-chat[open]{animation:chatIn .35s cubic-bezier(.2,.8,.2,1)}.soni-chat::backdrop{background:rgba(4,2,8,.55);backdrop-filter:blur(7px)}.soni-chat__top{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 14px}.soni-chat__top small{color:var(--pink);font:700 9px Manrope;letter-spacing:.15em}.soni-chat__top h2{margin:3px 0 0;font:700 26px Manrope}.soni-chat__close{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;color:#fff;background:rgba(255,255,255,.05);font-size:24px;line-height:1;cursor:pointer}.soni-chat__intro{display:flex;gap:12px;margin:0 18px 14px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(110deg,rgba(255,76,184,.08),rgba(112,80,255,.08))}.soni-chat__intro img{width:58px;height:58px;object-fit:contain}.soni-chat__intro p{margin:0;color:#bdb3ca;font-size:12px;line-height:1.45}.soni-chat__messages{height:190px;overflow:auto;display:flex;flex-direction:column;gap:9px;padding:10px 18px}.chat-message{max-width:84%;padding:11px 13px;border-radius:15px;font-size:13px;line-height:1.45}.chat-message.soni{align-self:flex-start;border:1px solid rgba(255,255,255,.09);border-bottom-left-radius:4px;background:rgba(255,255,255,.065);color:#d9d1e4}.chat-message.user{align-self:flex-end;border-bottom-right-radius:4px;background:linear-gradient(120deg,#ff4fb7,#865bff)}.chat-message.thinking:after{content:'···';letter-spacing:3px;animation:pulse 1s infinite}.soni-chat__quick{display:flex;gap:7px;overflow:auto;padding:7px 18px 12px}.soni-chat__quick button{flex:0 0 auto;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 10px;color:#c9bfd5;background:rgba(255,255,255,.04);font-size:11px;cursor:pointer}.soni-chat__form{display:grid;grid-template-columns:1fr 42px;gap:8px;margin:0 18px}.soni-chat__form input{min-width:0;height:46px;border:1px solid rgba(255,255,255,.13);border-radius:15px;padding:0 13px;color:#fff;background:#0b0812;outline:none}.soni-chat__form input:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,79,183,.1)}.soni-chat__form button{border:0;border-radius:14px;color:white;background:linear-gradient(135deg,var(--pink),var(--violet));font-size:19px;cursor:pointer}.soni-chat__form button:disabled,.soni-chat__form input:disabled{opacity:.45;cursor:not-allowed}.soni-chat__limit{margin:10px 18px 18px;color:#7f748a;font-size:10px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes float{50%{transform:translateY(-18px) rotate(1deg)}}@keyframes orbit{to{transform:rotate(342deg)}}@keyframes drift{50%{transform:translate(12px,-18px) rotate(8deg)}}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes draw{50%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-1200}}@keyframes scan{0%{left:0}80%,100%{left:100%}}@keyframes bars{to{transform:scaleY(.72);filter:hue-rotate(22deg)}}@keyframes breath{50%{transform:scale(1.05);opacity:.7}}@keyframes aurora{to{transform:translate3d(5%,3%,0) rotate(8deg)}}@keyframes guideFloat{50%{transform:translateY(-6px) rotate(4deg)}}@keyframes guideHalo{70%,100%{inset:-18px;opacity:0}}@keyframes chatIn{from{opacity:0;transform:translateY(20px) scale(.96)}}@keyframes loaderSpin{50%{transform:rotate(180deg) scale(.82)}to{transform:rotate(360deg)}}@keyframes loaderLine{0%,100%{transform:scaleX(.08);opacity:.2}50%{transform:scaleX(1);opacity:1}}@keyframes tunnelBreathe{to{filter:drop-shadow(0 0 25px rgba(255,65,183,.42));opacity:.78}}@keyframes waveBars{to{transform:scaleY(.38);filter:hue-rotate(30deg)}}@keyframes tunnelText{from{opacity:0;transform:translateY(35px) skewY(3deg)}}
.tunnel-rings{--tunnel-shift:0px;--tunnel-scale:1;transform:perspective(800px) rotateX(67deg) translateY(calc(34% - var(--tunnel-shift))) scale(var(--tunnel-scale))}
@keyframes ghostMarquee{to{transform:translateX(-35%)}}@keyframes sunPulse{50%{transform:scale(1.08);filter:hue-rotate(22deg) saturate(1.2)}}@keyframes sculptureWave{to{transform:scaleY(.42) translateY(8%);filter:hue-rotate(35deg)}}@keyframes morphOrbit{50%{border-radius:61% 39% 33% 67%/38% 61% 39% 62%;transform:scale(1.06)}}
@media(pointer:fine){body,a,button,input{cursor:none}}
@media(pointer:coarse){#liquid-world{opacity:.62}#atmosphere{opacity:.48}.soni-guide__orb,.soni-chat,.coach-bubble,.live-pill,.feature-card,.pitch-demo{backdrop-filter:none}}
@media(max-width:900px){.nav nav{display:none}.shell{width:min(100% - 28px,1240px)}.hero{grid-template-columns:1fr;padding-top:30px}.hero-stage{height:600px}.companion{width:min(550px,90vw)}.hero h1{font-size:clamp(4rem,15vw,7rem)}.story,.journey{grid-template-columns:1fr;gap:60px;padding:110px 0}.journey-copy{position:static}.bento{grid-template-columns:1fr}.feature-card{min-height:430px}.coach-bubble{right:0}.feature-heading{display:block}footer{grid-template-columns:1fr;padding:35px 0}.finale-companion{opacity:.2}}
@media(max-width:900px){.soni-guide{right:12px;top:auto;bottom:14px;transform:none}.soni-guide__orb{width:63px;height:63px}.soni-guide__bubble,.soni-guide__chapters{display:none}.companion-story{height:320vh}.companion-story__copy{padding:0 14px;align-self:flex-start;margin-top:18vh}.companion-story__copy h2{font-size:clamp(3rem,11vw,6rem);max-width:80%}.companion-story__copy>p:last-child{max-width:70%}.voice-road{inset:28% -16% 0 4%}.scene-companion img{width:clamp(160px,36vw,300px);height:clamp(160px,36vw,300px)}}
@media(max-width:900px){.cursor-core,.cursor-ring{display:none}.signal-tunnel{height:400vh}.tunnel-copy{left:24px;top:25%;width:calc(100% - 48px);transform:none}.tunnel-copy h2{font-size:clamp(4rem,13vw,7rem)}.tunnel-card{right:8vw;top:67%;width:min(330px,53vw)}.tunnel-soni{right:-11vw;bottom:-5vh;width:43vw}.tunnel-index{left:24px;bottom:25px}}
@media(max-width:900px){.world-reel{height:430vh}.reel-scene{padding:26px;align-items:flex-start}.reel-scene__copy{width:100%;padding-top:15vh}.reel-scene__copy h2{font-size:clamp(3.8rem,14vw,7rem);max-width:92%}.reel-scene__copy p{max-width:72%}.voice-sun,.adaptive-orbit,.confidence-halo{width:62vw;right:-9vw;top:69%}.pitch-sculpture{right:-7vw;top:44%;width:62vw}.reel-stat{bottom:5vh}.reel-cue{right:18vw;bottom:8vh}.confidence-halo span{right:4%;top:10%}}
@media(max-width:560px){.nav{height:74px}.brand span{font-size:13px}.nav-cta{padding:10px 13px}.hero{min-height:auto;padding:60px 0 110px}.hero h1{font-size:clamp(3.5rem,18vw,5.5rem)}.trust-row{display:grid;gap:8px}.hero-stage{height:470px}.coach-bubble{top:8%;right:0}.pitch-demo{padding:16px;min-height:440px}.demo-stats{grid-template-columns:1fr}.demo-stats div:nth-child(n+2){display:none}.bento{gap:12px}.feature-card{padding:24px;min-height:440px}.album-stack{right:30px}.mini-orb{right:10px}.mini-orb img{width:120px}.journey{padding-inline:8px}.finale{padding-inline:18px}.finale h2{font-size:16vw}.store-actions{flex-direction:column}.store-actions>*{width:100%}.companion-story__copy{margin-top:14vh}.companion-story__copy h2{max-width:100%;font-size:15vw}.companion-story__copy>p:last-child{max-width:90%;font-size:.95rem}.scene-companion img{width:145px;height:145px}.voice-road i{width:75px;height:9px}.scene-hint{width:100%;text-align:center;bottom:42px}.scene-progress{bottom:29px;width:70vw}dialog.soni-chat{inset:auto 8px 8px;width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.soni-chat__messages{height:170px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}[data-reveal]{opacity:1;transform:none}}