html:has(.superstar-page){overflow-x:clip}
.superstar-page{--bg:#0b0a10;--ink:#fff;--muted:#c9c3d9;--line:#2c2838;--pink:#ff2e88;--yellow:#ffe600;--cyan:#22e1ff;--lime:#d4f86b;--purple:#a66bff;--orange:#ff7a1a;--display:'Arial Black','Segoe UI Black','Helvetica Neue',Impact,system-ui,sans-serif;background:var(--bg);color:var(--ink);overflow-x:clip}
.superstar-page .wordmark svg,.superstar-page .wordmark-dot{color:var(--yellow)}
.superstar-page .nav{border-color:var(--line)}
.superstar-page .nav-cta{background:var(--pink);border-color:var(--pink);color:#fff;font-weight:800}
.superstar-page .nav-cta:hover{background:var(--yellow);border-color:var(--yellow);color:#000}
.superstar-page :focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.star-eyebrow{font:800 12px/1.4 'Courier New',monospace;letter-spacing:3px;color:var(--yellow);margin:0 0 14px}
/* ticker */
.ticker{background:var(--yellow);color:#000;overflow:hidden;white-space:nowrap;border-bottom:3px solid #000}
.ticker-track{display:inline-flex;animation:ticker 28s linear infinite}
.ticker span{font:900 15px/1 var(--display);letter-spacing:2px;padding:12px 0}
@keyframes ticker{to{transform:translateX(-50%)}}
/* hero */
.star-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-block:56px 70px}
.slam{margin:0 0 22px;font-family:var(--display);font-weight:900;line-height:.86;letter-spacing:-3px;text-transform:uppercase}
.h-line{display:block;font-size:clamp(64px,8.6vw,138px);animation:slam .7s cubic-bezier(.2,1.4,.4,1) both}
.h-line:nth-child(2){animation-delay:.12s}.h-line:nth-child(3){animation-delay:.24s}
.h-pink{color:var(--pink)}
.h-yellow{color:var(--yellow);text-shadow:6px 6px 0 var(--pink)}
.h-outline{color:transparent;-webkit-text-stroke:3px #fff}
@keyframes slam{from{opacity:0;transform:scale(1.7) rotate(-4deg)}to{opacity:1;transform:none}}
.star-lead{font-size:21px;line-height:1.5!important;max-width:520px;color:var(--muted);margin:0 0 28px}
.star-lead strong{color:#fff}
.star-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.rock-button{display:inline-flex;align-items:center;gap:12px;font:900 20px/1 var(--display);letter-spacing:1px;color:#000;background:var(--yellow);padding:22px 30px;border:3px solid #000;box-shadow:7px 7px 0 var(--pink);transform:rotate(-1.5deg);animation:pulse 2.4s ease-in-out infinite;text-decoration:none}
.rock-button:hover{background:var(--lime);box-shadow:10px 10px 0 var(--cyan);transform:rotate(0) scale(1.04)}
@keyframes pulse{0%,100%{transform:rotate(-1.5deg) scale(1)}50%{transform:rotate(-1.5deg) scale(1.05)}}
.ghost-link{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:3px;text-underline-offset:6px;min-height:44px;display:inline-flex;align-items:center}
.stickers{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}
.sticker{display:block;font:900 15px/1.2 var(--display);color:#000;padding:14px 18px;border:3px solid #000;text-decoration:none;animation:wobble 3.2s ease-in-out infinite}
.sticker small{display:block;font:700 12px/1.4 system-ui,sans-serif;margin-top:4px}
.s-lime{background:var(--lime);transform:rotate(-3deg)}
.s-cyan{background:var(--cyan);transform:rotate(2.5deg);animation-delay:.6s}
.sticker:hover{animation-play-state:paused;filter:brightness(1.08)}
@keyframes wobble{0%,100%{rotate:0deg}50%{rotate:2deg}}
.star-stage{position:relative;margin:0;display:grid;place-items:center;overflow:clip;overflow-clip-margin:60px}
.burst{position:absolute;width:118%;max-width:none;z-index:0;animation:spin 40s linear infinite}
.burst-back{fill:var(--pink)}
@keyframes spin{to{transform:rotate(360deg)}}
.stage-video{position:relative;z-index:1;display:block;width:86%;height:auto;aspect-ratio:1/1;background:#000;border:4px solid #000;box-shadow:12px 12px 0 var(--yellow);transform:rotate(1.5deg)}
.star-stage figcaption{position:relative;z-index:1;margin-top:18px;font:11px/1.5 'Courier New',monospace;color:var(--muted);background:var(--bg);padding:2px 8px}
/* set list */
.setlist{padding-block:80px}
.setlist-head{max-width:760px;margin-bottom:40px}
.setlist-head h2,.showtime h2,.backstage h2{font:900 clamp(40px,5.2vw,76px)/.95 var(--display);letter-spacing:-2px;text-transform:uppercase;margin:0 0 18px}
.setlist-head p:not(.star-eyebrow){color:var(--muted);font-size:17px}
.hl-pink{color:var(--pink)}.hl-yellow{color:var(--yellow)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{position:relative;display:flex;flex-direction:column;color:#000;padding:24px 22px;border:3px solid #000;box-shadow:6px 6px 0 #fff;transition:transform .2s,box-shadow .2s}
.card:nth-child(odd){transform:rotate(-1deg)}.card:nth-child(even){transform:rotate(1deg)}
.card:hover{transform:rotate(0) translateY(-6px) scale(1.02);box-shadow:10px 10px 0 #fff}
.card.pop{animation:pop .55s cubic-bezier(.2,1.5,.4,1) both}
@keyframes pop{from{opacity:0;transform:scale(.7) rotate(-6deg)}}
.c-yellow{background:var(--yellow)}.c-pink{background:var(--pink)}.c-cyan{background:var(--cyan)}.c-lime{background:var(--lime)}.c-purple{background:var(--purple)}.c-orange{background:var(--orange)}
.track{font:800 11px/1 'Courier New',monospace;letter-spacing:2px;margin-bottom:14px}
.card h3{font:900 25px/1.02 var(--display);letter-spacing:-.5px;text-transform:uppercase;margin:0 0 12px}
.card p{font-size:15px;line-height:1.5!important;margin:0 0 12px;color:#111}
.card-perk{font-weight:700}
.card-perk a{color:#000;text-decoration:underline;text-decoration-thickness:2px}
.book-this{margin-top:auto;align-self:flex-start;font:900 15px/1 var(--display);letter-spacing:1px;background:#000;color:#fff;border:0;padding:14px 18px;min-height:46px;cursor:pointer;text-transform:uppercase}
.book-this:hover{background:#fff;color:#000;outline:3px solid #000}
.setlist-note{margin-top:34px;color:var(--muted);font-size:16px}
.setlist-note strong{color:var(--yellow)}
/* showtime */
.showtime{background:var(--pink);color:#000;padding:80px 0;border-block:4px solid #000}
.showtime .star-eyebrow{color:#000}
.showtime h2 .hl-yellow{color:var(--yellow);-webkit-text-stroke:2px #000}
.acts{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.acts li{background:#000;color:#fff;padding:28px;border:3px solid #000;box-shadow:8px 8px 0 var(--yellow)}
.act-num{font:900 64px/1 var(--display);color:var(--yellow);display:block;margin-bottom:10px}
.acts h3{font:900 28px/1 var(--display);text-transform:uppercase;margin:0 0 10px}
.acts p{color:var(--muted);font-size:15px;margin:0}
/* backstage */
.backstage{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding-block:90px;align-items:start}
.passes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.passes li{border:3px solid var(--cyan);padding:22px;color:var(--muted);font-size:15px;line-height:1.5}
.passes strong{display:block;font:900 20px/1.1 var(--display);color:var(--cyan);text-transform:uppercase;margin-bottom:8px}
/* email band */
.email-band{background:var(--yellow);color:#000;padding:56px 0;text-align:center;border-block:4px solid #000}
.email-band p{font:900 20px/1 var(--display);text-transform:uppercase;margin:0 0 14px}
.big-email{font:900 clamp(26px,5vw,68px)/1.05 var(--display);color:#000;letter-spacing:-1.5px;text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:6px;text-underline-offset:10px;word-break:break-word}
.big-email:hover{color:var(--pink)}
/* faq + intake reuse audit.css; restyle accents */
.superstar-page .service-faq h2,.superstar-page .intake h2{font:900 clamp(40px,4.6vw,64px)/.95 var(--display);letter-spacing:-2px;text-transform:uppercase}
.superstar-page .service-faq summary span,.superstar-page .saved-label,.superstar-page .intake-steps li[aria-current]{color:var(--yellow)}
.superstar-page .intake-steps li[aria-current] span{background:var(--yellow);border-color:var(--yellow);color:#000}
.superstar-page .intake-shell{background:#15131d;border:3px solid var(--pink);box-shadow:10px 10px 0 var(--pink)}
.superstar-page .intake-shell h3{font:900 32px/1 var(--display);text-transform:uppercase}
.superstar-page .intake-shell input:not([type=checkbox]),.superstar-page .intake-shell select,.superstar-page .intake-shell textarea{background:#0b0a10;color:#fff;border-color:#4a4460}
.superstar-page .button.lime{background:var(--yellow);color:#000;font-weight:800}
.superstar-page .button.lime:hover{background:var(--lime)}
.superstar-page .intake-actions .outline{color:var(--yellow);border-color:var(--yellow)}
.superstar-page .audit-consent input{accent-color:var(--pink)}
.superstar-page .intake-help a,.superstar-page .audit-privacy a{color:var(--yellow)}
.superstar-page #gig-select.flash{animation:flash .9s ease-out}
@keyframes flash{0%{box-shadow:0 0 0 0 var(--yellow)}30%{box-shadow:0 0 0 8px var(--yellow)}100%{box-shadow:0 0 0 0 transparent}}
.sticky-star{display:none}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.star-hero{grid-template-columns:1fr;gap:40px}.star-stage{max-width:560px;margin-inline:auto}.acts{grid-template-columns:1fr}.backstage{grid-template-columns:1fr;gap:26px}}
@media(max-width:700px){.star-hero{padding-block:34px 48px}.h-line{font-size:clamp(56px,17vw,96px);letter-spacing:-2px}.h-outline{-webkit-text-stroke:2px #fff}.star-lead{font-size:18px}.rock-button{font-size:17px;padding:18px 22px;width:100%;justify-content:center}.cards{grid-template-columns:1fr}.passes{grid-template-columns:1fr}.setlist,.backstage{padding-block:54px}.showtime{padding:54px 0}.act-num{font-size:48px}
.sticky-star{display:block;position:fixed;left:0;right:0;bottom:0;z-index:20;text-align:center;font:900 17px/1 var(--display);letter-spacing:1px;color:#000;background:var(--yellow);border-top:3px solid #000;padding:18px 16px calc(18px + env(safe-area-inset-bottom));text-decoration:none}
.superstar-page footer{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){.ticker-track,.burst,.rock-button,.sticker,.h-line,.card.pop{animation:none!important}.card,.rock-button{transition:none}}
