:root{--bg:#050608;--panel:#0b0e12;--text:#f4f6f8;--muted:#89939c;--line:rgba(255,255,255,.12);--red:#ff2945;--blue:#55d7ff;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:20;left:0;right:0;top:0;height:68px;padding:0 max(18px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(5,6,8,.96),rgba(5,6,8,.65),transparent);backdrop-filter:blur(8px)}.logo{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.13em}.logo img{width:42px;height:42px;display:block;object-fit:cover;border-radius:4px;box-shadow:0 0 18px rgba(85,215,255,.10)}.nav nav{display:flex;gap:24px}.nav nav a{font-size:10px;font-weight:900;letter-spacing:.15em;color:#a7b0b8}.nav nav a:hover{color:#fff}
.release{width:min(var(--max),calc(100% - 36px));min-height:100svh;margin:0 auto;padding:104px 0 54px;display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,.9fr);gap:7vw;align-items:center}.cover-wrap{position:relative}.cover-wrap:after{content:"";position:absolute;inset:10%;z-index:-1;background:linear-gradient(135deg,var(--blue),var(--red));filter:blur(80px);opacity:.18}.cover{width:100%;display:block;aspect-ratio:1;object-fit:cover;box-shadow:0 32px 80px rgba(0,0,0,.55)}.overline{font-size:10px;font-weight:900;letter-spacing:.22em;color:var(--blue);margin-bottom:14px}.release h1{font-size:clamp(84px,11vw,170px);line-height:.75;letter-spacing:-.075em;margin:0 0 22px;font-weight:1000}.artist-name{font-size:13px;font-weight:900;letter-spacing:.13em}.tagline{max-width:560px;margin:24px 0 28px;color:#b6bec6;font-size:16px;line-height:1.5}.preview-card{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:14px 16px;margin-bottom:28px;background:rgba(255,255,255,.025)}.preview-main{display:flex;gap:13px;align-items:center}.play{width:42px;height:42px;border-radius:50%;border:1px solid var(--red);background:transparent;color:var(--red);font-size:14px}.play:disabled{opacity:.55}.preview-title{font-size:11px;font-weight:900;letter-spacing:.13em}.preview-sub,.preview-status{font-size:10px;color:#6f7982;margin-top:3px}.links-title{font-size:10px;letter-spacing:.2em;font-weight:900;color:#7e8993;margin-bottom:8px}.service-list{border-top:1px solid var(--line)}.service{min-height:50px;padding:0 2px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);transition:.15s}.service span{font-size:15px;font-weight:750}.service b{font-size:9px;letter-spacing:.14em;color:var(--blue)}.service:hover{padding-left:8px;padding-right:8px;background:rgba(255,255,255,.025)}.service:nth-child(2) b,.service:nth-child(4) b{color:var(--red)}.service-all{margin-top:8px;border:1px solid var(--line);padding:0 14px}.service-all b{color:#fff}.countdown{display:flex;gap:12px;align-items:baseline;margin-top:20px}.countdown span{font-size:9px;letter-spacing:.16em;color:#68727b}.countdown strong{font-size:13px}
.artist{width:min(var(--max),calc(100% - 36px));min-height:92svh;margin:0 auto;padding:110px 0 90px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;border-top:1px solid var(--line)}.artist h2{font-size:clamp(62px,9vw,128px);line-height:.8;letter-spacing:-.07em;margin:0 0 28px}.artist-copy>p{max-width:510px;color:#aab3bc;font-size:17px;line-height:1.55}.artist blockquote{margin:44px 0 0;padding:0;border:0;font-size:clamp(25px,3vw,42px);font-weight:900;line-height:1.05;color:var(--red);letter-spacing:-.04em}.link-group{margin-bottom:36px}.group-title{font-size:10px;letter-spacing:.2em;color:#77818a;font-weight:900;padding-bottom:10px;border-bottom:1px solid var(--line)}.link-group a{min-height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);transition:.15s}.link-group a span{font-size:18px;font-weight:750}.link-group a b{color:var(--blue)}.link-group a:hover{padding-left:8px}.link-group:last-child a b{color:var(--red)}footer{width:min(var(--max),calc(100% - 36px));margin:0 auto;padding:24px 0 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#68727b;font-size:9px;letter-spacing:.13em}
@media(max-width:850px){.nav{height:60px}.logo b{display:none}.nav nav{gap:13px}.nav nav a{font-size:9px}.release{grid-template-columns:1fr;padding-top:86px;gap:36px}.cover-wrap{width:min(88vw,520px);margin:0 auto}.release h1{font-size:clamp(88px,28vw,135px)}.tagline{font-size:15px}.preview-status{display:none}.service{min-height:54px}.artist{grid-template-columns:1fr;gap:56px;min-height:auto;padding:88px 0}.artist-copy>p{font-size:16px}.link-group a{min-height:54px}.link-group a span{font-size:16px}}
@media(max-width:430px){.release,.artist,footer{width:calc(100% - 24px)}.nav{padding:0 12px}.nav nav a:nth-child(1){display:none}.preview-card{padding:12px}.release{padding-bottom:42px}}body{overflow-x:hidden}
@media(max-width:850px){
  .nav{padding:0 12px}
  .nav nav{gap:10px;max-width:calc(100vw - 62px);overflow:hidden}
  .nav nav a{font-size:8px;white-space:nowrap}
  .tagline{max-width:100%;overflow-wrap:anywhere}
  .service{gap:14px}
  .service span{min-width:0}
  .service b{font-size:8px;flex:0 0 auto;white-space:nowrap}
}
@media(max-width:430px){
  .nav nav a:nth-child(1){display:none!important}
  .nav nav{gap:12px}
  .release,.artist,footer{width:calc(100% - 24px)}
  .preview-card{padding:12px}
}.preview-card{display:grid;gap:14px;align-items:stretch}
.preview-card audio{display:none}
.play{cursor:pointer;transition:.15s}
.play:hover{background:var(--red);color:#fff}
.preview-controls{display:grid;gap:7px}
.preview-progress{height:4px;background:rgba(255,255,255,.12);cursor:pointer;position:relative;overflow:hidden}
.preview-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--red));transition:width .08s linear}
.preview-time{display:flex;justify-content:space-between;color:#6f7982;font-size:9px;letter-spacing:.08em}
@media(max-width:850px){.preview-card{gap:12px}.play{width:40px;height:40px}}
@media(max-width:850px){.logo img{width:38px;height:38px}}

.support{width:min(var(--max),calc(100% - 36px));margin:0 auto;padding:8px 0 22px}
.support-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--line);background:rgba(255,255,255,.018);transition:.18s}
.support-card:hover{background:rgba(255,255,255,.035);transform:translateY(-1px);border-color:rgba(85,215,255,.22)}
.support-icon{font-size:28px;line-height:1;filter:saturate(.9)}
.support-copy{display:grid;gap:3px}
.support-kicker{font-size:9px;letter-spacing:.18em;font-weight:900;color:#6f7982}
.support-copy strong{font-size:17px;letter-spacing:-.01em}
.support-copy small{font-size:11px;color:#77818a;line-height:1.35}
.support-arrow{font-size:18px;color:var(--blue)}
@media(max-width:850px){.support{padding:4px 0 10px}.support-card{padding:16px}.support-copy strong{font-size:16px}.support-copy small{font-size:10px}}
@media(max-width:430px){.support{width:calc(100% - 24px)}.support-card{grid-template-columns:auto 1fr auto;gap:12px;padding:14px}.support-icon{font-size:24px}.support-copy small{max-width:230px}}