html,body.jw-promo-page{margin:0!important;padding:0!important;width:100%;height:100%;background:#040208;color:#fff;font-family:Poppins,Arial,sans-serif;overflow:hidden}body.jw-promo-page #header-outer,body.jw-promo-page #header-space,body.jw-promo-page #ajax-content-wrap,body.jw-promo-page .container-wrap,body.jw-promo-page #footer-outer{display:none!important}.jw-promo-page #wpadminbar{z-index:99999}.jw-hero{--avail:100svh;height:var(--avail);min-height:600px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 35%,#7e144f 0,#2b0b27 27%,#08040e 63%,#020207 100%)}body.admin-bar.jw-promo-page .jw-hero{--avail:calc(100svh - 32px)}
.jw-atmosphere{position:absolute;inset:-4%;background:radial-gradient(ellipse at 68% 42%,rgba(255,38,165,.25),transparent 31%),radial-gradient(ellipse at 78% 35%,rgba(152,35,230,.17),transparent 28%);animation:jwBreath 8s ease-in-out infinite}.jw-visual{position:absolute;right:-1%;top:0;width:64%;height:100%;background:url('assets/promo-hero.webp') center 46%/cover no-repeat;filter:saturate(1.18) contrast(1.06);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 100%);animation:jwFloat 10s ease-in-out infinite}.jw-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,2,8,.98) 0,rgba(3,3,10,.9) 34%,rgba(5,3,10,.14) 62%,rgba(3,2,8,.35) 100%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 28%)}
.jw-nav{box-sizing:border-box;position:relative;z-index:5;height:9.5%;min-height:68px;display:flex;align-items:center;gap:42px;padding:0 5.2vw}.jw-brand{font-size:clamp(21px,1.55vw,29px);font-weight:900;font-style:italic;color:#fff;text-decoration:none;letter-spacing:-1.5px;text-shadow:0 8px 22px rgba(0,0,0,.4)}.jw-brand span{color:#168dff}.jw-nav nav{display:flex;gap:clamp(22px,2vw,38px);margin:auto}.jw-nav nav a{color:#fff;text-decoration:none;font-size:clamp(12px,.78vw,15px);opacity:.9}.jw-nav nav a:hover{color:#f151ff}.jw-copy{box-sizing:border-box;position:relative;z-index:4;width:49%;height:90.5%;padding:5.3vh 0 3vh 5.2vw;display:flex;flex-direction:column;align-items:flex-start}.jw-eyebrow{text-transform:uppercase;letter-spacing:.38em;font-size:clamp(10px,.7vw,13px);color:#eadcf0;margin-bottom:2.3vh}.jw-copy h1{font-size:clamp(54px,5vw,94px);line-height:.88;letter-spacing:-.05em;margin:0;font-weight:900;text-shadow:0 12px 34px rgba(0,0,0,.28)}.jw-copy h1 span{display:block}.jw-copy h1 .accent{background:linear-gradient(90deg,#9b38ff,#ff37c7);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 20px rgba(201,52,255,.16))}.jw-copy p{font-size:clamp(15px,1.08vw,21px);line-height:1.45;max-width:690px;color:#f1eef3;margin:2.2vh 0 2.2vh}
.jw-platforms{display:flex;gap:clamp(12px,1.35vw,25px);align-items:flex-start;perspective:900px}.jw-platform{width:clamp(64px,5vw,88px);text-align:center;text-decoration:none!important;color:#fff!important;font-size:clamp(8px,.56vw,11px);font-weight:800;text-transform:uppercase;letter-spacing:.035em}.jw-platform i{box-sizing:border-box;position:relative;width:clamp(52px,4.2vw,74px);height:clamp(52px,4.2vw,74px);border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-style:normal;background:linear-gradient(145deg,rgba(32,31,47,.96),rgba(5,6,14,.98));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -12px 22px rgba(0,0,0,.38),0 14px 22px rgba(0,0,0,.42),0 0 0 1px rgba(0,0,0,.45);transform:rotateX(5deg) translateZ(0);transition:.3s cubic-bezier(.2,.8,.2,1)}.jw-platform i:before{content:"";position:absolute;inset:3px;border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 35%);pointer-events:none}.jw-platform svg{position:relative;width:72%;height:72%;filter:drop-shadow(0 5px 7px rgba(0,0,0,.42))}.jw-platform:hover i{transform:translateY(-6px) rotateX(0) scale(1.045);border-color:rgba(255,255,255,.3)}.jw-instagram:hover i{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 16px 28px rgba(0,0,0,.42),0 0 28px rgba(222,52,190,.32)}.jw-tiktok:hover i{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 16px 28px rgba(0,0,0,.42),0 0 26px rgba(0,242,234,.22)}.jw-youtube:hover i{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 16px 28px rgba(0,0,0,.42),0 0 26px rgba(255,24,56,.26)}.jw-spotify:hover i{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 16px 28px rgba(0,0,0,.42),0 0 26px rgba(30,215,96,.25)}.jw-soundcloud:hover i{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 16px 28px rgba(0,0,0,.42),0 0 26px rgba(255,111,0,.26)}
.jw-btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:18px;text-decoration:none!important;color:#fff!important;font-weight:800;letter-spacing:.045em;border-radius:999px;background:linear-gradient(115deg,#2478ff 0,#873cff 52%,#ff2dd1 100%);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -8px 16px rgba(56,0,120,.22),0 10px 24px rgba(0,0,0,.3),0 0 28px rgba(187,44,255,.32);transition:.28s cubic-bezier(.2,.8,.2,1)}.jw-btn:before{content:"";position:absolute;z-index:-1;top:0;left:-45%;width:32%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-22deg);animation:jwSheen 5s ease-in-out infinite}.jw-btn:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 14px 30px rgba(0,0,0,.32),0 0 38px rgba(220,51,255,.48)}.jw-top-cta{padding:clamp(12px,1.1vh,16px) clamp(20px,1.7vw,31px);font-size:clamp(11px,.7vw,13px)}.jw-main-cta{padding:clamp(14px,1.5vh,18px) clamp(25px,2vw,36px);font-size:clamp(11px,.76vw,14px);margin-top:2.2vh}.jw-tag{margin-top:auto;padding-bottom:1.5vh;text-transform:uppercase;letter-spacing:.35em;font-size:clamp(9px,.62vw,12px);color:#dba8ea}
@keyframes jwBreath{50%{opacity:.75;transform:scale(1.02)}}@keyframes jwFloat{50%{transform:translateY(-6px) scale(1.005)}}@keyframes jwSheen{0%,62%{left:-45%}78%,100%{left:125%}}
@media(max-height:760px) and (min-width:901px){.jw-copy{padding-top:3vh}.jw-eyebrow{margin-bottom:1.5vh}.jw-copy h1{font-size:clamp(48px,4.5vw,78px)}.jw-copy p{margin:1.5vh 0;font-size:clamp(14px,1vw,18px)}.jw-platform i{width:56px;height:56px}.jw-main-cta{margin-top:1.5vh}.jw-tag{font-size:9px}}
@media(max-width:900px){html,body.jw-promo-page{overflow:auto}.jw-hero{height:auto;min-height:100svh;padding-bottom:45px}.jw-nav{height:78px;padding:0 22px}.jw-nav nav{display:none}.jw-brand{font-size:20px}.jw-top-cta{margin-left:auto;padding:12px 17px;font-size:11px}.jw-visual{width:100%;height:58%;top:42%;right:-18%;opacity:.58}.jw-vignette{background:linear-gradient(180deg,rgba(3,2,8,.94) 0,rgba(3,2,8,.78) 54%,rgba(3,2,8,.48) 100%)}.jw-copy{width:auto;height:auto;padding:42px 22px 0}.jw-eyebrow{font-size:10px;letter-spacing:.27em}.jw-copy h1{font-size:clamp(46px,13vw,70px)}.jw-copy p{font-size:16px;max-width:520px;margin:20px 0}.jw-platforms{gap:10px;flex-wrap:wrap}.jw-platform{width:58px;font-size:8px}.jw-platform i{width:50px;height:50px;border-radius:14px}.jw-main-cta{margin-top:22px}.jw-tag{margin-top:150px;padding-bottom:0;font-size:9px;letter-spacing:.24em}}@media(max-width:782px){body.admin-bar.jw-promo-page .jw-hero{--avail:calc(100svh - 46px)}}@media(prefers-reduced-motion:reduce){.jw-atmosphere,.jw-visual,.jw-btn:before{animation:none!important}.jw-platform i,.jw-btn{transition:none!important}}

/* v1.0.4 — larger premium 3D platform controls; CTA pills removed */
.jw-nav{padding-right:5.2vw}
.jw-platforms{gap:clamp(18px,1.65vw,32px);perspective:1200px;margin-top:.4vh}
.jw-platform{width:clamp(82px,6.15vw,116px);font-size:clamp(9px,.62vw,12px);letter-spacing:.06em}
.jw-platform i{width:clamp(70px,5.35vw,100px);height:clamp(70px,5.35vw,100px);border-radius:24px;margin-bottom:11px;background:linear-gradient(145deg,rgba(44,42,62,.98) 0%,rgba(14,14,25,.99) 48%,rgba(3,4,10,1) 100%);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 2px 1px rgba(255,255,255,.28),inset 8px 8px 20px rgba(255,255,255,.035),inset -10px -14px 24px rgba(0,0,0,.55),0 4px 0 rgba(255,255,255,.055),0 18px 30px rgba(0,0,0,.52),0 28px 48px rgba(0,0,0,.22);transform:rotateX(8deg) rotateY(-3deg) translateZ(0)}
.jw-platform i:before{inset:4px;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.025) 35%,transparent 55%)}
.jw-platform i:after{content:"";position:absolute;left:12%;right:12%;bottom:-12px;height:16px;border-radius:50%;background:rgba(0,0,0,.52);filter:blur(8px);z-index:-1;transition:.3s ease}
.jw-platform svg{width:67%;height:67%;filter:drop-shadow(0 7px 9px rgba(0,0,0,.55)) drop-shadow(0 0 9px rgba(255,255,255,.08))}
.jw-platform:hover i{transform:translateY(-8px) rotateX(2deg) rotateY(0deg) scale(1.06);border-color:rgba(255,255,255,.38)}
.jw-platform:hover i:after{bottom:-17px;transform:scale(.86);opacity:.65}
.jw-platform-prompt{margin-top:clamp(14px,1.8vh,22px);font-size:clamp(13px,.92vw,17px);font-weight:650;letter-spacing:.08em;color:#f5edf8;text-transform:uppercase;text-shadow:0 5px 18px rgba(0,0,0,.5)}
.jw-platform-prompt:after{content:"";display:block;width:58px;height:2px;margin-top:10px;border-radius:2px;background:linear-gradient(90deg,#2e86ff,#c23cff,#ff35c8);box-shadow:0 0 12px rgba(194,60,255,.5)}
.jw-tag{margin-top:auto}
@media(max-height:760px) and (min-width:901px){.jw-platform{width:78px}.jw-platform i{width:66px;height:66px;border-radius:19px}.jw-platform-prompt{margin-top:10px;font-size:11px}.jw-copy p{margin-bottom:1.2vh}}
@media(max-width:900px){.jw-platform{width:70px}.jw-platform i{width:60px;height:60px;border-radius:17px}.jw-platform-prompt{margin-top:18px;font-size:11px}.jw-tag{margin-top:120px}}

/* v1.0.5 — centered platform prompt + results tagline */
.jw-platform-prompt{width:100%;max-width:clamp(482px,37.1vw,708px);box-sizing:border-box;text-align:center;align-self:flex-start}
.jw-platform-prompt:after{margin:10px auto 0}

/* v1.0.6 — results eyebrow moved to top; bottom tagline removed */
.jw-tag{display:none!important}


/* v1.0.7 — centered results eyebrow; navigation menu removed */
.jw-nav{justify-content:flex-start}
.jw-eyebrow-centered{position:absolute;z-index:6;top:clamp(27px,3.1vh,42px);left:50%;transform:translateX(-50%);width:max-content;max-width:70vw;margin:0!important;text-align:center;white-space:nowrap}
body.admin-bar.jw-promo-page .jw-eyebrow-centered{top:clamp(27px,3.1vh,42px)}
.jw-copy{padding-top:5.3vh}
@media(max-height:760px) and (min-width:901px){.jw-eyebrow-centered{top:24px}.jw-copy{padding-top:3vh}}
@media(max-width:900px){.jw-eyebrow-centered{top:29px;max-width:58vw;font-size:9px;letter-spacing:.2em}.jw-copy{padding-top:42px}}


/* v1.0.8 — results eyebrow belongs to left hero block; desktop block lowered */
.jw-eyebrow-centered{position:static;z-index:auto;top:auto;left:auto;transform:none;width:100%;max-width:none;margin:0 0 2.3vh!important;text-align:center;white-space:nowrap}
@media(min-width:901px){.jw-copy{padding-top:calc(5.3vh + 36px)}body.admin-bar.jw-promo-page .jw-copy{padding-top:calc(5.3vh + 36px)}}
@media(max-height:760px) and (min-width:901px){.jw-copy{padding-top:calc(3vh + 26px)}.jw-eyebrow-centered{margin-bottom:1.5vh!important}}
@media(max-width:900px){.jw-eyebrow-centered{position:static;max-width:none;width:100%;transform:none;margin:0 0 18px!important;text-align:center}.jw-copy{padding-top:42px}}

/* v1.0.9 — center results eyebrow over REAL FANS only */
.jw-copy h1 .jw-line1-group{display:block;width:max-content;max-width:100%;}
.jw-copy h1 .jw-line1-group .jw-line1{display:block;}
.jw-copy h1 .jw-line1-group .jw-eyebrow-centered{display:block;box-sizing:border-box;width:100%;max-width:none;margin:0 0 2.3vh!important;text-align:center;white-space:nowrap;font-size:clamp(10px,.7vw,13px);font-weight:500;line-height:1.2;letter-spacing:.38em;color:#eadcf0;text-transform:uppercase;text-shadow:none;}
@media(max-height:760px) and (min-width:901px){.jw-copy h1 .jw-line1-group .jw-eyebrow-centered{margin-bottom:1.5vh!important;}}
@media(max-width:900px){.jw-copy h1 .jw-line1-group .jw-eyebrow-centered{margin:0 0 18px!important;font-size:10px;letter-spacing:.27em;}}

/* v1.0.10 — mobile-only centered hero content */
@media(max-width:900px){
  .jw-copy{align-items:center;text-align:center;padding-left:22px;padding-right:22px;}
  .jw-copy h1{width:100%;text-align:center;}
  .jw-copy h1 .jw-line1-group{margin-left:auto;margin-right:auto;}
  .jw-copy p{margin-left:auto;margin-right:auto;text-align:center;}
  .jw-platforms{width:100%;justify-content:center;align-items:flex-start;}
  .jw-platform-prompt{align-self:center;margin-left:auto;margin-right:auto;text-align:center;}
}