@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#050708;--panel:#0b0f11;--panel2:#101517;--line:rgba(255,255,255,.1);--text:#f4f7f5;--muted:#9ba5a1;--orange:#ff6b00;--orange2:#ff9a1f;--green:#8dff00;--green2:#54cf00;--shadow:0 20px 70px rgba(0,0,0,.45);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.ambient{position:fixed;z-index:-2;filter:blur(90px);opacity:.13;pointer-events:none;border-radius:50%}.ambient-a{width:380px;height:380px;background:var(--orange);top:8%;left:-180px}.ambient-b{width:430px;height:430px;background:var(--green);right:-220px;top:55%}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,78px);background:linear-gradient(180deg,rgba(4,6,7,.9),rgba(4,6,7,.45));backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.brand img{width:118px;height:62px;object-fit:contain;display:block}.nav{display:flex;gap:32px;margin-left:auto;margin-right:30px}.nav a{font-size:13px;color:#c9cfcc;font-weight:600;transition:.2s}.nav a:hover{color:#fff}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;font-size:13px;font-weight:800;letter-spacing:.02em;transition:transform .2s,box-shadow .2s,background .2s}.header-cta{padding:12px 16px;border:1px solid rgba(141,255,0,.35);background:rgba(141,255,0,.08);color:#dfffbd}.header-cta:hover,.btn:hover{transform:translateY(-2px)}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:800px;height:100vh;max-height:980px;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-backdrop{position:absolute;inset:0;background-image:linear-gradient(90deg,#050708 8%,rgba(5,7,8,.96) 28%,rgba(5,7,8,.72) 58%,rgba(5,7,8,.88) 100%),linear-gradient(0deg,#050708 0%,transparent 35%,rgba(0,0,0,.3));background-size:cover;background-position:center;transition:background-image 1s ease,opacity .5s}.hero-vignette{position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,transparent 0 18%,rgba(0,0,0,.5) 70%),linear-gradient(180deg,rgba(0,0,0,.1),#050708 98%)}.hero-content{position:relative;z-index:4;width:min(670px,55vw);margin-left:clamp(24px,8vw,130px);padding-top:60px}.eyebrow,.kicker{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;font-weight:800;color:#b4c0ba}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(64px,7vw,112px);line-height:.83;letter-spacing:-.035em;margin:22px 0 28px;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--green);text-shadow:0 0 32px rgba(141,255,0,.14)}.hero-copy{font-size:16px;line-height:1.75;color:#b8c0bc;max-width:580px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{padding:15px 21px;min-height:50px}.btn-primary{background:linear-gradient(135deg,var(--orange),#ff850d);color:#090b0b;box-shadow:0 12px 35px rgba(255,107,0,.18)}.btn-ghost{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.035);color:#fff}.hero-trust{display:flex;gap:20px;flex-wrap:wrap;color:#89938e;font-size:11px;font-weight:600}.mascot-wrap{position:absolute;z-index:3;right:5%;bottom:-3%;height:92%;width:min(580px,44vw);display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.mascot{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 30px 45px rgba(0,0,0,.7)) drop-shadow(0 0 28px rgba(141,255,0,.08))}.hero-now{position:absolute;z-index:5;right:clamp(20px,5vw,75px);bottom:55px;width:235px;padding:16px 18px;background:rgba(5,7,8,.7);border:1px solid rgba(255,255,255,.1);border-radius:15px;backdrop-filter:blur(16px);box-shadow:var(--shadow)}.now-label{font-size:9px;letter-spacing:.18em;color:var(--green);font-weight:800}.now-title{font-size:14px;font-weight:800;margin:6px 0}.now-meta{font-size:10px;color:#858f8a}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:#080b0c}.stats>div{padding:27px clamp(15px,4vw,55px);border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats strong,.stats span{display:block}.stats strong{font-size:12px;color:#eef2ef;margin-bottom:6px}.stats span{font-size:10px;color:#77827c}.section{padding:120px clamp(20px,7vw,110px)}.section-head{max-width:700px}.section-head.center{text-align:center;margin:0 auto 54px}.kicker{color:var(--orange2);font-size:10px;margin-bottom:15px}.section-head h2,.split-copy h2,.reseller h2,.final-cta h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:clamp(48px,5vw,76px);line-height:.9;letter-spacing:-.025em;margin-bottom:20px}.section-head h2 span,.split-copy h2 span,.reseller h2 span,.final-cta h2 span{color:var(--green)}.section-head p,.split-copy p,.reseller-copy p{color:var(--muted);line-height:1.75;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:55px}.feature{min-height:260px;padding:27px;background:linear-gradient(145deg,#0c1113,#090c0e);border:1px solid var(--line);border-radius:var(--radius);transition:.25s;position:relative;overflow:hidden}.feature:hover{transform:translateY(-5px);border-color:rgba(141,255,0,.3)}.feature:after{content:"";position:absolute;width:120px;height:120px;right:-60px;bottom:-60px;background:var(--orange);filter:blur(50px);opacity:.09}.feature-highlight:after{background:var(--green)}.icon{font-size:26px;margin-bottom:70px}.feature h3{font-size:17px;margin-bottom:9px}.feature p{font-size:12px;line-height:1.7;color:#818b86}.cinema{padding:110px 0 95px;background:linear-gradient(180deg,#070a0b,#050708);overflow:hidden}.poster-row{display:flex;gap:16px;padding:0 max(20px,calc((100vw - 1380px)/2));overflow-x:auto;scrollbar-width:none}.poster-row::-webkit-scrollbar{display:none}.poster{flex:0 0 175px;aspect-ratio:2/3;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#111;position:relative;box-shadow:0 15px 45px rgba(0,0,0,.35)}.poster img{width:100%;height:100%;object-fit:cover;display:block}.poster:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}.poster-info{position:absolute;z-index:2;left:13px;right:13px;bottom:12px}.poster-info strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-info small{font-size:9px;color:#a8b1ad}.loading-card{flex:0 0 175px;aspect-ratio:2/3;border-radius:16px;background:linear-gradient(110deg,#101517 20%,#171d1f 40%,#101517 60%);background-size:200% 100%;animation:shine 1.3s infinite}.tmdb-note{text-align:center;margin-top:23px;color:#59635f;font-size:9px;padding:0 20px}.tmdb-note span{display:block;margin-top:5px}.plans{background:radial-gradient(circle at 50% 0,rgba(141,255,0,.06),transparent 35%)}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:1300px;margin:auto}.plan{position:relative;padding:28px 23px;background:linear-gradient(150deg,#0d1113,#080b0c);border:1px solid var(--line);border-radius:22px;min-height:445px;display:flex;flex-direction:column}.plan.featured{border-color:rgba(141,255,0,.5);box-shadow:0 25px 80px rgba(141,255,0,.08);transform:translateY(-10px)}.badge{position:absolute;top:0;right:20px;transform:translateY(-50%);padding:7px 11px;border-radius:8px;background:var(--green);color:#0a0d0b;font-size:8px;font-weight:900;letter-spacing:.08em}.plan-top{display:flex;justify-content:space-between;color:#89938e;font-size:9px;font-weight:800;letter-spacing:.14em}.plan-dot{color:var(--orange);font-size:8px}.plan h3{font-family:'Barlow Condensed';font-size:31px;text-transform:uppercase;margin:30px 0 8px}.price{font-family:'Barlow Condensed';font-size:54px;line-height:1;font-weight:800}.price small{font:700 13px Inter;color:#aab3af;margin-right:5px}.period{font-size:10px;color:#727d77;margin-top:7px}.plan ul{padding:0;margin:28px 0;list-style:none;color:#a8b0ac;font-size:11px;line-height:2.3}.plan-btn{margin-top:auto;padding:14px;border-radius:11px;text-align:center;font-size:11px;font-weight:800;background:#151a1c;border:1px solid var(--line)}.featured .plan-btn{background:linear-gradient(135deg,var(--green),#6fdf00);color:#0a0d0b;border:0}.split-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:100px clamp(20px,9vw,150px);background:#080b0c;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.support-card{height:440px;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 50% 30%,rgba(141,255,0,.1),transparent 40%),#0b1012;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.support-card img{height:112%;width:75%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 30px rgba(0,0,0,.6))}.support-card>div:last-child{position:absolute;left:22px;bottom:22px;padding:12px 15px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.45);backdrop-filter:blur(12px);border-radius:12px}.support-card strong,.support-card span{display:block}.support-card strong{font-size:12px}.support-card span{font-size:9px;color:#7f8984;margin-top:4px}.reseller{padding-top:90px}.reseller-box{max-width:1300px;margin:auto;padding:55px;border:1px solid rgba(255,107,0,.18);border-radius:30px;background:linear-gradient(130deg,#0e1112,#0a0d0e);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.credit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.credit{padding:20px;border-radius:15px;border:1px solid var(--line);background:#080b0c}.credit span,.credit strong,.credit small{display:block}.credit span{font-size:10px;color:#7c8781;text-transform:uppercase;letter-spacing:.1em}.credit strong{font-family:'Barlow Condensed';font-size:30px;margin:6px 0}.credit small{font-size:9px;color:#59635e}.faq{max-width:1000px;margin:auto}.faq-list{max-width:800px;margin:auto}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:23px 3px;font-size:14px;font-weight:700;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:20px;color:var(--green);font-weight:400;transition:.2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:12px;line-height:1.8;color:#7e8883;padding:0 30px 22px 3px;margin:0}.final-cta{padding:0 clamp(20px,7vw,110px) 80px}.final-inner{min-height:450px;position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(141,255,0,.18);background:radial-gradient(circle at 80% 40%,rgba(141,255,0,.1),transparent 28%),linear-gradient(120deg,#0d1112,#080b0c);padding:70px}.final-inner>div{position:relative;z-index:2}.final-inner>img{position:absolute;height:125%;width:390px;object-fit:contain;right:8%;bottom:-8%;filter:drop-shadow(0 20px 30px rgba(0,0,0,.6))}.final-cta h2{font-size:clamp(48px,6vw,82px)}footer{padding:45px clamp(20px,7vw,110px) 25px;border-top:1px solid var(--line);background:#040606}.footer-brand{display:flex;align-items:center;gap:15px}.footer-brand img{width:105px;height:60px;object-fit:contain}.footer-brand span{font-size:9px;color:#69736e;letter-spacing:.12em}.footer-links{display:flex;gap:24px;margin:30px 0;font-size:11px;color:#8d9792}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:#4f5954;font-size:8px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.floating-wa{position:fixed;z-index:60;right:20px;bottom:20px;display:flex;align-items:center;gap:9px;padding:12px 15px;border-radius:999px;background:#a6ff2b;color:#081006;box-shadow:0 12px 35px rgba(141,255,0,.2);font-size:10px}.floating-wa span{font-size:13px}@keyframes shine{to{background-position:-200% 0}}@media(max-width:1050px){.nav{gap:18px;margin-right:15px}.feature-grid,.plans-grid{grid-template-columns:repeat(2,1fr)}.hero-content{width:58vw}.mascot-wrap{right:-5%;width:48vw}.hero-now{display:none}.reseller-box{grid-template-columns:1fr}.split-section{padding-left:7vw;padding-right:7vw}}@media(max-width:720px){.site-header{height:70px}.brand img{width:95px;height:55px}.nav,.header-cta{display:none}.menu-btn{display:block}.hero{min-height:760px;height:auto;padding:110px 20px 50px;align-items:flex-start}.hero-content{width:100%;margin:0;padding:25px 0 300px}.hero h1{font-size:62px;margin-top:18px}.hero-copy{font-size:13px;max-width:95%}.hero-actions{margin:23px 0}.btn{width:100%}.hero-trust{gap:10px;flex-direction:column}.mascot-wrap{right:-8%;bottom:-3%;width:72%;height:52%;opacity:.98}.hero-backdrop{background-image:linear-gradient(180deg,#050708 12%,rgba(5,7,8,.88) 50%,#050708 100%),linear-gradient(0deg,#050708,transparent)}.stats{grid-template-columns:1fr 1fr}.stats>div{padding:20px 15px}.section{padding:85px 20px}.feature-grid,.plans-grid{grid-template-columns:1fr}.feature{min-height:210px}.icon{margin-bottom:45px}.plan.featured{transform:none}.cinema{padding-top:80px}.poster{flex-basis:145px}.loading-card{flex-basis:145px}.split-section{grid-template-columns:1fr;padding:75px 20px}.support-card{height:390px}.reseller-box{padding:30px 20px;gap:35px}.credit-grid{grid-template-columns:1fr 1fr}.final-inner{padding:45px 25px;min-height:620px}.final-inner>img{height:55%;width:85%;right:-5%;bottom:-4%;opacity:.9}.footer-links{flex-wrap:wrap}.footer-bottom{flex-direction:column}.floating-wa{right:12px;bottom:12px}.floating-wa b{display:none}.floating-wa{width:47px;height:47px;padding:0;justify-content:center}.floating-wa span{font-size:18px}}@media(max-width:400px){.hero h1{font-size:53px}.price{font-size:49px}.credit strong{font-size:25px}}

