
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090710;--fg:#faf7ff;--muted:#aea5bb;--stroke:#ffffff22;--pink:#f73c88;--orange:#ff9e62;--purple:#9e67fe}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.65 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.container{max-width:1170px;margin:0 auto;width:calc(100% - 42px)}
.sitebar{position:sticky;top:0;z-index:30;background:#0b0815df;border-bottom:1px solid var(--stroke);backdrop-filter:blur(20px)}.sitebar .inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{display:flex;gap:11px;align-items:center;font-weight:900;letter-spacing:.08em;line-height:1.15}.brand img{width:42px;height:42px;border-radius:50%}.brand span span{color:#fe59af}.nav{display:flex;gap:18px;align-items:center;font-size:13px;font-weight:700}.nav a:hover{color:#ff8aab}
.hero{padding:74px 0 56px;background:radial-gradient(ellipse at 80% 30%,#742c864d,transparent 55%),radial-gradient(ellipse at 15% 0%,#a7422425,transparent 60%)}.eyebrow{color:#ff8da8;letter-spacing:.20em;font-size:11px;font-weight:900;text-transform:uppercase}.hero h1{font:800 clamp(43px,6.7vw,86px)/1.05 Manrope,system-ui,sans-serif;letter-spacing:-.075em;max-width:790px;margin:19px 0}.hero h1 em{color:#fc68af;font-style:normal}.lead{max-width:660px;color:#beb7ca;font-size:17px;margin-bottom:0}.stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.stats span{background:#ffffff0c;border:1px solid var(--stroke);padding:8px 13px;border-radius:100px;font-size:12px}
.video-section{padding:50px 0 58px}.video-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center}.video-copy h2{font:800 clamp(28px,3.7vw,46px)/1.18 Manrope,sans-serif;letter-spacing:-.06em;margin:12px 0}.video-copy p{color:var(--muted);max-width:450px}.video-copy .pill{display:inline-flex;margin-top:12px;padding:11px 18px;border:1px solid var(--stroke);border-radius:30px;font-weight:800}.video-copy .pill:hover{border-color:#ff8cbb}
.catalog{padding:40px 0 100px;background:linear-gradient(#090710,#110c18)}.catalog h2{font:800 clamp(29px,4vw,48px)/1.1 Manrope,sans-serif;letter-spacing:-.055em;margin:12px 0 30px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.artist-card{padding:24px;border-radius:23px;border:1px solid #ffffff22;background:radial-gradient(ellipse at 90% 0,var(--shade),transparent 55%),linear-gradient(135deg,#23182e,#120e1b);min-width:0}.artist-head{display:flex;gap:14px;align-items:center}.artist-head img{height:72px;width:72px;object-fit:cover;border-radius:15px;border:1px solid #ffffff18}.artist-head h3{font:800 24px/1.15 Manrope,sans-serif;letter-spacing:-.035em;margin:0}.artist-head small{color:#cac0d4}.songlist{padding:0;margin:20px 0;list-style:none;counter-reset:song}.songlist li{counter-increment:song;display:flex;gap:12px;padding:9px 0;border-bottom:1px solid #ffffff13}.songlist li:before{content:counter(song,decimal-leading-zero);font-size:11px;color:#9c8fae;min-width:23px;padding-top:2px}.artist-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.artist-links a,.platform-links a{font-size:12px;font-weight:900;padding:9px 14px;border:1px solid #ffffff38;border-radius:999px}.artist-links a:first-child{border-color:transparent;background:linear-gradient(110deg,#ff9b62,#fb3688);color:#1b0a18}.platform-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}.platform-links a{color:#efbdd7}
.note{color:#b8a9c7;font-size:12px;margin-top:16px;max-width:900px}.footer{border-top:1px solid #ffffff1a;padding:28px 0;color:#c5bccc}.foot-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot-inner a{color:#ff9ac9}
@media(max-width:800px){.video-grid{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.nav{flex-wrap:wrap;justify-content:end;gap:9px}.sitebar .inner{min-height:88px}.brand{font-size:12px}.hero{padding:50px 0 32px}}
@media(max-width:420px){.artist-head img{width:60px;height:60px}.artist-card{padding:17px}}
