:root{color-scheme:dark;--bg:#121016;--bg-soft:#19161f;--panel:#211d27;--panel-2:#292330;--text:#f7f3fa;--muted:#aaa3b1;--muted-2:#7d7685;--line:#ffffff1a;--lime:#d9ff6a;--mint:#88e5a8;--blue:#78cfff;--purple:#bd9cff;--radius:24px;--shell:min(1180px, calc(100% - 40px));background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:radial-gradient(circle at 82% 8%, #8267ae1f, transparent 28%), var(--bg);min-width:320px;color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.section-shell{width:var(--shell);margin-inline:auto}.skip-link{z-index:100;background:var(--lime);color:#151319;border-radius:10px;padding:.75rem 1rem;font-weight:700;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{width:var(--shell);z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:88px;margin-inline:auto;display:grid;position:relative}.brand{letter-spacing:-.04em;justify-self:start;align-items:center;gap:11px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.35rem;font-weight:800;display:inline-flex}.brand img{border-radius:11px;width:38px;height:38px;box-shadow:0 8px 24px #0000003d}.site-header nav{color:#c8c2cc;align-items:center;gap:30px;font-size:.93rem;display:flex}.site-header nav a,.header-github{transition:color .2s}.site-header nav a:hover,.header-github:hover{color:var(--lime)}.header-github{border:1px solid var(--line);background:#ffffff06;border-radius:999px;justify-self:end;padding:10px 15px;font-size:.88rem;font-weight:600}.header-github span{color:var(--lime);margin-left:5px}.hero{grid-template-columns:.87fr 1.13fr;align-items:center;gap:48px;min-height:670px;padding:80px 0 100px;display:grid}.eyebrow,.section-kicker{letter-spacing:.16em;color:#c7c0cb;font-size:.72rem;font-weight:700}.eyebrow{border:1px solid var(--line);background:#ffffff06;border-radius:999px;align-items:center;gap:9px;margin-bottom:24px;padding:8px 13px;display:inline-flex}.eyebrow span{background:var(--lime);width:7px;height:7px;box-shadow:0 0 15px var(--lime);border-radius:50%}.hero h1,.statement h2,.section-heading h2,.platforms h2,.status-card h2,.docs-cta h2,.not-found h1{letter-spacing:-.055em;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:.99}.hero h1{max-width:760px;font-size:clamp(3.8rem,6vw,6rem)}.hero h1 em{color:var(--lime);font-style:normal}.hero-copy>p{color:var(--muted);max-width:610px;margin:27px 0 0;font-size:1.12rem;line-height:1.65}.hero-actions{gap:12px;margin-top:32px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:14px;min-height:49px;padding:0 21px;font-size:.92rem;font-weight:700;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--lime);color:#17141b;box-shadow:0 12px 32px #d9ff6a21}.button--primary:hover{background:#e5ff96}.button--secondary{border-color:var(--line);background:#ffffff09}.button--secondary:hover{background:#ffffff0f;border-color:#ffffff40}.hero-meta{color:#8e8795;flex-wrap:wrap;gap:14px 20px;margin-top:30px;font-size:.76rem;display:flex}.hero-meta i{color:var(--mint);margin-right:4px;font-style:normal}.hero-visual{perspective:1300px;min-width:0;position:relative}.ambient{filter:blur(50px);opacity:.3;border-radius:50%;position:absolute}.ambient-one{aspect-ratio:1;background:var(--purple);width:45%;top:-15%;right:4%}.ambient-two{aspect-ratio:1;background:var(--lime);opacity:.12;width:40%;bottom:-13%;left:8%}.app-window{transform-origin:50%;background:#17141c;border:1px solid #ffffff21;border-radius:22px;min-height:490px;position:relative;overflow:hidden;transform:rotateY(-7deg)rotateX(2deg);box-shadow:0 38px 90px #00000080,0 0 0 10px #ffffff06}.window-bar{color:#78717d;background:#1c1821;border-bottom:1px solid #ffffff12;grid-template-columns:1fr auto 1fr;align-items:center;height:42px;padding:0 15px;font-size:10px;display:grid}.traffic{gap:5px;display:flex}.traffic span{background:#514a57;border-radius:50%;width:8px;height:8px}.window-title{justify-self:center}.window-status{justify-self:end;align-items:center;gap:5px;display:flex}.window-status i{background:var(--mint);border-radius:50%;width:5px;height:5px}.app-body{grid-template-columns:130px 1fr;min-height:395px;display:grid}.app-sidebar{background:#19161d;border-right:1px solid #ffffff0f;flex-direction:column;padding:17px 12px 12px;display:flex}.sidebar-brand{align-items:center;gap:7px;margin:0 5px 21px;font-size:10px;display:flex}.mini-mark{color:var(--lime);font-size:17px}.app-sidebar nav{gap:4px;display:grid}.app-sidebar nav span{color:#817a87;border-radius:7px;align-items:center;gap:9px;padding:8px 9px;font-size:10px;display:flex}.app-sidebar nav span.active{color:#f0ecf2;background:#29232f}.app-sidebar nav em{font-style:normal}.sidebar-player{background:#25202a;border-radius:9px;gap:2px;margin-top:auto;padding:10px;display:grid}.sidebar-player small{color:#77707c;letter-spacing:.12em;font-size:6px}.sidebar-player strong{font-size:9px}.sidebar-player span{color:#8c8492;font-size:7px}.app-content{min-width:0;padding:22px 22px 16px}.content-heading{justify-content:space-between;align-items:flex-end;display:flex}.content-heading small{color:#716b75;letter-spacing:.12em;font-size:6px}.content-heading h3{letter-spacing:-.04em;margin:3px 0 0;font-size:19px}.content-heading button{color:#6b6470;background:0 0;border:0}.album-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px;display:grid}.album{aspect-ratio:1;border-radius:9px;align-items:flex-end;padding:9px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.album:after{content:"";aspect-ratio:1;border:1px solid #ffffff4d;border-radius:50%;width:70%;position:absolute;top:-10%;right:-20%}.album span{z-index:2;font-size:8px;font-weight:700;line-height:1.1;position:relative}.album-a{color:#172019;background:linear-gradient(145deg,#e0fe73,#2d674b 62%,#19151d)}.album-b{background:linear-gradient(145deg,#d6b6ff,#5f4373 55%,#21182b)}.album-c{background:linear-gradient(145deg,#9ce7ff,#2b5771 58%,#171d26)}.album-d{background:linear-gradient(145deg,#ffcd70,#7c4732 58%,#25191a)}.recent-title{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.recent-title h4{margin:0;font-size:11px}.recent-title span{color:#85808a;font-size:7px}.track-list{margin-top:8px}.track-list>div{border-top:1px solid #ffffff0e;grid-template-columns:24px 1.3fr 1fr auto;align-items:center;gap:8px;padding:7px 3px;font-size:7px;display:grid}.track-list b{font-size:8px}.track-list span,.track-list time{color:#827b86}.cover{border-radius:5px;width:24px;height:24px;display:block}.cover-a{background:linear-gradient(135deg, var(--lime), #315b49)}.cover-b{background:linear-gradient(135deg,#cba9ff,#493264)}.cover-c{background:linear-gradient(135deg, var(--blue), #29455d)}.now-playing{background:#201b25;border-top:1px solid #ffffff12;grid-template-columns:32px 100px 80px 1fr 65px;align-items:center;gap:9px;height:54px;padding:0 13px;font-size:8px;display:grid}.song{display:grid}.song span{color:#8d8592}.transport{color:#918a96;justify-content:center;align-items:center;gap:10px;display:flex}.transport button{background:var(--lime);color:#17141b;border:0;border-radius:50%;width:25px;height:25px;font-size:8px}.timeline{background:#403946;border-radius:4px;height:2px;overflow:hidden}.timeline i{background:var(--lime);width:42%;height:100%;display:block}.volume{color:#6f6874}.mockup-note{color:#6f6974;background:#121016d9;border:1px solid #ffffff14;border-radius:999px;padding:4px 7px;font-size:6px;position:absolute;bottom:62px;right:10px}.statement{text-align:center;padding:90px 0 70px}.section-kicker{color:var(--lime);margin:0 0 19px}.statement h2{max-width:980px;margin-inline:auto;font-size:clamp(2.8rem,5vw,5.2rem)}.statement-copy{max-width:680px;color:var(--muted);margin:28px auto 0;font-size:1.05rem;line-height:1.7}.features{grid-template-columns:repeat(2,1fr);gap:16px;padding:55px 0 120px;display:grid}.feature{border-radius:var(--radius);background:var(--panel);border:1px solid #ffffff14;flex-direction:column;min-height:390px;padding:27px;display:flex;position:relative;overflow:hidden}.feature--wide{grid-column:span 1}.feature--lime{color:#15161a;background:var(--lime)}.feature--blue{color:#11161d;background:var(--blue)}.feature--dark{background:linear-gradient(150deg,#24202a,#1b181f)}.feature-icon{opacity:.72;border:1px solid;border-radius:13px;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.feature>div:nth-child(2){z-index:3;max-width:420px;margin-top:55px;position:relative}.feature>div:nth-child(2)>span{opacity:.55;font-size:.68rem}.feature h3{letter-spacing:-.045em;margin:7px 0 12px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2rem}.feature p{opacity:.7;margin:0;font-size:.93rem;line-height:1.55}.feature-art{margin-top:auto}.library-art{grid-template-columns:repeat(4,1fr);gap:8px;display:grid;transform:translateY(35px)}.library-art i{aspect-ratio:1;background:linear-gradient(145deg,#141614e6,#14161459);border-radius:12px 12px 0 0;box-shadow:inset 0 0 0 1px #ffffff24}.library-art i:nth-child(2){background:linear-gradient(145deg,#724f8d,#282029)}.library-art i:nth-child(3){background:linear-gradient(145deg,#34667e,#22272c)}.library-art i:nth-child(4){background:linear-gradient(145deg,#9b6540,#2b2521)}.room-pill{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:15px;grid-template-columns:30px 1fr;gap:2px 11px;margin-top:auto;padding:17px;display:grid}.room-pill i{background:radial-gradient(circle, var(--lime) 0 12%, #355547 13% 28%, #1e2724 29%);border-radius:50%;grid-row:span 2;width:30px;height:30px}.room-pill b{font-size:.84rem}.room-pill small{color:#8c8592}.queue-art{gap:7px;margin-top:auto;display:grid}.queue-art i{background:linear-gradient(90deg,#d9ff6a52 0 45px,#ffffff0a 45px);border:1px solid #ffffff0f;border-radius:9px;height:45px}.queue-art i:nth-child(2){background:linear-gradient(90deg,#78cfff40 0 45px,#ffffff0a 45px)}.queue-art i:nth-child(3){background:linear-gradient(90deg,#bd9cff40 0 45px,#ffffff0a 45px)}.device-art{height:120px;margin-top:auto;position:relative}.monitor{background:linear-gradient(145deg,#21384a,#151c22);border:7px solid #162028;border-radius:12px;width:60%;height:110px;position:absolute;bottom:-15px;left:12%;box-shadow:inset 0 0 0 1px #ffffff1f}.monitor:after{content:"";background:#162028;border-radius:5px;width:65px;height:8px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.phone{background:linear-gradient(155deg,#d9ff6a,#2b5e4d 55%,#161c1d);border:6px solid #162028;border-radius:17px;width:60px;height:118px;position:absolute;bottom:-13px;right:12%;box-shadow:0 12px 30px #0003}.screens{padding:10px 0 130px}.section-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;margin-bottom:43px;display:grid}.section-heading h2,.platforms h2,.status-card h2,.docs-cta h2{font-size:clamp(2.5rem,4.3vw,4.4rem)}.section-heading>p{color:var(--muted);margin:0 0 8px;line-height:1.65}.screen-grid{grid-template-columns:1.55fr .45fr;align-items:stretch;gap:18px;display:grid}.screen-card{border:1px solid var(--line);background:#1b181f;border-radius:26px;flex-direction:column;padding:28px;display:flex;overflow:hidden}.screen-card>span{color:#8b8490;margin-top:20px;font-size:.75rem}.screen-card .app-window{min-height:390px;transform:none}.screen-card .app-body{min-height:300px}.phone-shot{background:linear-gradient(160deg,#211d27,#151319);align-items:center}.phone-frame{text-align:center;background:linear-gradient(#1e1922,#121016);border:7px solid #332d38;border-radius:34px;width:210px;min-height:420px;padding:19px;box-shadow:0 24px 50px #00000059}.phone-top{background:#3b343f;border-radius:9px;width:55px;height:5px;margin:-7px auto 25px}.phone-frame small{color:#7d7581;letter-spacing:.13em;font-size:7px}.phone-cover{aspect-ratio:1;background:radial-gradient(circle at 74% 27%, #ffffff59 0 2%, transparent 3%), linear-gradient(145deg, var(--lime), #42705c 60%, #202226);border-radius:15px;width:150px;margin:16px auto 17px;box-shadow:0 18px 40px #0000004d}.phone-frame h4{margin:0;font-size:18px}.phone-frame p{color:#8a828e;margin:3px 0 20px;font-size:11px}.phone-progress{background:#3e3743;border-radius:4px;height:2px}.phone-progress i{background:var(--lime);width:42%;height:100%;display:block}.phone-controls{color:#98909d;justify-content:center;align-items:center;gap:29px;margin:24px 0;display:flex}.phone-controls b{color:#151319;background:var(--lime);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.phone-destination{border:1px solid var(--line);color:#aaa2ae;border-radius:999px;padding:9px;font-size:9px}.platforms{border-top:1px solid var(--line);grid-template-columns:.7fr 1.3fr;gap:80px;padding:100px 0 120px;display:grid}.platforms>div:first-child>p:last-child{color:var(--muted);max-width:480px;line-height:1.65}.platform-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.platform-list>div{border:1px solid var(--line);background:#ffffff06;border-radius:15px;grid-template-columns:42px 1fr;align-items:center;gap:3px 13px;padding:16px;display:grid}.platform-list span{width:42px;height:42px;color:var(--lime);background:#2a2430;border-radius:12px;grid-row:span 2;place-items:center;display:grid}.platform-list b{font-size:.94rem}.platform-list small{color:#817985}.status{padding:0 0 125px}.status-card{border:1px solid var(--line);background:linear-gradient(145deg,#282231,#1a171f);border-radius:30px;padding:clamp(30px,6vw,75px);position:relative;overflow:hidden}.status-card:after{content:"";aspect-ratio:1;background:var(--purple);filter:blur(100px);opacity:.1;border-radius:50%;width:360px;position:absolute;top:-100px;right:-100px}.status-card>p:not(.section-kicker){color:var(--muted);max-width:720px;line-height:1.7}.status-columns{grid-template-columns:repeat(3,1fr);gap:14px;margin:37px 0 30px;display:grid}.status-columns>div{border:1px solid var(--line);background:#ffffff06;border-radius:15px;grid-template-columns:9px 1fr;gap:7px 10px;padding:18px;display:grid}.status-columns b{font-size:.88rem}.status-columns small{color:#8e8793;grid-column:2;line-height:1.5}.dot{background:#726b76;border-radius:50%;width:8px;height:8px;margin-top:5px}.dot--done{background:var(--mint);box-shadow:0 0 10px #88e5a866}.dot--active{background:var(--lime);box-shadow:0 0 10px #d9ff6a59}.status-card>a{color:var(--lime);font-size:.88rem;font-weight:700}.status-card>a span{margin-left:8px}.docs-cta{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:50px;padding:100px 0;display:flex}.docs-cta>div{max-width:760px}.docs-cta p:last-child{color:var(--muted);max-width:640px;line-height:1.65}.docs-cta .button{flex:none}.site-footer{border-top:1px solid var(--line);color:#817a86;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:30px;min-height:160px;font-size:.75rem;display:grid}.footer-brand{align-items:center;gap:10px;display:flex}.footer-brand img{width:35px;height:35px}.footer-brand>div{display:grid}.footer-brand b{color:var(--text);font-size:.95rem}.site-footer p{text-align:center;line-height:1.5}.site-footer>div:last-child{justify-self:end;gap:17px;display:flex}.site-footer a:hover{color:var(--lime)}.not-found{text-align:center;place-content:center;justify-items:center;min-height:100vh;padding:40px;display:grid}.not-found img{width:72px}.not-found p{color:var(--lime);letter-spacing:.2em;font-weight:700}.not-found h1{margin-bottom:32px;font-size:clamp(2.5rem,6vw,5rem)}@media (width>=1000px){.features{grid-template-columns:repeat(2,1fr)}.feature--wide{min-height:430px}}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-meta{justify-content:center}.hero-visual{width:min(720px,100%);margin-inline:auto}.section-heading,.platforms{grid-template-columns:1fr;gap:30px}.screen-grid{grid-template-columns:1fr}.phone-shot{padding-block:40px}.status-columns{grid-template-columns:1fr}.site-footer{text-align:center;grid-template-columns:1fr;padding:35px 0}.footer-brand,.site-footer>div:last-child{justify-self:center}}@media (width<=700px){:root{--shell:min(100% - 28px, 1180px)}.site-header{height:72px}.header-github{padding:8px 12px}.hero{min-height:0;padding:45px 0 70px}.hero h1{font-size:clamp(3rem,14vw,4.4rem)}.hero-actions{flex-direction:column;align-items:stretch}.hero-meta{justify-items:start;width:fit-content;margin-inline:auto;display:grid}.app-window{min-height:360px;transform:none}.app-body{grid-template-columns:78px 1fr;min-height:280px}.app-sidebar{padding:12px 7px}.sidebar-brand b,.app-sidebar nav em,.sidebar-player strong,.sidebar-player span{display:none}.sidebar-player{min-height:36px}.album-row{grid-template-columns:repeat(2,1fr)}.album:nth-child(n+3){display:none}.track-list>div{grid-template-columns:24px 1fr auto}.track-list span{display:none}.now-playing{grid-template-columns:27px 1fr 70px}.timeline,.volume,.mockup-note{display:none}.statement{padding-top:70px}.features{grid-template-columns:1fr;padding-bottom:90px}.feature{min-height:380px}.section-heading{margin-bottom:28px}.screen-card{padding:12px}.screen-card--desktop .app-window{min-width:560px}.screen-card--desktop{overflow-x:auto}.platform-list{grid-template-columns:1fr}.platforms,.docs-cta{padding-block:75px}.docs-cta{flex-direction:column;align-items:stretch}.site-footer>div:last-child{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}