/* Portfólio animado (Motion design): moldura comum das peças. Cada peça vive em .pm-stage; o movimento é de cada arquivo do grupo. */
.pm{display:grid;gap:clamp(56px,8vw,96px)}
.pm-grupo{display:grid;gap:clamp(20px,3vw,32px)}
.pm-grupo__titulo{margin:12px 0 12px;font-size:clamp(26px,3.2vw,36px);letter-spacing:-.02em}
.pm-grupo__intro{margin:0;max-width:62ch}
.pm-grupo+.pm-grupo{padding-top:clamp(40px,6vw,72px);border-top:1px solid rgba(29,29,31,.1)}
.pm-grade{position:relative;display:grid;gap:24px;grid-template-columns:1fr;align-items:start}
@media (min-width:700px){.pm-grade{grid-template-columns:repeat(2,1fr)}}
/* 6 peças por grupo: 2 colunas largas no desktop; no celular vira carrossel (1 peça por vez, a próxima aparece na borda) */
@media (max-width:699px){
  .pm-grade{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
  .pm-grade::-webkit-scrollbar{display:none}
  .pm-card{flex:0 0 88%;scroll-snap-align:center}
  .pm-pontos{display:flex}
}
.pm-pontos{display:none;justify-content:center;gap:8px}
.pm-pontos i{width:8px;height:8px;border-radius:50%;background:rgba(29,29,31,.18);transition:background .2s ease,transform .2s ease}
.pm-pontos i.ativo{background:var(--v3d-ouro,#b8893a);transform:scale(1.25)}
/* vídeo de verdade: poster + botão play; ao clicar entra o <video> com controles */
.pm-stage__poster,.pm-stage__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0d0d0e}
.pm-stage__play{all:unset;position:absolute;inset:0;z-index:2;display:grid;place-items:center;cursor:pointer;border-radius:inherit}
.pm-stage__play span{display:grid;place-items:center;width:clamp(56px,11cqi,84px);height:clamp(56px,11cqi,84px);border-radius:50%;background:rgba(245,237,219,.92);color:#1d1d1f;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .25s ease,background .25s ease}
.pm-stage__play svg{width:42%;height:42%;margin-left:6%}
.pm-stage__play:hover span{transform:scale(1.08);background:#fff}
.pm-stage__play:focus-visible{outline:3px solid var(--v3d-ouro,#b8893a);outline-offset:-3px}
.pm-card{display:flex;flex-direction:column;gap:16px;padding:16px 16px 24px;border-radius:var(--r-lg,28px);background:var(--card,#fff);border:1px solid var(--line,#d2d2d7);min-width:0}
.pm-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:18px;container-type:inline-size;isolation:isolate;
  background:radial-gradient(90% 90% at 50% 40%,#2a2723 0%,#151412 65%,#0d0d0e 100%);color:#f5eddb;font-family:var(--body,"Manrope",system-ui,sans-serif)}
.pm-stage__reiniciar{all:unset;position:absolute;inset:0;z-index:5;cursor:pointer;border-radius:inherit}
.pm-stage__reiniciar:focus-visible{outline:3px solid var(--v3d-ouro,#b8893a);outline-offset:-3px}
.pm-stage__dica{position:absolute;right:2.2cqi;top:2.2cqi;z-index:4;padding:.9cqi 1.8cqi;border-radius:99px;background:rgba(255,255,255,.14);color:#f5eddb;font:600 2cqi/1 var(--head,"Sora",system-ui,sans-serif);opacity:0;transition:opacity .25s ease;pointer-events:none}
.pm-card:hover .pm-stage__dica,.pm-stage__reiniciar:focus-visible~.pm-stage__dica{opacity:1}
.pm-meta{display:grid;gap:8px;padding:0 8px}
.pm-meta__titulo{margin:0;font:600 clamp(18px,2vw,22px)/1.2 var(--head,"Sora",system-ui,sans-serif);letter-spacing:-.01em}
.pm-meta__desc{margin:0;font-size:16px;line-height:1.5;color:#515154}
.pm-meta__formato{font-size:14px;line-height:1.4;color:var(--v3d-ouro-texto,#7a5200);font-weight:600}
.pm__nota{margin:0;font-size:14px;line-height:1.5;color:#515154}
.pm-stage *,.pm-stage *::before,.pm-stage *::after{animation-play-state:var(--pm-play,paused)}
@media (prefers-reduced-motion:reduce){.pm-stage *,.pm-stage *::before,.pm-stage *::after{animation:none!important}.pm-stage__dica{display:none}}
.pm-stage .nw{white-space:nowrap}

/* Videos explicativos: 5 cenas em loop de 8 s (pm-exp-1..5). O estilo base e o quadro final; os keyframes montam a historia. */
/* 1 · app no celular: cartoes entram, pagamento aprovado, notificacao confirma */
.pm-exp-1-phone{animation:pm-exp-1-phone 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-1-phone{0%,0%{opacity:0;transform:translateY(6px)}7%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-1-hero{transform-box:fill-box;transform-origin:center;animation:pm-exp-1-hero 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-1-hero{0%,5%{opacity:0;transform:scale(.9)}13%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-1-r0{animation:pm-exp-1-r0 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-1-r0{0%,9%{opacity:0;transform:translateX(8px)}17%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-1-r1{animation:pm-exp-1-r1 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-1-r1{0%,13%{opacity:0;transform:translateX(8px)}21%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-1-r2{animation:pm-exp-1-r2 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-1-r2{0%,17%{opacity:0;transform:translateX(8px)}25%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-1-btn{animation:pm-exp-1-btn 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-1-btn{0%,21%{opacity:0;transform:translateY(3px)}29%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-1-lc{animation:pm-exp-1-lc 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-1-lc{0%,8%{opacity:0;transform:translateX(-10px)}20%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-1-sc{animation:pm-exp-1-sc 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-1-sc{0%,22%{opacity:0;transform:translateX(-10px)}32%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-1-rc{animation:pm-exp-1-rc 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-1-rc{0%,35%{opacity:0;transform:translateX(10px)}46%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-1-ck{stroke-dasharray:10;animation:pm-exp-1-ck 8s ease-out infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-1-ck{0%,46%{stroke-dashoffset:10}56%,100%{stroke-dashoffset:0}}
.pm-exp-1-ban{transform-box:fill-box;transform-origin:center;animation:pm-exp-1-ban 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-1-ban{0%,68%{opacity:0;transform:translateY(-7px) scale(.92)}76%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-1-ring{opacity:0;transform-box:fill-box;transform-origin:center;animation:pm-exp-1-ring 8s ease-out infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-1-ring{0%,72%{opacity:0;transform:scale(1)}74%{opacity:.9;transform:scale(1)}88%,100%{opacity:0;transform:scale(1.14)}}
.pm-exp-1{position:absolute;inset:0;overflow:hidden;background:#f5eddb;color:#1d1d1f;font-family:var(--body,"Manrope",sans-serif)}
.pm-exp-1-art{position:absolute;inset:0;width:100%;height:100%;display:block}
.pm-exp-1-h{font-family:var(--head,"Sora",sans-serif);font-weight:700}
.pm-exp-1-t{font-weight:600}
.pm-exp-1-cap{position:absolute;left:4cqi;right:4cqi;bottom:3.4cqi;height:4.2cqi;font:700 3cqi/4.2cqi var(--head,"Sora",sans-serif);text-align:center;letter-spacing:-.01em}
.pm-exp-1-cap>span{position:absolute;inset:0;opacity:0}
.pm-exp-1-cap .pm-exp-1-k3{opacity:1}
.pm-exp-1-bar{position:absolute;left:4cqi;right:4cqi;bottom:1.4cqi;height:.6cqi;border-radius:1cqi;background:rgba(29,29,31,.14);overflow:hidden}
.pm-exp-1-k1{opacity:0;animation:pm-exp-1-k1 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-1-k1{0%{opacity:0}3%,28%{opacity:1}31%,100%{opacity:0}}
.pm-exp-1-k2{opacity:0;animation:pm-exp-1-k2 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-1-k2{0%,33%{opacity:0}36%,60%{opacity:1}63%,100%{opacity:0}}
.pm-exp-1-k3{opacity:1;animation:pm-exp-1-k3 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-1-k3{0%,66%{opacity:0}69%,93%{opacity:1}96%,100%{opacity:0}}
.pm-exp-1-fill{display:block;height:100%;background:#1f6f68;transform-origin:left center;animation:pm-exp-1-fill 8s linear infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-1-fill{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
/* 2 · logistica: pedido, rota desenhada no mapa e pacote que percorre o caminho */
.pm-exp-2-rt{fill:none;stroke:#c3994a;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:100;animation:pm-exp-2-rt 8s linear infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-2-rt{0%,36%{stroke-dashoffset:100;opacity:1}66%,92%{stroke-dashoffset:0;opacity:1}97%,100%{stroke-dashoffset:0;opacity:0}}
.pm-exp-2-pkg{transform:translate(138px,49.8px) scale(1);animation:pm-exp-2-pkg 8s linear infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-2-pkg{0%,20%{opacity:0;transform:translate(22px,51.8px) scale(0)}26%{opacity:1;transform:translate(22px,51.8px) scale(1)}36%{transform:translate(22px,51.8px) scale(1)}38.14%{transform:translate(31.06px,49.8px) scale(1)}40.29%{transform:translate(38.99px,45.52px) scale(1)}42.43%{transform:translate(46.54px,40.36px) scale(1)}44.57%{transform:translate(54.21px,35.08px) scale(1)}46.71%{transform:translate(62.11px,30.46px) scale(1)}48.86%{transform:translate(70.58px,27.12px) scale(1)}51%{transform:translate(79.76px,25.8px) scale(1)}53.14%{transform:translate(88.76px,26.86px) scale(1)}55.29%{transform:translate(97.48px,29.92px) scale(1)}57.43%{transform:translate(105.41px,34.13px) scale(1)}59.57%{transform:translate(113.27px,39.12px) scale(1)}61.71%{transform:translate(121.01px,44px) scale(1)}63.86%{transform:translate(129.12px,48.02px) scale(1)}66%{transform:translate(138px,49.8px) scale(1)}92%{opacity:1;transform:translate(138px,49.8px) scale(1)}97%,100%{opacity:0;transform:translate(138px,49.8px) scale(1)}}
.pm-exp-2-n0{animation:pm-exp-2-n0 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-2-n0{0%,4%{opacity:0;transform:translateY(4px)}12%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-2-n1{animation:pm-exp-2-n1 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-2-n1{0%,10%{opacity:0;transform:translateY(4px)}18%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-2-n2{animation:pm-exp-2-n2 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-2-n2{0%,16%{opacity:0;transform:translateY(4px)}24%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-2-oc{animation:pm-exp-2-oc 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-2-oc{0%,1%{opacity:0;transform:translateX(-8px)}9%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-2-rc{animation:pm-exp-2-rc 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-2-rc{0%,38%{opacity:0;transform:translateY(3px)}46%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-2-ok{animation:pm-exp-2-ok 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-2-ok{0%,70%{opacity:0;transform:translateY(3px)}78%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-2-ring{opacity:0;transform-box:fill-box;transform-origin:center;animation:pm-exp-2-ring 8s ease-out infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-2-ring{0%,68%{opacity:0;transform:scale(.7)}70%{opacity:.9;transform:scale(.7)}84%,100%{opacity:0;transform:scale(1.5)}}
.pm-exp-2{position:absolute;inset:0;overflow:hidden;background:#17222d;color:#f5eddb;font-family:var(--body,"Manrope",sans-serif)}
.pm-exp-2-art{position:absolute;inset:0;width:100%;height:100%;display:block}
.pm-exp-2-h{font-family:var(--head,"Sora",sans-serif);font-weight:700}
.pm-exp-2-t{font-weight:600}
.pm-exp-2-cap{position:absolute;left:4cqi;right:4cqi;bottom:3.4cqi;height:4.2cqi;font:700 3cqi/4.2cqi var(--head,"Sora",sans-serif);text-align:center;letter-spacing:-.01em}
.pm-exp-2-cap>span{position:absolute;inset:0;opacity:0}
.pm-exp-2-cap .pm-exp-2-k3{opacity:1}
.pm-exp-2-bar{position:absolute;left:4cqi;right:4cqi;bottom:1.4cqi;height:.6cqi;border-radius:1cqi;background:rgba(245,237,219,.18);overflow:hidden}
.pm-exp-2-k1{opacity:0;animation:pm-exp-2-k1 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-2-k1{0%{opacity:0}3%,28%{opacity:1}31%,100%{opacity:0}}
.pm-exp-2-k2{opacity:0;animation:pm-exp-2-k2 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-2-k2{0%,33%{opacity:0}36%,60%{opacity:1}63%,100%{opacity:0}}
.pm-exp-2-k3{opacity:1;animation:pm-exp-2-k3 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-2-k3{0%,66%{opacity:0}69%,93%{opacity:1}96%,100%{opacity:0}}
.pm-exp-2-fill{display:block;height:100%;background:#c3994a;transform-origin:left center;animation:pm-exp-2-fill 8s linear infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-2-fill{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
/* 3 · dados: barras crescem, contador sobe de 0 a 48 e a seta aponta tendencia de alta */
@property --pm-exp-3-n{syntax:'<integer>';inherits:false;initial-value:48}
.pm-exp-3-kpi{position:absolute;left:5cqi;top:14cqi;width:34cqi;padding:2.4cqi;border-radius:2cqi;background:#1f2227;border:1px solid #2a2e35}
.pm-exp-3-kl{font-size:2.4cqi;line-height:1.2;color:#9aa0a8;font-weight:600}
.pm-exp-3-num{display:flex;align-items:baseline;gap:1cqi;margin:1.2cqi 0 1.6cqi;font:700 8.6cqi/1 var(--head,"Sora",sans-serif);color:#c3994a}
.pm-exp-3-num small{font-size:3.6cqi;color:#e9e6df}
.pm-exp-3-cnt::after{content:counter(pm-exp-3-c)}
.pm-exp-3-chip{display:inline-block;padding:.7cqi 1.6cqi;border-radius:2cqi;background:rgba(110,194,154,.16);color:#6ec29a;font:700 2.4cqi/1.2 var(--head,"Sora",sans-serif)}
.pm-exp-3-kpi{animation:pm-exp-3-kpi 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-3-kpi{0%,2%{opacity:0;transform:translateY(1.4cqi)}10%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-3-cnt{counter-reset:pm-exp-3-c var(--pm-exp-3-n);--pm-exp-3-n:48;animation:pm-exp-3-cnt 8s ease-out infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-3-cnt{0%,34%{--pm-exp-3-n:0}60%,100%{--pm-exp-3-n:48}}
.pm-exp-3-chip{animation:pm-exp-3-chip 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-3-chip{0%,64%{opacity:0;transform:translateY(1cqi)}72%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-3-b0{transform-box:fill-box;transform-origin:50% 100%;animation:pm-exp-3-b0 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-3-b0{0%,4%{transform:scaleY(0)}13%,92%{transform:scaleY(1)}97%,100%{transform:scaleY(0)}}
.pm-exp-3-b1{transform-box:fill-box;transform-origin:50% 100%;animation:pm-exp-3-b1 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-3-b1{0%,7.5%{transform:scaleY(0)}16.5%,92%{transform:scaleY(1)}97%,100%{transform:scaleY(0)}}
.pm-exp-3-b2{transform-box:fill-box;transform-origin:50% 100%;animation:pm-exp-3-b2 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-3-b2{0%,11%{transform:scaleY(0)}20%,92%{transform:scaleY(1)}97%,100%{transform:scaleY(0)}}
.pm-exp-3-b3{transform-box:fill-box;transform-origin:50% 100%;animation:pm-exp-3-b3 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-3-b3{0%,14.5%{transform:scaleY(0)}23.5%,92%{transform:scaleY(1)}97%,100%{transform:scaleY(0)}}
.pm-exp-3-b4{transform-box:fill-box;transform-origin:50% 100%;animation:pm-exp-3-b4 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-3-b4{0%,18%{transform:scaleY(0)}27%,92%{transform:scaleY(1)}97%,100%{transform:scaleY(0)}}
.pm-exp-3-b5{transform-box:fill-box;transform-origin:50% 100%;animation:pm-exp-3-b5 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-3-b5{0%,21.5%{transform:scaleY(0)}30.5%,92%{transform:scaleY(1)}97%,100%{transform:scaleY(0)}}
.pm-exp-3-tr{fill:none;stroke:#6ec29a;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;animation:pm-exp-3-tr 8s ease-in-out infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-3-tr{0%,62%{stroke-dashoffset:100;opacity:1}76%,92%{stroke-dashoffset:0;opacity:1}97%,100%{stroke-dashoffset:0;opacity:0}}
.pm-exp-3-ar{transform-box:fill-box;transform-origin:center;animation:pm-exp-3-ar 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-3-ar{0%,74%{opacity:0;transform:scale(.4)}80%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-3{position:absolute;inset:0;overflow:hidden;background:#16181c;color:#f5eddb;font-family:var(--body,"Manrope",sans-serif)}
.pm-exp-3-art{position:absolute;inset:0;width:100%;height:100%;display:block}
.pm-exp-3-h{font-family:var(--head,"Sora",sans-serif);font-weight:700}
.pm-exp-3-t{font-weight:600}
.pm-exp-3-cap{position:absolute;left:4cqi;right:4cqi;bottom:3.4cqi;height:4.2cqi;font:700 3cqi/4.2cqi var(--head,"Sora",sans-serif);text-align:center;letter-spacing:-.01em}
.pm-exp-3-cap>span{position:absolute;inset:0;opacity:0}
.pm-exp-3-cap .pm-exp-3-k3{opacity:1}
.pm-exp-3-bar{position:absolute;left:4cqi;right:4cqi;bottom:1.4cqi;height:.6cqi;border-radius:1cqi;background:rgba(245,237,219,.16);overflow:hidden}
.pm-exp-3-k1{opacity:0;animation:pm-exp-3-k1 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-3-k1{0%{opacity:0}3%,28%{opacity:1}31%,100%{opacity:0}}
.pm-exp-3-k2{opacity:0;animation:pm-exp-3-k2 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-3-k2{0%,33%{opacity:0}36%,60%{opacity:1}63%,100%{opacity:0}}
.pm-exp-3-k3{opacity:1;animation:pm-exp-3-k3 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-3-k3{0%,66%{opacity:0}69%,93%{opacity:1}96%,100%{opacity:0}}
.pm-exp-3-fill{display:block;height:100%;background:#c3994a;transform-origin:left center;animation:pm-exp-3-fill 8s linear infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-3-fill{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
/* 4 · processo: tres etapas surgem em sequencia, a linha de progresso avanca e cada uma recebe check */
.pm-exp-4-c0{transform-box:fill-box;transform-origin:center;animation:pm-exp-4-c0 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-c0{0%,2%{opacity:0;transform:scale(.7)}10%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-4-c1{transform-box:fill-box;transform-origin:center;animation:pm-exp-4-c1 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-c1{0%,8%{opacity:0;transform:scale(.7)}16%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-4-c2{transform-box:fill-box;transform-origin:center;animation:pm-exp-4-c2 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-c2{0%,14%{opacity:0;transform:scale(.7)}22%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-4-d0{transform-box:fill-box;transform-origin:center;animation:pm-exp-4-d0 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-d0{0%,22%{opacity:0;transform:scale(.6)}29%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-4-d1{transform-box:fill-box;transform-origin:center;animation:pm-exp-4-d1 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-d1{0%,52%{opacity:0;transform:scale(.6)}59%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-4-d2{transform-box:fill-box;transform-origin:center;animation:pm-exp-4-d2 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-d2{0%,78%{opacity:0;transform:scale(.6)}85%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-4-p0{opacity:0;transform-box:fill-box;transform-origin:center;animation:pm-exp-4-p0 8s ease-out infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-p0{0%,6%{opacity:0;transform:scale(1)}9%{opacity:.9;transform:scale(1)}28%,100%{opacity:0;transform:scale(1.35)}}
.pm-exp-4-p1{opacity:0;transform-box:fill-box;transform-origin:center;animation:pm-exp-4-p1 8s ease-out infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-p1{0%,36%{opacity:0;transform:scale(1)}39%{opacity:.9;transform:scale(1)}58%,100%{opacity:0;transform:scale(1.35)}}
.pm-exp-4-p2{opacity:0;transform-box:fill-box;transform-origin:center;animation:pm-exp-4-p2 8s ease-out infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-p2{0%,66%{opacity:0;transform:scale(1)}69%{opacity:.9;transform:scale(1)}88%,100%{opacity:0;transform:scale(1.35)}}
.pm-exp-4-ln{transform-origin:left center;transform-box:fill-box;animation:pm-exp-4-ln 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-ln{0%,24%{transform:scaleX(0)}40%,54%{transform:scaleX(.5)}72%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}
.pm-exp-4-pc0{opacity:0;animation:pm-exp-4-pc0 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-pc0{0%{opacity:0}8%,40%{opacity:1}46%,100%{opacity:0}}
.pm-exp-4-pc1{opacity:0;animation:pm-exp-4-pc1 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-pc1{0%,46%{opacity:0}52%,70%{opacity:1}76%,100%{opacity:0}}
.pm-exp-4-pc2{opacity:1;animation:pm-exp-4-pc2 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-pc2{0%,76%{opacity:0}82%,92%{opacity:1}97%,100%{opacity:0}}
.pm-exp-4{position:absolute;inset:0;overflow:hidden;background:#f5eddb;color:#1d1d1f;font-family:var(--body,"Manrope",sans-serif)}
.pm-exp-4-art{position:absolute;inset:0;width:100%;height:100%;display:block}
.pm-exp-4-h{font-family:var(--head,"Sora",sans-serif);font-weight:700}
.pm-exp-4-t{font-weight:600}
.pm-exp-4-cap{position:absolute;left:4cqi;right:4cqi;bottom:3.4cqi;height:4.2cqi;font:700 3cqi/4.2cqi var(--head,"Sora",sans-serif);text-align:center;letter-spacing:-.01em}
.pm-exp-4-cap>span{position:absolute;inset:0;opacity:0}
.pm-exp-4-cap .pm-exp-4-k3{opacity:1}
.pm-exp-4-bar{position:absolute;left:4cqi;right:4cqi;bottom:1.4cqi;height:.6cqi;border-radius:1cqi;background:rgba(29,29,31,.14);overflow:hidden}
.pm-exp-4-k1{opacity:0;animation:pm-exp-4-k1 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-k1{0%{opacity:0}3%,28%{opacity:1}31%,100%{opacity:0}}
.pm-exp-4-k2{opacity:0;animation:pm-exp-4-k2 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-k2{0%,33%{opacity:0}36%,60%{opacity:1}63%,100%{opacity:0}}
.pm-exp-4-k3{opacity:1;animation:pm-exp-4-k3 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-k3{0%,66%{opacity:0}69%,93%{opacity:1}96%,100%{opacity:0}}
.pm-exp-4-fill{display:block;height:100%;background:#c3994a;transform-origin:left center;animation:pm-exp-4-fill 8s linear infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-4-fill{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
/* 5 · energia solar: sol alimenta o painel, a energia corre pelo fio e a casa acende a luz */
.pm-exp-5-rays{transform-box:fill-box;transform-origin:center;animation:pm-exp-5-rays 8s linear infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-5-rays{0%{transform:rotate(0)}100%{transform:rotate(45deg)}}
.pm-exp-5-bm{animation:pm-exp-5-bm 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-5-bm{0%,0%{opacity:0;transform:none}8%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-5-fl{stroke-dasharray:2.4 2.4;animation:pm-exp-5-fl 8s linear infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-5-fl{to{stroke-dashoffset:-28.8}}
.pm-exp-5-gw{opacity:.22;animation:pm-exp-5-gw 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-5-gw{0%,10%{opacity:0}30%,92%{opacity:.22}97%,100%{opacity:0}}
.pm-exp-5-kw{animation:pm-exp-5-kw 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-5-kw{0%,36%{opacity:0;transform:translateY(3px)}44%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-5-wr{fill:none;stroke:#e0bd72;stroke-width:1.1;stroke-linecap:round;stroke-dasharray:100;animation:pm-exp-5-wr 8s ease-in-out infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-5-wr{0%,36%{stroke-dashoffset:100;opacity:1}48%,92%{stroke-dashoffset:0;opacity:1}97%,100%{stroke-dashoffset:0;opacity:0}}
.pm-exp-5-pl{opacity:0;animation:pm-exp-5-pl 8s linear infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-5-pl{0%,48%{opacity:0;transform:translate(98px,53px)}49%{opacity:1;transform:translate(98px,53px)}49%{transform:translate(98px,53px)}50.5%{transform:translate(100.12px,54.75px)}52%{transform:translate(102.32px,56.32px)}53.5%{transform:translate(104.63px,57.69px)}55%{transform:translate(107.09px,58.81px)}56.5%{transform:translate(109.61px,59.63px)}58%{transform:translate(112.24px,60.17px)}59.5%{transform:translate(114.96px,60.48px)}61%{transform:translate(117.69px,60.6px)}62.5%{transform:translate(120.35px,60.59px)}64%{transform:translate(123px,60.5px)}65%,100%{opacity:0;transform:translate(123px,60.5px)}}
.pm-exp-5-lit{animation:pm-exp-5-lit 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-5-lit{0%,68%{opacity:0}73%{opacity:.5}76%,92%{opacity:1}97%,100%{opacity:0}}
.pm-exp-5-ok{animation:pm-exp-5-ok 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-5-ok{0%,78%{opacity:0;transform:translateY(3px)}86%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-5{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 18% 30%,rgba(195,153,74,.3),transparent 40%),#143048;color:#f5eddb;font-family:var(--body,"Manrope",sans-serif)}
.pm-exp-5-art{position:absolute;inset:0;width:100%;height:100%;display:block}
.pm-exp-5-h{font-family:var(--head,"Sora",sans-serif);font-weight:700}
.pm-exp-5-t{font-weight:600}
.pm-exp-5-cap{position:absolute;left:4cqi;right:4cqi;bottom:3.4cqi;height:4.2cqi;font:700 3cqi/4.2cqi var(--head,"Sora",sans-serif);text-align:center;letter-spacing:-.01em}
.pm-exp-5-cap>span{position:absolute;inset:0;opacity:0}
.pm-exp-5-cap .pm-exp-5-k3{opacity:1}
.pm-exp-5-bar{position:absolute;left:4cqi;right:4cqi;bottom:1.4cqi;height:.6cqi;border-radius:1cqi;background:rgba(245,237,219,.18);overflow:hidden}
.pm-exp-5-k1{opacity:0;animation:pm-exp-5-k1 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-5-k1{0%{opacity:0}3%,28%{opacity:1}31%,100%{opacity:0}}
.pm-exp-5-k2{opacity:0;animation:pm-exp-5-k2 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-5-k2{0%,33%{opacity:0}36%,60%{opacity:1}63%,100%{opacity:0}}
.pm-exp-5-k3{opacity:1;animation:pm-exp-5-k3 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-5-k3{0%,66%{opacity:0}69%,93%{opacity:1}96%,100%{opacity:0}}
.pm-exp-5-fill{display:block;height:100%;background:#c3994a;transform-origin:left center;animation:pm-exp-5-fill 8s linear infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-5-fill{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
/* 6 · seguranca: codigo digitado no dispositivo, cadeado verificado que destrava e escudo com check */
.pm-exp-6-ph{animation:pm-exp-6-ph 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-ph{0%{opacity:0;transform:translateY(4px)}7%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-6-d0{transform-box:fill-box;transform-origin:center;animation:pm-exp-6-d0 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-d0{0%,8%{opacity:0;transform:scale(.3)}12%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-6-d1{transform-box:fill-box;transform-origin:center;animation:pm-exp-6-d1 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-d1{0%,12%{opacity:0;transform:scale(.3)}16%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-6-d2{transform-box:fill-box;transform-origin:center;animation:pm-exp-6-d2 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-d2{0%,16%{opacity:0;transform:scale(.3)}20%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-6-d3{transform-box:fill-box;transform-origin:center;animation:pm-exp-6-d3 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-d3{0%,20%{opacity:0;transform:scale(.3)}24%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-6-l1,.pm-exp-6-l2{fill:none;stroke:#c3994a;stroke-width:.9;stroke-linecap:round;stroke-dasharray:100}
.pm-exp-6-l1{animation:pm-exp-6-l1 8s linear infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-l1{0%,24%{stroke-dashoffset:100;opacity:1}34%,92%{stroke-dashoffset:0;opacity:1}97%,100%{stroke-dashoffset:0;opacity:0}}
.pm-exp-6-l2{animation:pm-exp-6-l2 8s linear infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-l2{0%,56%{stroke-dashoffset:100;opacity:1}66%,92%{stroke-dashoffset:0;opacity:1}97%,100%{stroke-dashoffset:0;opacity:0}}
.pm-exp-6-lk{transform-box:fill-box;transform-origin:center;animation:pm-exp-6-lk 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-lk{0%,24%{opacity:0;transform:scale(.85)}34%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-6-sh{animation:pm-exp-6-sh 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-sh{0%,68%{transform:none}76%,100%{transform:translateY(-3.5px)}}
.pm-exp-6-bo{animation:pm-exp-6-bo 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-bo{0%,68%{opacity:0}76%,100%{opacity:1}}
.pm-exp-6-sc{opacity:0;transform-box:fill-box;transform-origin:center;animation:pm-exp-6-sc 8s ease-out infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-sc{0%,36%{opacity:0;transform:scale(.8)}39%{opacity:.9;transform:scale(.8)}52%{opacity:0;transform:scale(1.15)}54%{opacity:.9;transform:scale(.8)}65%,100%{opacity:0;transform:scale(1.15)}}
.pm-exp-6-vl{opacity:0;animation:pm-exp-6-vl 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-vl{0%,36%{opacity:0;transform:translateY(2px)}44%,58%{opacity:1;transform:none}66%,100%{opacity:0;transform:none}}
.pm-exp-6-sd{transform-box:fill-box;transform-origin:center;animation:pm-exp-6-sd 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-sd{0%,54%{opacity:0;transform:scale(.8)}64%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-6-ck{stroke-dasharray:100;animation:pm-exp-6-ck 8s ease-out infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-ck{0%,70%{stroke-dashoffset:100}80%,100%{stroke-dashoffset:0}}
.pm-exp-6-ok{animation:pm-exp-6-ok 8s cubic-bezier(.2,.7,.2,1) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-ok{0%,78%{opacity:0;transform:translateY(3px)}86%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.pm-exp-6{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 80% 38%,rgba(31,111,104,.35),transparent 42%),#12262a;color:#f5eddb;font-family:var(--body,"Manrope",sans-serif)}
.pm-exp-6-art{position:absolute;inset:0;width:100%;height:100%;display:block}
.pm-exp-6-h{font-family:var(--head,"Sora",sans-serif);font-weight:700}
.pm-exp-6-cap{position:absolute;left:4cqi;right:4cqi;bottom:3.4cqi;height:4.2cqi;font:700 3cqi/4.2cqi var(--head,"Sora",sans-serif);text-align:center;letter-spacing:-.01em}
.pm-exp-6-cap>span{position:absolute;inset:0;opacity:0}
.pm-exp-6-cap .pm-exp-6-k3{opacity:1}
.pm-exp-6-bar{position:absolute;left:4cqi;right:4cqi;bottom:1.4cqi;height:.6cqi;border-radius:1cqi;background:rgba(245,237,219,.18);overflow:hidden}
.pm-exp-6-k1{opacity:0;animation:pm-exp-6-k1 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-k1{0%{opacity:0}3%,28%{opacity:1}31%,100%{opacity:0}}
.pm-exp-6-k2{opacity:0;animation:pm-exp-6-k2 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-k2{0%,33%{opacity:0}36%,60%{opacity:1}63%,100%{opacity:0}}
.pm-exp-6-k3{opacity:1;animation:pm-exp-6-k3 8s ease infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-k3{0%,66%{opacity:0}69%,93%{opacity:1}96%,100%{opacity:0}}
.pm-exp-6-fill{display:block;height:100%;background:#c3994a;transform-origin:left center;animation:pm-exp-6-fill 8s linear infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-exp-6-fill{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}

/* Kit de animações: 5 cenas em loop de 6 s. Base = quadro final (prefers-reduced-motion); keyframes só em transform, opacity, clip-path, stroke-dashoffset e filter. */

.pm-kit-1, .pm-kit-2, .pm-kit-3, .pm-kit-4, .pm-kit-5 {
  --ink: #1d1d1f;
  --cream: #f5eddb;
  --gold: #c3994a;
  --gold-d: #a08b34;
  --e: cubic-bezier(.65, 0, .35, 1);
  --out: cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  inset: 0;
  overflow: hidden;
  color: var(--cream);
  font-family: var(--body, "Manrope", sans-serif);
}

/* Contrato de animação comum: 6 s, infinita, pausada até o palco liberar --pm-play. Cada elemento só escolhe o animation-name. */
.pm-kit-1 *, .pm-kit-2 *, .pm-kit-3 *, .pm-kit-4 *, .pm-kit-5 * {
  box-sizing: border-box;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: var(--e);
  animation-play-state: var(--pm-play, paused);
}

/* Fundo de filmagem desfocada (manchas de luz que derivam devagar) */
.pm-kit-1-bg, .pm-kit-2-bg, .pm-kit-4-bg, .pm-kit-5-bg {
  position: absolute;
  inset: -4cqi;
  background:
    radial-gradient(34cqi 26cqi at 22% 38%, var(--b1), transparent 70%),
    radial-gradient(30cqi 24cqi at 78% 62%, var(--b2), transparent 70%),
    radial-gradient(18cqi 14cqi at 55% 20%, rgba(245, 237, 219, .09), transparent 70%);
  filter: blur(1cqi);
  animation-name: pm-kit-bg-drift;
}
@keyframes pm-kit-bg-drift {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(-2cqi, 1.2cqi, 0) scale(1.04); }
}

/* ===== 1. Vinheta de abertura: varreduras diagonais, título e fio dourado ===== */
.pm-kit-1 { --b1: rgba(63, 184, 165, .28); --b2: rgba(170, 126, 70, .34); --teal: #3fb8a5; }
.pm-kit-1-sweep { position: absolute; inset: 0; }
.pm-kit-1-band {
  position: absolute;
  top: -20%;
  bottom: -20%;
  left: 0;
  width: var(--w);
  background: var(--c);
  transform: translateX(160cqi) skewX(-18deg);
  animation-name: pm-kit-1-sweep;
}
.pm-kit-1-band--a { --w: 26cqi; --c: var(--teal); }
.pm-kit-1-band--b { --w: 12cqi; --c: var(--cream); animation-delay: -.12s; }
.pm-kit-1-band--c { --w: 4cqi; --c: var(--gold); animation-delay: -.24s; }
.pm-kit-1-lockup {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 2.2cqi;
  text-align: center;
  animation-name: pm-kit-1-exit;
}
.pm-kit-1-title {
  margin: 0;
  padding-left: .12em;
  font: 800 8cqi/1 var(--head, "Sora", sans-serif);
  letter-spacing: .12em;
  text-transform: uppercase;
  clip-path: inset(-.2em 0);
  animation-name: pm-kit-1-title;
  animation-timing-function: var(--out);
}
.pm-kit-1-rule { width: 44cqi; height: auto; overflow: visible; }
.pm-kit-1-draw { fill: none; stroke: url(#pm-kit-1-gold); stroke-width: 1; stroke-dasharray: 1; stroke-dashoffset: 0; animation-name: pm-kit-1-draw; }
.pm-kit-1-gem { fill: var(--gold); transform-box: fill-box; transform-origin: center; animation-name: pm-kit-1-gem; animation-timing-function: var(--out); }
.pm-kit-1-tag {
  margin: 0;
  padding-left: .32em;
  font: 600 2.6cqi/1.2 var(--body, "Manrope", sans-serif);
  letter-spacing: .32em;
  text-transform: uppercase;
  opacity: .8;
  animation-name: pm-kit-1-tag;
  animation-timing-function: var(--out);
}
@keyframes pm-kit-1-sweep {
  0%, 4% { transform: translateX(-60cqi) skewX(-18deg); }
  34%, 100% { transform: translateX(160cqi) skewX(-18deg); }
}
@keyframes pm-kit-1-title {
  0%, 14% { clip-path: inset(-.2em 100% -.2em 0); transform: translateX(-1.5cqi); }
  34%, 100% { clip-path: inset(-.2em 0); transform: none; }
}
@keyframes pm-kit-1-draw { 0%, 26% { stroke-dashoffset: 1; } 46%, 100% { stroke-dashoffset: 0; } }
@keyframes pm-kit-1-gem { 0%, 42% { transform: scale(0) rotate(45deg); } 52%, 100% { transform: scale(1) rotate(0); } }
@keyframes pm-kit-1-tag {
  0%, 36% { opacity: 0; transform: translateY(1cqi); }
  52%, 100% { opacity: .8; transform: none; }
}
@keyframes pm-kit-1-exit {
  0%, 86% { opacity: 1; filter: blur(0); }
  98%, 100% { opacity: 0; filter: blur(.8cqi); }
}

/* ===== 2. Lower third: etiqueta com barra de acento que desliza e sai ===== */
.pm-kit-2 { --b1: rgba(88, 112, 130, .46); --b2: rgba(238, 122, 86, .22); --coral: #ee7a56; }
.pm-kit-2-lt {
  position: absolute;
  left: 7cqi;
  bottom: 9cqi;
  display: flex;
  align-items: stretch;
  filter: drop-shadow(0 1cqi 2cqi rgba(0, 0, 0, .45));
}
.pm-kit-2-bar {
  width: 1.2cqi;
  background: linear-gradient(var(--coral), var(--gold));
  animation-name: pm-kit-2-bar;
  animation-timing-function: var(--out);
}
.pm-kit-2-plate {
  padding: 1.8cqi 4cqi 1.8cqi 2.4cqi;
  background: var(--cream);
  color: var(--ink);
  clip-path: inset(0);
  animation-name: pm-kit-2-plate;
  animation-timing-function: var(--out);
}
.pm-kit-2-kicker { margin: 0 0 .8cqi; font: 700 2cqi/1.2 var(--body, "Manrope", sans-serif); letter-spacing: .16em; text-transform: uppercase; color: #9a3f26; animation-name: pm-kit-2-txt; animation-delay: -.3s; }
.pm-kit-2-name { margin: 0; font: 800 4.2cqi/1.1 var(--head, "Sora", sans-serif); animation-name: pm-kit-2-txt; animation-delay: -.15s; }
.pm-kit-2-role { margin: .6cqi 0 0; font: 500 2.6cqi/1.3 var(--body, "Manrope", sans-serif); color: #4a463f; animation-name: pm-kit-2-txt; }
@keyframes pm-kit-2-bar { 0%, 6% { transform: scaleY(0); } 16%, 84% { transform: scaleY(1); } 92%, 100% { transform: scaleY(0); } }
@keyframes pm-kit-2-plate {
  0%, 10% { clip-path: inset(0 100% 0 0); }
  26%, 80% { clip-path: inset(0); }
  92%, 100% { clip-path: inset(0 0 0 100%); }
}
@keyframes pm-kit-2-txt {
  0%, 14% { opacity: 0; transform: translateX(-2.4cqi); }
  30%, 78% { opacity: 1; transform: none; }
  90%, 100% { opacity: 0; transform: none; }
}

/* ===== 3. Transições: varredura diagonal, círculo e persianas entre dois quadros de cor ===== */
.pm-kit-3-frame {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}
.pm-kit-3-frame::after, .pm-kit-3-blinds::after {
  content: "";
  position: absolute;
  right: -6cqi;
  top: -8cqi;
  width: 34cqi;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1.2cqi solid currentColor;
  opacity: .14;
}
.pm-kit-3-a { background: radial-gradient(60cqi 40cqi at 25% 30%, #1f5560, transparent 70%), linear-gradient(135deg, #102a31, #0a1418); color: var(--cream); }
.pm-kit-3-b, .pm-kit-3-strip { background: linear-gradient(100deg, #e6cf9a, #c3994a); }
.pm-kit-3-b { color: var(--ink); }
.pm-kit-3-label { position: relative; z-index: 1; font: 800 9cqi/1 var(--head, "Sora", sans-serif); letter-spacing: -.02em; }
.pm-kit-3-b1 { clip-path: polygon(0 0, 0 0, -30% 100%, 0 100%); animation-name: pm-kit-3-b1; }
.pm-kit-3-a2 { clip-path: circle(0% at 50% 50%); animation-name: pm-kit-3-a2; }
.pm-kit-3-blinds { position: absolute; inset: 0; display: grid; place-items: center; color: var(--ink); animation-name: pm-kit-3-blinds; }
.pm-kit-3-strip {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(var(--i) * 16.6667%);
  height: calc(16.6667% + .2cqi);
  animation-name: pm-kit-3-strip;
  animation-delay: calc((5 - var(--i)) * -.07s);
}
.pm-kit-3-blinds .pm-kit-3-label { animation-name: pm-kit-3-blabel; }
.pm-kit-3-chips { position: absolute; left: 0; right: 0; bottom: 5cqi; display: flex; justify-content: center; gap: 1.4cqi; margin: 0; padding: 0; list-style: none; }
.pm-kit-3-chip {
  display: flex;
  align-items: center;
  gap: .9cqi;
  padding: 1cqi 2.2cqi;
  border-radius: 99cqi;
  background: rgba(13, 13, 14, .76);
  color: var(--cream);
  font: 700 2cqi/1 var(--body, "Manrope", sans-serif);
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .6;
}
.pm-kit-3-chip::before { content: ""; width: .9cqi; height: .9cqi; border-radius: 50%; background: var(--gold); }
.pm-kit-3-chip:nth-child(1) { animation-name: pm-kit-3-chip1; }
.pm-kit-3-chip:nth-child(2) { animation-name: pm-kit-3-chip2; }
.pm-kit-3-chip:nth-child(3) { opacity: 1; animation-name: pm-kit-3-chip3; }
@keyframes pm-kit-3-b1 {
  0%, 6% { clip-path: polygon(0 0, 0 0, -30% 100%, 0 100%); }
  18%, 100% { clip-path: polygon(0 0, 130% 0, 100% 100%, 0 100%); }
}
@keyframes pm-kit-3-a2 { 0%, 28% { clip-path: circle(0% at 50% 50%); } 40%, 100% { clip-path: circle(75% at 50% 50%); } }
@keyframes pm-kit-3-blinds { 0%, 84% { opacity: 1; } 91%, 100% { opacity: 0; } }
@keyframes pm-kit-3-strip { 0%, 50% { transform: scaleY(0); } 62%, 100% { transform: scaleY(1); } }
@keyframes pm-kit-3-blabel { 0%, 58% { opacity: 0; } 68%, 100% { opacity: 1; } }
@keyframes pm-kit-3-chip1 { 0% { opacity: .6; } 6%, 26% { opacity: 1; } 32%, 100% { opacity: .6; } }
@keyframes pm-kit-3-chip2 { 0%, 26% { opacity: .6; } 32%, 46% { opacity: 1; } 52%, 100% { opacity: .6; } }
@keyframes pm-kit-3-chip3 { 0%, 46% { opacity: .6; } 52%, 90% { opacity: 1; } 98%, 100% { opacity: .6; } }

/* ===== 4. Texto animado: manchete palavra por palavra com destaque em ouro ===== */
.pm-kit-4 { --b1: rgba(170, 126, 70, .34); --b2: rgba(63, 184, 165, .2); }
.pm-kit-4-wrap { position: absolute; inset: 0; display: grid; align-content: center; gap: 3cqi; padding: 0 8cqi; }
.pm-kit-4-kicker {
  display: flex;
  align-items: center;
  gap: 1.6cqi;
  margin: 0;
  color: var(--gold);
  font: 700 2cqi/1 var(--body, "Manrope", sans-serif);
  letter-spacing: .24em;
  text-transform: uppercase;
  animation-name: pm-kit-4-fade;
  animation-timing-function: var(--out);
}
.pm-kit-4-kicker::before { content: ""; width: 6cqi; height: .3cqi; background: var(--gold); }
.pm-kit-4-head { display: grid; gap: .1em; margin: 0; font: 800 9cqi/1.08 var(--head, "Sora", sans-serif); letter-spacing: -.02em; }
.pm-kit-4-line { display: flex; gap: .26em; }
.pm-kit-4-m { position: relative; z-index: 1; display: inline-block; overflow: hidden; padding: .18em .05em .14em; margin: -.18em -.05em -.14em; }
.pm-kit-4-w { display: inline-block; transform-origin: 0 100%; animation-name: pm-kit-4-word; animation-timing-function: var(--out); animation-delay: calc((4 - var(--i)) * -.1s); }
.pm-kit-4-hl { position: relative; display: inline-block; }
.pm-kit-4-hl .pm-kit-4-w { color: var(--gold); }
.pm-kit-4-bar { position: absolute; left: 0; right: 0; bottom: -.04em; height: .09em; background: var(--gold); transform-origin: 0 50%; animation-name: pm-kit-4-bar; }
.pm-kit-4-timer { position: absolute; left: 8cqi; right: 8cqi; bottom: 6cqi; height: .5cqi; background: rgba(245, 237, 219, .18); }
.pm-kit-4-timer i { display: block; height: 100%; background: var(--gold); transform-origin: 0 50%; animation-name: pm-kit-4-timer; animation-timing-function: linear; }
@keyframes pm-kit-4-word {
  0%, 10% { transform: translateY(118%) rotate(6deg); }
  26%, 84% { transform: none; }
  98%, 100% { transform: translateY(-118%) rotate(-4deg); }
}
@keyframes pm-kit-4-bar {
  0%, 40% { transform: scaleX(0); opacity: 1; }
  54%, 86% { transform: scaleX(1); opacity: 1; }
  96%, 100% { transform: scaleX(1); opacity: 0; }
}
@keyframes pm-kit-4-fade {
  0%, 4% { opacity: 0; transform: translateY(1cqi); }
  18%, 84% { opacity: 1; transform: none; }
  96%, 100% { opacity: 0; transform: none; }
}
@keyframes pm-kit-4-timer {
  0% { transform: scaleX(0); opacity: 1; }
  96% { opacity: 1; }
  100% { transform: scaleX(1); opacity: 0; }
}

/* ===== 5. Encerramento: botão que pulsa, sino que balança e dois quadros de próximo vídeo ===== */
.pm-kit-5 { --b1: rgba(88, 112, 130, .4); --b2: rgba(212, 56, 43, .2); --red: #d4382b; }
.pm-kit-5-head { position: absolute; left: 0; right: 0; top: 3.2cqi; display: flex; flex-direction: column; align-items: center; gap: 1cqi; animation-name: pm-kit-5-rise; animation-timing-function: var(--out); }
.pm-kit-5-avatar { display: grid; place-items: center; width: 8cqi; height: 8cqi; border-radius: 50%; border: .3cqi solid var(--cream); background: linear-gradient(135deg, #e0bd72, var(--gold-d)); color: var(--ink); font: 800 3.2cqi/1 var(--head, "Sora", sans-serif); }
.pm-kit-5-name { margin: 0; font: 700 3cqi/1.2 var(--head, "Sora", sans-serif); }
.pm-kit-5-cta { position: absolute; left: 0; right: 0; top: 19cqi; display: flex; justify-content: center; }
.pm-kit-5-btn { position: relative; display: inline-flex; align-items: center; gap: 1.8cqi; height: 7.4cqi; padding: 0 3.2cqi 0 3.6cqi; border-radius: 99cqi; background: var(--red); color: #fff; font: 700 3cqi/1 var(--head, "Sora", sans-serif); animation-name: pm-kit-5-btn; }
.pm-kit-5-ring { position: absolute; inset: 0; border-radius: inherit; border: .35cqi solid var(--red); opacity: 0; animation-name: pm-kit-5-ring; }
.pm-kit-5-bell { display: block; width: 3.6cqi; height: 3.6cqi; transform-origin: 50% 6%; animation-name: pm-kit-5-bell; }
.pm-kit-5-bell svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.pm-kit-5-card {
  position: absolute;
  top: 32cqi;
  left: var(--x);
  width: 34cqi;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid rgba(245, 237, 219, .22);
  border-radius: .9cqi;
  background: var(--g);
  animation-name: pm-kit-5-card;
  animation-timing-function: var(--out);
}
.pm-kit-5-card--l { --x: 12cqi; --g: radial-gradient(24cqi 14cqi at 70% 30%, rgba(63, 184, 165, .3), transparent 70%), linear-gradient(135deg, #1c3b44, #0f1c22); animation-delay: -.25s; }
.pm-kit-5-card--r { --x: 54cqi; --g: radial-gradient(24cqi 14cqi at 30% 30%, rgba(195, 153, 74, .32), transparent 70%), linear-gradient(135deg, #4a3a22, #1b1510); }
.pm-kit-5-label { position: absolute; left: 1.6cqi; top: 1.5cqi; margin: 0; color: var(--gold); font: 700 2cqi/1 var(--body, "Manrope", sans-serif); letter-spacing: .12em; text-transform: uppercase; }
.pm-kit-5-play { position: absolute; left: 50%; top: 47%; display: grid; place-items: center; width: 5cqi; height: 5cqi; margin: -2.5cqi 0 0 -2.5cqi; border-radius: 50%; background: rgba(245, 237, 219, .92); }
.pm-kit-5-play svg { width: 2cqi; height: 2cqi; margin-left: .3cqi; fill: var(--ink); }
.pm-kit-5-title { position: absolute; left: 1.6cqi; right: 1.6cqi; bottom: 1.4cqi; margin: 0; font: 700 2.6cqi/1.2 var(--head, "Sora", sans-serif); }
@keyframes pm-kit-5-rise {
  0%, 4% { opacity: 0; transform: translateY(-2cqi); }
  16%, 84% { opacity: 1; transform: none; }
  96%, 100% { opacity: 0; transform: none; }
}
@keyframes pm-kit-5-btn {
  0%, 8% { opacity: 0; transform: scale(.7); }
  20% { opacity: 1; transform: scale(1); }
  30% { transform: scale(1.07); }
  38% { transform: scale(1); }
  62% { transform: scale(1.07); }
  70% { transform: scale(1); }
  84% { opacity: 1; }
  96%, 100% { opacity: 0; transform: scale(1); }
}
@keyframes pm-kit-5-ring {
  0%, 28% { opacity: 0; transform: scale(1); }
  30% { opacity: .7; transform: scale(1); }
  40% { opacity: 0; transform: scale(1.28); }
  60% { opacity: 0; transform: scale(1); }
  62% { opacity: .7; transform: scale(1); }
  72%, 100% { opacity: 0; transform: scale(1.28); }
}
@keyframes pm-kit-5-bell {
  0%, 30% { transform: rotate(0); }
  34% { transform: rotate(16deg); }
  38% { transform: rotate(-13deg); }
  42% { transform: rotate(9deg); }
  46%, 62% { transform: rotate(0); }
  66% { transform: rotate(16deg); }
  70% { transform: rotate(-13deg); }
  74% { transform: rotate(9deg); }
  78%, 100% { transform: rotate(0); }
}
@keyframes pm-kit-5-card {
  0%, 18% { opacity: 0; transform: translateY(3cqi); }
  34%, 86% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translateY(-1.5cqi); }
}

/* ===== 6. Legendas animadas: frase palavra por palavra, palavra atual em caixa dourada, microfone pulsando ===== */
.pm-kit-6 {
  --ink: #1d1d1f;
  --cream: #f5eddb;
  --gold: #c3994a;
  --e: cubic-bezier(.65, 0, .35, 1);
  --out: cubic-bezier(.16, 1, .3, 1);
  --b1: rgba(88, 112, 130, .46);
  --b2: rgba(170, 126, 70, .3);
  position: absolute;
  inset: 0;
  overflow: hidden;
  color: var(--cream);
  font-family: var(--body, "Manrope", sans-serif);
}
.pm-kit-6 * {
  box-sizing: border-box;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: var(--e);
  animation-play-state: var(--pm-play, paused);
}
.pm-kit-6-bg {
  position: absolute;
  inset: -4cqi;
  background:
    radial-gradient(34cqi 26cqi at 22% 38%, var(--b1), transparent 70%),
    radial-gradient(30cqi 24cqi at 78% 62%, var(--b2), transparent 70%),
    radial-gradient(18cqi 14cqi at 55% 20%, rgba(245, 237, 219, .09), transparent 70%);
  filter: blur(1cqi);
  animation-name: pm-kit-bg-drift;
}
.pm-kit-6-shade { position: absolute; inset: 0; background: linear-gradient(transparent 40%, rgba(10, 10, 12, .55)); }
.pm-kit-6-top { position: absolute; left: 6cqi; right: 6cqi; top: 4cqi; display: flex; align-items: center; justify-content: space-between; }
.pm-kit-6-handle { margin: 0; font: 700 2.6cqi/1 var(--body, "Manrope", sans-serif); letter-spacing: .04em; }
.pm-kit-6-mic { display: flex; align-items: center; gap: 1.4cqi; height: 6.4cqi; padding: 0 2.2cqi 0 1.6cqi; border-radius: 99cqi; background: rgba(13, 13, 14, .6); }
.pm-kit-6-dot { position: relative; display: grid; place-items: center; width: 3.6cqi; height: 3.6cqi; color: var(--gold); animation-name: pm-kit-6-mic; }
.pm-kit-6-dot svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.pm-kit-6-ring { position: absolute; inset: -.6cqi; border-radius: 50%; border: .3cqi solid var(--gold); opacity: 0; animation-name: pm-kit-6-ring; }
.pm-kit-6-eq { display: flex; align-items: center; gap: .5cqi; height: 3cqi; }
.pm-kit-6-eq i { width: .5cqi; height: 100%; border-radius: 1cqi; background: var(--gold); transform: scaleY(var(--h)); animation-name: pm-kit-6-eq; animation-delay: calc(var(--i) * -.35s); }
.pm-kit-6-cap { position: absolute; left: 0; right: 0; bottom: 14cqi; display: grid; justify-items: center; gap: 1.6cqi; margin: 0; font: 800 6.4cqi/1.1 var(--head, "Sora", sans-serif); letter-spacing: -.01em; text-shadow: 0 .3cqi 1.2cqi rgba(0, 0, 0, .5); animation-name: pm-kit-6-exit; }
.pm-kit-6-line { display: flex; gap: .62em; }
.pm-kit-6-w { position: relative; display: inline-block; }
.pm-kit-6-hot { position: absolute; inset: -.18em -.26em; display: grid; place-items: center; border-radius: .22em; background: var(--gold); color: var(--ink); text-shadow: none; opacity: 0; animation-timing-function: var(--out); }
.pm-kit-6-w--4 .pm-kit-6-hot { opacity: 1; }
.pm-kit-6-w--0 { animation-name: pm-kit-6-in0; }
.pm-kit-6-w--1 { animation-name: pm-kit-6-in1; }
.pm-kit-6-w--2 { animation-name: pm-kit-6-in2; }
.pm-kit-6-w--3 { animation-name: pm-kit-6-in3; }
.pm-kit-6-w--4 { animation-name: pm-kit-6-in4; }
.pm-kit-6-w--0 .pm-kit-6-hot { animation-name: pm-kit-6-hot0; }
.pm-kit-6-w--1 .pm-kit-6-hot { animation-name: pm-kit-6-hot1; }
.pm-kit-6-w--2 .pm-kit-6-hot { animation-name: pm-kit-6-hot2; }
.pm-kit-6-w--3 .pm-kit-6-hot { animation-name: pm-kit-6-hot3; }
.pm-kit-6-w--4 .pm-kit-6-hot { animation-name: pm-kit-6-hot4; }
@keyframes pm-kit-6-in0 { 0%, 15% { opacity: 0; transform: translateY(1.6cqi) scale(.92); } 19%, 100% { opacity: 1; transform: none; } }
@keyframes pm-kit-6-in1 { 0%, 28.3% { opacity: 0; transform: translateY(1.6cqi) scale(.92); } 32.3%, 100% { opacity: 1; transform: none; } }
@keyframes pm-kit-6-in2 { 0%, 41.7% { opacity: 0; transform: translateY(1.6cqi) scale(.92); } 45.7%, 100% { opacity: 1; transform: none; } }
@keyframes pm-kit-6-in3 { 0%, 55% { opacity: 0; transform: translateY(1.6cqi) scale(.92); } 59%, 100% { opacity: 1; transform: none; } }
@keyframes pm-kit-6-in4 { 0%, 68.3% { opacity: 0; transform: translateY(1.6cqi) scale(.92); } 72.3%, 100% { opacity: 1; transform: none; } }
@keyframes pm-kit-6-hot0 { 0%, 15% { opacity: 0; transform: scale(.8); } 17.5%, 28.3% { opacity: 1; transform: none; } 30.8%, 100% { opacity: 0; transform: none; } }
@keyframes pm-kit-6-hot1 { 0%, 28.3% { opacity: 0; transform: scale(.8); } 30.8%, 41.7% { opacity: 1; transform: none; } 44.2%, 100% { opacity: 0; transform: none; } }
@keyframes pm-kit-6-hot2 { 0%, 41.7% { opacity: 0; transform: scale(.8); } 44.2%, 55% { opacity: 1; transform: none; } 57.5%, 100% { opacity: 0; transform: none; } }
@keyframes pm-kit-6-hot3 { 0%, 55% { opacity: 0; transform: scale(.8); } 57.5%, 68.3% { opacity: 1; transform: none; } 70.8%, 100% { opacity: 0; transform: none; } }
@keyframes pm-kit-6-hot4 { 0%, 68.3% { opacity: 0; transform: scale(.8); } 71%, 100% { opacity: 1; transform: none; } }
@keyframes pm-kit-6-exit {
  0%, 86% { opacity: 1; filter: blur(0); }
  98%, 100% { opacity: 0; filter: blur(.8cqi); }
}
@keyframes pm-kit-6-mic {
  0%, 33.333%, 66.667%, 100% { transform: scale(1); }
  6%, 39.333%, 72.667% { transform: scale(1.14); }
  14%, 47%, 80% { transform: scale(1); }
}
@keyframes pm-kit-6-ring {
  0%, 33.333%, 66.667% { opacity: .6; transform: scale(1); }
  28%, 61.333%, 94.667%, 100% { opacity: 0; transform: scale(1.8); }
}
@keyframes pm-kit-6-eq {
  0%, 20%, 40%, 60%, 80%, 100% { transform: scaleY(.35); }
  10%, 50% { transform: scaleY(1); }
  30%, 70% { transform: scaleY(.6); }
  90% { transform: scaleY(.85); }
}

/* Logos animados (6 s, loop). Quadro base = quadro final (prefers-reduced-motion). Cada animação: entra 0-60%, segura, sai 90-100%.
   Escalonamento: --t (s) vira atraso negativo, que mantém o defasamento em todos os ciclos. */
.pm-logo-1,.pm-logo-2,.pm-logo-3,.pm-logo-4,.pm-logo-5{position:absolute;inset:0;--ease:cubic-bezier(.65,0,.35,1);--spring:cubic-bezier(.34,1.45,.64,1)}
.pm-logo-1 *,.pm-logo-2 *,.pm-logo-3 *,.pm-logo-4 *,.pm-logo-5 *{--lag:calc(var(--t,0) * 1s - 6s)}
.pm-logo-1-art,.pm-logo-2-art,.pm-logo-4-art,.pm-logo-5-art{position:absolute;inset:0;width:100%;height:100%}
.pm-logo-1-name,.pm-logo-2-name,.pm-logo-5-name{position:absolute;left:0;right:0;text-align:center;font-family:var(--head,"Sora",sans-serif);font-weight:600;color:#f5eddb}
.pm-logo-1-sub,.pm-logo-4-sub,.pm-logo-5-sub{font-family:var(--body,"Manrope",sans-serif);font-size:2.3cqi;letter-spacing:.3em;color:rgba(245,237,219,.62)}
.pm-logo-1-sub,.pm-logo-5-sub{position:absolute;left:0;right:0;text-align:center}

/* 1 · Aurum: contorno dourado se desenha, preenche e recebe um brilho */
.pm-logo-1{--gold:#c3994a;--gold-hi:#ecd49b}
.pm-logo-1-ring,.pm-logo-1-line{fill:none;stroke:var(--gold);stroke-width:.6;stroke-linejoin:miter;stroke-dasharray:1;stroke-dashoffset:0}
.pm-logo-1-line{stroke:var(--gold-hi);stroke-width:.5}
.pm-logo-1-shine{opacity:0}
.pm-logo-1-name{top:70%;font-size:4.4cqi;letter-spacing:.5em;text-indent:.5em}
.pm-logo-1-sub{top:80%;text-indent:.3em}
.pm-logo-1-ring{animation:pm-logo-1-draw 6s var(--ease) var(--lag) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-1-line{animation:pm-logo-1-draw 6s var(--ease) calc(var(--lag) + .5s) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-1-fill{animation:pm-logo-1-fill 6s var(--ease) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-1-shine{animation:pm-logo-1-shine 6s var(--ease) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-1-name,.pm-logo-1-sub{animation:pm-logo-1-rise 6s var(--ease) var(--lag) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-logo-1-draw{0%{stroke-dashoffset:1}40%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
@keyframes pm-logo-1-fill{0%,36%{opacity:0}52%,90%{opacity:1}100%{opacity:0}}
@keyframes pm-logo-1-shine{0%,50%{opacity:0;transform:translateX(-4px)}54%{opacity:1}66%,100%{opacity:0;transform:translateX(46px)}}
@keyframes pm-logo-1-rise{0%,34%{opacity:0;transform:translateY(1.2cqi)}56%,90%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-.6cqi)}}

/* 2 · Concordia: dois círculos deslizam, se encontram e acendem a interseção */
.pm-logo-2-left,.pm-logo-2-right{fill:rgba(245,237,219,.07);stroke:#f5eddb;stroke-width:.7}
.pm-logo-2-right{--dx:34px;stroke:#c3994a;fill:rgba(195,153,74,.12)}
.pm-logo-2-left{--dx:-34px}
.pm-logo-2-name{top:62%;font-size:4.2cqi;letter-spacing:.34em;text-indent:.34em}
.pm-logo-2-left,.pm-logo-2-right{animation:pm-logo-2-slide 6s var(--spring) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-2-lens{transform-box:fill-box;transform-origin:center;animation:pm-logo-2-lens 6s var(--spring) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-2-name{animation:pm-logo-2-name 6s var(--ease) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-logo-2-slide{0%,6%{opacity:0;transform:translateX(var(--dx))}12%{opacity:1}42%,90%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.5,0,.75,0)}100%{opacity:0;transform:translateX(var(--dx))}}
@keyframes pm-logo-2-lens{0%,40%{opacity:0;transform:scale(.2)}56%,90%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.5,0,.75,0)}100%{opacity:0;transform:scale(.2)}}
@keyframes pm-logo-2-name{0%,40%{clip-path:inset(0 50% 0 50%);opacity:0}58%,90%{clip-path:inset(0);opacity:1}100%{clip-path:inset(0 50% 0 50%);opacity:0}}

/* 3 · Vento: letras sobem em sequência de uma máscara; sublinhado dourado corre com brilho */
.pm-logo-3{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2cqi;color:#f5eddb}
.pm-logo-3-word{font-family:var(--head,"Sora",sans-serif);font-weight:700;font-size:17cqi;line-height:1;letter-spacing:-.02em;white-space:nowrap}
.pm-logo-3-mask{display:inline-block;overflow:hidden;padding:.04em .02em .14em;vertical-align:top}
.pm-logo-3-char{display:inline-block}
.pm-logo-3-accent{color:#c3994a}
.pm-logo-3-line{position:relative;overflow:hidden;width:40cqi;height:.6cqi;background:#c3994a}
.pm-logo-3-glint{position:absolute;inset:0 auto 0 0;width:18%;background:linear-gradient(90deg,transparent,#fff,transparent);opacity:0}
.pm-logo-3-tag{margin:0;font-family:var(--body,"Manrope",sans-serif);font-size:2.4cqi;letter-spacing:.28em;text-transform:uppercase;color:rgba(245,237,219,.66)}
.pm-logo-3-char{animation:pm-logo-3-char 6s var(--spring) var(--lag) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-3-line{animation:pm-logo-3-line 6s var(--ease) var(--lag) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-3-glint{animation:pm-logo-3-glint 6s var(--ease) var(--lag) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-3-tag{animation:pm-logo-3-tag 6s var(--ease) var(--lag) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-logo-3-char{0%{transform:translateY(118%) rotate(7deg)}34%,90%{transform:none;animation-timing-function:cubic-bezier(.5,0,.75,0)}100%{transform:translateY(-118%) rotate(-5deg)}}
@keyframes pm-logo-3-line{0%{clip-path:inset(0 100% 0 0)}40%,90%{clip-path:inset(0)}100%{clip-path:inset(0 0 0 100%)}}
@keyframes pm-logo-3-glint{0%,46%{opacity:0;transform:translateX(-110%)}48%{opacity:1}62%,100%{opacity:0;transform:translateX(560%)}}
@keyframes pm-logo-3-tag{0%,36%{opacity:0;transform:translateY(1cqi)}58%,90%{opacity:1;transform:none}100%{opacity:0}}

/* 4 · Sálvia: folha cresce por traço, nervuras brotam, nome se revela */
.pm-logo-4{--sage:#a9c298}
.pm-logo-4-outline,.pm-logo-4-veins{fill:none;stroke:var(--sage);stroke-width:.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.pm-logo-4-veins{stroke-width:.45}
.pm-logo-4-fill{fill:rgba(169,194,152,.2);transform-box:fill-box;transform-origin:50% 100%}
.pm-logo-4-text{position:absolute;top:0;bottom:0;left:49cqi;display:flex;flex-direction:column;justify-content:center;gap:1.2cqi}
.pm-logo-4-name{font-family:var(--head,"Sora",sans-serif);font-weight:600;font-size:9cqi;line-height:1.05;color:#f5eddb}
.pm-logo-4-sub{color:var(--sage)}
.pm-logo-4-outline{animation:pm-logo-4-draw 6s var(--ease) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-4-veins{animation:pm-logo-4-draw 6s var(--ease) calc(var(--lag) + 1.2s) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-4-fill{animation:pm-logo-4-grow 6s var(--ease) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-4-name,.pm-logo-4-sub{animation:pm-logo-4-reveal 6s var(--ease) var(--lag) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-logo-4-draw{0%{stroke-dashoffset:1}40%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
@keyframes pm-logo-4-grow{0%,18%{opacity:0;transform:scaleY(.15)}50%,90%{opacity:1;transform:none}100%{opacity:0;transform:scaleY(.15)}}
@keyframes pm-logo-4-reveal{0%,34%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-1.5cqi)}56%,90%{opacity:1;clip-path:inset(0 -2% 0 0);transform:none}100%{opacity:0;clip-path:inset(0 100% 0 0)}}

/* 5 · Tessera: três faces giram, encaixam num hexágono e o contorno se fecha */
.pm-logo-5-face{stroke:#12110f;stroke-width:.7;stroke-linejoin:round;transform-box:fill-box;transform-origin:center}
.pm-logo-5-top{fill:#f5eddb;--fx:0px;--fy:-26px;--fr:-120deg;--t:0}
.pm-logo-5-right{fill:#c3994a;--fx:26px;--fy:10px;--fr:120deg;--t:.15}
.pm-logo-5-left{fill:#8a6a2e;--fx:-26px;--fy:10px;--fr:-120deg;--t:.3}
.pm-logo-5-hex{fill:none;stroke:#c3994a;stroke-width:.5;stroke-dasharray:1;stroke-dashoffset:0}
.pm-logo-5-name{top:70%;font-size:4.4cqi;letter-spacing:.4em;text-indent:.4em}
.pm-logo-5-sub{top:80%;text-indent:.3em}
.pm-logo-5-face{animation:pm-logo-5-fit 6s var(--spring) var(--lag) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-5-hex{animation:pm-logo-5-draw 6s var(--ease) calc(var(--lag) + .5s) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-5-name,.pm-logo-5-sub{animation:pm-logo-5-rise 6s var(--ease) var(--lag) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-logo-5-fit{0%,4%{opacity:0;transform:translate(var(--fx),var(--fy)) rotate(var(--fr)) scale(.3)}20%{opacity:1}44%,90%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.5,0,.75,0)}100%{opacity:0;transform:translate(var(--fx),var(--fy)) rotate(var(--fr)) scale(.3)}}
@keyframes pm-logo-5-draw{0%,30%{stroke-dashoffset:1}52%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
@keyframes pm-logo-5-rise{0%,40%{opacity:0;transform:translateY(1.2cqi)}58%,90%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-.6cqi)}}

/* 6 · Zênite: raios de luz se desenham de fora para dentro, convergem e acendem o ponto */
.pm-logo-6{position:absolute;inset:0;--ease:cubic-bezier(.65,0,.35,1);--spring:cubic-bezier(.34,1.45,.64,1)}
.pm-logo-6 *{--lag:calc(var(--t,0) * 1s - 6s)}
.pm-logo-6-art{position:absolute;inset:0;width:100%;height:100%}
.pm-logo-6-ray,.pm-logo-6-ring{fill:none;stroke:#ecd49b;stroke-width:.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.pm-logo-6-ring{stroke:#c3994a;stroke-width:.3;opacity:.7}
.pm-logo-6-glow{opacity:.5;transform-box:fill-box;transform-origin:center}
.pm-logo-6-core{transform-box:fill-box;transform-origin:center}
.pm-logo-6-name,.pm-logo-6-sub{position:absolute;left:0;right:0;text-align:center}
.pm-logo-6-name{top:68%;font-family:var(--head,"Sora",sans-serif);font-weight:600;font-size:4.6cqi;letter-spacing:.42em;text-indent:.42em;color:#f5eddb}
.pm-logo-6-sub{top:79%;font-family:var(--body,"Manrope",sans-serif);font-size:2.3cqi;letter-spacing:.3em;text-indent:.3em;color:rgba(245,237,219,.62)}
.pm-logo-6-ray{animation:pm-logo-6-draw 6s var(--ease) var(--lag) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-6-ring{animation:pm-logo-6-ring 6s var(--ease) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-6-core{animation:pm-logo-6-core 6s var(--spring) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-6-glow{animation:pm-logo-6-glow 6s var(--ease) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-6-name{animation:pm-logo-6-name 6s var(--ease) infinite;animation-play-state:var(--pm-play,paused)}
.pm-logo-6-sub{animation:pm-logo-6-rise 6s var(--ease) var(--lag) infinite;animation-play-state:var(--pm-play,paused)}
@keyframes pm-logo-6-draw{0%{stroke-dashoffset:1}38%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
@keyframes pm-logo-6-ring{0%,8%{stroke-dashoffset:1}34%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
@keyframes pm-logo-6-core{0%,38%{opacity:0;transform:scale(.2)}52%,90%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.5,0,.75,0)}100%{opacity:0;transform:scale(.2)}}
@keyframes pm-logo-6-glow{0%,38%{opacity:0;transform:scale(.3)}48%{opacity:1;transform:scale(1.35)}62%,90%{opacity:.5;transform:none}100%{opacity:0;transform:scale(.3)}}
@keyframes pm-logo-6-name{0%,44%{clip-path:inset(0 50% 0 50%);opacity:0}62%,90%{clip-path:inset(0);opacity:1}100%{clip-path:inset(0 50% 0 50%);opacity:0}}
@keyframes pm-logo-6-rise{0%,48%{opacity:0;transform:translateY(1.2cqi)}66%,90%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-.6cqi)}}