/* PK PLAY 2.1 — Hero cinematográfico interativo */
.hero-cinema{isolation:isolate;cursor:default}
.hero-cinema .hero-backdrop{background-color:#050708;background-position:center center;background-size:cover;transform:scale(1.015);filter:saturate(1.08) contrast(1.04);}
.hero-cinema .hero-vignette{background:radial-gradient(circle at 73% 43%,transparent 0 16%,rgba(0,0,0,.28) 44%,rgba(0,0,0,.7) 100%),linear-gradient(180deg,rgba(0,0,0,.05),#050708 99%);z-index:1}
.hero-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:screen}
.hero-content{z-index:5}
.hero-media-kicker{display:flex;align-items:center;gap:9px;margin-top:24px;color:#cbd3ce;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:.92}
.hero-media-kicker i{width:4px;height:4px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px rgba(255,107,0,.8)}
.hero-feature-title{max-width:500px;margin-top:-5px;margin-bottom:-5px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(22px,2.2vw,34px);font-weight:700;letter-spacing:-.02em;text-transform:uppercase;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .25s,transform .25s}
.hero.is-switching .hero-feature-title{opacity:.25;transform:translateY(6px)}
.mascot-wrap.mascot-presenter{z-index:4;right:1.5%;bottom:-2%;height:108%;width:min(650px,49vw);pointer-events:none;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.mascot-presenter .mascot{transform:scale(1.22);transform-origin:center bottom;animation:mascotFloat 4.6s ease-in-out infinite;will-change:transform}
.mascot-glow{position:absolute;z-index:-1;width:65%;height:42%;right:10%;bottom:9%;border-radius:50%;background:radial-gradient(circle,rgba(141,255,0,.16),transparent 68%);filter:blur(28px);animation:glowPulse 3.5s ease-in-out infinite}
.mascot-pointer{position:absolute;z-index:5;top:18%;left:6%;display:flex;flex-direction:column;align-items:center;gap:4px;transform:rotate(-8deg);animation:pointerFloat 2.8s ease-in-out infinite}
.mascot-pointer span{width:4px;height:46px;border-radius:99px;background:linear-gradient(var(--green),rgba(141,255,0,0));box-shadow:0 0 18px rgba(141,255,0,.75);position:relative}
.mascot-pointer span:before{content:"";position:absolute;top:-4px;left:50%;width:11px;height:11px;border-left:3px solid var(--green);border-top:3px solid var(--green);transform:translateX(-50%) rotate(45deg)}
.mascot-pointer b{padding:7px 10px;border:1px solid rgba(141,255,0,.25);background:rgba(4,8,5,.72);backdrop-filter:blur(10px);border-radius:999px;color:var(--green);font-size:8px;letter-spacing:.14em;white-space:nowrap}
.hero-switch{position:absolute;z-index:8;left:clamp(24px,8vw,130px);bottom:42px;display:flex;align-items:center;gap:10px;padding:9px 12px 9px 9px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(5,7,8,.58);backdrop-filter:blur(14px);color:#fff;cursor:pointer;text-align:left;transition:.2s}
.hero-switch:hover{border-color:rgba(141,255,0,.4);transform:translateY(-2px);background:rgba(8,12,10,.75)}
.switch-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(141,255,0,.1);color:var(--green);font-size:17px}
.hero-switch b,.hero-switch small{display:block}.hero-switch b{font-size:8px;letter-spacing:.13em}.hero-switch small{font-size:9px;color:#89938e;margin-top:2px}
.hero-now{cursor:pointer;transition:.2s;overflow:hidden}.hero-now:hover{transform:translateY(-3px);border-color:rgba(141,255,0,.32)}
.now-progress{height:2px;margin-top:12px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}.now-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--orange));box-shadow:0 0 10px rgba(141,255,0,.45);transition:width 1s linear}
.poster{border:0;padding:0;cursor:pointer;color:inherit;text-align:left;font:inherit}
.poster:focus-visible,.hero-switch:focus-visible,.hero-now:focus-visible{outline:2px solid var(--green);outline-offset:3px}
@keyframes mascotFloat{0%,100%{transform:scale(1.22) translate3d(0,0,0) rotate(0deg)}50%{transform:scale(1.24) translate3d(0,-12px,0) rotate(-.6deg)}}
@keyframes pointerFloat{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-7px)}}
@keyframes glowPulse{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}
@media(max-width:1050px){.mascot-wrap.mascot-presenter{right:-5%;width:53vw}.hero-feature-title{max-width:420px}.hero-switch{left:7vw}}
@media(max-width:720px){
 .hero-cinema{min-height:790px}
 .hero-cinema .hero-backdrop{background-position:60% center}
 .hero-content{padding-bottom:330px}
 .hero-media-kicker{margin-top:19px}
 .hero-feature-title{max-width:82vw;font-size:25px;margin-top:0}
 .mascot-wrap.mascot-presenter{right:-12%;bottom:-2%;width:92%;height:57%}
 .mascot-presenter .mascot{transform:scale(1.17);animation:mascotFloatMobile 4.8s ease-in-out infinite}
 .mascot-pointer{top:4%;left:15%;transform:rotate(-8deg) scale(.88)}
 .hero-switch{left:20px;bottom:28px}
 .hero-now{right:20px;bottom:28px;width:205px}
}
@keyframes mascotFloatMobile{0%,100%{transform:scale(1.17) translateY(0)}50%{transform:scale(1.19) translateY(-7px)}}
@media(prefers-reduced-motion:reduce){.mascot-presenter .mascot,.mascot-pointer,.mascot-glow{animation:none}.hero-backdrop{transition:none!important}}


