:root{--bg:#0b0a0f;--bg2:#15121c;--card:#1b1724;--line:#2e2838;--txt:#ece7f2;--mut:#a89fb6;--red:#e0233c;--gold:#f2c14e;--green:#2fbf71;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--txt);background:radial-gradient(1200px 600px at 80% -10%,#3a0f1a 0,transparent 60%),radial-gradient(900px 500px at -10% 30%,#10241a 0,transparent 60%),var(--bg)}
a{color:var(--gold)}img{max-width:100%;display:block}
.snow{position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(1.5px 1.5px at 120px 80px,#fff,transparent),radial-gradient(1px 1px at 200px 150px,#fff,transparent);background-size:240px 200px;animation:sn 30s linear infinite;z-index:0}
@keyframes sn{to{background-position:0 2000px}}@media(prefers-reduced-motion:reduce){.snow{animation:none}}
.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:rgba(11,10,15,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.logo{color:var(--txt);text-decoration:none;letter-spacing:.15em;font-size:1.05rem}.logo b{color:var(--red)}
.nav nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg2);padding:1rem;gap:.8rem;border-bottom:1px solid var(--line)}
.nav nav.open{display:flex}.nav nav a{color:var(--txt);text-decoration:none}
.burger{background:none;border:1px solid var(--line);color:var(--txt);font-size:1.2rem;border-radius:8px;padding:.2rem .6rem}
main{position:relative;z-index:1}section{padding:3rem 1rem;max-width:1180px;margin:auto}
.btn{display:inline-block;background:var(--red);color:#fff;border:0;border-radius:999px;padding:.65rem 1.15rem;font-weight:700;text-decoration:none;cursor:pointer;font-size:.95rem;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(224,35,60,.35)}.btn.ghost{background:transparent;border:1px solid var(--gold);color:var(--gold)}
.btn.sm{padding:.4rem .9rem}.btn.wide{width:100%;text-align:center}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.25rem}
.h{font-size:clamp(1.8rem,5vw,2.6rem);margin:0 0 .4rem;letter-spacing:.02em}.lead{color:var(--mut);max-width:760px}
.hero{display:grid;gap:2rem;padding-top:2.5rem}
.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;margin:0}
h1{font-size:clamp(3rem,13vw,6.5rem);line-height:.9;margin:.3rem 0;text-transform:uppercase;background:linear-gradient(180deg,#fff 30%,var(--red));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(224,35,60,.15)}
.tag{font-size:1.3rem;margin:.2rem 0}.good{color:var(--green)}.bad{color:var(--red);font-weight:800}.sub{color:var(--mut)}
.latest{display:flex;gap:1rem;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1rem;margin-top:1.2rem}
.latest img{width:110px;height:110px;object-fit:cover;border-radius:10px}.latest small{color:var(--gold);display:block}.latest strong{font-size:1.3rem;display:block}.latest span{color:var(--mut);font-size:.9rem}
.row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}
.upcoming{background:linear-gradient(160deg,#2a0d15,#121018);border:1px solid #4a1a26;border-radius:var(--r);padding:1.25rem}
.upcoming h2{margin:0 0 .8rem;font-size:1.2rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold)}
.upcoming ol{list-style:none;padding:0;margin:0 0 1rem}.upcoming li{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:.6rem;padding:.75rem 0;border-bottom:1px dashed var(--line)}
.upcoming time{font-weight:800;color:var(--red)}.upcoming em{color:var(--mut);font-size:.8rem;font-style:normal}
.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.filters button{background:var(--bg2);color:var(--txt);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;cursor:pointer}.filters .on{background:var(--gold);color:#111;border-color:var(--gold)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
.rel{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.rel img{aspect-ratio:1;object-fit:cover;width:100%;background:#222}.rel .b{padding:.7rem;display:flex;flex-direction:column;gap:.25rem;flex:1}
.rel h3{font-size:.95rem;margin:0;line-height:1.25}.rel .m{color:var(--mut);font-size:.75rem}
.badge{display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .45rem;border-radius:4px;background:var(--green);color:#04150c;width:max-content}
.badge.rm{background:#3b3448;color:#cfc6dc}.rel .act{display:flex;gap:.4rem;margin-top:auto;padding-top:.4rem;flex-wrap:wrap}.rel .act .btn{padding:.4rem .7rem;font-size:.78rem}
.feat{grid-column:span 2}.feat img{aspect-ratio:16/9}
.bundles{display:grid;gap:1rem;margin:1.2rem 0}.bundle{position:relative;display:flex;flex-direction:column;gap:.5rem}
.bundle .covers{display:flex}.bundle .covers img{width:56px;height:56px;border-radius:8px;object-fit:cover;border:2px solid var(--card);margin-right:-14px}
.bundle h3{margin:.3rem 0 0}.bundle p{color:var(--mut);margin:0;font-size:.9rem}.bundle .price{font-size:1.8rem;font-weight:800;color:var(--gold)}.bundle .price s{font-size:.9rem;color:var(--mut);margin-left:.4rem}
.bundle.hot{border-color:var(--red);box-shadow:0 0 0 1px var(--red),0 10px 40px rgba(224,35,60,.2)}.ribbon{position:absolute;top:12px;right:12px;background:var(--red);color:#fff;font-size:.7rem;font-weight:800;padding:.2rem .5rem;border-radius:4px;letter-spacing:.08em}
.placeholder-note{border:1px dashed var(--gold);color:var(--gold);padding:.7rem 1rem;border-radius:10px;font-size:.85rem;margin:1rem 0}
code{background:#0006;padding:.05rem .3rem;border-radius:4px}
.tip form{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.tip input{width:100px}
input,select,textarea{width:100%;background:var(--bg2);border:1px solid var(--line);color:var(--txt);border-radius:10px;padding:.65rem .8rem;font:inherit}
.tip input{width:110px}.fine{color:var(--mut);font-size:.8rem}
.dsps{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:1rem}.dsps a{display:block;text-align:center;padding:1rem;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--txt);text-decoration:none;font-weight:700}
.dsps a:hover{border-color:var(--gold)}.dsps a.ph{opacity:.6;border-style:dashed}.dsps a.ph::after{content:" (link TBA)";font-weight:400;font-size:.75rem;color:var(--mut)}
.split{display:grid;gap:1.5rem}.ticks{padding-left:1.1rem}.ticks li{margin:.4rem 0}
.inquiry{display:flex;flex-direction:column;gap:.6rem}.inquiry h3{margin:0}.ph-txt{color:var(--gold);font-size:.72rem;opacity:.8}
.tiers{display:grid;gap:1rem;margin:1.2rem 0}.tier h3{margin:0;color:var(--gold)}.tier .price{font-size:2rem;font-weight:800;margin:.3rem 0}.tier small{font-size:.8rem;color:var(--mut)}.tier ul{padding-left:1.1rem;color:var(--mut)}.tier.hot{border-color:var(--red)}
.cols{display:grid;gap:.6rem}
.offers{display:grid;gap:1rem;margin-top:1rem}.offer{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.offer h3{margin:0}.offer p{color:var(--mut);margin:0}.offer.empty{border-style:dashed;opacity:.75}
.signup{text-align:center;margin:2rem auto 3rem;max-width:720px;background:linear-gradient(135deg,#2a0d15,#0f2219)}.signup h2{margin:0 0 .3rem}.signup form{display:flex;gap:.5rem;margin:1rem 0 .4rem}
footer{border-top:1px solid var(--line);padding:2rem 1rem;text-align:center;color:var(--mut);font-size:.85rem;position:relative;z-index:1}
@media(min-width:720px){.grid{grid-template-columns:repeat(4,1fr)}.dsps{grid-template-columns:repeat(4,1fr)}.bundles,.tiers,.offers{grid-template-columns:repeat(3,1fr)}.cols{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1.2fr 1fr}}
@media(min-width:960px){.nav{padding:.8rem 2rem}.burger{display:none}.nav nav{display:flex;position:static;flex-direction:row;background:none;padding:0;border:0;align-items:center;gap:1.3rem}.hero{grid-template-columns:1.4fr 1fr;align-items:center;padding-top:4rem}.grid{grid-template-columns:repeat(5,1fr)}}
/* ===== v2: latest + upcoming ===== */
html,body{overflow-x:hidden}
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.3rem}
.btn.gold{background:var(--gold);color:#140f05}
.hero{padding-bottom:1rem}.hero .row{margin-top:1rem}
.lrs{display:grid;gap:1rem;margin-top:1rem}
.lr{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.lr img{width:100%;aspect-ratio:1;object-fit:cover}
.lr-b{padding:1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.lr-b small{color:var(--gold);font-size:.8rem;letter-spacing:.04em}.lr-b h3{margin:0;font-size:1.35rem;line-height:1.2}.lr-b p{margin:0;color:var(--mut);font-size:.92rem}
.lr .row{margin-top:auto;padding-top:.6rem}.lr .row .btn{flex:1 1 auto}
.ups{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1rem}
.up{position:relative;background:linear-gradient(160deg,#2a0d15,#121018);border:1px solid #4a1a26;border-radius:12px;overflow:hidden}
.up img,.tba-art{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.tba-art{display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:900;color:var(--red);background:repeating-linear-gradient(45deg,#1b1724 0 14px,#221d2c 14px 28px)}
.up-b{padding:.7rem}.up-b h3{margin:.2rem 0 0;font-size:1rem;line-height:1.2}.up-b p{margin:.15rem 0 0;color:var(--mut);font-size:.8rem}
.up time{font-weight:800;color:var(--red);font-size:.85rem;letter-spacing:.06em}
.up .cd{position:absolute;top:8px;left:8px;background:rgba(11,10,15,.85);color:var(--gold);font-style:normal;font-size:.72rem;font-weight:800;padding:.25rem .5rem;border-radius:999px;border:1px solid var(--gold)}
.follow{margin-top:1rem}
/* mobile polish */
.filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.2rem;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}
.filters::-webkit-scrollbar{display:none}.filters button{flex:0 0 auto;min-height:40px;font-size:.9rem}
.rel .act{flex-direction:column}.rel .act .btn{width:100%;min-height:40px;font-size:.85rem}
.rel h3{font-size:.92rem;word-break:break-word}.rel .m{font-size:.76rem}
.burger{min-width:44px;min-height:44px}.nav nav a{padding:.55rem 0;font-size:1.05rem}
.bundle .covers img{width:52px;height:52px}.bundle .price{display:flex;align-items:baseline;gap:.3rem;flex-wrap:wrap}
.signup form{flex-direction:column}.signup .btn{width:100%}
.tip form{flex-direction:column;align-items:stretch}.tip input{width:100%}.tip label{display:flex;gap:.5rem;align-items:center}
input,select,textarea{font-size:16px;min-height:44px}
h1{font-size:clamp(2.8rem,15vw,6.5rem)}
.dsps a{padding:.9rem .5rem;min-height:52px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.dsps a.ph::after{display:block}
section{padding:2.4rem 1rem}
.lead{font-size:.98rem}
@media(min-width:560px){.ups{grid-template-columns:repeat(3,1fr)}.rel .act{flex-direction:row}.rel .act .btn{width:auto}.signup form{flex-direction:row}.signup .btn{width:auto}.tip form{flex-direction:row;align-items:center}.tip input{width:120px}}
@media(min-width:720px){.lrs{grid-template-columns:repeat(3,1fr)}.filters{flex-wrap:wrap;overflow:visible;margin:1rem 0;padding:0}}
@media(min-width:960px){.ups{grid-template-columns:repeat(6,1fr)}.hero{grid-template-columns:1fr;text-align:left}section{padding:3rem 1rem}}
.logo{padding:.6rem 0;display:inline-block}.badge{font-size:.7rem}
@media(max-width:719px){
 .lrs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.8rem;margin:1rem -1rem 0;padding:0 1rem .6rem;scrollbar-width:none}
 .lrs::-webkit-scrollbar{display:none}
 .lr{flex:0 0 82%;scroll-snap-align:center}
 .lr-b h3{font-size:1.15rem}
 .hero{padding-top:1.6rem}.hero h1{margin-bottom:.4rem}
 #latest{padding-top:1rem}
 .swipe-hint{display:block}
}
.swipe-hint{display:none;color:var(--mut);font-size:.8rem;text-align:center;margin:.3rem 0 0}
img{height:auto}.lr img,.up img,.rel img{height:auto;aspect-ratio:1/1;object-fit:cover}
.up .cd{position:static;display:inline-block;margin-left:.4rem;font-size:.7rem;padding:.15rem .45rem}
/* sponsors v2 */
.spons{background:linear-gradient(180deg,transparent,rgba(242,193,78,.04))}
.deal-feature{position:relative;display:flex;gap:1rem;align-items:flex-start;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 10px 40px rgba(242,193,78,.12);margin:1.2rem 0;padding-top:2rem}
.deal-feature .ribbon{background:var(--gold);color:#140f05;left:12px;right:auto}
.deal-feature h3{margin:0 0 .3rem}.deal-feature p{color:var(--mut);margin:0 0 .8rem}.deal-feature .fine{display:block;margin-top:.5rem}
.deal-ico{font-size:2.6rem;line-height:1}
.sub-h{margin:2rem 0 0;font-size:1.3rem}
.tier{position:relative;display:flex;flex-direction:column}.tier .who{color:var(--txt);margin:0 0 .4rem;font-size:.9rem}.tier ul{flex:1}.tier .btn{margin-top:.6rem}
.cta{display:flex;flex-direction:column;gap:1rem;align-items:stretch;margin:1rem 0;background:linear-gradient(135deg,#3a0f1a,#1b1724);border-color:var(--red)}
.cta h3{margin:0 0 .3rem;font-size:1.4rem}.cta p{margin:0;color:var(--mut)}.btn.big{font-size:1.05rem;padding:.9rem 1.6rem}
@media(min-width:720px){.cta{flex-direction:row;align-items:center;justify-content:space-between}.deal-feature{padding:1.6rem;padding-top:2.2rem}}
@media(max-width:400px){.deal-feature{flex-direction:column}}
/* covers: always true 1:1, never cropped or squished */
.lr img,.up img,.rel img,.latest img,.bundle .covers img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#000;max-height:none}
.bundle .covers img{width:52px;height:52px}
.feat{grid-column:auto}.feat img{aspect-ratio:1/1}
/* site-wide centering */
main,section,.card,.lr-b,.up-b,.rel .b,.bundle,.tier,.offer,.cta,.deal-feature,footer{text-align:center}
.lead{margin-left:auto;margin-right:auto}
.row,.filters,.rel .act,.tip form,.signup form,.lr .row{justify-content:center}
.hero{display:block;text-align:center;max-width:900px}.hero-txt{display:flex;flex-direction:column;align-items:center}
.tag .line{display:block}.tag{line-height:1.35}
.badge,.lr-b small{align-self:center}.rel .b,.lr-b,.bundle,.offer,.tier{align-items:center}
.bundle .covers{justify-content:center;padding-right:14px}
.ticks,.tier ul{list-style:none;padding:0}.ticks li::before{content:"✦ ";color:var(--gold)}.tier li{margin:.3rem 0}
.deal-feature{flex-direction:column;align-items:center}.deal-feature .ribbon{left:50%;transform:translateX(-50%)}
.cta{flex-direction:column!important;align-items:center!important}
.inquiry{align-items:stretch}.inquiry h3{text-align:center}.inquiry .btn{align-self:center}
.split{text-align:center}.up .cd{margin:.2rem auto 0}
.latest{justify-content:center}
#inqDateWrap{display:flex;flex-direction:column;gap:.3rem;text-align:center}#inqDateWrap[hidden]{display:none}
.filters.types{margin-bottom:.3rem}.filters.genres{margin-top:.3rem}
.signup-msg{text-align:center;margin:1rem auto 0;font-weight:700;max-width:32rem}
.signup-msg.ok{font-size:1.25rem}
.signup-msg.err{color:#ff6b6b}

/* ===== v3: fixed nav, dropdown on all sizes ===== */
.nav{position:fixed!important;top:0;left:0;right:0;z-index:50}
body{padding-top:64px}
section,[id]{scroll-margin-top:72px}
.burger{display:inline-flex!important;align-items:center;justify-content:center}
.nav nav{display:none!important;position:absolute!important;top:100%;left:0;right:0;flex-direction:column!important;background:var(--bg2)!important;padding:1rem!important;gap:.2rem!important;border-bottom:1px solid var(--line)!important;max-height:calc(100vh - 64px);overflow-y:auto;text-align:center}
.nav nav.open{display:flex!important}
.nav nav a{padding:.6rem 0;font-size:1.05rem}

.gear-grid{display:grid;gap:1rem;margin:1rem 0}
.gear-grid .card{display:flex;flex-direction:column;align-items:center;gap:.3rem}
.gear-grid .card p{flex:1;color:var(--mut)}
@media(min-width:720px){.gear-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.gear-grid{grid-template-columns:repeat(3,1fr)}
.nav nav{left:auto!important;right:1.5rem!important;width:280px;border:1px solid var(--line)!important;border-radius:0 0 14px 14px;box-shadow:0 20px 40px rgba(0,0,0,.5)}}

.also{margin-top:1.6rem;text-align:center}.also h3{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mut,#aaa);margin:0 0 .7rem}.pills{list-style:none;padding:0;margin:0 auto;max-width:960px;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.pills li{font-size:.78rem;padding:.3rem .7rem;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--txt);white-space:nowrap}
.up picture{display:block;background:#000}
.ups{display:flex;flex-wrap:wrap;justify-content:center}.ups>.up{flex:0 0 calc(50% - .4rem)}
@media(min-width:560px){.ups>.up{flex-basis:calc(33.333% - .54rem)}}
@media(min-width:960px){.ups>.up{flex-basis:calc(25% - .6rem);max-width:260px}}
.signup .btn{white-space:nowrap;flex-shrink:0}

/* ===== v3: icons + mobile trims ===== */
.lr .row{align-items:center;gap:1.1rem}
.ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--card);border:1px solid var(--line)}
@media(max-width:719px){
 .dsps{grid-template-columns:repeat(3,1fr);gap:.4rem}.dsps a{padding:.6rem .3rem;font-size:.72rem;border-radius:9px}
 .gear-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.gear-grid .card{padding:.65rem}
 .gear-grid h3{font-size:.85rem;line-height:1.25}.gear-grid .card p{font-size:.74rem;line-height:1.35}.gear-grid .btn{font-size:.72rem;padding:.45rem .6rem}
}
@media(max-width:719px){.dsps a:last-child:nth-child(3n+1){grid-column:2}}
@media(max-width:559px){
 .rel .act{flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:.3rem}
 .rel .act .btn{width:auto;min-height:0;padding:.3rem .55rem;font-size:.7rem;white-space:nowrap}
}
.deals{display:grid;gap:1rem;margin:1.2rem 0}.deals .deal-feature{margin:0;justify-content:flex-start}
@media(min-width:720px){.deals{grid-template-columns:repeat(2,1fr)}}
.tip.card{border:1px solid var(--red);border-radius:var(--r);box-shadow:0 0 0 1px var(--red),0 10px 40px rgba(224,35,60,.2)}
.also .pills{display:block;text-align:center;line-height:1.8;color:var(--txt)}
.also .pills li{display:inline;padding:0;border:0;border-radius:0;background:none;font-size:.78rem}
.also .pills li:not(:last-child)::after{content:"\00a0•"}
@media(max-width:559px){
 .ups{gap:.45rem}
 .ups>.up{flex:0 0 calc(33.333% - .3rem);min-width:0}
 .up .up-b{padding:.4rem .3rem .5rem}
 .up time{font-size:.68rem;letter-spacing:.03em}
 .up .cd{font-size:.58rem;padding:.08rem .35rem;margin:.15rem auto 0}
 .up h3{font-size:.74rem;line-height:1.2;margin:.2rem 0 .1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:normal;overflow-wrap:anywhere}
 .up p{font-size:.62rem;line-height:1.25;margin:0}
}
/* All Releases: fit long titles/genres on mobile */
.rel,.rel .b{min-width:0;max-width:100%}
.rel h3{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}
.rel .badge{width:auto;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.25;margin-top:.15rem}
@media(max-width:559px){.rel h3{font-size:.82rem}.rel .badge{font-size:.58rem;letter-spacing:.03em;padding:.12rem .35rem}.rel .b{padding:.5rem .4rem}}
.rel .act{align-items:center}.rel .act .ico{width:34px;height:34px;flex:0 0 auto}.rel .act .ico svg{width:22px;height:22px}
.rel .badge{background:none;border:0;color:var(--green);padding:0}
@media(max-width:719px){.filters{flex-wrap:wrap;overflow:visible;justify-content:center;margin-left:0;margin-right:0;padding-left:0;padding-right:0;gap:.35rem}.filters button{min-height:34px;font-size:.78rem;padding:.35rem .65rem}}
.rel .badge,.rel h3{text-wrap:balance}

.bundle .covers img.grid{width:132px;height:132px;margin:0;border-radius:10px}
/* Free-single newsletter CTAs + pop-up */
.gift-cover{width:120px;height:120px;object-fit:cover;border-radius:12px;margin:0 auto .8rem;box-shadow:0 8px 28px rgba(224,35,60,.3)}
.nl-cta{text-align:center;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;margin:1.4rem auto 0;color:var(--txt)}
footer .nl-cta{margin:0 auto 1.2rem;font-size:.95rem}
.nl-pop{position:fixed;z-index:50;left:50%;bottom:1rem;width:min(92vw,360px);transform:translate(-50%,120%);opacity:0;transition:transform .3s ease,opacity .3s ease;text-align:center;background:linear-gradient(160deg,#2a0d15,#121018);border:1px solid #4a1a26;border-radius:var(--r);padding:1.2rem 1rem 1rem;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.nl-pop.in{transform:translate(-50%,0);opacity:1}
.nl-pop img{width:84px;height:84px;object-fit:cover;border-radius:10px;margin:0 auto .6rem}
.nl-pop h3{margin:0 0 .3rem;font-size:1.1rem}.nl-pop p{margin:0 0 .7rem;color:var(--mut);font-size:.92rem}
.nl-pop form{display:flex;flex-direction:column;gap:.5rem}
.nl-pop input[type=email]{width:100%;min-height:44px;padding:.6rem .9rem;border-radius:999px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font-size:16px;text-align:center}
.nl-pop .btn{width:100%}
.nl-pop .signup-msg{margin:.4rem 0 0;font-size:1rem;color:var(--txt)}
.nl-x{position:absolute;top:.3rem;right:.5rem;background:none;border:0;color:var(--mut);font-size:1.6rem;line-height:1;cursor:pointer;min-width:44px;min-height:44px}
@media(prefers-reduced-motion:reduce){.nl-pop{transition:none}}
/* SEO landing pages + footer genre row */
.lp{max-width:760px;margin:0 auto;padding:2.5rem 1.2rem;text-align:center}
.lp .lead{margin:0 auto 1rem}.lp-h1{font-size:clamp(2rem,7vw,3rem);line-height:1.1;margin:.4rem 0 .6rem;text-transform:none}
.lp h2{font-size:1.4rem;margin:2.2rem 0 .5rem}
.lp-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.lp ul.links{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.lp ul.links small{display:block;color:var(--mut)}
.lp-feat img{width:260px;max-width:100%;height:auto;border-radius:12px;margin:0 auto .8rem}
.lp-signup{margin:2.4rem auto}
.lp-more{line-height:2}
.genre-row{max-width:760px;margin:0 auto 1.2rem;line-height:1.9}
/* Naughty List perks + giveaway */
.perks{margin:.4rem auto .2rem;max-width:30rem;line-height:1.5;font-size:1.02rem}.perks span{display:block}.perks span+span{color:var(--gold);font-weight:700}
.nl-fine{margin:.5rem auto 0;font-size:.85rem;color:var(--mut)}
.nl-pop .perks{font-size:.92rem;margin:0 0 .7rem;color:var(--txt)}.nl-pop .nl-fine{margin:.5rem 0 0;font-size:.8rem}
.nl-cta span{max-width:34rem}
.gw ol,.gw ul.rules{list-style:none;padding:0;margin:0 auto;max-width:36rem;text-align:center}.gw ol li,.gw ul.rules li{margin:.55rem 0}.gw ol b{color:var(--gold)}
/* Coming Soon: Payhip buy buttons */
.up .btn{margin-top:.45rem;min-height:0;padding:.35rem .8rem;font-size:.8rem;white-space:nowrap}
@media(max-width:559px){.up .btn{padding:.25rem .5rem;font-size:.66rem;margin-top:.3rem}}

.sw-plans{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:.4rem 0 .6rem}.sw-plan{border:1px solid var(--gold);border-radius:10px;padding:.8rem;display:flex;flex-direction:column;justify-content:space-between}.sw-plan h4{margin:0 0 .3rem}.sw-plan p{margin:0 0 .6rem}.sw-price b{font-size:1.2rem}
@media(max-width:600px){.sw-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.sw-plan{padding:.5rem .4rem;min-width:0}.sw-plan h4{font-size:.85rem}.sw-plan p{font-size:.72rem;line-height:1.3;margin:0 0 .4rem}.sw-price b{font-size:1rem}.sw-plan .fine{font-size:.6rem}.sw-plan .btn{font-size:.7rem;padding:.4rem .45rem;white-space:normal;width:100%;box-sizing:border-box}}

@media(max-width:600px){.bundles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.bundle{padding:.6rem .45rem;gap:.3rem}.bundle h3{font-size:.85rem;line-height:1.2}.bundle p{font-size:.72rem}.bundle .price{font-size:1.15rem}.bundle .price s{font-size:.7rem}.bundle .covers img,.bundle .covers img.grid{width:100%;height:auto;max-width:120px}.bundle .btn{font-size:.72rem;padding:.4rem .5rem}.bundle .ribbon{font-size:.55rem;top:6px;right:6px;padding:.1rem .3rem}}
@media(max-width:600px){.tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.tier{padding:.65rem .5rem}.tier h3{font-size:.95rem}.tier .price{font-size:1.2rem}.tier .who,.tier ul{font-size:.72rem}.tier ul{padding-left:1rem;margin:.4rem 0}.tier .btn{font-size:.72rem;padding:.4rem .5rem}.tier .ribbon{font-size:.55rem;top:6px;right:6px;padding:.1rem .3rem}}
@media(max-width:600px){.tiers .tier .price{font-size:1.05rem!important}.tiers .tier .price small{font-size:.65rem}.tiers .tier li,.tiers .tier .who{font-size:.72rem!important;line-height:1.3}.tiers .tier.hot h3{margin-top:1rem}.tiers .tier:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:600px){.deals{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.deals .deal-feature{flex-direction:column;align-items:center;padding:2.1rem .6rem .8rem;gap:.4rem;min-width:0;overflow-wrap:anywhere}.deals .deal-feature:nth-child(n+5){grid-column:1/-1}.deals .deal-ico{font-size:1.8rem}.deals .deal-feature h3{font-size:1rem}.deals .deal-feature p{font-size:.82rem;margin-bottom:.5rem}.deals .deal-feature .fine{font-size:.7rem}.deals .deal-feature .btn{font-size:.8rem;padding:.5rem .7rem;white-space:normal}.deals .deal-feature .ribbon{font-size:.6rem;white-space:nowrap;max-width:95%;overflow:hidden;text-overflow:ellipsis}}
/* New Releases at ~67% scale */
#latest .lrs{gap:.67rem}
#latest .lr-b{padding:.67rem;gap:.25rem}
#latest .lr-b small{font-size:.7rem}#latest .lr-b h3{font-size:1rem}#latest .lr-b p{font-size:.78rem}
#latest .lr .row{padding-top:.4rem;gap:.6rem;flex-wrap:wrap}
#latest .lr .ico{width:34px;height:34px}#latest .lr .ico svg{width:20px;height:20px}
#latest .lr .btn{font-size:.8rem;padding:.45rem .8rem;min-height:34px}
@media(min-width:720px){#latest .lrs{grid-template-columns:repeat(4,calc((100% - 2rem)*2/9));justify-content:center}}
@media(max-width:719px){#latest .lrs{gap:.55rem}#latest .lr{flex:0 0 55%}#latest .lr-b h3{font-size:.95rem}}
@media(min-width:720px){#latest .lrs{display:flex;flex-wrap:wrap;justify-content:center}#latest .lr{flex:0 0 calc((100% - 2rem)*2/9)}.deals>.deal-feature:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - .5rem)}}
/* sponsors base */
.deals{max-width:1100px;margin-left:auto;margin-right:auto}
/* Title Case for visible text (Nic, Oct 30 2026) */
body{text-transform:capitalize}input,textarea,select,code,pre,a[href^="mailto:"],.nocap{text-transform:none}
/* Bundles: Everything Vault full width, then 2 + 2 (all screen sizes) */
#bundles{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:860px;margin-left:auto;margin-right:auto}#bundles>.bundle:first-child{grid-column:1/-1}
/* ===== Desktop polish (900px+ only; mobile untouched) ===== */
@media(min-width:900px){
section{padding-top:2.2rem;padding-bottom:2.2rem}
#latest .lrs{flex-wrap:nowrap}#latest .lr{flex:1 1 0;min-width:0;max-width:200px}
.signup{margin:1rem auto 1.5rem}
#bundles{max-width:1000px;gap:1rem}
#bundles>.bundle{display:grid;grid-template-columns:150px 1fr;grid-auto-rows:min-content;column-gap:1.2rem;row-gap:.35rem;text-align:left;align-content:center;padding:1.1rem 1.2rem}
#bundles>.bundle>.covers{grid-row:1/span 6;align-self:center}
#bundles>.bundle .covers img.grid{width:150px;height:150px}
#bundles>.bundle>*:not(.covers){grid-column:2;margin:0}
#bundles>.bundle .price{justify-content:flex-start}
#bundles>.bundle:first-child{grid-template-columns:200px 1fr}
#bundles>.bundle:first-child .covers img.grid{width:200px;height:200px}
#bundles>.bundle .btn.wide{justify-self:start;width:auto;min-width:240px}
#tip .tip{max-width:720px;margin:0 auto}
#inquiry{align-items:start}
}
/* Mini Naughty List boxes (All Music CTA + footer): same border/background as #signup */
.nl-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;max-width:320px;margin:1.4rem auto 0;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(135deg,#2a0d15,#0f2219);color:var(--txt)}
.nl-mini p{margin:0;font-weight:700;line-height:1.35;font-size:1rem}
footer .nl-mini{margin:0 auto 1.2rem}

.hero-lines{display:flex;flex-direction:column;gap:.15rem;margin:.5rem 0 .2rem;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;line-height:1.35;color:var(--mut)}.hero-lines span:first-child{color:var(--gold);font-weight:700;letter-spacing:.14em}@media(min-width:720px){.hero-lines{font-size:.95rem}}

/* ===== compact Stream Music ===== */
.dsps a{line-height:1.15;overflow-wrap:anywhere;min-width:0}
@media(max-width:719px){.dsps{gap:.35rem}.dsps a{padding:.4rem .25rem;min-height:38px;font-size:.7rem;border-radius:8px}}
@media(min-width:720px){.dsps{grid-template-columns:repeat(6,1fr);gap:.45rem;max-width:1000px;margin-left:auto;margin-right:auto}.dsps a{padding:.5rem .4rem;min-height:44px;font-size:.85rem;border-radius:10px}}
.also{margin-top:1rem}
.also summary{display:inline-block;list-style:none;cursor:pointer;font-size:.78rem;font-weight:700;padding:.4rem .9rem;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--txt)}
.also summary::-webkit-details-marker{display:none}.also summary:hover{border-color:var(--gold)}
.also .hd,.also[open] .sh{display:none}.also[open] .hd{display:inline}
.also[open] summary{margin-bottom:.8rem}

/* ===== centered Stream Music buttons ===== */
.dsps{display:flex;flex-wrap:wrap;justify-content:center}
.dsps a{flex:0 0 calc((100% - 2*.35rem)/3);grid-column:auto!important}
@media(min-width:720px){.dsps a{flex-basis:calc((100% - 5*.45rem)/6)}}

/* ===== EPK block, booking text, compact All Music ===== */
.epk{padding:.4rem 1rem 1.2rem;max-width:640px;margin:0 auto;text-align:center}
.epk p{font-size:.8rem;line-height:1.5;color:var(--mut);margin:0 0 .7rem}
.book-txt{line-height:1.55}.book-mail{margin:.4rem 0 0;font-size:.8rem}
@media(max-width:719px){
 #grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
 #grid .rel{border-radius:9px}
 #grid .rel .b{padding:.4rem .25rem;gap:.15rem}
 #grid .rel h3{font-size:.72rem}#grid .rel .m{font-size:.62rem}#grid .rel .badge{font-size:.52rem}
 #grid .rel .act{flex-wrap:wrap;gap:.25rem;row-gap:.3rem}
 #grid .rel .act .ico{width:30px;height:30px}#grid .rel .act .ico svg{width:20px;height:20px}
}
@media(max-width:719px){.book-h{white-space:nowrap;font-size:clamp(1rem,5.3vw,1.6rem);letter-spacing:-.01em}}
.epk{padding:.2rem 1rem .9rem}

/* ===== New Releases = All Music card grid ===== */
@media(max-width:719px){
 .lgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
 .lgrid .rel{border-radius:9px}.lgrid .rel .b{padding:.4rem .25rem;gap:.15rem}
 .lgrid .rel h3{font-size:.72rem}.lgrid .rel .m{font-size:.62rem}.lgrid .rel .badge{font-size:.52rem}
 .lgrid .rel .act{flex-wrap:wrap;gap:.25rem;row-gap:.3rem}
 .lgrid .rel .act .ico{width:30px;height:30px}.lgrid .rel .act .ico svg{width:20px;height:20px}
}
@media(min-width:720px){.lgrid{display:flex;flex-wrap:wrap;justify-content:center}.lgrid .rel{flex:0 0 calc((100% - 3*.8rem)/4)}}
@media(min-width:960px){.lgrid .rel{flex-basis:calc((100% - 4*.8rem)/5)}}

/* ===== Hero social icons ===== */
.socials{display:flex;flex-wrap:nowrap;justify-content:center;gap:.6rem;margin:.4rem 0 1rem}
.socials a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--txt,#fff);transition:color .15s,border-color .15s,transform .15s}
.socials a:hover,.socials a:focus-visible{color:var(--gold);border-color:var(--gold);transform:translateY(-2px)}
.socials svg{width:20px;height:20px}
@media(max-width:400px){.socials{gap:.45rem}.socials a{width:38px;height:38px}.socials svg{width:18px;height:18px}}
/* affiliate grid FINAL: wide banner alone on top, then 2 per row at ALL widths */
.deals{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem}
.deals>.deal-feature{grid-column:auto!important;width:auto!important;justify-self:stretch!important;min-width:0;overflow-wrap:anywhere}
.deals>.deal-feature.deal-wide{grid-column:1/-1!important;order:-1;justify-content:center;align-items:center}
.deals>.deal-feature:not(.deal-wide):nth-child(even):last-child{grid-column:1/-1!important;justify-self:center!important;width:calc(50% - .5rem)!important}
.deals img{max-width:100%!important;height:auto}
@media(max-width:719px){
.deals{gap:.5rem}
.deals>.deal-feature{flex-direction:column;align-items:center;padding:1.9rem .5rem .7rem!important;gap:.35rem}
.deals .deal-ico{font-size:1.6rem}.deals .deal-feature h3{font-size:.9rem}.deals .deal-feature p{font-size:.75rem;margin-bottom:.45rem}
.deals .deal-feature .btn{font-size:.72rem;padding:.45rem .6rem;white-space:normal}
.deals .deal-feature .ribbon{font-size:.55rem;white-space:nowrap;max-width:95%;overflow:hidden;text-overflow:ellipsis}
.deals>.deal-feature:not(.deal-wide):nth-child(even):last-child{width:calc(50% - .25rem)!important}
}
/* Starlink: own full-width row, last */
.deals>.deal-feature.deal-starlink.deal-starlink:nth-child(n):last-child{grid-column:1/-1!important;order:99;width:auto!important;justify-self:stretch!important;justify-content:center;align-items:center;text-align:center}
@media(max-width:719px){.deals>.deal-feature.deal-starlink.deal-starlink:nth-child(n):last-child{width:auto!important}}
