/* Meu Dublê · /br · identidade Matinê */
:root{
  --navy:#14162B; --ink:#0B0C1A; --cream:#FFF8EC; --yellow:#FAD664; --petrol:#0F4C5C; --cyan:#2EC4B6;
  --muted:#3a3d55; --muted-d:rgba(255,248,236,.82);
  --serif:'Fraunces',Georgia,serif; --sans:'Figtree',system-ui,sans-serif; --hand:'Caveat',cursive; --mono:'Courier Prime',monospace;
  --gutter:20px; --max:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
body{margin:0;background:var(--navy);color:var(--cream);font-family:var(--sans);font-size:17px;line-height:1.55;overflow-x:hidden}
img,video,svg{display:block;max-width:100%}
img{height:auto}
button{font-family:inherit;cursor:pointer}
a{color:inherit}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:calc(var(--max) + 2*var(--gutter));margin:0 auto;padding:0 var(--gutter)}

/* seções */
.sec{position:relative;padding:52px 0 64px}
.sec--navy{background:radial-gradient(circle at 1px 1px,rgba(255,248,236,.07) 1px,transparent 1.5px) 0 0/18px 18px,var(--navy);color:var(--cream)}
.sec--cream{background:radial-gradient(circle at 1px 1px,rgba(20,22,43,.07) 1px,transparent 1.5px) 0 0/18px 18px,var(--cream);color:var(--navy)}
.sec--cream+.sec--navy::before,.sec--navy+.sec--cream::before{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:radial-gradient(circle at 12px 0,var(--prev) 9px,transparent 10px) 0 0/24px 14px repeat-x}
.sec--navy{--prev:var(--cream)} .sec--cream{--prev:var(--navy)}
.head{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;max-width:900px;margin:0 auto}
.h2{margin:0;font-family:var(--serif);font-weight:900;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 144;font-size:clamp(34px,8.6vw,62px);line-height:1.02;letter-spacing:-.022em;text-wrap:balance}
.h2 em,.it{font-style:italic}
.sec--navy .h2 em{color:var(--yellow)} .sec--cream .h2 em{color:var(--petrol)}
.lead{margin:0;max-width:700px;font-size:clamp(17px,1.4vw,20px);line-height:1.55;text-wrap:pretty}
.sec--navy .lead{color:var(--muted-d)} .sec--cream .lead{color:var(--muted)}

/* rótulo da seção */
.label{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:2px solid currentColor;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.sec--navy .label{color:var(--yellow);background:var(--navy);box-shadow:0 4px 0 var(--petrol)}
.sec--cream .label{color:var(--navy);background:var(--cream);box-shadow:0 4px 0 var(--navy)}
.mini{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:-4px 0;border-radius:50%;background:var(--yellow);border:2px solid var(--ink)}
.mini svg{width:16px;height:16px}

/* botões */
.btn{white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:60px;padding:0 32px;border-radius:999px;background:var(--yellow);border:3px solid var(--ink);color:var(--navy);font-weight:800;font-size:19px;text-decoration:none;box-shadow:0 6px 0 var(--petrol);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--petrol)}
.btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--petrol)}
.btn:focus-visible,.bar a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.btn--block{display:flex;width:100%}
.cta{display:flex;justify-content:center;margin-top:40px}
.cta .btn{width:100%;max-width:420px}
.note{font-family:var(--hand);font-weight:700;font-size:26px;line-height:1.05}
.check{flex:none;margin-top:2px}

