:root{color-scheme:dark;--bg:#080a10;--surface:#10141e;--surface2:#171d2a;--line:#293244;--text:#eff3fc;--muted:#9aa7bd;--lav:#b4a0ff;--blue:#7dc8ff;--aqua:#8ae7db;--max:1120px;--r:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}body::before{content:"";position:absolute;pointer-events:none;z-index:-1;top:0;left:0;width:100%;height:720px;background:radial-gradient(ellipse 43% 40% at 84% 20%,rgba(116,94,211,.2),transparent 75%),radial-gradient(ellipse 40% 40% at 10% 6%,rgba(64,107,174,.08),transparent 72%)}a{color:inherit;text-decoration:none}a:hover{color:#d7ceff}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}::selection{background:#a68cff65}p{margin:0}h1,h2,h3{margin:0;letter-spacing:-.045em;line-height:1.25}h1{font-size:clamp(2.9rem,6vw,5.5rem);font-weight:780}h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:750}h3{font-size:1.3rem}main{overflow:hidden}.container{max-width:var(--max);padding:0 24px;margin:0 auto}.site-header{position:relative;z-index:20;border-bottom:1px solid #ffffff12;background:#080a10bb;backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:22px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:760;letter-spacing:-.045em;font-size:1.25rem;white-space:nowrap}.brand-symbol{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#a9a1ff,#83d9eb);box-shadow:0 8px 32px #8d8df02c}.brand-symbol svg{width:26px;height:26px}.nav{display:flex;align-items:center;gap:30px;color:#bdc7d8;font-size:.93rem;font-weight:570}.nav a{transition:color .2s}.nav .nav-active{color:#fff}.nav .nav-pill{color:#f8f7ff;background:#202636;padding:10px 16px;border:1px solid #3b4560;border-radius:999px}.menu-toggle{display:none;background:none;color:white;border:1px solid #45506a;border-radius:10px;padding:7px 10px;cursor:pointer}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff29;border-radius:999px;padding:7px 13px;font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;color:#b9b0ff;font-weight:700;background:#ffffff07}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#89e3d3;box-shadow:0 0 0 4px #89e3d322}.hero{padding:100px 0 105px;position:relative}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:36px}.hero-copy h1{margin:28px 0 23px}.gradient-text{background:linear-gradient(95deg,#a49cf5 8%,#87d5ef 58%,#b7ecdd);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:560px;font-size:1.1rem;color:#a6b2c5;line-height:1.92;letter-spacing:-.02em}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid transparent;border-radius:12px;padding:12px 20px;font-size:.93rem;font-weight:720;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#101321!important;background:linear-gradient(110deg,#c7b5ff,#91d6f0);box-shadow:0 13px 34px #8681da29}.btn-outline{border-color:#37445a;background:#ffffff06}.hero-note{margin-top:21px;color:#7f8ea5;font-size:.81rem}.hero-graphic{min-width:0;position:relative;display:grid;place-items:center;min-height:510px}.hero-glow{position:absolute;inset:10% 0 0 0;background:radial-gradient(ellipse at 55% 50%,#9187e850,transparent 64%);filter:blur(36px);pointer-events:none}.player{width:min(100%,365px);position:relative;transform:rotate(4deg);background:linear-gradient(150deg,#1b2230,#10141e 75%);border:1px solid #4a5067;box-shadow:0 32px 90px #0009,0 0 0 8px #15182963;border-radius:30px;padding:20px 23px 25px}.player-top{display:flex;justify-content:space-between;align-items:center;color:#c8d3e3;font-size:.78rem;font-weight:650}.player-mini-logo{display:flex;align-items:center;gap:7px}.dot-icon{width:8px;height:8px;border-radius:50%;background:#a5a1fa;box-shadow:12px 0 #7dbde6,24px 0 #9cdcc9}.player-status{display:flex;align-items:center;gap:6px;color:#a0cfc3;font-size:.7rem}.status-light{width:5px;height:5px;background:#8dd9c4;border-radius:50%}.artwork{margin:22px 0 20px;aspect-ratio:1;overflow:hidden;border-radius:16px;background:radial-gradient(circle at 60% 31%,#e7bcd1 0 9%,transparent 10%),radial-gradient(circle at 67% 40%,#d5a6e9 0 18%,transparent 19%),radial-gradient(ellipse at 72% 42%,#7366af 0 33%,transparent 33.5%),radial-gradient(ellipse at 20% 90%,#24759a 0 25%,transparent 25.5%),linear-gradient(145deg,#1d263e 6%,#313155 40%,#d296b3 100%);box-shadow:inset 0 0 70px #0003;position:relative}.artwork::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#101128a6)}.artwork-orbit{position:absolute;inset:16%;border:1px solid #ffffff66;border-radius:50%;transform:rotate(-25deg) scaleX(1.3);box-shadow:0 0 0 26px #ffffff09;z-index:1}.track-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.song-title{font-size:1.23rem;font-weight:750;letter-spacing:-.04em}.song-artist{color:#9cabbd;font-size:.83rem}.heart{color:#af9ffa;font-size:1.5rem}.seek{margin-top:22px;height:5px;border-radius:50px;background:#3c4758;overflow:hidden}.seek-progress{height:100%;width:41%;border-radius:50px;background:linear-gradient(90deg,#b4a6ff,#83dbea)}.timestamps{display:flex;justify-content:space-between;color:#74839a;font-size:.68rem;margin-top:6px}.controls{display:flex;align-items:center;justify-content:center;gap:29px;margin-top:10px;color:#b4c1d3}.controls svg{display:block}.play-button{width:52px;height:52px;border-radius:50%;background:#d4caff;display:grid;place-items:center;color:#1c1d2b;box-shadow:0 5px 24px #b5aaf643}.player-bottom{margin-top:20px;padding-top:16px;border-top:1px solid #ffffff1c;display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:#9fb0c5}.flac-badge{border:1px solid #8dded94b;color:#9ee8df;padding:3px 8px;border-radius:7px;font-weight:700;letter-spacing:.055em}.floating-badge{position:absolute;right:0;bottom:42px;border:1px solid #6264838c;background:#1d2333e8;box-shadow:0 20px 50px #0007;border-radius:15px;padding:13px 17px;transform:rotate(-4deg);display:flex;align-items:center;gap:11px;color:#d7e0ef;font-size:.77rem}.floating-badge strong{display:block;color:#fff}.float-symbol{font-size:1.35rem}.section{padding:106px 0}.section-alt{background:linear-gradient(180deg,#0e121b,#0d1018)}.section-head{max-width:660px;margin-bottom:43px}.section-head .label-small{margin-bottom:16px}.label-small{font-size:.79rem;color:#aea5fb;text-transform:uppercase;letter-spacing:.17em;font-weight:800}.section-desc{margin-top:16px;color:var(--muted);font-size:1.03rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{min-height:275px;padding:32px 27px;background:linear-gradient(155deg,#1a2030,#111722 68%);border:1px solid #2c3649;border-radius:22px;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-5px);border-color:#665f9b}.feature-icon{height:56px;width:56px;border-radius:17px;background:#a3a1fd17;border:1px solid #afa6fd26;display:grid;place-items:center;color:#bcb0ff}.feature-icon.blue{background:#70c5ff13;color:#91d3fa;border-color:#91d3fa26}.feature-icon.teal{background:#79e3d017;color:#8be3d0;border-color:#8be3d026}.feature-card h3{margin:26px 0 13px}.feature-card p{font-size:.92rem;color:#99a8bd;line-height:1.85}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:42px}.step{padding-top:24px;border-top:1px solid #344155}.step-num{color:#aaa0ff;font-weight:800;font-size:.85rem;letter-spacing:.1em}.step h3{font-size:1.2rem;margin:15px 0 10px}.step p{color:var(--muted);font-size:.93rem}.notice-panel{border:1px solid #414760;border-radius:23px;padding:34px 38px;background:radial-gradient(ellipse at 90% 3%,#9284d21d,transparent 53%),#131924;display:flex;align-items:center;justify-content:space-between;gap:28px}.notice-panel h2{font-size:1.7rem}.notice-panel p{margin-top:9px;color:#abb5c8;max-width:650px}.site-footer{border-top:1px solid #ffffff17;background:#080b12;padding:37px 0 27px}.footer-top{display:flex;justify-content:space-between;gap:25px;align-items:start}.footer-brand-text{color:#78879b;font-size:.81rem;margin-top:11px;max-width:420px}.footer-links{display:flex;gap:24px;color:#aebacc;font-size:.87rem;flex-wrap:wrap}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:32px;padding-top:18px;border-top:1px solid #ffffff13;color:#6f7e94;font-size:.78rem}.footer-contact{overflow-wrap:anywhere}.legal-hero{padding:82px 0 54px;border-bottom:1px solid #ffffff14}.legal-hero h1{font-size:clamp(2.5rem,5.3vw,4.4rem);margin:20px 0}.legal-hero p{max-width:740px;color:#a9b7c9}.legal-meta{color:#8999af!important;font-size:.85rem;margin-top:20px}.legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:65px;padding:62px 0 110px}.toc{align-self:start;position:sticky;top:24px}.toc-title{font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#9eacd0;margin-bottom:15px}.toc a{display:block;font-size:.83rem;padding:7px 0;color:#8291a8}.toc a:hover{color:#c5b9ff}.legal-content{min-width:0}.legal-content section{padding-bottom:31px;margin-bottom:34px;border-bottom:1px solid #ffffff15;scroll-margin-top:30px}.legal-content h2{font-size:1.43rem;margin-bottom:19px;letter-spacing:-.035em}.legal-content h3{font-size:1.07rem;margin:22px 0 8px}.legal-content p,.legal-content li{font-size:.94rem;color:#b3bfd0;line-height:1.95}.legal-content p+p{margin-top:12px}.legal-content ul,.legal-content ol{padding-left:23px;margin:11px 0}.legal-content li{padding-left:4px;margin:4px 0}.legal-content a{color:#adcbff;text-decoration:underline;text-underline-offset:3px}.legal-content strong{color:#e5ecf7}.legal-intro{background:#151d2a;border-left:3px solid #aa9cf4;border-radius:0 13px 13px 0;padding:17px 19px;margin-bottom:36px;color:#cad4e4;font-size:.92rem}.legal-alert{background:#2b251c;border:1px solid #806440;border-radius:13px;padding:16px 19px;margin:18px 0;color:#ebcb91;font-size:.88rem}.legal-alert strong{color:#ffe4aa}.legal-content .legal-alert p{color:#ebcb91;font-size:.88rem}.definition{background:#141a24;padding:18px 20px;border:1px solid #30384a;border-radius:14px;margin:14px 0}.definition p{margin:0}.minor{font-size:.83rem!important;color:#7e8da1!important}.contact-tile{display:inline-flex;padding:12px 18px;background:#182131;border:1px solid #39445b;border-radius:11px;margin-top:14px;overflow-wrap:anywhere}.contact-tile span{color:#e1eaff;font-weight:650}.back-link{display:inline-flex;gap:9px;align-items:center;font-size:.91rem;color:#a9bdde}.back-link:hover{color:white}@media (max-width:950px){.hero-grid{grid-template-columns:1fr}.hero{padding:75px 0 55px}.hero-graphic{min-height:530px}.floating-badge{right:calc(50% - 235px)}.feature-grid{gap:12px}.feature-card{padding:27px 20px}.legal-layout{grid-template-columns:190px minmax(0,1fr);gap:40px}}@media(max-width:720px){.container{padding:0 20px}.header-inner{min-height:69px}.brand{font-size:1.16rem}.brand-symbol{width:34px;height:34px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:69px;background:#111723;border-bottom:1px solid #344156;padding:18px 23px 23px;flex-direction:column;align-items:stretch;gap:14px}.nav.is-open{display:flex}.nav .nav-pill{text-align:center}.hero{padding-top:69px}.hero-lead{font-size:1rem}.hero-graphic{min-height:475px}.player{max-width:315px;transform:rotate(2deg)}.floating-badge{right:5px;bottom:18px}.section{padding:77px 0}.feature-grid,.how{grid-template-columns:1fr;gap:15px}.feature-card{min-height:unset;padding:26px}.feature-card h3{margin:19px 0 9px}.notice-panel{display:block;padding:27px}.notice-panel .btn{margin-top:24px}.footer-top,.footer-bottom{display:block}.footer-links{margin-top:25px;gap:16px}.footer-bottom>*+*{margin-top:9px}.legal-hero{padding:58px 0 42px}.legal-layout{display:block;padding:38px 0 80px}.toc{position:static;display:flex;overflow:auto;gap:15px;margin-bottom:38px;border-bottom:1px solid #343c4c;padding-bottom:15px;white-space:nowrap}.toc-title{display:none}.toc a{padding:0}.legal-content section{margin-bottom:26px}.legal-content h2{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
