@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#07151e;--ink:#edf4f3;--muted:#8dabb6;--mint:#85efcf;--line:#aacdd31c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:radial-gradient(ellipse at 100% 38%,#103f482b,transparent 40%),radial-gradient(ellipse at 0% 70%,#12434733,transparent 35%),var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;flex-shrink:0}.icons{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:800;letter-spacing:-1.6px}.brand svg{width:34px;height:34px;color:var(--mint)}.brand-dot{width:6px;height:6px;background:var(--mint);border-radius:100%;align-self:flex-end;margin:0 0 8px -3px}nav{display:flex;gap:32px;font-size:13px;color:#afc3cb}nav a:hover{color:var(--mint)}.header-cta{border:1px solid #7fafa547;background:transparent;color:var(--ink);padding:12px 18px;border-radius:30px;display:flex;align-items:center;gap:17px;font-size:12px;font-weight:700}.header-cta svg{width:18px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:680px;padding-block:40px 75px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--mint);display:flex;align-items:center;gap:10px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #85efcf88}h1{font-size:clamp(60px,6.3vw,88px);line-height:1.04;letter-spacing:-5px;margin:28px 0;font-weight:650}h1>span{background:linear-gradient(110deg,#a6f7cf,#67d0e1);background-clip:text;color:transparent}h2{font-size:clamp(32px,3.8vw,49px);font-weight:600;line-height:1.16;letter-spacing:-2.1px;margin:20px 0 0}h2 span{color:var(--muted)}.lead{font-size:16px;color:#a5bac4;line-height:1.8;margin:0 0 30px}.buttons{display:flex;gap:10px}.primary,.secondary{border:0;min-height:54px;padding:0 20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.primary{background:var(--mint);color:#092521;box-shadow:0 5px 25px #5af1c40c}.primary:hover{background:#b3ffe4;transform:translateY(-2px)}.secondary{background:#122631;border:1px solid #b3d2d425;color:#dfedf0}.secondary:hover{background:#1a3440}.buttons .arrow{width:18px;margin-left:6px}.hero-note{font-size:10px;display:flex;gap:12px;align-items:center;color:#6f939f;margin-top:20px}.hero-note i{width:3px;height:3px;background:#6f939f;border-radius:50%}.hero-visual{height:560px;position:relative;isolation:isolate;background:radial-gradient(ellipse at center,#13675d38,transparent 65%)}#wave{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.orbit{position:absolute;border:1px solid #8ac9c410;border-radius:50%;width:450px;height:450px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-30deg);z-index:-2}.orbit-b{width:530px;height:330px;transform:translate(-50%,-50%) rotate(-50deg)}.visual-caption,.visual-bottom{position:absolute;display:flex;justify-content:space-between;left:25px;right:15px;font-size:8px;letter-spacing:2px;color:#547d89}.visual-caption{top:16px}.visual-bottom{bottom:0;align-items:center}.visual-bottom span:last-child{font-size:28px;color:var(--mint)}.story-float{position:absolute;top:55px;left:20px;border:1px solid #93d7cf30;background:linear-gradient(125deg,#193a40e8,#102730e8);box-shadow:0 20px 70px #0003;backdrop-filter:blur(12px);padding:23px 26px;border-radius:16px;transform:rotate(-5deg)}.tiny-label{font-size:8px;letter-spacing:1.6px;color:#6cb9ae}.story-float p{font-size:17px;line-height:1.6;letter-spacing:-.4px;margin:14px 0}.story-author{font-size:9px;color:#8eafb6;display:flex;align-items:center;gap:7px}.story-author span{width:5px;height:5px;border-radius:50%;background:var(--mint)}.hero-listen{position:absolute;right:12px;bottom:70px;display:flex;align-items:center;gap:16px;background:#0e2732df;border:1px solid #85b7bb3b;backdrop-filter:blur(18px);color:var(--ink);padding:15px 20px;border-radius:15px;box-shadow:0 20px 40px #0003;text-align:left}.hero-listen b{display:block;font-size:13px}.hero-listen small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.round-play{width:43px;height:43px;border-radius:50%;background:var(--mint);color:#08271e;display:grid;place-items:center}.round-play svg{width:20px}.equalizer{display:flex;gap:3px;align-items:center;height:30px;padding-left:15px}.equalizer i{width:3px;height:12px;background:#71d9c1;border-radius:3px}.equalizer i:nth-child(2){height:25px}.equalizer i:nth-child(3){height:19px}.equalizer i:nth-child(4){height:9px}.playing .equalizer i{animation:equalize .6s infinite alternate}.playing .equalizer i:nth-child(2){animation-delay:-.3s}.ticker{border-block:1px solid var(--line);padding-block:22px;overflow:hidden;background:#0f26304f}.ticker-track{display:flex;width:max-content;animation:ticker 50s linear infinite}.ticker span{white-space:nowrap;font-size:13px;font-weight:600;color:#a8c1c7}.ticker i{font-style:normal;color:#66c5ad;margin:0 34px}.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);padding-bottom:4px;margin:0}.muted{color:#70919c}.filters{display:flex;gap:8px;margin-bottom:28px;overflow:auto;scrollbar-width:none}.filters button{white-space:nowrap;border:1px solid #abcbd324;color:#9fb7c0;background:transparent;border-radius:25px;padding:11px 18px;font-size:12px;font-weight:600}.filters .selected{color:var(--mint);border-color:#85efcf55;background:#85efcf0e}.songs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.song{background:linear-gradient(135deg,#15313b88,#0c1d28);border:1px solid var(--line);border-radius:15px;padding:10px;min-width:0;transition:transform .2s}.song:hover{transform:translateY(-4px)}.song[hidden]{display:none}.cover{aspect-ratio:1;position:relative;overflow:hidden;border-radius:9px}.cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.song:hover .cover img{transform:scale(1.04)}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#06171e6b);pointer-events:none}.cover-tag{position:absolute;top:12px;left:12px;background:#07151eaa;backdrop-filter:blur(10px);border:1px solid #fff2;border-radius:6px;padding:5px 8px;font-size:9px}.song-content{padding:15px 7px 8px}.song h3{font-size:17px;margin:0 0 5px;letter-spacing:-.5px}.song .genre{font-size:10px;color:#7c9ca9;margin:0}.player{display:flex;gap:10px;align-items:center;margin-top:19px}.play{flex-shrink:0;width:35px;height:35px;border-radius:50%;border:1px solid #85efcf44;background:#85efcf0c;color:var(--mint);display:grid;place-items:center}.play svg{width:18px;height:18px}.play[aria-pressed=true]{background:var(--mint);color:#06261d}.progress{min-width:0;width:100%;height:20px;accent-color:var(--mint);cursor:pointer}.time{font-size:9px;color:#91aeb6;font-variant-numeric:tabular-nums}.song details{margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.song summary{font-size:10px;color:#91adb7;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.song details p{font-size:11px;line-height:1.7;color:#b7cbd0;margin:10px 0 0}.sample-note{font-size:10px;color:#62828d;margin:20px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{border-top:1px solid #8fb8c23b;padding:21px 0}.step-top{display:flex;justify-content:space-between;align-items:center}.step-top>span:first-child{font-size:15px;color:var(--mint)}.step-top>span:last-child{font-size:8px;letter-spacing:1.4px;color:#6f919c}.step-scene{height:155px;margin:17px 0;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse,#1543476b,transparent 70%);border-radius:14px}.genres{gap:8px}.genres>span,.genres strong{padding:13px 16px;border:1px solid #8fbac82b;border-radius:9px;background:#102631;font-size:12px;color:#8caab5;font-weight:600}.genres strong{color:var(--mint);border-color:#85efcf6b;background:#214e49;transform:translateY(-8px);box-shadow:0 8px 24px #60f2b913}.genres i{font-style:normal;margin-left:12px}.chat{flex-direction:column;gap:10px;align-items:flex-start;padding:12px 16px;font-size:11px}.chat span{padding:10px 14px;background:#1b333e;border-radius:10px 10px 10px 2px;color:#a5c0ca}.chat strong{align-self:flex-end;font-weight:500;line-height:1.7;background:#214b48;padding:12px 16px;border-radius:10px 10px 2px 10px;color:#c7f4e7}.mini-song{gap:12px}.mini-art{background:linear-gradient(140deg,#91d1a2,#1d6f79);width:50px;height:56px;border-radius:7px;display:grid;place-items:center;font-size:32px;color:#cffff0}.mini-song b{font-size:12px}.mini-song small{display:block;font-size:9px;color:#7da3ae;margin:4px 0 9px}.mini-song>svg{width:18px;color:var(--mint)}.mini-bars{height:20px;display:flex;gap:3px;align-items:center}.mini-bars i{width:3px;border-radius:3px;background:#6ac5b2}.step h3{font-size:19px;letter-spacing:-.6px;margin:0 0 12px;font-weight:600}.step p{font-size:12px;line-height:1.9;color:#8ca9b4;margin:0}.how{padding-top:20px}.closing{border:1px solid #95d2d028;border-radius:25px;padding:65px 35px;text-align:center;background:radial-gradient(ellipse at 50% 140%,#24756588,transparent 75%),#0d242e;position:relative;overflow:hidden;isolation:isolate}.closing .eyebrow,.closing .buttons{justify-content:center}.closing h2{font-size:48px;letter-spacing:-2px}.closing h2 span{color:var(--mint)}.closing p{font-size:14px;color:#9cb8c2;margin:22px 0 28px}.closing-rings{position:absolute;width:800px;height:450px;border:1px solid #80d8c30a;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-25%);box-shadow:0 0 0 50px #80d8c305,0 0 0 100px #80d8c305,0 0 0 150px #80d8c305;z-index:-1}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:50px}.questions details{border-bottom:1px solid var(--line)}.questions summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding:23px 0;font-size:14px}.questions summary span{color:var(--mint);font-size:20px;line-height:1}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 30px 23px 0}footer{border-top:1px solid var(--line);padding-block:30px;display:flex;align-items:center;gap:30px;justify-content:space-between}footer .brand{font-size:22px}footer span,footer small{font-size:10px;color:#6d8d99}.sticky-cta{display:none}dialog{width:min(450px,calc(100% - 32px));padding:40px 26px 28px;border:1px solid #89c6bd55;border-radius:22px;background:#102832;color:var(--ink);box-shadow:0 30px 100px #000a}dialog::backdrop{background:#020b12bd;backdrop-filter:blur(6px)}dialog h2{font-size:32px;margin-top:25px}dialog p{font-size:14px;color:#a2bec7;line-height:1.8}dialog .primary{width:100%;margin-top:12px}.close{position:absolute;right:14px;top:10px;background:none;color:#a2bcbf;border:0;font-size:28px;width:32px;height:32px}#announcement{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#234b49;color:#e4fff5;border-radius:10px;padding:0;z-index:20;font-size:12px;width:max-content;max-width:90vw}#announcement:not(:empty){padding:14px 20px}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes equalize{to{transform:scaleY(.4)}}@media(min-width:1450px){.hero{min-height:760px}}
@media(max-width:1000px){.wrap{width:calc(100% - 40px)}nav{gap:18px;font-size:11px}.hero{min-height:620px}h1{font-size:66px;letter-spacing:-4px}.hero-visual{height:480px}.story-float{left:0;padding:17px}.story-float p{font-size:14px}.hero-listen{right:0;padding:12px;gap:10px}.equalizer{display:none}.orbit{width:320px;height:320px}.orbit-b{width:390px}.buttons .arrow{display:none}.buttons button{padding:0 14px;font-size:12px}.songs{gap:12px}.song h3{font-size:15px}.song .genre{font-size:9px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{height:78px;gap:12px}.brand{font-size:25px}.brand svg{width:30px;height:30px}.header nav{display:none}.header-cta{font-size:10px;padding:10px 12px;gap:9px}.header-cta svg{width:16px}.hero{display:flex;flex-direction:column;gap:0;align-items:stretch;padding:27px 0 30px;min-height:0}.eyebrow{font-size:8px;letter-spacing:1.45px}h1{font-size:clamp(49px,12.4vw,78px);letter-spacing:-3px;line-height:1.04;margin:21px 0}h1 br:nth-of-type(1){display:none}h1 br:nth-of-type(1):after{content:' '}.hero h1{max-width:530px}.hero h1 br:first-child{display:initial}h1>span{white-space:nowrap}.lead{font-size:13px;line-height:1.75;max-width:340px;margin-bottom:23px}.desktop{display:none}.buttons{gap:8px}.buttons button{flex:1;min-height:51px;font-size:12px;padding:0 12px}.buttons svg{width:18px}.hero-note{font-size:8px;gap:8px;margin:15px 0 0}.hero-visual{height:325px;margin-top:18px}.visual-caption{top:8px;font-size:6px;left:0;right:0;letter-spacing:1.5px}.visual-bottom{display:none}.story-float{top:38px;left:12px;padding:15px 18px;transform:rotate(-4deg);border-radius:12px}.tiny-label{font-size:6px}.story-float p{font-size:12px;line-height:1.6;margin:9px 0}.story-author{font-size:7px}.hero-listen{bottom:13px;right:4px;border-radius:12px;padding:10px 14px;gap:12px}.hero-listen b{font-size:11px}.hero-listen small{font-size:9px}.round-play{width:36px;height:36px}.hero-visual .orbit{width:280px;height:280px}.orbit-b{width:310px!important;height:220px!important}.ticker{padding-block:17px}.ticker span{font-size:11px}.ticker i{margin:0 23px}.section{padding-block:58px}.section-heading{display:block;margin-bottom:24px}.section-heading>p{margin-top:18px;font-size:12px}.section-heading>p br{display:none}h2{font-size:33px;letter-spacing:-1.5px;margin-top:16px}.filters{gap:7px;margin-bottom:20px;margin-right:-18px;padding-right:18px}.filters button{font-size:11px;padding:10px 14px}.songs{grid-template-columns:1fr;gap:10px}.song{display:grid;grid-template-columns:86px 1fr;gap:13px;padding:12px;border-radius:13px;align-items:start}.cover{width:86px;aspect-ratio:1;border-radius:8px}.cover-tag{display:none}.song-content{padding:1px 0 0;min-width:0}.song h3{font-size:14px;margin-bottom:4px}.song .genre{font-size:9px}.player{margin-top:11px;gap:9px}.play{width:30px;height:30px}.play svg{width:16px}.song details{margin-top:10px;padding-top:8px}.song summary{font-size:9px}.song details p{font-size:10px}.sample-note{font-size:9px;line-height:1.65}.steps{grid-template-columns:1fr;gap:12px}.step{border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;grid-template-columns:1fr;position:relative}.step-top>span:first-child{font-size:13px}.step-scene{height:115px;margin:12px 0}.step h3{font-size:18px;margin-bottom:7px}.step p{font-size:12px;line-height:1.7}.step p br{display:none}.how{padding-top:0}.chat{padding:0 8px}.closing{padding:38px 20px;border-radius:18px}.closing .eyebrow{font-size:6.5px;letter-spacing:1.1px}.closing h2{font-size:31px;letter-spacing:-1.6px;line-height:1.2}.closing p{font-size:11px;margin:20px 0}.closing .buttons{flex-direction:column;max-width:300px;margin:auto}.faq{grid-template-columns:1fr;gap:20px}.faq h2 br{display:none}.faq h2 br:after{content:' '}.questions summary{font-size:12px;padding:21px 0}.questions details p{font-size:12px}footer{flex-wrap:wrap;gap:17px;padding-bottom:100px}footer>span{display:none}footer small{font-size:9px}.sticky-cta{display:block;position:fixed;bottom:0;left:0;right:0;padding:12px 18px max(12px,env(safe-area-inset-bottom));background:linear-gradient(#07151e00,#07151ef5 25%);z-index:10;transform:translateY(110%);transition:transform .25s}.sticky-cta.visible{transform:none}.sticky-cta button{width:100%;min-height:48px;font-size:12px}.sticky-cta svg{width:18px}#announcement{bottom:85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