/* PK PLAY 2.2 — Backdrop-first hero
   O conteúdo cinematográfico ocupa o Hero inteiro. O mascote é um personagem secundário,
   pequeno, transparente e integrado ao canto inferior direito. */
.hero-cinema{cursor:pointer}
.hero-cinema .hero-backdrop{inset:-1.5%;transform:scale(1.035);background-position:center center;filter:saturate(1.12) contrast(1.06);transition:opacity .55s ease,transform 8s ease}
.hero-cinema:hover .hero-backdrop{transform:scale(1.055)}
.hero-vignette{z-index:1;background:
  linear-gradient(90deg,rgba(3,5,6,.98) 0%,rgba(3,5,6,.91) 23%,rgba(3,5,6,.55) 48%,rgba(3,5,6,.08) 73%,rgba(3,5,6,.34) 100%),
  linear-gradient(0deg,rgba(3,5,6,.96) 0%,rgba(3,5,6,.25) 28%,rgba(3,5,6,.05) 64%,rgba(3,5,6,.4) 100%)}
.hero-content{max-width:680px}
.hero-feature-title{font-size:clamp(25px,2.5vw,39px);margin-top:4px;margin-bottom:0;text-shadow:0 4px 20px rgba(0,0,0,.45)}
.hero-content .hero-copy{max-width:560px}
/* mascote pequeno, sem painel branco e sem dominar a capa */
.mascot-wrap.mascot-presenter{right:clamp(38px,6vw,105px);bottom:-1%;width:clamp(170px,17vw,275px);height:42%;z-index:6;align-items:flex-end;justify-content:center;filter:none;pointer-events:none}
.mascot-presenter .mascot{height:100%;width:100%;object-fit:contain;object-position:center bottom;transform:scale(1);animation:mascotHeroFloat 4.8s ease-in-out infinite;filter:drop-shadow(0 18px 24px rgba(0,0,0,.65)) drop-shadow(0 0 18px rgba(141,255,0,.12));will-change:transform}
.mascot-glow{width:75%;height:35%;right:12%;bottom:2%;background:radial-gradient(circle,rgba(141,255,0,.22),transparent 68%);filter:blur(22px);opacity:.8}
/* Seta visual discreta apontando para a área do conteúdo */
.mascot-pointer{top:auto;left:auto;right:92%;bottom:47%;transform:rotate(-62deg) scale(.72);transform-origin:right center;animation:mascotPoint 2.5s ease-in-out infinite;gap:2px}
.mascot-pointer span{height:42px;width:3px}
.mascot-pointer b{font-size:7px;padding:6px 9px;letter-spacing:.12em}
.hero-now{right:clamp(20px,5vw,75px);bottom:42px;width:235px;background:rgba(5,7,8,.72)}
.hero-switch{bottom:42px}
.hero-cinema .hero-content,.hero-cinema .hero-switch,.hero-cinema .hero-now{pointer-events:auto}
@keyframes mascotHeroFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-8px,0) rotate(-.7deg)}}
@keyframes mascotPoint{0%,100%{transform:rotate(-62deg) translate(0,0) scale(.72)}50%{transform:rotate(-62deg) translate(4px,-5px) scale(.76)}}
@media(max-width:1050px){
 .mascot-wrap.mascot-presenter{right:3%;width:clamp(155px,20vw,220px);height:38%}
 .mascot-pointer{display:none}
 .hero-content{width:58vw}
}
@media(max-width:720px){
 .hero-cinema{min-height:760px;height:auto;padding:0 20px 45px;align-items:flex-start}
 .hero-cinema .hero-backdrop{background-position:58% center;transform:scale(1.04)}
 .hero-vignette{background:
  linear-gradient(180deg,rgba(3,5,6,.92) 0%,rgba(3,5,6,.66) 30%,rgba(3,5,6,.15) 52%,rgba(3,5,6,.82) 76%,rgba(3,5,6,.98) 100%)}
 .hero-content{width:100%;margin:0;padding:125px 0 275px;position:relative;z-index:7}
 .hero h1{font-size:58px;line-height:.86}
 .hero-feature-title{font-size:27px;max-width:88vw}
 .hero-copy{max-width:90%!important}
 .mascot-wrap.mascot-presenter{right:0;bottom:3%;width:180px;height:30%;z-index:6}
 .mascot-presenter .mascot{transform:scale(.96);animation:mascotHeroFloatMobile 4.8s ease-in-out infinite}
 .mascot-pointer{display:none}
 .hero-switch{left:20px;bottom:18px;z-index:10}
 .hero-now{display:block;right:20px;bottom:18px;width:190px;z-index:10}
}
@keyframes mascotHeroFloatMobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.mascot-presenter .mascot,.mascot-pointer{animation:none}.hero-cinema .hero-backdrop{transition:none}}