/* faixa do topo */
.ticker-top{height:8px;background:repeating-linear-gradient(90deg,var(--navy) 0 4px,transparent 4px 10px) top/100% 2px no-repeat,repeating-linear-gradient(90deg,var(--navy) 0 4px,transparent 4px 10px) bottom/100% 2px no-repeat,linear-gradient(90deg,var(--yellow) 0 var(--read,0%),#262a47 var(--read,0%))}
.marquee{overflow:hidden;background:var(--ink);border-bottom:2px solid var(--petrol)}
.marquee__track{display:flex;gap:16px;width:max-content;padding:10px 0;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;animation:md-marquee 32s linear infinite}
.marquee__track b{color:var(--yellow)}
@keyframes md-marquee{to{transform:translateX(-50%)}}

/* 1 abertura */
.hero{position:relative;overflow:hidden;padding:22px 0 56px;background:radial-gradient(ellipse 70% 32% at 50% 26%,rgba(250,214,100,.2),transparent 70%),radial-gradient(circle at 1px 1px,rgba(255,248,236,.08) 1px,transparent 1.5px) 0 0/18px 18px,var(--navy)}
.hero__beam{position:absolute;top:-20px;width:260px;height:520px;pointer-events:none}
.hero__beam--l{left:-60px;background:linear-gradient(160deg,rgba(255,248,236,.16),transparent 70%);clip-path:polygon(0 0,40% 0,100% 100%,55% 100%);transform:rotate(-8deg)}
.hero__beam--r{right:-60px;background:linear-gradient(200deg,rgba(255,248,236,.16),transparent 70%);clip-path:polygon(60% 0,100% 0,45% 100%,0 100%);transform:rotate(8deg)}
.spark{position:absolute;color:var(--yellow);font-size:18px;pointer-events:none}
.hero__grid{position:relative;display:flex;flex-direction:column}
.hero__stage{position:relative;width:100%;max-width:400px;margin:0 auto}
.hero__peca{position:relative;z-index:1;width:300px;margin:0 auto;animation:md-bob 6s ease-in-out infinite;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}
@keyframes md-bob{50%{transform:translateY(-8px) rotate(-.6deg)}}
.pop{position:absolute;z-index:2;padding:0;border:0;background:transparent;transform:rotate(var(--r,0deg));-webkit-tap-highlight-color:transparent}
.pop img{width:100%;height:auto;filter:drop-shadow(0 6px 0 rgba(15,76,92,.9)) drop-shadow(0 10px 14px rgba(0,0,0,.45));animation:md-float var(--d,4.4s) ease-in-out infinite}
.pop.is-popped img{animation:md-popped .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes md-float{50%{transform:translateY(-8px)}}
@keyframes md-popped{0%{transform:scale(1)}30%{transform:scale(1.35) rotate(12deg)}60%{transform:scale(.85) rotate(-8deg)}100%{transform:scale(1)}}
.kernel{position:absolute;z-index:4;width:14px;height:14px;border-radius:50% 45% 55% 40%;background:#FFF3C8;border:1.5px solid #d9b24a;pointer-events:none}
.hero__hint{position:absolute;z-index:3;right:64px;top:-14px;display:flex;align-items:flex-start;gap:2px;color:var(--yellow);transform:rotate(-4deg);animation:md-wiggle 3.2s ease-in-out infinite;pointer-events:none}
.hero__hint .note{font-size:25px;text-shadow:0 2px 0 var(--navy),0 0 10px var(--navy)}
@keyframes md-wiggle{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(-1deg) translateY(-2px)}}
.hero__copy{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:18px;text-align:center}
.h1{margin:0;font-family:var(--serif);font-weight:900;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 144;font-size:clamp(40px,10.5vw,76px);line-height:1;letter-spacing:-.025em;text-wrap:balance}
.h1 em{display:inline;color:var(--yellow);font-style:italic}
.hero__copy .lead{color:var(--muted-d)}
.hero__cta{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}
.hero__cta .btn{width:100%}
.hero__from{font-size:14px;font-weight:600;color:rgba(255,248,236,.75)}
.seals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;padding:14px 8px;border-radius:18px;background:var(--cream);color:var(--navy);border:3px solid var(--ink);box-shadow:0 6px 0 var(--petrol)}
.seals li{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:700;line-height:1.25;text-align:center;list-style:none}
.seals .mini{width:30px;height:30px;margin:0}
.seals .mini svg{width:19px;height:19px}
.seals{margin:0}

/* 2 elenco */
.cast-hint{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:22px;color:var(--petrol);transform:rotate(-2deg)}
.cast{margin-top:16px;display:flex;flex-direction:column;gap:8px;user-select:none;-webkit-user-select:none}
.cast__row{overflow:hidden;padding:6px 0 4px;cursor:grab;touch-action:pan-y}
.cast__row:active{cursor:grabbing}
.cast__track{display:flex;gap:14px;width:max-content;padding-left:14px;will-change:transform}
.card{flex:none;width:150px;padding-bottom:18px;transform:rotate(var(--t,0deg))}
.card__pic{position:relative;height:188px;border-radius:18px;background:var(--bg,#FAD664);border:3px solid var(--navy);box-shadow:0 6px 0 var(--navy);overflow:hidden}
.card__pic img{position:absolute;left:0;bottom:0;width:100%;height:auto;pointer-events:none}
.card__name{display:flex;justify-content:center;margin:-22px 8px 0;position:relative}
.card__name span{max-width:100%;padding:6px 10px;border-radius:10px;background:var(--cream);border:2px solid var(--navy);font-weight:800;font-size:13.5px;line-height:1.15;text-align:center;text-wrap:balance}
.vaga{flex:none;width:150px;height:188px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 10px;border-radius:18px;background:repeating-linear-gradient(135deg,var(--cream) 0 12px,#FBE6A6 12px 24px);border:3px dashed var(--petrol);color:var(--navy);text-decoration:none;text-align:center;transform:rotate(var(--t,0deg))}
.vaga__plus{width:42px;height:42px;border-radius:50%;border:2px dashed var(--petrol);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:var(--petrol)}
.vaga strong{font-family:var(--serif);font-weight:900;font-style:italic;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 144;font-size:26px;line-height:.95;color:var(--petrol)}
.vaga span:last-child{font-size:13px;font-weight:700;line-height:1.3}

/* 3 bilheteria */
.sec--box{background:radial-gradient(ellipse 80% 30% at 50% 50%,rgba(250,214,100,.12),transparent 70%),radial-gradient(circle at 1px 1px,rgba(255,248,236,.07) 1px,transparent 1.5px) 0 0/18px 18px,var(--navy)}
.box{margin-top:26px}
.box__hint{display:flex;align-items:flex-start;gap:4px;padding-left:42px;color:var(--yellow);transform:rotate(-2deg)}
.phones{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:34px calc(50% - 119px) 26px;margin:0 calc(-1*var(--gutter));scrollbar-width:none}
.phones::-webkit-scrollbar{display:none}
.phone{position:relative;flex:none;width:238px;height:516px;scroll-snap-align:center;border-radius:46px;border:7px solid #111216;background:#111216;box-shadow:0 0 0 2px #8b9099,0 0 0 3px #3b3e46,0 9px 0 var(--petrol),0 26px 44px rgba(0,0,0,.5)}
.phone__btns{position:absolute;inset:0;pointer-events:none}
.phone__btns i{position:absolute;width:4px;border-radius:3px;background:#6f747e}
.phone__screen{position:relative;width:100%;height:100%;border-radius:39px;overflow:hidden;background:#000}
.phone__screen video{width:100%;height:100%;object-fit:cover}
.phone__island{position:absolute;z-index:2;left:50%;top:9px;width:78px;height:23px;margin-left:-39px;border-radius:999px;background:#000}
.sound{position:absolute;z-index:3;left:12px;top:42px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:rgba(11,12,26,.72);color:var(--cream)}
.sound[aria-pressed="true"]{background:var(--yellow);color:var(--navy)}
.sound .on{display:none}.sound[aria-pressed="true"] .on{display:block}.sound[aria-pressed="true"] .off{display:none}
.stats{position:absolute;z-index:2;right:8px;bottom:16px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:11px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.stats span{display:flex;flex-direction:column;align-items:center;gap:2px}
.burst{position:absolute;z-index:3;right:-30px;top:-26px;width:96px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--yellow);color:var(--navy);clip-path:polygon(100% 50%,89.2% 57.8%,96.2% 69.1%,83.3% 72.2%,85.4% 85.4%,72.2% 83.3%,69.1% 96.2%,57.8% 89.2%,50% 100%,42.2% 89.2%,30.9% 96.2%,27.8% 83.3%,14.6% 85.4%,16.7% 72.2%,3.8% 69.1%,10.8% 57.8%,0 50%,10.8% 42.2%,3.8% 30.9%,16.7% 27.8%,14.6% 14.6%,27.8% 16.7%,30.9% 3.8%,42.2% 10.8%,50% 0,57.8% 10.8%,69.1% 3.8%,72.2% 16.7%,85.4% 14.6%,83.3% 27.8%,96.2% 30.9%,89.2% 42.2%);animation:md-burst 2.6s ease-in-out infinite}
.burst strong{font-family:var(--serif);font-weight:900;font-size:22px;line-height:1}
.burst span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@keyframes md-burst{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(-6deg) scale(1.06)}}
.dots{display:flex;justify-content:center;gap:8px}
.dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,248,236,.35);transition:width .2s}
.dots button[aria-current="true"]{width:22px;background:var(--yellow)}
.box__aside{margin-top:6px;text-align:center;font-family:var(--hand);font-weight:600;font-size:24px;line-height:1.1;color:rgba(255,248,236,.85);transform:rotate(-1.5deg)}
.nums{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:44px;text-align:center}
.nums__title{margin:0;font-family:var(--serif);font-weight:900;font-style:italic;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 144;font-size:28px;line-height:1.05;color:var(--yellow)}
.nums__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;margin:0;padding:0}
.num{display:flex;flex-direction:column;gap:4px;padding:18px 12px;border-radius:18px;background:var(--cream);color:var(--navy);border:3px solid var(--ink);box-shadow:0 6px 0 var(--petrol);list-style:none}
.num:nth-child(2),.num:nth-child(3){background:var(--yellow)}
.num:nth-child(1){transform:rotate(-1.5deg)}.num:nth-child(2){transform:rotate(1.5deg)}.num:nth-child(3){transform:rotate(1deg)}.num:nth-child(4){transform:rotate(-1deg)}
.num strong{font-family:var(--serif);font-weight:900;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 144;font-size:36px;line-height:1;white-space:nowrap}
.num span{font-size:14px;font-weight:700}
.nums__foot{margin:6px 0 0;font-size:14px;line-height:1.55;color:rgba(255,248,236,.7)}

/* 4 comentários */
.reel{position:relative;max-width:640px;height:330px;margin:34px auto 0}
.reel__back1,.reel__back2{position:absolute;border-radius:14px;border:3px solid var(--navy)}
.reel__back1{inset:18px -6px -10px 10px;background:var(--ink);transform:rotate(3deg)}
.reel__back2{inset:10px 4px -4px -4px;background:#15161f;transform:rotate(-2deg)}
.reel__card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:34px 30px;border:3px solid var(--navy);border-radius:14px;background:radial-gradient(ellipse at center,#1d1f2b 0%,#0b0b10 75%);color:var(--cream);box-shadow:0 8px 0 var(--petrol);text-align:center;animation:md-flicker 3s infinite}
.reel__card::before{content:"";position:absolute;inset:10px;border:2px solid rgba(255,248,236,.55);border-radius:6px}
.reel__card::after{content:"";position:absolute;inset:0;border-radius:12px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);pointer-events:none}
@keyframes md-flicker{0%,100%{opacity:1}42%{opacity:.94}44%{opacity:1}71%{opacity:.97}}
.reel__tag{position:relative;font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--yellow)}
.reel__text{position:relative;font-family:var(--serif);font-weight:800;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 72;font-size:30px;line-height:1.2;text-wrap:balance;animation:md-in .35s ease-out}
.reel__text.is-alt{font-weight:600;font-style:italic}
.reel__text.is-long{font-size:25px}
@keyframes md-in{from{opacity:0;transform:translateY(6px) scale(.98)}}
.reel__orn{position:relative;display:flex;align-items:center;gap:10px;color:rgba(255,248,236,.5)}
.reel__orn i{width:28px;height:1px;background:currentColor}
.reel__meta{display:flex;justify-content:space-between;align-items:center;gap:10px;max-width:640px;margin:30px auto 0}
.reel__count{font-size:14px;font-weight:700;color:var(--muted)}
.reel__hint{display:flex;align-items:center;gap:4px;color:var(--petrol);transform:rotate(-2deg)}
.reel__hint .note{font-size:24px}
.frames{display:flex;gap:3px;height:10px;max-width:640px;margin:14px auto 0}
.frames i{flex:1;border-radius:2px;background:rgba(20,22,43,.15);transition:background .2s}
.frames i.on{background:var(--petrol)}

/* 5 bastidores */
.dossier{position:relative;max-width:640px;margin:34px auto 0;padding:26px 20px 26px 42px;border-radius:6px;background:linear-gradient(90deg,rgba(20,22,43,.06),transparent 30px),var(--cream);color:var(--navy);border:3px solid var(--ink);box-shadow:0 8px 0 var(--petrol),0 20px 40px rgba(0,0,0,.4);transform:rotate(-.8deg);font-family:var(--mono)}
.dossier__pin{position:absolute;left:12px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f3d77a,#a8842a);box-shadow:0 1px 2px rgba(0,0,0,.5)}
.dossier__stamp{display:flex;justify-content:flex-end;margin-bottom:14px}
.dossier__stamp span{padding:4px 10px;border:3px solid var(--petrol);border-radius:6px;color:var(--petrol);font-weight:700;font-size:15px;letter-spacing:.12em;transform:rotate(6deg);opacity:.85}
.dossier__head{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.5}
.dossier__head strong{font-size:15px;letter-spacing:.04em}
.tool{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-top:1.5px dashed rgba(20,22,43,.3)}
.tool:first-of-type{margin-top:18px}
.tool__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tool__n{font-weight:700;font-size:14px;letter-spacing:.06em;color:var(--petrol)}
.tarja{min-width:120px;min-height:30px;padding:2px 10px;border:0;border-radius:2px;background:var(--ink);color:var(--yellow);font-family:var(--mono);font-weight:700;font-size:14px}
.tarja.is-shake{animation:md-shake .3s ease-in-out}
@keyframes md-shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.tool__title{font-family:var(--serif);font-weight:800;font-variation-settings:'SOFT' 100,'opsz' 48;font-size:19px;line-height:1.2}
.tool__txt{font-size:14px;line-height:1.5}
.tool__txt b{color:var(--petrol)}
.dossier__foot{display:flex;justify-content:flex-end;align-items:flex-start;gap:6px;padding-top:12px;border-top:1.5px dashed rgba(20,22,43,.3);color:var(--petrol);text-align:right;transform:rotate(-1deg)}
.dossier__foot .note{font-size:24px;margin-top:10px}
.ticks{display:flex;flex-direction:column;gap:14px;margin:38px auto 0;padding:0;max-width:640px}
.ticks li{display:flex;align-items:flex-start;gap:12px;font-size:17px;line-height:1.45;list-style:none}
.bast-end{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:34px;text-align:center}
.bast-end p{margin:0;font-family:var(--serif);font-weight:800;font-style:italic;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 72;font-size:22px;line-height:1.2;color:var(--yellow)}
.bast-end small{font-size:14px;color:rgba(255,248,236,.72)}
.bast-end .btn{width:100%;max-width:420px;margin-top:8px}

/* 6 por que agora */
.strip{display:flex;margin:36px auto 0;max-width:640px}
.strip__holes{position:relative;flex:0 0 30px;border-radius:6px 0 0 6px;background:radial-gradient(circle,var(--cream) 4px,transparent 4.5px) 0 6px/30px 22px repeat-y,var(--navy);overflow:hidden}
.strip__light{position:absolute;left:0;right:0;top:0;height:0;background:linear-gradient(180deg,rgba(250,214,100,.15),rgba(250,214,100,.75));box-shadow:0 6px 18px rgba(250,214,100,.9);animation:md-light 9s ease-in-out infinite}
@keyframes md-light{0%,4%{height:0}56%,90%{height:100%}100%{height:0}}
.strip__holes--b{display:none}
.strip__frames{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:0 6px 6px 0;background:var(--navy);margin:0;list-style:none}
.frame{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:4px;background:var(--cream);color:var(--navy)}
.frame small{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#6b6e85}
.frame strong{font-family:var(--serif);font-weight:900;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 72;font-size:22px;line-height:1.1}
.frame p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.frame--now{background:var(--yellow)} .frame--now small,.frame--now p{color:var(--navy)}
.frame--you{background:repeating-linear-gradient(135deg,var(--cream) 0 12px,#FBE6A6 12px 24px);outline:2px dashed var(--petrol);outline-offset:-8px}
.frame--you small,.frame--you strong{color:var(--petrol)} .frame--you strong{font-style:italic;font-size:24px}
.frame__top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.here{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:999px;background:var(--navy);color:var(--yellow);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.here i{width:8px;height:8px;border-radius:50%;background:var(--yellow);animation:md-blink 1.6s infinite}
@keyframes md-blink{0%,100%{box-shadow:0 0 0 0 rgba(250,214,100,.9)}50%{box-shadow:0 0 0 8px rgba(250,214,100,0)}}
.frame:nth-child(1){animation:md-f1 9s ease-out infinite}.frame:nth-child(2){animation:md-f2 9s ease-out infinite}.frame:nth-child(3){animation:md-f3 9s ease-out infinite}.frame:nth-child(4){animation:md-f4 9s ease-out infinite}
@keyframes md-f1{0%,4%{opacity:.18;filter:grayscale(1) blur(3px);transform:translateX(18px)}12%,90%{opacity:1;filter:none;transform:none}100%{opacity:.18;filter:grayscale(1) blur(3px);transform:translateX(18px)}}
@keyframes md-f2{0%,18%{opacity:.18;filter:grayscale(1) blur(3px);transform:translateX(18px)}26%,90%{opacity:1;filter:none;transform:none}100%{opacity:.18;filter:grayscale(1) blur(3px);transform:translateX(18px)}}
@keyframes md-f3{0%,32%{opacity:.18;filter:grayscale(1) blur(3px);transform:translateX(18px) scale(.97)}38%{transform:scale(1.03)}42%,90%{opacity:1;filter:none;transform:none}100%{opacity:.18;filter:grayscale(1) blur(3px);transform:translateX(18px)}}
@keyframes md-f4{0%,48%{opacity:.18;filter:grayscale(1) blur(3px);transform:translateX(18px)}56%,90%{opacity:1;filter:none;transform:none}100%{opacity:.18;filter:grayscale(1) blur(3px);transform:translateX(18px)}}
.why{display:flex;flex-direction:column;gap:20px;max-width:640px;margin:40px auto 0}
.why__quote{margin:0;text-align:center;font-family:var(--serif);font-weight:900;font-style:italic;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 144;font-size:27px;line-height:1.1;color:var(--petrol);text-wrap:balance}
.why__txt{margin:0;font-size:17px;line-height:1.6;color:var(--muted)}
.why .ticks{margin:0}
.why .ticks li{font-size:16px}
.session{padding:20px;border-radius:18px;background:var(--navy);color:var(--cream);border:3px solid var(--ink);box-shadow:0 6px 0 var(--petrol);text-align:center}
.session p{margin:0;font-family:var(--serif);font-weight:900;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 144;font-size:24px;line-height:1.15;text-wrap:balance}
.session em{font-style:italic;color:var(--yellow)}
.why__end{display:flex;flex-direction:column;gap:20px}
.why__end .btn{width:100%}

/* 7 tomadas */
.takes-meta{display:none}
.takes{margin-top:36px}
.takes__track{display:flex;flex-direction:column;gap:30px;margin:0;padding:0;list-style:none}
.take{border-radius:16px;background:var(--cream);color:var(--navy);border:3px solid var(--ink);box-shadow:0 7px 0 var(--petrol);overflow:hidden;transform:rotate(var(--rot,0deg))}
.take__clap{height:30px;background:repeating-linear-gradient(-55deg,var(--navy) 0 16px,var(--cream) 16px 32px);border-bottom:3px solid var(--ink)}
.take__slate{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;background:var(--navy);color:var(--cream);font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.1em}
.take__body{display:flex;flex-direction:column;gap:12px;padding:18px 18px 20px}
.lock{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--navy);color:var(--yellow);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.take__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.take__title{flex:1;min-width:0;margin:0;font-family:var(--serif);font-weight:900;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 72;font-size:23px;line-height:1.12}
.stamp{flex:none;position:relative;width:48px;height:48px;margin-top:-2px;border-radius:50%;background:var(--yellow);border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--petrol);transform:rotate(var(--tilt,0deg));display:flex;align-items:center;justify-content:center}
.stamp::before{content:"";position:absolute;inset:3px;border-radius:50%;border:1.5px dashed rgba(20,22,43,.55)}
.stamp svg{position:relative;width:28px;height:28px}
.take ul{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.take li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.45}
.swap{display:flex;flex-direction:column;align-items:center;margin-top:54px}
.swap__hint{display:flex;align-items:center;gap:8px;color:var(--yellow);transform:rotate(-2deg)}
.swap__hint .note{font-size:26px}
.swap__arrow-l{display:none}
.swap .phone{width:262px;height:568px;margin-top:18px;border-radius:48px}
.swap .phone__screen{border-radius:41px}
.swap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.swap__line{position:absolute;z-index:2;top:0;bottom:0;left:var(--pos,50%);width:3px;margin-left:-1.5px;background:var(--yellow);box-shadow:0 0 10px rgba(0,0,0,.5);pointer-events:none}
.swap__knob{position:absolute;z-index:2;top:50%;left:var(--pos,50%);width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:var(--yellow);border:3px solid var(--ink);box-shadow:0 4px 0 var(--petrol);display:flex;align-items:center;justify-content:center;color:var(--navy);pointer-events:none;animation:md-nudge 3.5s ease-in-out infinite}
.swap.is-touched .swap__knob{animation:none}
@keyframes md-nudge{0%,70%,100%{transform:translateX(0)}78%{transform:translateX(-14px)}86%{transform:translateX(14px)}93%{transform:translateX(0)}}
.swap__tag{position:absolute;z-index:2;bottom:14px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}
.swap__tag--a{left:10px;background:rgba(11,12,26,.78)} .swap__tag--b{right:10px;background:var(--yellow);color:var(--navy)}
.swap__range{position:absolute;z-index:3;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.swap__range::-webkit-slider-thumb{-webkit-appearance:none;width:60px;height:700px}
.swap__range::-moz-range-thumb{width:60px;height:700px;border:0}
.swap__cta{width:100%;max-width:420px;margin-top:44px}
.swap__cta .btn{width:100%}

/* 8 programação */
.prog{max-width:680px;margin:34px auto 0;border-radius:18px;background:#FFFDF7;border:3px solid var(--navy);box-shadow:0 7px 0 var(--navy);overflow:hidden}
.prog__head{display:flex;flex-direction:column;gap:10px;padding:18px 16px;background:var(--navy);color:var(--cream)}
.prog__head strong{font-family:var(--serif);font-weight:900;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 72;font-size:21px;line-height:1.1}
.prog__head em{font-style:italic;color:var(--yellow)}
.pills{display:flex;gap:8px;flex-wrap:wrap}
.pill{padding:4px 10px;border-radius:999px;background:var(--cream);color:var(--navy);font-size:12px;font-weight:800}
.pill--y{background:var(--yellow)}
.mod{border-top:2px dashed rgba(20,22,43,.18);color:var(--navy)}
.mod--star{background:#FDF0C4}
.mod--bonus{background:repeating-linear-gradient(135deg,#FFFDF7 0 12px,#FBEFC9 12px 24px)}
.mod__btn{display:flex;align-items:flex-start;gap:12px;width:100%;padding:16px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:left}
.mod__num{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cream);color:var(--navy);border:2px solid var(--navy);font-family:var(--serif);font-weight:900;font-size:18px}
.mod--inteira .mod__num{background:var(--navy);color:var(--yellow)}
.mod--star .mod__num,.mod--bonus .mod__num{background:var(--yellow);color:var(--navy)}
.mod__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.mod__rev{align-self:flex-start;padding:3px 9px;border-radius:999px;background:var(--navy);color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mod__name{font-family:var(--serif);font-weight:900;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 48;font-size:20px;line-height:1.15}
.mod__desc{font-size:15px;line-height:1.45;color:var(--muted)}
.mod__tag{align-self:flex-start;padding:3px 9px;border-radius:999px;background:var(--cream);border:1.5px solid var(--navy);font-size:11px;font-weight:800}
.mod--inteira .mod__tag{background:var(--yellow)}
.mod__sign{flex:none;width:32px;height:32px;border-radius:50%;border:2px solid var(--navy);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;line-height:1;transition:transform .25s}
.mod__btn[aria-expanded="true"] .mod__sign{transform:rotate(45deg)}
.mod__items{display:flex;flex-direction:column;gap:10px;margin:0;padding:0 16px 18px 66px;list-style:none;animation:md-open .25s ease-out}
.mod__items[hidden]{display:none}
.mod__items li{display:flex;align-items:flex-start;gap:8px;font-size:15px;line-height:1.45}
@keyframes md-open{from{opacity:0;transform:translateY(-4px)}}
.prog-side{display:contents}
.prog-hint{display:none}

/* 9 teste de elenco */
.audition{display:grid;gap:30px;max-width:640px;margin:34px auto 0}
.sheet{padding:22px 18px;border-radius:16px;background:var(--cream);color:var(--navy);border:3px solid var(--ink);box-shadow:0 7px 0 var(--petrol);transform:rotate(-.8deg)}
.sheet--y{background:var(--yellow);transform:rotate(.8deg)}
.sheet__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px}
.sheet__head h3{flex:1;min-width:0;margin:0;font-family:var(--serif);font-weight:900;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 72;font-size:24px;line-height:1.1}
.rubber{flex:none;margin-top:2px;padding:4px 10px;border:3px solid var(--petrol);border-radius:6px;color:var(--petrol);font-family:var(--mono);font-weight:700;font-size:15px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;animation:md-stamp 4s ease-out infinite}
.sheet--y .rubber{border-color:var(--navy);color:var(--navy);animation-delay:2s}
@keyframes md-stamp{0%,100%{transform:rotate(-6deg)}6%{transform:rotate(-6deg) scale(1.15)}12%{transform:rotate(-6deg)}}
.sheet ul{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}
.sheet li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.45}
.box-check{flex:none;width:22px;height:22px;margin-top:1px;border-radius:5px;border:2px solid var(--navy);background:var(--yellow);display:flex;align-items:center;justify-content:center}
.star{flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--navy);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-size:12px}
.sheet li em{font-weight:600;color:var(--petrol)}

/* 10 dinheiro */
.money-note{display:flex;align-items:center;gap:6px;margin:30px 0 10px;color:var(--petrol)}
.money-note .note{font-size:24px}
.money-note--end{justify-content:flex-end;margin:12px 0 0}
.money{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.path{display:flex;border-radius:14px;background:#fff;border:3px solid var(--ink);box-shadow:0 6px 0 var(--petrol);overflow:hidden}
.path__stub{flex:none;width:60px;padding:14px 0 12px;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--yellow);border-right:3px dashed var(--ink);color:var(--navy)}
.path--pro .path__stub{background:var(--navy);color:var(--yellow)}
.path__stub small{font-family:var(--mono);font-weight:700;font-size:10px;letter-spacing:.12em}
.path__stub b{font-family:var(--serif);font-weight:900;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 144;font-size:34px;line-height:.9}
.meter{display:flex;flex-direction:column-reverse;gap:2px;margin-top:4px}
.meter i{display:block;width:16px;height:4px;border-radius:2px;background:rgba(20,22,43,.18)}
.meter i.on{background:var(--navy)}
.path--pro .meter i{background:rgba(255,248,236,.18)} .path--pro .meter i.on{background:var(--yellow)}
.path__body{flex:1;min-width:0;padding:14px 16px 16px}
.path__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.path__head h3{flex:1;min-width:0;margin:0;font-family:var(--serif);font-weight:900;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 72;font-size:21px;line-height:1.12}
.path .stamp{width:48px;height:48px;margin:-4px -4px 0 0}
.path p{margin:0;font-size:15px;line-height:1.45;color:#2a2c42}
.disclaimer{margin:22px auto 0;max-width:760px;padding-top:14px;border-top:1px dashed rgba(20,22,43,.3);font-size:12.5px;line-height:1.5;color:#5a5d72;text-align:center}

/* 11 ingressos */
.tickets{display:grid;gap:34px;max-width:1040px;margin:36px auto 0}
.tkt{filter:drop-shadow(2.5px 0 0 var(--ink)) drop-shadow(-2.5px 0 0 var(--ink)) drop-shadow(0 2.5px 0 var(--ink)) drop-shadow(0 -2.5px 0 var(--ink)) drop-shadow(0 7px 0 var(--petrol))}
.tkt__paper{border-radius:16px;color:var(--navy);background:var(--cream);-webkit-mask:radial-gradient(circle 13px at 0 104px,transparent 12.5px,#000 13px),radial-gradient(circle 13px at 100% 104px,transparent 12.5px,#000 13px);-webkit-mask-composite:source-in;mask-composite:intersect}
.tkt--inteira .tkt__paper{background:var(--yellow)}
.tkt__top{height:104px;padding:16px 20px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.tkt__code{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.14em;color:var(--petrol)}
.tkt__name{margin:6px 0 0;font-family:var(--serif);font-weight:900;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 144;font-size:36px;line-height:1;letter-spacing:-.02em}
.tkt__name em{font-style:italic;color:var(--petrol)}
.popular{flex:none;margin-top:2px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 10px;border-radius:999px;background:var(--navy);color:var(--yellow);border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--petrol);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;animation:md-seal 5s ease-in-out infinite}
@keyframes md-seal{0%,100%{transform:rotate(4deg)}50%{transform:rotate(1deg) scale(1.05)}}
.tkt__tear{margin:0 18px;border-top:3px dashed rgba(20,22,43,.45)}
.tkt__body{padding:16px 20px 22px}
.tkt__info{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding-bottom:14px;border-bottom:1px solid rgba(20,22,43,.18);font-family:var(--mono)}
.tkt__info dt{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--petrol)}
.tkt__info dd{margin:0;font-size:14px;font-weight:700}
.tkt__cap{margin:14px 0 0;font-size:16px;line-height:1.45;font-weight:600}
.price{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:12px}
.price__val{display:flex;align-items:flex-start;font-family:var(--serif);font-weight:900;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 144;line-height:.85}
.price__val small{font-size:22px;margin:6px 4px 0 0}
.price__val b{font-size:76px;letter-spacing:-.03em}
.price__note{padding-bottom:6px;font-size:13px;line-height:1.35;font-weight:700;color:var(--muted)}
.tkt__k{margin-top:18px;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--petrol)}
.tkt__k--no{color:#6a6d80}
.tkt ul{display:flex;flex-direction:column;gap:10px;margin:10px 0 0;padding:0;list-style:none}
.tkt li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.4}
.tick{flex:none;width:20px;height:20px;margin-top:1px;border-radius:5px;border:2px solid var(--navy);background:var(--yellow);display:flex;align-items:center;justify-content:center}
.tkt--inteira .tick{background:var(--navy)}
.tkt li.no{color:#6a6d80}
.tick--no{border-color:#9a9cab;background:transparent}
.tkt .btn{display:flex;width:100%;margin-top:22px;font-size:18px}
.btn--white{background:#fff}
.btn--navy{background:var(--navy);color:var(--yellow)}
.trust{display:flex;flex-direction:column;align-items:center;gap:10px;margin:36px 0 0;padding:0;list-style:none}
.trust li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:rgba(255,248,236,.85)}

/* 12 garantia */
.guar{max-width:1100px;margin:30px auto 0;filter:drop-shadow(3px 0 0 var(--ink)) drop-shadow(-3px 0 0 var(--ink)) drop-shadow(0 3px 0 var(--ink)) drop-shadow(0 -3px 0 var(--ink)) drop-shadow(0 8px 0 var(--petrol))}
.guar__paper{display:flex;flex-direction:column;background:radial-gradient(circle at 1px 1px,rgba(255,248,236,.07) 1px,transparent 1.5px) 0 0/18px 18px,var(--navy);color:var(--cream);-webkit-mask:radial-gradient(circle 18px at 0 0,transparent 17.5px,#000 18px),radial-gradient(circle 18px at 100% 0,transparent 17.5px,#000 18px),radial-gradient(circle 18px at 0 100%,transparent 17.5px,#000 18px),radial-gradient(circle 18px at 100% 100%,transparent 17.5px,#000 18px),radial-gradient(circle 14px at 0 372px,transparent 13.5px,#000 14px),radial-gradient(circle 14px at 100% 372px,transparent 13.5px,#000 14px);-webkit-mask-composite:source-in;mask-composite:intersect}
.guar__stub{position:relative;height:372px;padding:20px 24px 0;display:flex;flex-direction:column}
.guar__code{font-family:var(--mono);font-weight:700;font-size:12px;line-height:1.5;letter-spacing:.14em;color:rgba(255,248,236,.6)}
.guar__seven{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}
.guar__glow{position:absolute;left:50%;top:46%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;background:radial-gradient(circle,rgba(250,214,100,.42) 0%,rgba(250,214,100,.12) 42%,transparent 68%);animation:md-glow 5s ease-in-out infinite}
@keyframes md-glow{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
.guar__7{position:relative;font-family:var(--serif);font-weight:900;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 144;font-size:220px;line-height:.82;color:var(--yellow);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--petrol),0 4px 0 var(--petrol),0 6px 0 var(--petrol),0 8px 0 var(--petrol),0 10px 0 var(--petrol),0 12px 0 var(--petrol),0 15px 0 var(--ink);animation:md-bob7 6s ease-in-out infinite}
@keyframes md-bob7{0%,100%{transform:rotate(-2deg)}50%{transform:translateY(-8px) rotate(1deg)}}
.guar__days{position:relative;margin-top:16px;font-family:var(--serif);font-weight:900;font-style:italic;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 72;font-size:28px;line-height:1}
.guar__tear{margin:0 22px;border-top:3px dashed rgba(255,248,236,.35)}
.guar__body{padding:24px 22px 28px;display:flex;flex-direction:column}
.guar__stamp{display:none}
.rubber--y{border-color:var(--yellow);color:var(--yellow);font-size:16px;letter-spacing:.14em;animation-name:md-stamp10}
@keyframes md-stamp10{0%,100%{transform:rotate(-10deg)}6%{transform:rotate(-10deg) scale(1.15)}12%{transform:rotate(-10deg)}}
.guar__stub .guar__row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.guar__body .h2{font-size:40px}
.guar__sub{margin:14px 0 0;font-size:18px;line-height:1.4;font-weight:700}
.guar__txt{margin:14px 0 0;font-size:16px;line-height:1.55;color:rgba(255,248,236,.78)}
.sign{margin-top:24px;display:flex;align-items:flex-end;gap:14px}
.sign div{flex:1;min-width:0}
.sign .note{font-size:40px;line-height:.9;transform:rotate(-4deg);transform-origin:left bottom;font-weight:700}
.sign hr{margin:6px 0 0;width:170px;max-width:100%;border:0;border-top:2px solid rgba(255,248,236,.45)}

/* 13 fila da pipoca */
.faq-side .btn{width:100%}
.faq-hint{display:flex;justify-content:flex-end;align-items:flex-end;gap:6px;margin:30px 0 12px;color:var(--yellow)}
.faq-hint .note{font-size:24px}
.faq{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.q{border-radius:14px;background:var(--cream);color:var(--navy);border:3px solid var(--ink);box-shadow:0 5px 0 var(--petrol);overflow:hidden;transition:background .2s}
.q.is-open{background:var(--yellow)}
.q__btn{display:flex;align-items:stretch;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}
.q__n{flex:none;width:56px;padding:12px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-right:2.5px dashed rgba(20,22,43,.5)}
.q__n small{font-family:var(--mono);font-weight:700;font-size:9px;letter-spacing:.14em}
.q__n b{font-family:var(--serif);font-weight:900;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 144;font-size:24px;line-height:1}
.q__q{flex:1;min-width:0;padding:15px 12px 15px 14px;font-size:17px;line-height:1.3;font-weight:800;align-self:center}
.q__plus{flex:none;align-self:center;width:30px;height:30px;margin-right:12px;border-radius:50%;border:2.5px solid var(--navy);background:var(--yellow);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;line-height:1;transition:transform .25s}
.q.is-open .q__plus{background:var(--navy);color:var(--yellow);transform:rotate(45deg)}
.q__a{padding:14px 18px 18px 70px;border-top:2px solid rgba(20,22,43,.15);font-size:16px;line-height:1.5;color:#2a2c42;animation:md-open .25s ease-out}
.q__a[hidden]{display:none}
.q__a p{margin:0}

/* 14 fechamento */
.fin{display:flex;flex-direction:column;align-items:center}
.fin__stage{position:relative;height:320px;width:100%;max-width:600px;margin-top:18px}
.fin__glow{position:absolute;left:50%;top:10px;width:340px;height:300px;margin-left:-170px;border-radius:50%;background:radial-gradient(circle,rgba(250,214,100,.75) 0%,rgba(250,214,100,.28) 45%,transparent 70%);animation:md-glow 5s ease-in-out infinite}
.fin__floor{position:absolute;left:50%;bottom:6px;width:250px;height:30px;margin-left:-125px;border-radius:50%;background:radial-gradient(ellipse,rgba(15,76,92,.55) 0%,rgba(15,76,92,.18) 55%,transparent 72%)}
.fin__img{position:relative;width:300px;margin:0 auto;animation:md-bob 6s ease-in-out infinite;filter:drop-shadow(0 14px 18px rgba(20,22,43,.3))}
.fin__copy{display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:22px;text-align:center}
.fin__copy .lead strong{color:var(--navy)}
.marker{margin:0;font-family:var(--serif);font-weight:900;font-style:italic;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 144;font-size:32px;line-height:1.12;text-wrap:balance}
.marker span{background:linear-gradient(transparent 58%,var(--yellow) 58%,var(--yellow) 92%,transparent 92%);padding:0 4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.fin__btns{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}
.fin__btns .btn{width:100%}
.fin__link{font-size:16px;font-weight:700;color:var(--petrol);text-decoration-thickness:2px;text-underline-offset:4px}
.fin .head{display:flex}
.fin__label{order:-1}

/* 15 rodapé */
.foot{padding:44px 0 120px}
.foot__top{display:flex;flex-direction:column;align-items:center;text-align:center}
.foot__logo{width:170px;animation:md-bob 6s ease-in-out infinite}
.foot__price{margin-top:14px;border-radius:10px;background:var(--yellow);color:var(--navy);border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--petrol);padding:9px 16px;font-size:13px;font-weight:800;line-height:1.35}
.foot__price span{font-weight:700}
.foot__nav{margin-top:26px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 6px;font-size:14px;font-weight:700}
.foot__nav a{color:var(--cream)} .foot__nav a:hover{color:var(--yellow)}
.foot__nav i{color:rgba(255,248,236,.35);font-style:normal}
.foot__mail{margin-top:8px;font-size:14px;color:var(--yellow);text-decoration:none}
.foot hr{margin:26px 0 0;border:0;border-top:3px dashed rgba(255,248,236,.18)}
.foot__notes{margin-top:22px;display:flex;flex-direction:column;gap:12px;font-size:12.5px;line-height:1.55;color:rgba(255,248,236,.58)}
.foot__notes p{margin:0}
.foot__copy{margin:24px 0 0;font-family:var(--mono);font-weight:700;font-size:11.5px;line-height:1.6;letter-spacing:.06em;color:rgba(255,248,236,.5);text-align:center}

/* barra flutuante */
.bar{position:fixed;z-index:50;left:10px;right:10px;bottom:12px;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 16px;border-radius:999px;background:var(--navy);color:var(--cream);border:2px solid var(--ink);box-shadow:0 6px 0 var(--petrol),0 14px 30px rgba(0,0,0,.35);transform:translateY(140%);transition:transform .35s cubic-bezier(.3,1.3,.5,1)}
.bar.is-on{transform:none}
.bar__txt{flex:1;display:flex;flex-direction:column;font-size:12px;font-weight:700;line-height:1.2}
.bar__txt strong{font-family:var(--serif);font-weight:900;font-variation-settings:'SOFT' 100,'opsz' 72;font-size:21px;line-height:1.05;color:var(--yellow)}
.bar a{display:flex;align-items:center;min-height:46px;padding:0 16px;border-radius:999px;background:var(--yellow);color:var(--navy);font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap}
.bar button{width:30px;height:44px;border:0;background:transparent;color:rgba(255,248,236,.7);font-size:16px}

/* revelação ao rolar (só com JS) */
.js [data-reveal]{opacity:0;translate:0 28px;transition:opacity .7s ease-out,translate .7s cubic-bezier(.2,.8,.3,1)}
.js [data-reveal].is-in{opacity:1;translate:0 0}

/* ===================== desktop ===================== */
@media (min-width:1024px){
  :root{--gutter:40px}
  .sec{padding:80px 0 110px}
  .label{font-size:14px;padding:9px 18px}
  .btn{min-height:64px;font-size:20px;padding:0 40px}
  .cta .btn{width:auto}
  .marquee__track{font-size:14px;letter-spacing:.08em;gap:22px;padding:12px 0}

  .hero{padding:70px 0 110px;background:radial-gradient(ellipse 38% 46% at 72% 44%,rgba(250,214,100,.2),transparent 70%),radial-gradient(circle at 1px 1px,rgba(255,248,236,.08) 1px,transparent 1.5px) 0 0/20px 20px,var(--navy)}
  .hero__beam--l{left:46%;width:340px;height:760px;top:-40px;transform:rotate(-10deg)}
  .hero__beam--r{right:-40px;width:340px;height:760px;top:-40px;transform:rotate(10deg)}
  .hero__grid{flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:40px}
  .hero__stage{flex:0 0 600px;max-width:600px;height:680px;margin:0}
  .hero__peca{position:absolute;left:80px;top:70px;width:440px}
  .hero__hint{right:90px;top:0}
  .hero__hint .note{font-size:32px}
  .hero__copy{flex:0 1 560px;align-items:flex-start;text-align:left;padding:0;gap:24px}
  .h1 em{display:block}
  .hero__cta{flex-direction:row;gap:22px;width:auto}
  .hero__cta .btn{width:auto}
  .seals{display:flex;width:auto;gap:8px;padding:10px}
  .seals li{flex-direction:row;gap:8px;padding:4px 10px;font-size:14px;white-space:nowrap}
  .seals li br{display:none}
  .seals .mini{width:26px;height:26px}
  .seals .mini svg{width:17px;height:17px}

  .cast-hint{justify-content:flex-end;max-width:var(--max);margin:18px auto 0;padding-right:30px}
  .cast-hint .note{font-size:32px}
  .cast{gap:14px}
  .cast__track{gap:22px;padding-left:22px}
  .card,.vaga{width:196px}
  .card__pic,.vaga{height:246px}
  .card__name span{font-size:15px;padding:7px 14px}
  .vaga strong{font-size:32px}

  .box{display:grid;grid-template-columns:760px 1fr;gap:56px;align-items:start;margin-top:48px}
  .box__phones{position:relative}
  .box__hint{position:absolute;z-index:4;left:0;top:-10px;padding:0}
  .box__hint .note{font-size:30px}
  .phones{overflow:visible;padding:70px 0 0 10px;margin:0;gap:0;height:640px}
  .phones .phone:nth-child(1){position:absolute;left:10px;top:100px;transform:rotate(-4deg) scale(.88);transform-origin:50% 100%}
  .phones .phone:nth-child(2){position:absolute;left:261px;top:70px;z-index:2}
  .phones .phone:nth-child(3){position:absolute;left:512px;top:100px;transform:rotate(4deg) scale(.88);transform-origin:50% 100%}
  .dots{display:none}
  .box__aside{font-size:28px;margin-top:20px}
  .nums{align-items:flex-start;text-align:left;margin-top:60px}
  .nums__title{font-size:36px}
  .num{padding:20px 16px}
  .num strong{font-size:40px}

  .reel-wrap{display:grid;grid-template-columns:480px 1fr;gap:80px;align-items:center;max-width:var(--max);margin:0 auto}
  .reel-wrap .head{align-items:flex-start;text-align:left;margin:0}
  .reel{height:420px;margin:0;max-width:none}
  .reel__text{font-size:44px} .reel__text.is-long{font-size:36px}
  .reel__meta{display:block;margin:18px 0 0}
  .reel__count{display:block}
  .reel__hint{justify-content:flex-end;margin-top:16px}
  .reel__hint .note{font-size:30px}
  .frames{margin:12px 0 0;height:12px}

  .bast{display:grid;grid-template-columns:500px 1fr;gap:80px;align-items:start}
  .bast .head{align-items:flex-start;text-align:left;margin:0}
  .bast .ticks{margin:30px 0 0}
  .bast .ticks li{font-size:18px}
  .bast-end{align-items:flex-start;text-align:left}
  .bast-end p{font-size:26px}
  .bast-end .btn{width:auto}
  .dossier{max-width:none;margin:0;padding:32px 34px 30px 56px}
  .dossier__pin{left:18px;width:16px;height:16px}
  .tool__title{font-size:22px} .tool__txt{font-size:15.5px}
  .dossier__foot .note{font-size:28px}

  .strip{flex-direction:column;max-width:none;margin-top:48px;border:3px solid var(--ink);border-radius:8px;overflow:hidden;box-shadow:0 8px 0 var(--petrol);transform:rotate(-.6deg)}
  .strip__holes{flex:0 0 26px;border-radius:0;background:radial-gradient(circle,var(--cream) 5px,transparent 5.5px) 6px 0/26px 26px repeat-x,var(--navy)}
  .strip__holes--b{display:block}
  .strip__light{top:0;bottom:0;height:auto;width:0;background:linear-gradient(90deg,rgba(250,214,100,.15),rgba(250,214,100,.75));box-shadow:6px 0 18px rgba(250,214,100,.9);animation-name:md-lightx}
  @keyframes md-lightx{0%,4%{width:0}56%,90%{width:100%}100%{width:0}}
  .strip__frames{flex-direction:row;gap:8px;padding:0 8px;border-radius:0}
  .frame{flex:1;min-width:0;padding:22px 22px 24px}
  .frame strong{font-size:26px} .frame--you strong{font-size:30px}
  .frame p{font-size:16px}
  .why{display:grid;grid-template-columns:1fr 1fr;gap:28px 80px;max-width:none;margin-top:64px}
  .why__quote{text-align:left;font-size:40px;line-height:1.05}
  .why__a{display:flex;flex-direction:column;gap:18px}
  .why__txt{font-size:18px}
  .why .ticks li{font-size:18px}
  .why__end{grid-column:1/-1;flex-direction:row;justify-content:center;align-items:center;gap:40px;margin-top:28px}
  .why__end .btn{width:auto;flex:none}
  .session{padding:22px 34px}
  .session p{font-size:30px}

  .takes-meta{display:flex;justify-content:space-between;align-items:flex-end;margin-top:44px}
  .takes-meta__count{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.12em;color:rgba(255,248,236,.7)}
  .takes-meta__bars{display:flex;gap:4px}
  .takes-meta__bars i{width:44px;height:6px;border-radius:3px;background:rgba(255,248,236,.2);transition:background .2s}
  .takes-meta__bars i.on{background:var(--yellow)}
  .takes-meta .note{font-size:30px;color:var(--yellow);display:flex;align-items:center;gap:8px;transform:rotate(-2deg)}
  .takes{margin-top:22px;overflow:hidden}
  .takes__track{flex-direction:row;gap:32px;width:max-content;padding:10px 0 20px}
  .take{flex:none;width:360px}
  .take__title{font-size:25px} .take li{font-size:16px} .take__body{padding:20px 22px 24px}
  .swap{display:grid;grid-template-columns:1fr 290px 1fr;gap:40px;align-items:center;margin-top:60px}
  .swap__hint{flex-direction:column;align-items:flex-end;gap:6px;text-align:right;justify-self:end}
  .swap__hint .note{font-size:32px}
  .swap__hint svg{display:none}
  .swap__arrow-l{display:block}
  .swap .phone{width:290px;height:628px;margin:0}
  .swap__cta{margin:0;width:auto;justify-self:start}
  .swap__cta .btn{width:auto}

  .prog-wrap{display:grid;grid-template-columns:440px 1fr;gap:80px;align-items:start}
  .prog-side{display:flex;flex-direction:column;align-items:flex-start;gap:24px;position:sticky;top:40px}
  .prog-side .head{align-items:flex-start;text-align:left;margin:0}
  .prog-side .head .lead{font-size:19px;line-height:1.6}
  .prog-side .cta{margin:8px 0 0}
  .prog-hint{display:flex;align-items:flex-start;gap:8px;margin-top:26px;color:var(--petrol);transform:rotate(-2deg)}
  .prog-hint .note{font-size:30px;margin-top:8px}
  .prog{margin:0;max-width:none;border-radius:20px}
  .prog__head{flex-direction:row;justify-content:space-between;align-items:center;padding:22px 24px}
  .prog__head strong{font-size:24px}
  .mod__btn{gap:16px;padding:20px 24px}
  .mod__num{width:46px;height:46px}
  .mod__name{font-size:24px} .mod__desc{font-size:16.5px}
  .mod__items{padding:0 24px 22px 86px} .mod__items li{font-size:16px}
  .prog-cta-m{display:none}

  .audition{grid-template-columns:1fr 1fr;gap:48px;max-width:none;align-items:start;margin-top:54px}
  .sheet{padding:30px 30px 32px}
  .sheet__head{margin-bottom:22px} .sheet__head h3{font-size:32px}
  .sheet li{font-size:18px} .rubber{font-size:17px}

  .money-note{margin:40px 0 12px} .money-note .note{font-size:30px}
  .money{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
  .money--pro{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}
  .path__stub{width:56px}
  .path__body{padding:18px 16px 20px}
  .path__head h3{font-size:22px}
  .path .stamp{width:44px;height:44px;margin-right:-6px}
  .path .stamp svg{width:26px;height:26px}
  .path p{font-size:15.5px;line-height:1.5}
  .disclaimer{font-size:14px}

  .tickets{grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-top:56px}
  .tkt--meia{margin-top:28px}
  .tkt__paper{-webkit-mask:radial-gradient(circle 13px at 0 118px,transparent 12.5px,#000 13px),radial-gradient(circle 13px at 100% 118px,transparent 12.5px,#000 13px);-webkit-mask-composite:source-in;mask-composite:intersect}
  .tkt__top{height:118px;padding:22px 28px 0}
  .tkt__name{font-size:44px}
  .tkt__tear{margin:0 24px}
  .tkt__body{padding:22px 28px 30px}
  .price__val b{font-size:88px}
  .tkt li{font-size:16px}
  .trust{flex-direction:row;justify-content:center;gap:36px;margin-top:44px}
  .trust li{font-size:15px}

  .guar__paper{flex-direction:row;-webkit-mask:radial-gradient(circle 18px at 0 0,transparent 17.5px,#000 18px),radial-gradient(circle 18px at 100% 0,transparent 17.5px,#000 18px),radial-gradient(circle 18px at 0 100%,transparent 17.5px,#000 18px),radial-gradient(circle 18px at 100% 100%,transparent 17.5px,#000 18px),radial-gradient(circle 16px at 440px 0,transparent 15.5px,#000 16px),radial-gradient(circle 16px at 440px 100%,transparent 15.5px,#000 16px);-webkit-mask-composite:source-in;mask-composite:intersect}
  .guar__stub{flex:none;width:440px;height:560px;padding:28px 32px}
  .guar__stub .rubber{display:none}
  .guar__7{font-size:250px}
  .guar__days{font-size:32px}
  .guar__tear{margin:30px 0;border-top:0;border-left:3px dashed rgba(255,248,236,.35)}
  .guar__body{flex:1;min-width:0;padding:30px 44px 34px 48px}
  .guar__stamp{display:flex;justify-content:flex-end}
  .guar__body .h2{margin-top:18px;font-size:56px}
  .guar__sub{font-size:22px;margin-top:18px}
  .guar__txt{font-size:18px;line-height:1.6;margin-top:18px}

  .faq-wrap{display:grid;grid-template-columns:440px 1fr;gap:80px;align-items:start}
  .faq-side{display:flex;flex-direction:column;align-items:flex-start;gap:24px;position:sticky;top:40px}
  .faq-side .head{align-items:flex-start;text-align:left;margin:0}
  .faq-side .btn{width:auto}
  .faq-side .cta{margin:8px 0 0}
  .faq-hint{justify-content:flex-start;align-items:flex-start;margin:26px 0 0;transform:rotate(-2deg)}
  .faq-hint .note{font-size:32px;margin-top:8px}
  .faq-hint--m{display:none}
  .faq{gap:12px}
  .q__n{width:70px;padding:14px 0} .q__n small{font-size:10px} .q__n b{font-size:28px}
  .q__q{padding:18px 16px 18px 20px;font-size:19px}
  .q__plus{margin-right:18px}
  .q__a{padding:16px 24px 20px 90px;font-size:17px;line-height:1.55}

  .fin{display:grid;grid-template-columns:600px 1fr;gap:60px;align-items:center}
  .fin__stage{height:620px;margin:0}
  .fin__glow{top:40px;width:600px;height:520px;margin-left:-300px}
  .fin__floor{bottom:20px;width:420px;height:44px;margin-left:-210px}
  .fin__img{width:500px;margin-top:30px}
  .fin__copy{align-items:flex-start;text-align:left;padding:0;gap:26px}
  .fin__copy .head{align-items:flex-start;text-align:left;margin:0}
  .fin__copy .lead{font-size:19px;line-height:1.6}
  .marker{font-size:38px}
  .fin__btns{flex-direction:row;gap:28px;width:auto}
  .fin__btns .btn{width:auto}

  .foot{padding:56px 0 140px}
  .foot__top{flex-direction:row;justify-content:space-between;gap:40px;text-align:left}
  .foot__logo{width:210px}
  .foot__nav{margin:0;gap:12px;font-size:16px;align-items:center}
  .foot__mail{margin:0;font-size:16px}
  .foot__price{margin:0;font-size:14px;padding:11px 20px;border-radius:12px}
  .foot hr{margin-top:40px}
  .foot__notes{display:grid;grid-template-columns:1fr 1fr;gap:16px 64px;margin-top:30px;font-size:13.5px;line-height:1.6}
  .foot__copy{text-align:left;margin-top:30px;font-size:12px}

  .bar{left:50%;right:auto;bottom:20px;width:620px;margin-left:-310px;gap:12px;padding:10px 10px 10px 24px}
  .bar__txt{flex-direction:row;align-items:baseline;gap:6px;font-size:15px}
  .bar__txt strong{font-family:var(--sans);font-size:15px;font-weight:700}
  .bar a{min-height:50px;padding:0 24px;font-size:16px}
}
@media (min-width:1024px) and (max-width:1279px){
  .hero__stage{flex-basis:480px;height:600px}
  .hero__peca{left:40px;width:380px}
  .box{grid-template-columns:1fr;gap:40px}
  .box__phones{width:760px;margin:0 auto}
  .bast,.prog-wrap,.faq-wrap{grid-template-columns:400px 1fr;gap:48px}
  .reel-wrap{grid-template-columns:400px 1fr;gap:48px}
  .fin{grid-template-columns:480px 1fr;gap:40px}
  .fin__img{width:420px}
  .money{grid-template-columns:repeat(2,minmax(0,1fr))}
  .money--pro{grid-template-columns:repeat(3,minmax(0,1fr))}
  .swap{grid-template-columns:1fr 290px 1fr;gap:28px}
}
@media (min-width:640px) and (max-width:1023px){
  .audition{max-width:640px}
  .nums__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ===================== ajustes da montagem ===================== */
.sr:focus{position:fixed!important;z-index:99;left:12px;top:12px;width:auto;height:auto;clip:auto;padding:10px 16px;border-radius:999px;background:var(--yellow);color:var(--navy);font-weight:800}
.d-only{display:none!important}
.hero{--prev:var(--navy)}
.hero__stage{min-height:300px}
.pop{width:var(--w)}
.pop--1{--w:74px;left:-24px;top:48px}.pop--2{--w:62px;left:-6px;top:150px}.pop--3{--w:70px;left:-26px;top:240px}
.pop--4{--w:70px;right:-22px;top:36px}.pop--5{--w:62px;right:-6px;top:140px}.pop--6{--w:70px;right:-26px;top:236px}
.hero__hint{top:-16px;right:44px}
.cast__dup{display:contents}
.card__pic img{-webkit-user-drag:none}
.money--pro{margin-top:14px}
.take{position:sticky;top:calc(84px + var(--i,0)*14px)}
.takes__track>li:nth-child(2){--i:1}.takes__track>li:nth-child(3){--i:2}.takes__track>li:nth-child(4){--i:3}
.fin__copy{display:contents}
.fin .head{order:-1}
.fin__stage{order:0}
.fin__copy>.lead,.fin__copy>.marker,.fin__copy>.fin__btns{order:1}
.fin{gap:22px}
.fin__stage{margin-top:0}
.foot .wrap{position:relative}
.bar[aria-hidden="false"] a,.bar[aria-hidden="false"] button{visibility:visible}
@media (max-width:1023px){
  .phone{transition:opacity .3s,transform .3s}
  .phones .phone:not(.is-current){opacity:.55;transform:scale(.94)}
  .phones .phone:not(.is-current) .burst{opacity:0}
  .burst{transition:opacity .3s}
  .bast .head,.prog-side .head,.faq-side .head{margin:0 auto}
  .reel-wrap>div:last-child{max-width:640px;margin:0 auto}
}
@media (min-width:1024px){
  .m-only{display:none!important}
  .d-only{display:revert!important}
  .pop--1{--w:104px;left:-10px;top:70px}.pop--2{--w:88px;left:-40px;top:250px}.pop--3{--w:98px;left:0;top:430px}
  .pop--4{--w:100px;right:-10px;top:90px}.pop--5{--w:88px;right:-36px;top:270px}.pop--6{--w:100px;right:0;top:445px}
  .hero__hint{top:0;right:90px}
  .take{position:relative;top:auto}
  .takes-pin{padding-bottom:10px}
  .fin__copy{display:flex}
  .fin .head{order:0}
  .foot__price{order:3}
  .bast__side{display:flex;flex-direction:column}
  .bast-end.d-only{display:flex!important}
  .faq-hint.d-only,.prog-hint.d-only{display:flex!important}
  .ticks.d-only{display:flex!important}
  .cta.d-only{display:flex!important}
  .swap__hint .m-only{display:none!important}
  .swap__hint>svg{display:none}
}
.foot.sec--navy::before{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:radial-gradient(circle at 12px 0,var(--cream) 9px,transparent 10px) 0 0/24px 14px repeat-x}
.foot__nav a{text-decoration:none}.foot__nav a:hover{text-decoration:underline}
.prog__list{margin:0;padding:0;list-style:none}
.guar .h2 em{color:var(--yellow)}
.reel__count,.reel__hint .note,.swap__hint .note .m-only{white-space:nowrap}
.why__a{display:flex;flex-direction:column;gap:14px}
.tkt__code{white-space:nowrap}
@media (max-width:420px){.tkt__code{font-size:11px;letter-spacing:.08em}.popular{font-size:11px;padding:6px 10px 6px 8px;gap:4px}}
@media (min-width:1024px){.swap__hint .swap__arrow-l svg{display:block}}

/* ===================== por que agora: guiado pelo scroll ===================== */
.js .strip[data-scroll] .strip__light{animation:none;height:calc(var(--p,0)*100%);transition:height .15s linear}
.js .strip[data-scroll] .frame{animation:none;opacity:.18;filter:grayscale(1) blur(3px);transform:translateX(18px);transition:opacity .5s ease-out,filter .5s ease-out,transform .5s cubic-bezier(.2,.8,.3,1)}
.js .strip[data-scroll] .frame.is-lit{opacity:1;filter:none;transform:none}
.js .strip[data-scroll] .frame--now.is-lit{animation:md-now .6s cubic-bezier(.3,1.5,.5,1)}
@keyframes md-now{0%{transform:scale(.97)}55%{transform:scale(1.035)}100%{transform:none}}
@media (min-width:1024px){
  .js .strip[data-scroll] .strip__light{height:auto;width:calc(var(--p,0)*100%);transition:width .15s linear}
  .js .strip[data-scroll] .frame{transform:translateY(14px)}
}

/* ===================== botões vivos mesmo parados ===================== */
.btn,.bar a{position:relative;overflow:hidden;isolation:isolate}
.btn::after,.bar a::after{content:"";position:absolute;z-index:-1;top:-20%;bottom:-20%;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg) translateX(0);animation:md-shine 4.8s ease-in-out infinite;pointer-events:none}
.btn--navy::after{background:linear-gradient(100deg,transparent,rgba(250,214,100,.35),transparent)}
.btn>span[aria-hidden="true"]{display:inline-block;animation:md-arrow 2.4s ease-in-out infinite}
.btn{animation:md-breathe 4.8s ease-in-out infinite}
@keyframes md-shine{0%,62%{transform:skewX(-20deg) translateX(0)}82%,100%{transform:skewX(-20deg) translateX(520%)}}
@keyframes md-arrow{0%,60%,100%{transform:none}70%{transform:translateX(5px)}80%{transform:none}88%{transform:translateX(3px)}}
@keyframes md-breathe{0%,58%,100%{transform:none}66%{transform:translateY(-2px) rotate(-.6deg)}74%{transform:translateY(0) rotate(.4deg)}80%{transform:none}}
.btn:hover,.btn:active,.btn:focus-visible{animation:none}
.btn:hover::after{animation-duration:1.2s}
@media (prefers-reduced-motion:reduce){.btn,.btn::after,.bar a::after,.btn>span[aria-hidden="true"]{animation:none!important}}

/* antes e depois num vídeo só (sincronia perfeita) */
.swap__canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;background:#000}
.swap video{object-fit:cover;object-position:0 50%}