:root{--bg:#070e11;--bg2:#0b181d;--panel:rgba(255,255,255,.035);--line:rgba(255,255,255,.09);--teal:#2dd4bf;--cyan:#22d3ee;--purple:#a774ff;--pink:#f472b6;--text:#e9f3f4;--mut:#8aa6ac;--white:#fff;--grad:linear-gradient(110deg,var(--teal),var(--cyan) 45%,var(--purple))}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,.dn{font-family:Sora,sans-serif;letter-spacing:-.02em;line-height:1.08}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;border-radius:999px;padding:14px 26px;cursor:pointer;border:0;transition:.25s;font-family:Inter}.btn-primary{background:var(--grad);color:#04161a;box-shadow:0 10px 34px -8px #2dd4bf80}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 44px -8px #2dd4bfa6}.btn-ghost{background:var(--panel);color:var(--text);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--teal);color:#fff}nav{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(14px);background:#070e1199;border-bottom:1px solid transparent;transition:.3s}nav.scrolled{background:#070e11d9;border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{display:flex;align-items:center;gap:10px;font-family:Sora;font-weight:800;font-size:20px}.logo .dot{width:30px;height:30px;border-radius:9px;background:var(--grad);display:grid;place-items:center;color:#04161a;font-size:17px}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{color:var(--mut);font-size:14.5px;font-weight:500;transition:.2s}.nav-links a:hover{color:var(--text)}.nav-cta{display:flex;gap:12px;align-items:center}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer}.hero{position:relative;padding:170px 0 90px;text-align:center;overflow:hidden}.mesh{position:absolute;inset:-20% -10% auto;height:760px;z-index:0;filter:blur(70px);opacity:.55;pointer-events:none}.mesh i{position:absolute;border-radius:50%}.mesh .a{width:520px;height:520px;background:#0f766e;left:6%;top:0}.mesh .b{width:480px;height:480px;background:#6d28d9;right:8%;top:60px}.mesh .c{width:420px;height:420px;background:#0e7490;left:42%;top:170px}.hero-in{position:relative;z-index:2}.pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:7px 15px;margin-bottom:26px}.pill b{color:var(--teal)}.hero h1{font-size:clamp(40px,7vw,76px);font-weight:800;margin-bottom:22px}.hero p.lead{font-size:clamp(17px,2.3vw,21px);color:var(--mut);max-width:620px;margin:0 auto 36px}.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero-note{margin-top:18px;color:var(--mut);font-size:13.5px}.player{position:relative;z-index:2;max-width:680px;margin:60px auto 0;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--line);border-radius:20px;padding:20px 22px;display:flex;align-items:center;gap:18px;box-shadow:0 40px 90px -40px #000c}.player .art{width:64px;height:64px;border-radius:13px;background:var(--grad);flex:0 0 auto;display:grid;place-items:center;color:#04161a;font-size:26px}.player .meta{flex:1;text-align:left;min-width:0}.player .meta .t{font-weight:600;color:#fff}.player .meta .s{color:var(--mut);font-size:13px}.wave{display:flex;align-items:center;gap:3px;height:34px;margin-top:8px}.wave span{width:3px;border-radius:3px;background:var(--teal);opacity:.55;animation:eq 1.1s ease-in-out infinite}@keyframes eq{0%,to{height:7px}50%{height:30px}}.play{width:46px;height:46px;border-radius:50%;background:var(--grad);border:0;display:grid;place-items:center;color:#04161a;font-size:18px;cursor:pointer;flex:0 0 auto}.marquee{margin:64px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee .row{display:inline-flex;gap:46px;animation:scroll 26s linear infinite;color:var(--mut);font-size:15px;font-weight:500}.marquee .row span{display:inline-flex;gap:46px}@keyframes scroll{to{transform:translate(-50%)}}section{position:relative}.sec{padding:96px 0}.eyebrow{color:var(--teal);font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.sec h2{font-size:clamp(30px,4.4vw,46px);font-weight:700;margin-bottom:16px}.sec .sub{color:var(--mut);font-size:18px;max-width:560px}.center{text-align:center}.center .sub{margin:0 auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px}.step{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px 26px;transition:.3s}.step:hover{transform:translateY(-5px);border-color:#2dd4bf66;background:#2dd4bf0a}.step .n{width:44px;height:44px;border-radius:12px;background:var(--grad);color:#04161a;font-family:Sora;font-weight:800;display:grid;place-items:center;margin-bottom:18px;font-size:18px}.step h3{font-size:21px;margin-bottom:9px}.step p{color:var(--mut);font-size:15px}.genres{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}.genre{aspect-ratio:1;border-radius:16px;border:1px solid var(--line);background:linear-gradient(150deg,var(--bg2),#0a1518);display:flex;flex-direction:column;justify-content:flex-end;padding:18px;font-weight:600;position:relative;overflow:hidden;transition:.3s;cursor:pointer}.genre:before{content:"";position:absolute;inset:0;opacity:.22;transition:.3s}.genre:hover{transform:scale(1.03);border-color:#ffffff40}.genre:hover:before{opacity:.4}.genre span{position:relative;z-index:2}.genre small{position:relative;z-index:2;display:block;color:var(--mut);font-weight:400;font-size:12px}.g1:before{background:linear-gradient(150deg,#2dd4bf,#0f766e)}.g2:before{background:linear-gradient(150deg,#a774ff,#6d28d9)}.g3:before{background:linear-gradient(150deg,#f472b6,#be185d)}.g4:before{background:linear-gradient(150deg,#22d3ee,#0e7490)}.g5:before{background:linear-gradient(150deg,#fbbf24,#b45309)}.g6:before{background:linear-gradient(150deg,#34d399,#065f46)}.g7:before{background:linear-gradient(150deg,#60a5fa,#1e40af)}.g8:before{background:linear-gradient(150deg,#fb7185,#9f1239)}.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px}.feat{padding:24px 22px;border-radius:16px;border:1px solid var(--line)}.feat .ic{font-size:24px;margin-bottom:12px}.feat h3{font-size:18px;margin-bottom:7px}.feat p{color:var(--mut);font-size:14.5px}.price-card{max-width:440px;margin:54px auto 0;background:linear-gradient(180deg,#2dd4bf14,#a774ff0d);border:1px solid rgba(45,212,191,.3);border-radius:24px;padding:42px 36px;text-align:center;position:relative}.price-card .tag{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--grad);color:#04161a;font-size:12px;font-weight:700;padding:5px 16px;border-radius:999px}.price-card .amt{font-family:Sora;font-weight:800;font-size:68px;line-height:1;margin:8px 0}.price-card .amt small{font-size:22px;color:var(--mut);font-weight:600}.price-card ul{list-style:none;text-align:left;margin:26px 0;display:grid;gap:12px}.price-card li{display:flex;gap:11px;color:var(--text);font-size:15px}.price-card li b{color:var(--teal)}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px}.quote{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px}.quote .stars{color:#fbbf24;margin-bottom:12px;font-size:14px}.quote p{font-size:15px;margin-bottom:18px}.quote .who{display:flex;align-items:center;gap:11px}.quote .av{width:38px;height:38px;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#04161a;font-weight:700;font-size:14px}.quote .who b{display:block;font-size:14px}.quote .who small{color:var(--mut)}.cta-band{margin:40px 0 0;text-align:center;background:linear-gradient(120deg,#2dd4bf1a,#a774ff14);border:1px solid var(--line);border-radius:28px;padding:64px 30px}.cta-band h2{font-size:clamp(28px,4vw,42px);margin-bottom:16px}footer{border-top:1px solid var(--line);padding:54px 0 40px;margin-top:96px;color:var(--mut);font-size:14px}.foot-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px}.foot-links{display:flex;gap:46px;flex-wrap:wrap}.foot-links a{color:var(--mut)}.foot-links a:hover{color:var(--text)}.rv{opacity:0;transform:translateY(26px);transition:.7s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}.page{padding:120px 0 40px}.prose{max-width:760px;margin:0 auto}.prose h1{font-size:clamp(30px,5vw,44px);font-weight:800;margin-bottom:10px}.prose h2{font-size:22px;font-weight:700;margin:34px 0 10px;color:var(--text)}.prose h3{font-size:18px;font-weight:600;margin:22px 0 8px;color:var(--text)}.prose p,.prose li{color:var(--mut);margin-bottom:12px}.prose ul{margin:0 0 12px 20px}.prose strong{color:var(--text)}.prose a{color:var(--teal)}.prose table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left;color:var(--mut);vertical-align:top}.updated{color:var(--mut);font-size:13px;margin-bottom:24px}.notice{background:#fbbf2414;border:1px solid rgba(251,191,36,.3);border-radius:12px;padding:14px 18px;margin-bottom:26px;color:#fbbf24;font-size:14px}.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.dcard{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;transition:.3s;display:block}.dcard:hover{border-color:#2dd4bf66;transform:translateY(-4px)}.dcard .dt{font-weight:600;color:#fff;margin-bottom:4px}.dcard .ds{color:var(--mut);font-size:13px}.state{color:var(--mut);text-align:center;padding:40px 0}.songbox{max-width:620px;margin:0 auto;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--line);border-radius:20px;padding:30px;text-align:center}.songbox audio{width:100%;margin-top:18px}.nav-links.open{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:flex-start;background:#070e11fa;padding:18px 24px;gap:16px;border-bottom:1px solid var(--line)}@media (max-width:860px){.nav-links{display:none}.menu-btn{display:block}.steps,.feats,.quotes,.dgrid{grid-template-columns:1fr}.genres{grid-template-columns:repeat(2,1fr)}}
