:root{color-scheme:dark;--bg:#10130f;--bg-raised:#151914;--bg-soft:#1a201a;--line:#ffffff16;--line-bright:#ffffff27;--text:#f2f0e8;--muted:#a8aaa0;--dim:#767b70;--teal:#70d9bd;--amber:#f5a963;--purple:#c994f2;--serif:"Space Grotesk",sans-serif;--sans:"DM Sans",sans-serif;--mono:"DM Mono",monospace;--content:1200px}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:sticky;z-index:10;top:0;border-bottom:1px solid var(--line);background:#10130feb;backdrop-filter:blur(18px)}.header-inner{max-width:1360px;height:70px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:700;font-size:19px;letter-spacing:-1px}.wordmark img{width:25px;height:25px}.wordmark-dot{color:var(--teal)}.main-nav{display:flex;align-items:center;gap:34px;color:var(--muted);font-size:12px}.main-nav>a:not(.nav-cta):hover,.footer-links>a:hover{color:var(--text)}.nav-cta{padding:10px 15px;border:1px solid #70d9bd66;color:var(--teal);font-size:11px;letter-spacing:.04em}.nav-cta:hover{background:#70d9bd12}.nav-cta span{padding-left:8px}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse 36% 55% at 87% 43%,#4b6c4c22 0%,transparent 100%),radial-gradient(ellipse 35% 75% at 57% 100%,#af6c3730 0%,transparent 100%)}.hero-inner{max-width:1360px;min-height:630px;margin:auto;padding:79px 64px 62px;display:grid;grid-template-columns:.91fr 1.09fr;align-items:center;gap:46px}.hero-copy{padding-bottom:9px}.eyebrow,.section-index{font-family:var(--mono);font-size:10px;letter-spacing:.15em}.eyebrow{color:var(--teal)}.hero-copy>.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 26px}.live-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:var(--teal);box-shadow:0 0 12px #70d9bd69}.hero h1,.section-heading h2,.manifesto h2,.skins-copy h2,.setup-heading h2,.closing-content h2{font-family:var(--serif);font-weight:500;letter-spacing:-.071em;line-height:.99}.hero h1{margin:0 0 20px;font-size:clamp(54px,6vw,84px)}.hero-accent{color:var(--teal)}.hero-description{max-width:395px;color:#c2c3ba;font-size:15px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:28px 0 0}.button{min-height:47px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:19px;font-size:12px;font-weight:650;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--teal);color:#101710}.button-primary:hover{background:#97ead4}.button-primary span{font-size:16px}.button-quiet{color:#cacbc3}.button-quiet span{font-size:16px;color:var(--teal)}.platform-note{display:flex;align-items:center;gap:9px;margin-top:33px;color:#9a9c93;font-size:10px}.platform-icon{color:var(--amber);font-size:15px}.platform-sep{color:#63665e}.hero-visual{position:relative;min-width:0;padding:0 0 1px}.visual-glow{position:absolute;z-index:0;inset:10% -11% 0;background:radial-gradient(ellipse,#c3844030 0%,#a7723311 44%,transparent 74%);pointer-events:none}.visual-topline,.visual-caption{position:relative;z-index:1;display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;letter-spacing:.1em;color:#989b8d}.visual-topline{margin-bottom:12px}.visual-topline>span:first-child{display:flex;align-items:center;gap:8px;color:#c9cbc0}.visual-topline .live-dot{width:6px;height:6px}.desktop-frame{position:relative;z-index:1;padding:8px;border:1px solid #e7d3af24;background:#080a08;box-shadow:0 25px 70px #0008,0 4px 30px #c4844020}.desktop-frame img{width:100%;height:auto;display:block}.visual-caption{margin-top:12px}.caption-wave{color:var(--amber);font-size:11px;letter-spacing:.16em}.hero-baseline{max-width:1232px;margin:auto;padding:13px 0;display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;letter-spacing:.11em;color:#75796e}.section-wrap{max-width:1120px;margin:auto}.manifesto{padding:105px 32px 112px;display:grid;grid-template-columns:.68fr 1.32fr;gap:68px;align-items:start}.manifesto-kicker{display:flex;align-items:center;gap:12px;padding-top:9px;color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.1em}.section-index{color:var(--amber)}.manifesto-body{display:grid;grid-template-columns:1fr .75fr;gap:42px;align-items:end}.manifesto h2,.section-heading h2,.skins-copy h2,.setup-heading h2{margin:0;font-size:clamp(42px,5vw,66px)}.manifesto h2 em,.section-heading h2 em,.skins-copy h2 em,.setup-heading h2 em,.closing-content h2 em{color:var(--teal);font-weight:400}.manifesto-body>p{margin:0 0 4px;color:var(--muted);font-size:13px;line-height:1.9}.features-section{padding:92px 32px 106px;background:#151914;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff10}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading .section-index{display:inline-block;margin-bottom:8px}.section-heading .eyebrow{margin:0 0 15px;font-size:9px}.section-heading h2,.skins-copy h2,.setup-heading h2{font-size:clamp(43px,4.5vw,61px)}.section-intro{max-width:310px;margin:0 0 4px;color:var(--muted);font-size:13px;line-height:1.85}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-card{position:relative;overflow:hidden;min-width:0;padding:24px 25px 21px;border:1px solid #ffffff15;background:#1a1e18}.feature-card-search{grid-row:span 2}.feature-top{display:flex;align-items:center;justify-content:space-between}.feature-number,.card-footnote{font-family:var(--mono);font-size:8px;letter-spacing:.13em;color:#92968a}.feature-symbol{width:28px;height:28px;display:grid;place-items:center;border:1px solid #70d9bd4a;border-radius:50%;color:var(--teal);font-size:15px}.feature-card h3{margin:22px 0 10px;font-family:var(--serif);font-weight:500;letter-spacing:-.045em;font-size:33px;line-height:1.09}.feature-card>p{max-width:355px;margin:0;color:var(--muted);font-size:12px;line-height:1.8}.feature-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.feature-tags span{padding:5px 8px;border:1px solid #ffffff18;color:#bac0af;font-family:var(--mono);font-size:8px;letter-spacing:.06em}.search-illustration{margin:23px -2px 0;padding:15px;border:1px solid #ffffff15;background:#131711}.search-bar{height:35px;padding:0 10px;display:flex;align-items:center;gap:9px;border:1px solid #ffffff1b;color:#e9ebdf;font-family:var(--mono);font-size:10px}.search-bar>span:first-child{font-size:17px;color:var(--teal)}.search-bar-cursor{width:1px;height:13px;background:var(--teal);animation:blink 1.1s step-end infinite}@keyframes blink{50%{opacity:0}}.result-line{min-height:54px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #ffffff10}.result-line:last-child{border-bottom:0}.result-art{width:29px;height:29px;display:grid;place-items:center;font-size:12px}.art-teal{background:#70d9bd25;color:var(--teal)}.art-amber{background:#f5a96322;color:var(--amber)}.art-mauve{background:#c994f222;color:var(--purple)}.result-line>span:nth-child(2),.queue-song{display:flex;flex:1;min-width:0;flex-direction:column}.result-line strong,.queue-track strong{overflow:hidden;color:#e5e5db;font-size:10px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.result-line small,.queue-track small{color:#85897d;font-size:9px}.result-type{font-family:var(--mono);font-size:7px;letter-spacing:.08em;color:var(--dim)}.queue-illustration{margin:25px 0 0;padding:12px 13px 7px;border:1px solid #ffffff12;background:#141811}.queue-heading{padding:3px 0 8px;display:flex;justify-content:space-between;color:#8b8e83;font-family:var(--mono);font-size:7px;letter-spacing:.1em}.queue-track{min-height:38px;display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff0d}.queue-eq{width:15px;color:var(--teal);font-size:9px}.queue-drag{width:15px;color:#70756a;font-size:10px}.queue-song small{font-size:8px}.queue-track .queue-time{color:#8c9083;font-family:var(--mono);font-size:8px}.current .queue-song strong{color:var(--teal)}.card-footnote{display:block;margin-top:11px;font-size:7px}.controls-illustration{margin:29px 0 0;padding:15px 13px 12px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;align-items:center;border:1px solid #ffffff14;background:#141811;color:#9fa294;font-family:var(--mono);font-size:8px;text-align:center}.controls-illustration>span{height:31px;display:grid;place-items:center;border:1px solid #ffffff20}.controls-illustration>span.play-control{border-color:#f5a9636b;background:#f5a9631e;color:var(--amber);font-size:12px}.controls-seek{height:3px;margin:7px 3px 8px;grid-column:span 5;background:#ffffff26}.controls-seek i{width:37%;height:100%;display:block;background:var(--amber)}.controls-output{display:flex;align-items:center;justify-content:space-between;grid-column:span 5;color:#989c8d;font-size:7px}.controls-output strong{color:#dae0d2;font-weight:500}.skins-section{padding:111px 32px 110px;background:radial-gradient(ellipse 49% 85% at 70% 50%,#73744315,transparent 80%)}.skins-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:75px;align-items:center}.skins-copy .section-index,.setup-heading .section-index{display:block;margin-bottom:17px}.skins-copy .eyebrow,.setup-heading .eyebrow{margin:0 0 12px;font-size:9px}.skins-copy>p:not(.eyebrow){max-width:365px;color:var(--muted);font-size:13px;line-height:1.9}.skins-copy .skins-note{display:flex;align-items:center;gap:9px;margin:21px 0 0;font-size:10px!important;color:#d0d0c5!important}.tiny-spark{color:var(--amber);font-size:14px}.skin-browser{padding:18px;border:1px solid #ffffff22;background:#121610;box-shadow:0 26px 70px #0003}.skin-browser-top,.skin-browser-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:7px;letter-spacing:.08em;color:#93978a}.skin-browser-top{margin:1px 0 14px}.skin-browser-top b{color:#d7d5c9;font-size:12px}.skin-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.skin-option{min-width:0;padding:0;overflow:hidden;border:1px solid #ffffff1c;background:#191e18;color:inherit;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s}.skin-option:hover{transform:translateY(-3px)}.skin-option.active{border-color:#70d9bd99;box-shadow:0 0 20px #70d9bd12}.skin-preview{position:relative;min-height:148px;padding:12px 10px 8px;display:flex;flex-direction:column;justify-content:flex-start;border-bottom:1px solid #ffffff10;background:repeating-linear-gradient(0deg,#ffffff09 0px,#ffffff09 1px,transparent 1px,transparent 4px),linear-gradient(137deg,#253a31,#101711)}.skin-preview.phosphor{--skin:#70d9bd;--skin-alt:#f5a963}.skin-preview.copper{--skin:#f0b26c;--skin-alt:#d78150;background:repeating-linear-gradient(0deg,#ffffff09 0px,#ffffff09 1px,transparent 1px,transparent 4px),linear-gradient(137deg,#432f23,#180f0b)}.skin-preview.ultraviolet{--skin:#cc9cf5;--skin-alt:#75d6d6;background:repeating-linear-gradient(0deg,#ffffff09 0px,#ffffff09 1px,transparent 1px,transparent 4px),linear-gradient(137deg,#382943,#130f1d)}.skin-preview-brand{font-family:var(--sans);font-size:7px;font-weight:750;letter-spacing:.1em;color:var(--skin)}.skin-preview-brand span{color:var(--skin-alt)}.skin-preview-title{margin-top:29px;font-family:var(--mono);font-size:9px;color:var(--skin)}.skin-preview-artist{color:#9b9f92;font-family:var(--mono);font-size:7px}.skin-preview-controls{display:flex;align-items:center;gap:10px;margin-top:13px;color:#c7c9bb;font-family:var(--mono);font-size:7px}.skin-preview-controls i{font-style:normal}.skin-preview-controls .preview-play{width:21px;height:21px;display:grid;place-items:center;border:1px solid var(--skin-alt);color:var(--skin-alt);font-size:9px}.skin-preview-wave{position:absolute;right:9px;bottom:13px;color:var(--skin);font-size:10px;letter-spacing:.03em}.skin-label{min-height:46px;padding:8px;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:7px;letter-spacing:.11em}.skin-label small{color:#92968a;font-size:7px}.skin-label>span:last-child{color:#888c7e;font-size:10px}.skin-browser-bottom{margin:13px 1px 0}.skin-browser-bottom>span:first-child{display:flex;align-items:center;gap:7px}.skin-browser-bottom .live-dot{width:5px;height:5px}.skin-caption{display:flex;justify-content:space-between;margin-top:11px;color:#8f9286;font-family:var(--mono);font-size:8px}.setup-section{padding:98px 32px 92px;border-top:1px solid var(--line);background:#141812}.setup-heading{text-align:center}.setup-heading .section-index{margin-bottom:8px}.setup-heading .eyebrow{margin-bottom:13px}.setup-heading>p:last-child{max-width:410px;margin:16px auto 0;color:var(--muted);font-size:12px}.setup-steps{margin-top:45px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.setup-step{min-height:218px;padding:21px 21px 19px;border:1px solid #ffffff16;background:#191e18}.step-index{width:28px;height:28px;display:grid;place-items:center;border:1px solid #f5a9636b;border-radius:50%;color:var(--amber);font-family:var(--mono);font-size:9px}.setup-step h3{margin:20px 0 9px;font-family:var(--serif);font-size:18px;font-weight:500;letter-spacing:-.03em}.setup-step p{margin:0;color:var(--muted);font-size:11px;line-height:1.85}.setup-step code{padding:2px 4px;background:#ffffff0c;color:#ddd9cb;font-size:9px;overflow-wrap:anywhere}.setup-step strong{color:#e0dfd4;font-weight:550}.setup-step>a{display:inline-block;margin-top:14px;color:var(--teal);font-size:10px}.setup-step>a span{margin-left:5px}.compat-note{margin-top:19px;padding:16px 19px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;border:1px solid #f5a96335;background:#211b15}.compat-icon{color:var(--amber);font-size:16px}.compat-note>span:nth-child(2){color:#bcb9ab;font-size:10px;line-height:1.7}.compat-note strong{color:#e9e4d6}.compat-note>a{color:var(--amber);font-size:10px;white-space:nowrap}.closing-section{position:relative;overflow:hidden;min-height:445px;display:grid;place-items:center;border-top:1px solid #ffffff12;background:radial-gradient(ellipse 48% 73% at 50% 97%,#67825a21,transparent 90%),#10130f}.closing-orbit{position:absolute;left:50%;top:102%;width:650px;height:410px;transform:translate(-50%,-50%);border:1px solid #70d9bd18;border-radius:50%}.closing-orbit-two{width:870px;height:540px;border-color:#f5a96310}.closing-content{position:relative;z-index:1;padding:66px 20px;text-align:center}.closing-mark{width:38px;height:38px;margin:0 auto 22px;display:grid;place-items:center;border:1px solid #70d9bd99;border-radius:12px;color:var(--teal);font-family:var(--serif);font-size:20px}.closing-mark span{color:var(--amber)}.closing-content .eyebrow{color:#a3a798;font-size:9px}.closing-content h2{margin:18px 0 25px;font-size:clamp(47px,6vw,71px)}.closing-content .button{min-height:44px}.closing-platforms{margin:20px 0 0;color:#8d9185;font-family:var(--mono);font-size:8px;letter-spacing:.1em}.site-footer{max-width:1296px;min-height:142px;margin:auto;padding:31px 48px 26px;display:grid;grid-template-columns:1fr 1.3fr 1fr auto;align-items:center;gap:24px;border-top:1px solid var(--line)}.footer-wordmark{font-size:16px}.footer-wordmark img{width:21px;height:21px}.site-footer>p{margin:0;color:#8c9084;font-size:9px;line-height:1.8}.footer-links{display:flex;flex-wrap:wrap;gap:15px;color:#a6a99c;font-size:9px}.footer-copyright{color:#71766b;font-family:var(--mono);font-size:8px;letter-spacing:.09em}
@media(min-width:1440px){.hero-inner{min-height:680px}.hero-baseline{padding-top:15px;padding-bottom:15px}}@media(max-width:900px){.header-inner{padding:0 28px}.hero-inner{min-height:auto;padding:69px 36px 51px;grid-template-columns:1fr;gap:45px}.hero-copy{max-width:610px}.hero-visual{max-width:730px;width:100%;margin:auto}.hero-baseline{margin:0 28px}.section-wrap{max-width:690px}.manifesto{grid-template-columns:1fr;gap:25px;padding:80px 28px 86px}.manifesto-body{grid-template-columns:1fr .8fr;gap:25px}.features-section,.skins-section,.setup-section{padding-right:28px;padding-left:28px}.skins-layout{grid-template-columns:1fr;gap:36px}.skins-copy{max-width:500px}.skins-showcase{max-width:620px;width:100%;margin:auto}.site-footer{grid-template-columns:1fr 1fr;gap:20px;padding:28px}.footer-links{grid-column:1/3;grid-row:2}.footer-copyright{justify-self:end}}
@media(max-width:620px){html{scroll-padding-top:62px}.header-inner{height:61px;padding:0 19px}.wordmark{font-size:17px}.menu-toggle{width:35px;height:35px;padding:9px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid var(--line-bright);background:none}.menu-toggle span{width:15px;height:1px;background:var(--text)}.main-nav{position:absolute;top:60px;left:0;right:0;padding:12px 19px 18px;display:none;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line-bright);background:#10130ff7}.main-nav.is-open{display:flex}.main-nav>a:not(.nav-cta){padding:12px 0;border-bottom:1px solid var(--line)}.nav-cta{margin-top:12px;text-align:center}.hero-inner{padding:55px 20px 38px;gap:34px}.hero-copy>.eyebrow{margin-bottom:21px;font-size:9px}.hero h1{font-size:clamp(51px,12vw,74px)}.hero-description{font-size:13px}.hero-actions{gap:10px}.button{min-height:43px;padding:0 13px;font-size:10px}.platform-note{margin-top:24px;flex-wrap:wrap;gap:7px;font-size:9px}.visual-topline,.visual-caption{font-size:6px}.desktop-frame{padding:4px}.hero-baseline{margin:0;padding:12px 19px;font-size:6px}.manifesto{padding:65px 20px 71px;gap:18px}.manifesto-body{grid-template-columns:1fr;gap:20px}.manifesto h2,.section-heading h2,.skins-copy h2,.setup-heading h2{font-size:clamp(42px,10vw,57px)}.manifesto-body>p{max-width:430px}.features-section,.skins-section,.setup-section{padding:68px 20px 72px}.section-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:27px}.section-intro{font-size:12px}.feature-grid{grid-template-columns:1fr}.feature-card-search{grid-row:auto}.feature-card{padding:19px}.feature-card h3{font-size:29px}.feature-card>p{font-size:11px}.search-illustration{margin-top:18px}.queue-illustration,.controls-illustration{margin-top:19px}.skins-layout{gap:27px}.skin-browser{padding:12px}.skin-options{gap:6px}.skin-preview{min-height:117px;padding:9px 7px 6px}.skin-preview-title{margin-top:22px;font-size:8px}.skin-preview-controls{gap:5px;margin-top:10px}.skin-preview-controls .preview-play{width:17px;height:17px}.skin-preview-wave{right:5px;bottom:8px;font-size:8px}.skin-label{min-height:41px;padding:7px 5px;font-size:6px}.skin-label small{font-size:6px}.skin-browser-top,.skin-browser-bottom{font-size:6px}.skin-caption{font-size:7px}.setup-heading>p:last-child{font-size:11px}.setup-steps{grid-template-columns:1fr;gap:10px;margin-top:30px}.setup-step{min-height:auto;padding:18px}.setup-step h3{margin-top:14px}.setup-step p{font-size:10px}.compat-note{grid-template-columns:19px 1fr;gap:9px;padding:13px}.compat-note>span:nth-child(2){font-size:9px}.compat-note>a{grid-column:2}.closing-section{min-height:385px}.closing-content{padding:60px 18px}.closing-content h2{font-size:clamp(47px,11vw,67px)}.site-footer{padding:25px 20px 22px;gap:13px}.site-footer>p{font-size:8px}.footer-links{gap:12px;font-size:8px}.footer-copyright{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}