/* PK PLAY 2.3 — backdrop + capa real do conteúdo + mascote integrado */
.hero-feature-visual{position:absolute;z-index:5;right:clamp(40px,8vw,145px);top:50%;width:min(390px,29vw);height:min(610px,78vh);transform:translateY(-47%);display:flex;align-items:center;justify-content:center;pointer-events:none}
.feature-poster-card{position:relative;width:min(285px,100%);height:min(430px,100%);border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.22);background:#0a0d0e;box-shadow:0 35px 90px rgba(0,0,0,.65),0 0 55px rgba(141,255,0,.08);transform:rotate(2deg);transition:transform .5s ease,opacity .45s ease}
.feature-poster-card img{display:block;width:100%;height:100%;object-fit:cover}
.feature-poster-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 45%,rgba(0,0,0,.88) 100%)}
.feature-poster-info{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;text-align:left;text-shadow:0 3px 18px rgba(0,0,0,.8)}
.feature-poster-info span{display:block;color:var(--green);font-size:8px;font-weight:900;letter-spacing:.16em;margin-bottom:7px}
.feature-poster-info strong{display:block;color:#fff;font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;line-height:.95;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feature-poster-info small{display:block;color:#c0c7c3;font-size:9px;margin-top:7px}
.feature-poster-shadow{position:absolute;width:270px;height:430px;border-radius:25px;background:rgba(141,255,0,.09);filter:blur(30px);transform:translate(22px,18px) rotate(6deg)}
.hero-feature-visual .mascot-wrap.mascot-presenter{position:absolute;right:-42px;bottom:-4px;width:170px;height:235px;z-index:4;display:flex;align-items:flex-end;justify-content:center;filter:none}
.hero-feature-visual .mascot-presenter .mascot{height:100%;width:100%;object-fit:contain;object-position:center bottom;transform:scale(1);filter:drop-shadow(0 20px 28px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(141,255,0,.12));animation:mascotPresent 4.6s ease-in-out infinite}
.hero-feature-visual .mascot-glow{width:100%;height:40%;right:0;bottom:0}
.hero-feature-visual .mascot-wrap{pointer-events:none}
.hero.is-switching .feature-poster-card{opacity:.15;transform:translateY(8px) rotate(4deg) scale(.97)}
@keyframes mascotPresent{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-5px,-7px,0) rotate(-1deg)}}
@media(max-width:1050px){
 .hero-feature-visual{right:3%;width:34vw;height:58vh}
 .feature-poster-card{width:225px;height:345px}
 .feature-poster-info strong{font-size:23px}
 .hero-feature-visual .mascot-wrap.mascot-presenter{width:145px;height:205px;right:-28px}
}
@media(max-width:720px){
 .hero-feature-visual{top:auto;right:12px;bottom:82px;transform:none;width:245px;height:310px;z-index:5}
 .feature-poster-card{width:180px;height:270px;border-radius:17px;transform:rotate(1.5deg)}
 .feature-poster-shadow{width:170px;height:270px}
 .feature-poster-info{left:13px;right:13px;bottom:13px}
 .feature-poster-info strong{font-size:20px}
 .feature-poster-info span{font-size:7px}
 .feature-poster-info small{font-size:8px;margin-top:5px}
 .hero-feature-visual .mascot-wrap.mascot-presenter{width:120px;height:170px;right:-8px;bottom:-5px}
 .hero-content{padding-bottom:340px}
 .hero-now{display:none}
 .hero-switch{bottom:22px}
}
@media(prefers-reduced-motion:reduce){.hero-feature-visual .mascot-presenter .mascot,.feature-poster-card{animation:none;transition:none}}