@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f5f3;--muted:#91958f;--green:#b2f36b;--bg:#10120f}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}.home-shell{isolation:isolate;flex-direction:column;min-height:100vh;padding:0 clamp(24px,7.2vw,112px);display:flex;position:relative;overflow:hidden}.home-shell:before{content:"";z-index:-2;opacity:.19;background-image:radial-gradient(#7f876f .55px,#0000 .55px);background-size:7px 7px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 55%);mask-image:linear-gradient(90deg,#000,#0000 55%)}.ambient{z-index:-1;pointer-events:none;filter:blur(110px);border-radius:50%;position:absolute}.ambient-one{opacity:.14;background:#527a34;width:420px;height:420px;top:17%;right:9%}.ambient-two{opacity:.09;background:#a1753a;width:290px;height:290px;bottom:4%;left:20%}.topbar{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:98px;display:flex}.brand{color:var(--ink);letter-spacing:-.7px;align-items:center;gap:11px;font:800 16px Manrope,sans-serif;text-decoration:none;display:inline-flex}.brand-light{color:#a9afa4;font-weight:500}.brand-icon{background:var(--green);border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.brand-icon svg{stroke:#182112;stroke-width:2px;stroke-linecap:round;width:19px}.topbar-note{color:#a0a49b;letter-spacing:.02em;align-items:center;gap:9px;font-size:12px;display:flex}.status-dot,.footer-center i{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #b2f36b80}.hero{flex:1;grid-template-columns:minmax(390px,.96fr) minmax(410px,1.04fr);align-items:center;width:100%;max-width:1250px;min-height:590px;margin:0 auto;display:grid}.hero-copy{z-index:1;padding:55px 0 65px;position:relative}.eyebrow{color:#b4c6a2;letter-spacing:.2em;align-items:center;gap:10px;font-size:10px;font-weight:700;display:inline-flex}.eyebrow-line{background:var(--green);width:22px;height:1px}h1{letter-spacing:-.065em;margin:25px 0 20px;font:600 clamp(44px,5.4vw,72px)/1.08 Manrope,sans-serif}h1 span{color:var(--green)}.hero-description{color:#a4a79f;max-width:440px;margin:0 0 31px;font-size:15px;line-height:1.85}.sign-in-area form{width:fit-content}.spotify-button{color:#172112;background:var(--green);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:12px;min-height:56px;padding:0 20px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:flex;box-shadow:0 8px 32px #9ed65c24}.spotify-button:hover{background:#c4ff7e;transform:translateY(-2px);box-shadow:0 12px 38px #9ed65c3c}.spotify-mark{fill:#172112;width:22px;height:22px}.button-arrow{opacity:.65;margin-left:12px;font-size:16px}.privacy-note{color:#71766d;align-items:center;gap:8px;margin:14px 0 0 4px;font-size:11px;display:flex}.privacy-note span{color:#a8b899;font-size:15px}.auth-panel{background:#ffffff08;border:1px solid #ffffff18;border-radius:14px;align-items:center;gap:12px;width:fit-content;padding:10px 12px;display:flex}.signed-in-avatar{width:38px;height:38px;color:var(--green);background:#273820;border-radius:50%;place-items:center;font-weight:700;display:grid}.signed-in-copy{flex-direction:column;gap:3px;min-width:130px;display:flex}.signed-in-label{color:#858a80;letter-spacing:.13em;font-size:9px}.signed-in-name{font-size:13px;font-weight:600}.sign-out-button{color:#cbd0c6;cursor:pointer;background:0 0;border:1px solid #fff2;border-radius:999px;padding:9px 14px;font-size:12px}.sign-out-button:hover{background:#ffffff10}.feature-list{color:#aeb2a9;align-items:center;gap:17px;margin-top:44px;font-size:11px;display:flex}.feature-list>span{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.feature-icon{color:var(--green);font-size:14px}.feature-list>i{background:#666b61;border-radius:50%;width:3px;height:3px}.visual-wrap{place-items:center;height:490px;display:grid;position:relative}.orbit{border:1px solid #cad9bb12;border-radius:50%;position:absolute}.orbit-outer{width:450px;height:450px}.orbit-inner{border-style:dashed;border-color:#cad9bb16;width:350px;height:350px}.vinyl-disc{background:repeating-radial-gradient(circle,#1b1e19 0 2px,#282b24 3px 4px,#191b17 5px 7px);border-radius:50%;place-items:center;width:310px;height:310px;display:grid;position:relative;transform:rotate(-16deg);box-shadow:0 30px 100px #0009,inset 0 0 36px #000c}.vinyl-disc:after{content:"";border-radius:inherit;background:conic-gradient(from 15deg,#0000,#ffffff0b 16deg,#0000 41deg,#0005 90deg,#0000 130deg,#ffffff08 210deg,#0000 260deg);position:absolute;inset:0}.vinyl-label{z-index:1;color:#1b2616;background:radial-gradient(circle at 36% 30%,#d1fb9a,#9fc66b 54%,#50643a);border-radius:50%;place-items:center;width:103px;height:103px;font:800 27px Manrope,sans-serif;display:grid;position:relative;box-shadow:0 0 26px #a6db6d20}.vinyl-label:before,.vinyl-label:after{content:"";border:1px solid #ceecae20;border-radius:50%;width:118px;height:118px;position:absolute}.vinyl-label:after{width:132px;height:132px}.vinyl-label i{background:#27331f;border-radius:50%;width:6px;height:6px;position:absolute}.floating-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#242820ed,#171a16ed);border:1px solid #ffffff1b;border-radius:14px;position:absolute;box-shadow:0 20px 55px #0007}.tempo-card{width:178px;padding:17px 17px 13px;top:50px;right:-1px;transform:rotate(4deg)}.card-kicker{color:#a1a79b;letter-spacing:.15em;font-size:8px;font-weight:700}.waveform{align-items:center;gap:4px;height:30px;margin:14px 0 8px;display:flex}.waveform i{opacity:.85;background:#b2f36b;border-radius:5px;width:4px;height:35%}.waveform i:nth-child(3n){height:95%}.waveform i:nth-child(3n+1){height:58%}.waveform i:nth-child(4n){height:75%}.tempo-reading{align-items:baseline;gap:5px;display:flex}.tempo-reading strong{letter-spacing:-1px;font:700 24px Manrope,sans-serif}.tempo-reading span{color:#9ba194;letter-spacing:.08em;font-size:9px}.tempo-reading b{color:var(--green);margin-left:auto;font-size:12px}.track-card{align-items:center;gap:11px;padding:10px 12px;display:flex;bottom:57px;left:0;transform:rotate(-3deg)}.track-art{color:#d8f6ae;background:linear-gradient(140deg,#869d58,#323e2d 55%,#9c7954);border-radius:8px;place-items:center;width:39px;height:39px;font-size:21px;display:grid}.track-details{flex-direction:column;gap:5px;display:flex}.track-details strong{font-size:10px;font-weight:600}.track-details span{color:#959a90;font-size:9px}.track-equalizer{align-items:center;gap:2px;height:20px;margin-left:8px;display:flex}.track-equalizer i{background:var(--green);border-radius:3px;width:2px;height:45%}.track-equalizer i:nth-child(2){height:95%}.track-equalizer i:nth-child(3){height:65%}.sparkle{color:var(--green);opacity:.7;font-size:17px;position:absolute}.sparkle-one{top:87px;left:54px}.sparkle-two{opacity:.4;font-size:11px;bottom:97px;right:69px}.page-footer{color:#777d72;letter-spacing:.13em;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;height:65px;font-size:9px;display:flex}.footer-center{color:#999e94;letter-spacing:.02em;align-items:center;gap:9px;font-size:10px;display:inline-flex}.footer-center i{width:5px;height:5px}.footer-version{color:#686e64}.footer-version b{color:var(--green);padding:0 5px}@media (max-width:900px){.home-shell{padding:0 6vw}.hero{grid-template-columns:1fr 1fr;min-height:560px}.visual-wrap{transform-origin:50%;margin:0 -45px;transform:scale(.83)}.hero-copy{padding-right:0}h1{font-size:clamp(43px,6vw,62px)}.feature-list{gap:10px}}@media (max-width:680px){.home-shell{min-height:100svh;padding:0 24px}.topbar{height:72px}.topbar-note{font-size:10px}.hero{flex-direction:column;align-items:stretch;min-height:auto;display:flex}.hero-copy{padding:59px 0 0}.eyebrow{font-size:9px}h1{margin:21px 0 16px;font-size:clamp(43px,12vw,61px)}.hero-description{max-width:440px;font-size:14px}.feature-list{gap:11px;margin-top:31px;font-size:10px}.feature-list>span{gap:5px}.visual-wrap{transform-origin:top;align-self:center;width:100%;max-width:420px;height:340px;margin:23px 0 -60px;transform:scale(.78)}.vinyl-disc{width:280px;height:280px}.orbit-outer{width:390px;height:390px}.orbit-inner{width:310px;height:310px}.tempo-card{top:22px;right:-3px}.track-card{bottom:42px;left:-6px}.page-footer{height:56px;font-size:8px}.footer-center{display:none}}@media (max-width:380px){.home-shell{padding:0 18px}.brand{font-size:14px}.topbar-note{font-size:9px}.feature-list{gap:8px;font-size:9px}.feature-icon{font-size:12px}.visual-wrap{margin-bottom:-92px;transform:scale(.69)}.footer-version{font-size:7px}}@media (prefers-reduced-motion:no-preference){.vinyl-disc{animation:28s linear infinite slow-spin}@keyframes slow-spin{to{transform:rotate(344deg)}}}