:root{--bg:#0a0a0a;--fg:#fff;--mut:#9a9a9a;--dim:#5d5d5d;--card:#141414;--line:#242424;--lime:#dcff00;--ink:#0a0a0a;
--hd:"Archivo","Arial Black","Helvetica Neue",Arial,sans-serif;--bd:"Plus Jakarta Sans","Segoe UI",Roboto,Arial,sans-serif;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:calc(72px + env(safe-area-inset-top,0px));background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font:300 16px/1.6 var(--bd)}
a{color:inherit;text-decoration:none}
.w{max-width:1240px;margin:0 auto;padding:0 24px}
svg{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.12em}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(10,10,10,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav{height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{font:900 22px var(--hd);letter-spacing:-.5px}.logo b,.lime{color:var(--lime)}
.links{display:flex;gap:34px}.links a{font:600 11px var(--bd);letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}.links a:hover{color:#fff}
.r{display:flex;gap:10px;align-items:center}
.ig{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:15px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;background:var(--lime);color:var(--ink);font:700 12px var(--bd);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--lime);cursor:pointer}
.btn.s{padding:8px 16px;font-size:11px}.btn.o{background:none;color:#fff;border-color:#3a3a3a}
.btn.o:hover{border-color:var(--lime)}
.hero{position:relative;min-height:calc(100vh - 60px);min-height:calc(100svh - 60px);display:flex;align-items:flex-end;background:linear-gradient(90deg,rgba(10,6,20,.92),rgba(10,6,20,.35)),linear-gradient(0deg,#0a0a0a,transparent 35%),url(img/hero.jpg) center/cover;overflow:hidden}
.hero .w{padding-bottom:56px;padding-top:120px}
.pill{display:inline-flex;gap:8px;align-items:center;padding:8px 16px;border:1px solid #3a3a3a;border-radius:999px;font:700 11px var(--bd);letter-spacing:.2em;text-transform:uppercase;color:#ddd;background:rgba(0,0,0,.3)}.pill svg{color:var(--lime)}
h1{font:900 clamp(52px,11vw,132px)/.95 var(--hd);letter-spacing:-.04em;margin:28px 0 24px;text-transform:uppercase}
h1 span{display:block;color:var(--lime)}
.sub{max-width:520px;color:#ccc;font-size:18px;margin:0 0 32px}
.cta{display:flex;gap:12px;flex-wrap:wrap}.cta .btn{padding:16px 30px;font-size:13px}
section{padding:96px 0}
.ch{font:700 11px var(--bd);letter-spacing:.28em;text-transform:uppercase;color:var(--lime);margin:0 0 18px}
h2{font:900 clamp(28px,4.6vw,46px)/1.08 var(--hd);letter-spacing:-.03em;text-transform:uppercase;margin:0 0 48px;max-width:760px}
h2 i{font-style:normal;color:#6e6e6e}
.two{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.ph{border-radius:20px;border:1px solid var(--line);background-size:cover;background-position:center;aspect-ratio:4/3}
.mf{border-top:1px solid var(--line);padding:36px 0 40px}.mf:first-child{margin-top:0}
.mf small{font:800 14px var(--hd);color:var(--lime)}
.mf h3{font:500 24px var(--bd);margin:14px 0 10px;letter-spacing:-.01em}.mf p{margin:0;color:var(--mut)}
.about{display:grid;grid-template-columns:5fr 6fr;gap:72px;align-items:center}
.face{position:relative;aspect-ratio:3/4;border-radius:20px;background:url(img/face.jpg) center/cover}
.face::before{content:"";position:absolute;left:-16px;top:-16px;width:96px;height:96px;border-left:2px solid var(--lime);border-top:2px solid var(--lime)}
.about p{color:var(--mut);font-size:16px}.about p b{color:#fff;font-weight:600}
.tags{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}
.tags .pill{background:none;font-size:10.5px}
.al{font:600 11px var(--bd);letter-spacing:.25em;color:var(--mut);text-transform:uppercase;margin:8px 0 12px}.al svg{color:var(--lime)}
.sp{display:flex;gap:14px;align-items:center;background:#17275a;border-radius:14px;padding:12px;color:#fff}
.sp .cv{width:92px;height:92px;border-radius:6px;background:radial-gradient(circle at 50% 70%,#f6b24a,#3b2f8f 40%,#0d1240);flex:none;display:grid;place-items:center;font:500 11px Georgia,serif;text-align:center;color:#f3dca0}
.sp strong{display:block;font-weight:700}.sp span{color:#b9c4ee;font-size:14px}
.sp .go{margin-left:auto;width:44px;height:44px;border-radius:50%;background:#fff;color:#17275a;display:grid;place-items:center;font-size:18px}
.pk{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pc{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:32px}
.pc.hot{border-color:var(--lime);box-shadow:0 0 40px rgba(220,255,0,.12)}
.bdg{position:absolute;top:-13px;left:24px;background:var(--lime);color:var(--ink);font:800 10px var(--bd);letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.pc h3{font:900 22px var(--hd);letter-spacing:-.03em;text-transform:uppercase;margin:0 0 8px}
.pc .d{color:var(--mut);font-size:14px;min-height:44px;margin:0 0 24px}
.pr{font:900 40px var(--hd);letter-spacing:-.04em}.hot .pr{color:var(--lime)}
.hr{font:600 11px var(--bd);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:8px 0 26px}.hr svg{color:var(--lime)}
.pc ul{list-style:none;margin:0 0 32px;padding:0;flex:1;font-size:14px;font-weight:400}
.pc li{padding:5px 0}.pc li::before{content:"✓";color:var(--lime);margin-right:12px}
.pc .btn{justify-content:center;text-align:center}
.gal{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}
.g{position:relative;border-radius:18px;border:1px solid var(--line);background-size:cover;background-position:center;min-height:300px;overflow:hidden}
.g span{position:absolute;left:24px;bottom:22px;font:700 11px var(--bd);letter-spacing:.2em;text-transform:uppercase;text-shadow:0 1px 8px #000}
.g1{grid-column:span 7;min-height:440px}.g2{grid-column:span 5}.g3{grid-column:span 5;min-height:400px}.g4{grid-column:span 7;min-height:400px}
.fm{display:grid;grid-template-columns:1.9fr 1fr;gap:48px;align-items:start}
.row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
label,.lb{display:block;font:700 11px var(--bd);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px}
.lb em{font-style:normal;color:var(--dim);text-transform:none;letter-spacing:.1em;font-weight:400}
input,textarea{width:100%;background:var(--card);border:1px solid var(--line);border-radius:10px;color:#fff;font:400 14px var(--bd);padding:16px;color-scheme:dark}
input::placeholder,textarea::placeholder{color:#555}input:focus,textarea:focus{outline:none;border-color:var(--lime)}
.f{margin-bottom:26px}
.opts{display:grid;gap:12px}.o4{grid-template-columns:repeat(4,1fr)}.o2{grid-template-columns:1fr 1fr}
.op{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;color:#fff;text-align:left;cursor:pointer;font:400 14px var(--bd)}
.op strong{display:block;font:700 12px var(--bd);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.op.on{border-color:var(--lime);background:#1a1d05;color:var(--lime)}.op.c{text-align:center;font:700 12px var(--bd);letter-spacing:.1em;text-transform:uppercase;padding:18px}
.go2{width:100%;justify-content:center;padding:20px;font-size:13px}
.sm{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:34px;position:sticky;top:calc(84px + env(safe-area-inset-top,0px))}
.sm .t{font:600 11px var(--bd);letter-spacing:.25em;color:var(--mut);text-transform:uppercase}
.sm h3{font:900 28px var(--hd);letter-spacing:-.03em;text-transform:uppercase;margin:22px 0 4px}
.sm .pr{color:var(--lime);font-size:42px}
.sm ul{list-style:none;padding:24px 0 0;margin:24px 0 0;border-top:1px solid var(--line);font-size:14px;font-weight:400}.sm li{padding:3px 0}.sm li::before{content:"— ";color:var(--mut)}
.sm p{font-size:12px;color:var(--dim);margin:26px 0 0}
#er{color:#ff6b6b;font-size:13px;margin:12px 0 0;min-height:18px}
footer{border-top:1px solid var(--line);padding:72px 0 40px}
.ft{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;padding-bottom:48px;border-bottom:1px solid var(--line)}
.ft .logo{font-size:clamp(44px,7vw,64px);letter-spacing:-.04em}
.ft p{margin:10px 0 0;font-size:14px;color:var(--mut)}.ft p svg{color:var(--lime)}
.ft .r{flex-wrap:wrap}.ft .btn{padding:16px 24px}
.cp{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:28px;font:400 11px var(--bd);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
@media(max-width:980px){.pk{grid-template-columns:1fr 1fr}.two,.about,.fm{grid-template-columns:1fr;gap:40px}.sm{position:static}.links{display:none}}
@media(max-width:640px){section{padding:64px 0}.pk,.row{grid-template-columns:1fr}.o4{grid-template-columns:1fr 1fr}.g1,.g2,.g3,.g4{grid-column:span 12;min-height:260px}.hero{min-height:620px}}

/* ===== efeitos ===== */
#pg{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--lime),#7c3aed);z-index:50}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='2'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}
.orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.55;animation:fl 12s ease-in-out infinite alternate}
.orb1{width:420px;height:420px;background:#6d28d9;right:-80px;top:8%}
.orb2{width:320px;height:320px;background:#a3e635;opacity:.18;left:30%;bottom:-120px;animation-delay:-5s}
@keyframes fl{to{transform:translate(-60px,50px) scale(1.15)}}
.hero .w{position:relative;z-index:2}
h1 span{background:linear-gradient(100deg,#b6e000 0%,#f4ff7a 40%,#dcff00 55%,#b6e000 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sh 5s linear infinite}
@keyframes sh{to{background-position:-220% 0}}
.hero .pill,.hero h1,.hero .sub,.hero .cta{animation:up .9s cubic-bezier(.2,.8,.2,1) both}
.hero h1{animation-delay:.12s}.hero .sub{animation-delay:.26s}.hero .cta{animation-delay:.4s}
@keyframes up{from{opacity:0;transform:translateY(34px)}}
.eq{position:absolute;right:max(24px,6vw);bottom:64px;display:flex;gap:6px;align-items:flex-end;height:120px;z-index:2;opacity:.9}
.eq i{width:8px;border-radius:4px;background:linear-gradient(0deg,var(--lime),#7c3aed);height:100%;transform-origin:bottom;animation:eq 1s ease-in-out infinite alternate}
.eq i:nth-child(2n){animation-duration:.7s}.eq i:nth-child(3n){animation-duration:1.3s}.eq i:nth-child(4n){animation-delay:-.4s}.eq i:nth-child(5n){animation-delay:-.8s}
@keyframes eq{from{transform:scaleY(.15)}to{transform:scaleY(1)}}
.btn{transition:transform .25s,box-shadow .25s,background .25s}
.btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(220,255,0,.28)}
.btn.o:hover{background:rgba(220,255,0,.08);box-shadow:none}
.cta .btn:not(.o),.go2{animation:pu 2.4s ease-in-out infinite}
@keyframes pu{0%,100%{box-shadow:0 0 0 0 rgba(220,255,0,.45)}60%{box-shadow:0 0 0 14px rgba(220,255,0,0)}}
header{transition:background .3s}header.sc nav{height:52px}nav{transition:height .3s}
/* faixas deslizantes */
.mq{overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);background:var(--lime);color:var(--ink);padding:16px 0;transform:rotate(-1.2deg);margin:-14px -20px 0;position:relative;z-index:3}
.mq.d{background:#101010;color:#fff;transform:rotate(1deg);margin:0 -20px;padding:22px 0}
.mt{display:inline-flex;animation:mq 32s linear infinite;will-change:transform}
.mq.d .mt{animation-duration:46s}
.mq:hover .mt{animation-play-state:paused}
.mt span{font:900 clamp(18px,3vw,30px) var(--hd);letter-spacing:-.02em;text-transform:uppercase;padding:0 26px;display:inline-flex;align-items:center;gap:52px}
.mt span::after{content:"✦";font-size:.7em}
.mq.d .mt span:nth-child(odd){color:transparent;-webkit-text-stroke:1.5px var(--lime)}
.mq.d .mt span::after{color:var(--lime)}
@keyframes mq{to{transform:translateX(-50%)}}
.mqw{overflow:hidden;padding:26px 0}
/* revelar ao rolar */
.js .rv{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
/* cards e galeria */
.pc{transition:transform .35s,border-color .3s,box-shadow .3s}
.pc::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0),rgba(220,255,0,.12),transparent 60%)}
.pc:hover{transform:translateY(-8px);border-color:#4a5a00}.pc:hover::after{opacity:1}
.pc.hot{animation:gl 3.5s ease-in-out infinite alternate}
@keyframes gl{from{box-shadow:0 0 30px rgba(220,255,0,.1)}to{box-shadow:0 0 70px rgba(220,255,0,.28)}}
.g{transition:transform .5s,border-color .3s}.g::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 50%);z-index:1}
.g span{z-index:2}.g{background-size:108%;transition:background-size .8s,border-color .3s}.g:hover{background-size:122%;border-color:var(--lime)}
.face,.ph{transition:transform .6s}.face:hover,.ph:hover{transform:scale(1.02) rotate(-.6deg)}
.mf{transition:padding .3s,border-color .3s}.mf:hover{border-color:var(--lime);padding-left:14px}
.sp{transition:transform .3s}.sp:hover{transform:translateY(-3px)}
.sp .go{animation:pu 2.4s infinite}
.op{transition:transform .2s,border-color .2s,background .2s}.op:hover{transform:translateY(-2px);border-color:#555}
.wf{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:999px;background:var(--lime);color:var(--ink);font:800 12px var(--bd);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 30px rgba(0,0,0,.5);animation:pu 2.4s infinite}
.wf svg{font-size:18px}
@media(max-width:640px){.eq{display:none}.wf span{display:none}.wf{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}}

/* selo + parceria + modal */
.bdg{top:-17px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap;display:inline-flex;align-items:center;gap:7px;padding:9px 20px;font:800 11px var(--bd);letter-spacing:.16em;background:linear-gradient(100deg,#b6e000,#f4ff7a,#b6e000);background-size:200% 100%;animation:sh2 3s linear infinite;border-radius:999px;box-shadow:0 8px 24px rgba(220,255,0,.4),0 0 0 5px var(--bg);z-index:3}
.bdg svg{font-size:13px;fill:var(--ink);stroke:none}
@keyframes sh2{to{background-position:200% 0}}
.pc.hot{background:linear-gradient(180deg,#171b05,var(--card) 45%);padding-top:40px}
.pk{margin-top:12px}
.pt{margin-top:32px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:34px 38px;border-radius:22px;border:1px dashed #5a6a08;background:linear-gradient(100deg,#13170a,var(--card));transition:border-color .3s,transform .3s}
.pt:hover{border-color:var(--lime);transform:translateY(-4px)}
.pt .ic2{width:68px;height:68px;border-radius:20px;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:32px}
.pt h3{font:900 clamp(20px,3vw,28px) var(--hd);letter-spacing:-.03em;text-transform:uppercase;margin:0 0 6px}
.pt p{margin:0;color:var(--mut);max-width:560px}
.md{position:fixed;inset:0;z-index:70;display:none;place-items:center;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);padding:20px;overflow:auto}
.md.on{display:grid}
.mb{position:relative;width:min(560px,100%);background:var(--card);border:1px solid #3a4210;border-radius:24px;padding:38px 34px 32px;animation:up .4s both;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.mb .mh{font:900 26px var(--hd);letter-spacing:-.03em;text-transform:uppercase;margin:0 0 8px}
.mb .mp{color:var(--mut);margin:0 0 28px;font-size:15px}
.x{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:none;color:#fff;font-size:16px;cursor:pointer}.x:hover{border-color:var(--lime)}
.er{color:#ff6b6b;font-size:13px;margin:12px 0 0;min-height:18px}.er.ok,#er.ok{color:var(--lime)}
.cp a{color:var(--mut)}.cp a:hover{color:var(--lime)}
@media(max-width:760px){.pt{grid-template-columns:1fr;padding:28px 24px}}

/* pagamento */
.pms{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.pm{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:16px;color:#fff;text-align:left;cursor:pointer;font:inherit;transition:border-color .25s,background .25s,transform .25s}
.pm:hover{transform:translateY(-2px);border-color:#555}
.pm.on{border-color:var(--lime);background:#161a05;box-shadow:0 0 0 1px var(--lime) inset,0 8px 28px rgba(220,255,0,.08)}
.pi{width:48px;height:48px;border-radius:13px;background:#0f0f0f;border:1px solid var(--line);display:grid;place-items:center;color:var(--lime);flex:none;transition:.25s}
.pm.on .pi{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.pi svg{width:26px;height:26px;stroke-width:1.8}
.px{flex:1;min-width:0}.px strong{display:block;font:800 13px var(--bd);letter-spacing:.12em;text-transform:uppercase}.px small{color:var(--mut);font-size:12.5px;font-weight:400}
.ck{width:22px;height:22px;border-radius:50%;border:2px solid #444;flex:none;position:relative;transition:.25s}
.pm.on .ck{background:var(--lime);border-color:var(--lime)}.pm.on .ck::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--ink);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
/* termo */
.tm{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px dashed #4a5200;border-radius:16px;margin-bottom:18px;background:#101205;transition:.25s;flex-wrap:wrap}
.tm>div{flex:1;min-width:160px}.tm strong{display:block;font:800 12px var(--bd);letter-spacing:.12em;text-transform:uppercase}.tm small{color:var(--mut);font-size:13px}
.tic{width:44px;height:44px;border-radius:12px;background:#0f0f0f;border:1px solid var(--line);display:grid;place-items:center;color:var(--lime);flex:none}.tic svg{width:22px;height:22px}
.tm.on{border:1px solid var(--lime);background:#161a05}.tm.on small{color:var(--lime)}.tm.on .tic{background:var(--lime);color:var(--ink)}
.mb.lg{width:min(760px,100%)}
.tbox{max-height:46vh;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:20px 22px;background:#0f0f0f;font-size:14px;line-height:1.6;color:#c8c8c8}
.tbox h4{font:800 13px var(--hd);letter-spacing:.01em;text-transform:uppercase;color:#fff;margin:20px 0 8px}.tbox h4:first-child{margin-top:0}.tbox p{margin:7px 0}
.tf{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:18px}.th{font-size:12px;color:var(--mut)}
.btn:disabled{opacity:.35;cursor:not-allowed;animation:none;box-shadow:none;transform:none}
.sg{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;border-radius:12px;background:#161a05;border:1px solid #3a4210;font-size:13px}.sg b{color:var(--lime);font:900 16px var(--hd)}
.okc{width:68px;height:68px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;margin:0 auto 18px}.okc svg{width:34px;height:34px;stroke-width:3}
.stp{text-align:left;color:#ccc;margin:18px 0 26px;padding-left:22px}.stp li{margin:10px 0}.ctr{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ctr .btn{padding:15px 24px;font-size:12px}

/* player */
.fi{fill:currentColor;stroke:none}
.links{gap:26px}
.mp{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:35;max-width:calc(100vw - 96px)}
.mpb{position:relative;display:flex;align-items:center;gap:6px;padding:7px 8px 9px 7px;border-radius:999px;background:rgba(16,16,16,.93);backdrop-filter:blur(14px);border:1px solid #333;box-shadow:0 10px 36px rgba(0,0,0,.55);overflow:hidden;color:#fff}
.mp button{border:0;background:none;color:#fff;cursor:pointer;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;padding:0;flex:none;transition:background .2s,transform .2s}
.mp button:hover{background:#262626}
.mp .big{width:44px;height:44px;background:var(--lime);color:var(--ink)}.mp .big:hover{background:#efff5a;transform:scale(1.06)}
.mp .big svg{width:18px;height:18px}.mp button svg{width:16px;height:16px}
.mpe{display:flex;gap:3px;align-items:flex-end;height:18px;width:18px;margin:0 2px 0 4px;flex:none}
.mpe i{flex:1;background:var(--lime);border-radius:2px;height:100%;transform:scaleY(.3);transform-origin:bottom}
.mp.pl .mpe i{animation:eq .9s ease-in-out infinite alternate}.mp.pl .mpe i:nth-child(2){animation-duration:.6s}.mp.pl .mpe i:nth-child(3){animation-duration:1.2s}
.mpt{min-width:0;max-width:135px;padding:0 6px 0 2px;line-height:1.25}
.mpt small{display:block;font:700 9px var(--bd);letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}
.mpt strong{display:block;font:700 13px var(--bd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpg{position:absolute;left:0;right:0;bottom:0;height:3px;background:#262626}.mpg i{display:block;height:100%;width:0;background:var(--lime)}
.mp.hint .mpb{animation:pu 2.4s ease-in-out infinite}
.mpl{display:none;position:absolute;left:0;bottom:calc(100% + 10px);width:min(330px,calc(100vw - 32px));background:rgba(16,16,16,.97);backdrop-filter:blur(14px);border:1px solid #333;border-radius:20px;padding:12px;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.mp.open .mpl{display:block}
.mpl h5{margin:2px 8px 10px;font:700 10px var(--bd);letter-spacing:.22em;text-transform:uppercase;color:var(--mut)}
#mpli{max-height:46vh;overflow:auto}
.mpr{display:flex;align-items:center;border-radius:12px}.mpr.on{background:#1a1d07}
.mp .mpr .pk2{width:auto;height:auto;flex:1;justify-content:flex-start;gap:12px;padding:10px;border-radius:12px;font:600 14px var(--bd);text-align:left}
.mp .mpr .pk2:hover{background:#222}
.mpr .n{color:var(--mut);font:700 11px var(--bd);width:16px}.mpr.on .pk2{color:var(--lime)}.mpr.off{opacity:.4}
.mpr a{font:700 9.5px var(--bd);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);padding:7px 10px;border:1px solid var(--line);border-radius:999px;margin-right:4px}.mpr a:hover{color:var(--lime);border-color:var(--lime)}
.mp.fb .mpb{padding:12px 18px;gap:10px;font:700 12px var(--bd);letter-spacing:.06em}.mp.fb .mpb:hover{border-color:var(--lime)}
@media(max-width:640px){.mpe,#mpv{display:none}.mpt{max-width:96px}}
/* histórico + fotos */
.fl{display:flex;gap:10px;flex-wrap:wrap;margin:-18px 0 26px}.fl[hidden]{display:none}
.fl button{padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:none;color:#ccc;font:600 11px var(--bd);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:.2s}
.fl button.on,.fl button:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.evg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.evi{position:relative;margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);aspect-ratio:3/4;cursor:pointer;background:#111}
.evi img,.evi video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.evi:hover img,.evi:hover video{transform:scale(1.07)}
.evi::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%);pointer-events:none}
.evi figcaption{position:absolute;left:18px;right:18px;bottom:14px;z-index:2;font:700 12px var(--bd);letter-spacing:.14em;text-transform:uppercase}
.pb{position:absolute;top:14px;right:14px;z-index:2;width:42px;height:42px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center}.pb svg{width:16px;height:16px;margin-left:2px}
.emp{border:1px dashed var(--line);border-radius:20px;padding:56px 20px;text-align:center;color:var(--mut)}.emp[hidden]{display:none}
.emp b{display:block;color:#fff;font:900 20px var(--hd);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:8px}
.mas{columns:3 260px;column-gap:18px}
.mas figure{margin:0 0 18px;break-inside:avoid;border-radius:18px;overflow:hidden;border:1px solid var(--line);position:relative;cursor:zoom-in;background:#111}
.mas img{width:100%;display:block;transition:transform .7s}.mas figure:hover img{transform:scale(1.05)}
.mas figure::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 45%);opacity:0;transition:.3s;pointer-events:none}.mas figure:hover::after{opacity:1}
/* lightbox */
.lbx{position:fixed;inset:0;z-index:80;display:none;place-items:center;background:rgba(0,0,0,.93);backdrop-filter:blur(6px)}.lbx.on{display:grid}
.lbm img,.lbm video{max-width:90vw;max-height:82vh;border-radius:14px;display:block;box-shadow:0 20px 70px rgba(0,0,0,.7)}
.lbc{position:absolute;bottom:calc(22px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;font:700 12px var(--bd);letter-spacing:.16em;text-transform:uppercase;color:#ddd;padding:0 20px}
.lbn{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid #444;background:rgba(20,20,20,.8);color:#fff;font-size:26px;cursor:pointer;display:grid;place-items:center;padding:0 0 4px}.lbn.r{left:auto;right:14px}.lbn:hover{border-color:var(--lime);color:var(--lime)}
.lbx .x{top:calc(16px + env(safe-area-inset-top,0px));right:16px;z-index:2}
[hidden]{display:none!important}
.tps{display:flex;flex-wrap:wrap;gap:10px}
.tp{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:12px 20px;color:#fff;font:600 13px var(--bd);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.tp:hover{transform:translateY(-2px);border-color:#555}
.tp.on{border-color:var(--lime);background:#161a05;color:var(--lime);box-shadow:0 0 0 1px var(--lime) inset}
.f2{margin-top:14px;animation:up .4s both}

.eqg{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.eqc{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .35s,border-color .3s}
.eqc:hover{transform:translateY(-6px);border-color:#4a5a00}
.eqf{position:relative;aspect-ratio:4/3;background:radial-gradient(circle at 50% 40%,#212807,#0c0c0c 72%);padding:22px}
.eqf svg{width:100%;height:100%;display:block;overflow:visible}
.eqi{position:absolute;top:14px;left:16px;font:700 9px var(--bd);letter-spacing:.2em;text-transform:uppercase;color:#666}
.eqb{padding:22px 24px 26px}.eqt{font:700 10px var(--bd);letter-spacing:.22em;text-transform:uppercase;color:var(--lime)}
.eqb h3{font:900 20px var(--hd);letter-spacing:-.03em;text-transform:uppercase;margin:8px 0}.eqb p{margin:0;color:var(--mut);font-size:14.5px}
.bm{animation:bm 3s ease-in-out infinite alternate}.bm1{animation-delay:-1s}.bm2{animation-delay:-2s}
@keyframes bm{from{opacity:.3}to{opacity:.9}}

/* diferenciais */
.dl{max-width:780px;color:#bdbdbd;font-size:18px;margin:-20px 0 40px}.dl b{color:#fff;font-weight:600}
.dg{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.dc{background:rgba(20,20,20,.8);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:20px;padding:28px;transition:transform .35s,border-color .3s,box-shadow .3s}
.dc:hover{transform:translateY(-6px);border-color:var(--lime);box-shadow:0 14px 40px rgba(220,255,0,.1)}
.di{width:52px;height:52px;border-radius:14px;background:var(--lime);color:var(--ink);display:grid;place-items:center;margin-bottom:18px}.di svg{width:26px;height:26px}
.dc h3{font:900 17px/1.2 var(--hd);letter-spacing:-.02em;text-transform:uppercase;margin:0 0 8px}.dc p{margin:0;color:var(--mut);font-size:15px}
.dcta{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:36px}.dcta span{color:var(--mut);font-size:14px}
/* luzes de palco */
body{background:transparent!important}
#stg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.5;filter:hue-rotate(calc(var(--p,0)*320deg));transition:opacity 1.2s}
body.pl #stg{opacity:.85}
.bmx{position:absolute;top:-6vh;display:block;width:min(420px,42vw);height:130vh;transform-origin:50% 0;clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);mix-blend-mode:screen;filter:blur(5px);will-change:transform}
.b1{left:6%;background:linear-gradient(180deg,rgba(220,255,0,.55),rgba(220,255,0,0) 82%);animation:sw1 8s ease-in-out infinite alternate}
.b2{left:30%;background:linear-gradient(180deg,rgba(139,92,246,.6),rgba(139,92,246,0) 82%);animation:sw2 10s ease-in-out infinite alternate}
.b3{right:30%;background:linear-gradient(180deg,rgba(255,59,139,.55),rgba(255,59,139,0) 82%);animation:sw1 9s ease-in-out infinite alternate-reverse}
.b4{right:6%;background:linear-gradient(180deg,rgba(43,212,255,.55),rgba(43,212,255,0) 82%);animation:sw2 7s ease-in-out infinite alternate-reverse}
body.pl .bmx{animation-duration:3.6s}
@keyframes sw1{from{transform:rotate(-26deg)}to{transform:rotate(24deg)}}
@keyframes sw2{from{transform:rotate(22deg)}to{transform:rotate(-28deg)}}
.fxs{position:relative;overflow:clip}
section>.w{position:relative;z-index:1}
.spot{position:absolute;z-index:0;width:640px;height:640px;margin:-320px 0 0 -320px;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 18deg,rgba(220,255,0,.22) 28deg,transparent 42deg 150deg,rgba(139,92,246,.26) 162deg,transparent 180deg 290deg,rgba(255,59,139,.22) 304deg,transparent 320deg);filter:blur(16px);animation:spin 16s linear infinite}
.spot.l{left:0;top:30%}.spot.r{left:100%;top:30%}.spot.c{left:50%;top:6%}
@keyframes spin{to{transform:rotate(360deg)}}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(420px circle at var(--hx,72%) var(--hy,32%),rgba(220,255,0,.16),transparent 62%);mix-blend-mode:screen}
@media(max-width:640px){.b2,.b3{display:none}.spot{width:420px;height:420px;margin:-210px 0 0 -210px}}

/* boneco DJ */
.mc{position:fixed;right:max(6px,env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:30;width:104px;height:130px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .3s}
.mc:hover{transform:translateY(-4px)}
.mc>svg{width:100%;height:100%;display:block;overflow:visible;stroke:none}
.mc .tip{position:absolute;right:6px;top:-30px;white-space:nowrap;background:var(--lime);color:var(--ink);font:800 10px var(--bd);letter-spacing:.08em;text-transform:uppercase;padding:6px 11px;border-radius:999px;opacity:0;animation:tipa 8s 2.5s both;pointer-events:none}
.mc:hover .tip{opacity:1;animation:none}
.mc.mix .tip{display:none}
@keyframes tipa{0%,100%{opacity:0;transform:translateY(6px)}8%,85%{opacity:1;transform:none}}
.mcx{position:absolute;left:-4px;top:-2px;width:20px;height:20px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#ddd;font-size:9px;cursor:pointer;opacity:0;transition:opacity .2s;padding:0;z-index:3}
.mc:hover .mcx,.mcx:focus{opacity:1}
@media(hover:none){.mcx{opacity:.5}}
.mh{transform-origin:80px 98px;animation:nod 3.4s ease-in-out infinite}
@keyframes nod{0%,100%{transform:rotate(0)}50%{transform:rotate(1.8deg)}}
.ey{transform-box:fill-box;transform-origin:center;animation:bl 4.5s infinite}
@keyframes bl{0%,94%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}
.arm{transition:transform .4s}.al{transform-origin:42px 104px}.ar{transform-origin:118px 104px}
.jl{transform-origin:42px 168px}.jr{transform-origin:118px 168px}
.mc.mix .mh{animation:bob .45s ease-in-out infinite alternate}
@keyframes bob{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-3px) rotate(4deg)}}
.mc.mix .al{animation:armL .42s ease-in-out infinite alternate}
.mc.mix .ar{animation:armR .65s ease-in-out infinite alternate}
@keyframes armL{from{transform:rotate(-9deg)}to{transform:rotate(8deg)}}
@keyframes armR{from{transform:rotate(11deg)}to{transform:rotate(-13deg)}}
.mc.mix .jl{animation:spin .5s linear infinite}.mc.mix .jr{animation:spin .8s linear infinite reverse}
.fd{transition:transform .3s}.cf{transition:transform .3s}
.mc.mix .fd{animation:fdm .5s ease-in-out infinite alternate}.mc.mix .fd2{animation-delay:-.25s}
.mc.mix .cf{animation:cfm .6s ease-in-out infinite alternate}
@keyframes fdm{from{transform:translateY(-4px)}to{transform:translateY(7px)}}
@keyframes cfm{from{transform:translateX(-9px)}to{transform:translateX(9px)}}
.rgb{position:absolute;inset:-34px -16px -6px;pointer-events:none;opacity:0;transition:opacity .4s}
.mc.mix .rgb{opacity:1}
.rl{position:absolute;top:0;width:64px;height:176px;transform-origin:50% 0;clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);mix-blend-mode:screen;filter:blur(1.5px)}
.rr{left:-6px;background:linear-gradient(180deg,rgba(255,43,74,.95),rgba(255,43,74,0) 92%);animation:rs1 1.1s ease-in-out infinite alternate}
.rg{left:38px;background:linear-gradient(180deg,rgba(43,255,122,.9),rgba(43,255,122,0) 92%);animation:rs2 1.4s ease-in-out infinite alternate}
.rb{right:-6px;background:linear-gradient(180deg,rgba(59,107,255,.95),rgba(59,107,255,0) 92%);animation:rs1 .9s ease-in-out infinite alternate-reverse}
@keyframes rs1{from{transform:rotate(-20deg)}to{transform:rotate(18deg)}}
@keyframes rs2{from{transform:rotate(15deg)}to{transform:rotate(-15deg)}}
.rtint{position:absolute;left:18px;right:18px;top:40px;bottom:14px;border-radius:50%;background:radial-gradient(circle,rgba(255,0,100,.5),rgba(0,120,255,.3) 55%,transparent 72%);mix-blend-mode:screen;animation:hue 1.3s linear infinite}
@keyframes hue{to{filter:hue-rotate(360deg)}}
.mc.mix>svg{animation:rimg 1.2s linear infinite}
@keyframes rimg{0%,100%{filter:drop-shadow(0 0 7px #ff2b4a)}33%{filter:drop-shadow(0 0 7px #2bff7a)}66%{filter:drop-shadow(0 0 7px #3b6bff)}}
@media(max-width:640px){.mc{width:84px;height:105px;bottom:calc(80px + env(safe-area-inset-bottom,0px))}.rl{width:50px}}