@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f5ff;background:#090812;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% -20%,#251b53 0,#0d0b19 35%,#090812 68%);min-width:320px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;border:0}.landing-glow{z-index:-1;filter:blur(120px);opacity:.18;pointer-events:none;border-radius:50%;width:420px;height:420px;position:fixed}.landing-glow-one{background:#8b5cf6;top:15%;left:-220px}.landing-glow-two{background:#22d3ee;bottom:5%;right:-230px}.landing-header,main,footer{width:min(1180px,100% - 40px);margin-inline:auto}.landing-header{justify-content:space-between;align-items:center;height:88px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:12px;font-weight:800;display:flex}.brand img{width:38px;height:38px}.manifest-link{color:#c9c4d8;border:1px solid #ffffff1f;border-radius:999px;padding:10px 16px;font-size:13px;transition:all .2s}.manifest-link:hover{color:#fff;background:#8b5cf61a;border-color:#8b5cf6}.hero{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:8vw;min-height:680px;padding:65px 0 90px;display:grid}.eyebrow{color:#a79fb9;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:24px;font-size:12px;font-weight:700;display:flex}.eyebrow span,.playing-label span{background:#22d3ee;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #22d3ee}.hero h1{letter-spacing:-.06em;max-width:760px;margin:0;font:600 clamp(46px,6.1vw,82px)/1.04 Unbounded,sans-serif}em{color:#0000;background:linear-gradient(120deg,#a78bfa,#6366f1 45%,#22d3ee);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-copy>p{color:#aaa4b9;max-width:650px;margin:28px 0 0;font-size:17px;line-height:1.7}.hero-actions{align-items:center;gap:14px;margin-top:34px;display:flex}.primary-link,.secondary-link{border-radius:14px;justify-content:center;align-items:center;min-height:50px;padding:0 21px;font-size:13px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.primary-link{color:#fff;background:linear-gradient(120deg,#7c3aed,#4f46e5 58%,#0891b2);gap:9px;box-shadow:0 16px 45px #6366f140}.secondary-link{color:#d1ccdc;background:#ffffff09;border:1px solid #ffffff1a}.primary-link:hover,.secondary-link:hover{transform:translateY(-2px)}.made-for{color:#7e788e;align-items:center;gap:10px;margin-top:29px;font-size:12px;display:flex}.made-for i{color:#7289da;font-size:20px}.made-for strong{color:#bdb7ca}.player-card{--pointer-x:50%;--pointer-y:50%;isolation:isolate;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #8b5cf63d, transparent 35%), linear-gradient(145deg, #ffffff1c, #ffffff06);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #ffffff1f;border-radius:34px;min-height:510px;padding:29px;transition:background .1s;position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:0 40px 100px #0000007a,inset 0 1px #ffffff1f}.card-noise{z-index:-1;opacity:.06;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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.playing-label{color:#a9a2b7;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:800;display:flex}.cover{background:radial-gradient(circle,#6366f140,#110e23b3 67%);border-radius:50%;place-items:center;width:172px;height:172px;margin:32px auto 25px;display:grid;position:relative;box-shadow:0 0 70px #6366f138}.cover img{filter:drop-shadow(0 12px 20px #22d3ee33);width:82px;height:82px}.orbit{border:1px solid #a78bfa47;border-radius:50%;position:absolute;inset:0}.orbit-one{border-top-color:#8b5cf6;animation:12s linear infinite spin}.orbit-two{border-right-color:#22d3ee;animation:8s linear infinite reverse spin;inset:15px}@keyframes spin{to{transform:rotate(360deg)}}.player-card h2{text-align:center;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.04em;margin:0;font:600 19px Unbounded,sans-serif;overflow:hidden}.player-card>p{color:#8e879e;text-align:center;margin:7px 0 22px;font-size:12px}.demo-progress{background:#ffffff1a;border-radius:99px;height:4px;overflow:hidden}.demo-progress span{border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#22d3ee);width:35%;height:100%;display:block;box-shadow:0 0 10px #6366f1}.demo-time{color:#756e83;justify-content:space-between;margin-top:7px;font-size:10px;display:flex}.demo-controls{justify-content:center;align-items:center;gap:23px;margin-top:17px;display:flex}.demo-controls button{background:#ffffff0f;border-radius:50%;width:39px;height:39px;font-size:21px;position:relative}.demo-controls button small{font-size:7px;position:absolute;bottom:3px;right:3px}.demo-controls .demo-play{color:#fff;background:linear-gradient(145deg,#8b5cf6,#4f46e5);width:55px;height:55px;font-size:24px;box-shadow:0 10px 28px #6366f159}.listeners{justify-content:center;align-items:center;margin-top:23px;display:flex}.avatar{color:#fff;background:#4f46e5;border:2px solid #171424;border-radius:50%;place-items:center;width:25px;height:25px;margin-left:-6px;font-size:8px;font-weight:800;display:grid}.avatar:nth-child(2){background:#7c3aed}.avatar:nth-child(3){background:#0891b2}.listeners strong{color:#8f899c;margin-left:10px;font-size:9px}.features{grid-template-columns:repeat(3,1fr);gap:16px;padding:70px 0 110px;display:grid}.features article{background:#ffffff06;border:1px solid #ffffff14;border-radius:24px;min-height:290px;padding:27px;transition:transform .25s,border-color .25s;position:relative;overflow:hidden}.features article:hover{border-color:#8b5cf66b;transform:translateY(-6px)}.features article>span{color:#ffffff2e;font:600 12px Unbounded;position:absolute;top:28px;right:28px}.feature-icon{color:#a78bfa;background:#8b5cf621;border-radius:15px;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.features article:nth-child(2) .feature-icon{color:#818cf8;background:#6366f121}.features article:nth-child(3) .feature-icon{color:#22d3ee;background:#22d3ee1a}.features h3{letter-spacing:-.04em;margin:58px 0 13px;font:600 18px Unbounded}.features p{color:#8f899e;margin:0;font-size:13px;line-height:1.7}.story{text-align:center;background:radial-gradient(circle at 80% 40%,#22d3ee17,#0000 30%),radial-gradient(circle at 10% 80%,#8b5cf624,#0000 35%),#ffffff05;border:1px solid #ffffff14;border-radius:38px;min-height:520px;padding:100px 4vw}.story>p{color:#8c859a;letter-spacing:.15em;text-transform:uppercase;margin:0 0 22px;font-size:12px;font-weight:800}.story h2{letter-spacing:-.055em;margin:0;font:600 clamp(33px,5vw,61px)/1.2 Unbounded}.signature{flex-direction:column;align-items:center;margin-top:66px;display:flex}.signature span,.signature small{color:#777181;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.signature strong{color:#0000;background:linear-gradient(90deg,#a78bfa,#22d3ee);-webkit-background-clip:text;background-clip:text;margin:6px 0;font:600 25px Unbounded}footer{color:#625d6c;justify-content:space-between;align-items:center;min-height:120px;font-size:11px;display:flex}@media (width<=850px){.hero{grid-template-columns:1fr;gap:70px;padding-top:55px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.made-for{justify-content:center}.hero-copy>p{margin-inline:auto}.player-card{width:min(100%,440px);margin:auto;transform:none}.features{grid-template-columns:1fr}.features article{min-height:230px}.features h3{margin-top:40px}}@media (width<=520px){.landing-header,main,footer{width:min(100% - 24px,1180px)}.landing-header{height:72px}.manifest-link{padding:8px 11px}.brand span{font-size:14px}.hero{padding-top:40px}.hero h1{font-size:clamp(36px,12vw,52px)}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.primary-link,.secondary-link{width:100%}.made-for{text-align:left;align-items:flex-start}.player-card{border-radius:27px;min-height:480px;padding:23px 19px}.cover{width:150px;height:150px}.story{border-radius:27px;min-height:450px;padding:75px 18px}footer{flex-direction:column;justify-content:center;gap:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit{animation:none}.primary-link,.secondary-link,.features article{transition:none}}