@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,800;1,900&family=Manrope:wght@500;600;700;800&family=JetBrains+Mono:wght@500&display=swap');
html,body{margin:0!important;background:#111214}
#k4-page{
  --y:#FFD500; --y-h:#FFE24D; --on-y:#111111;
  --bg:#111214; --s1:#191A1D; --s2:#24262A; --line:rgba(255,255,255,.12);
  --tx:#F4F4F2; --tx2:rgba(244,244,242,.72); --tx3:rgba(244,244,242,.5);
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px; --sp-10:120px;
  --r:4px; --maxw:1320px; --gut:20px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --fh:'Montserrat',system-ui,sans-serif; --f:'Manrope',system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
  font-family:var(--f); font-weight:500; font-size:17px; line-height:1.6; color:var(--tx); background:var(--bg);
  -webkit-font-smoothing:antialiased; overflow-x:clip;
}
#k4-page, #k4-page *{box-sizing:border-box}
#k4-page h1,#k4-page h2,#k4-page h3,#k4-page p,#k4-page ul,#k4-page ol,#k4-page figure{margin:0;padding:0}
#k4-page ul,#k4-page ol{list-style:none}
#k4-page img,#k4-page video{display:block;max-width:100%}
#k4-page a{color:inherit;text-decoration:none}
#k4-page button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
#k4-page a,#k4-page button{touch-action:manipulation}
#k4-page :focus-visible{outline:3px solid var(--y);outline-offset:3px}
#k4-page .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
#k4-page .h{padding-inline:.06em .04em;margin-inline:-.06em;font-family:var(--fh);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.01em;line-height:.95;text-wrap:balance}
#k4-page .h2{font-size:clamp(32px,4.2vw,60px)}
#k4-page .h .y{color:var(--y)}
#k4-page .lead{font-size:clamp(18px,1.4vw,20px);line-height:1.55;color:var(--tx2);max-width:54ch}
#k4-page .mono{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
#k4-page .trocar{outline:2px dashed var(--y);outline-offset:4px;position:relative}
#k4-page .trocar::after{content:"TROCAR";position:absolute;top:-22px;right:-4px;z-index:5;background:var(--y);color:#111;font:600 11px/1 var(--mono);padding:4px 6px;letter-spacing:.08em}
#k4-page section{scroll-margin-top:72px}

/* Botões */
/* botões: definidos junto com o cabeçalho (oval 3D com brilho) */

/* Cabeçalho */
/* no hero: transparente, logo colorida e links pretos; depois do hero: tarja de vidro escuro que desce */
#k4-page .hdr{position:fixed;inset:0 0 auto 0;z-index:50;background:transparent;border-bottom:1px solid transparent}
#k4-page .hdr.solid{background:rgba(14,13,12,.58);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom-color:rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.28);animation:k4hdrIn .55s cubic-bezier(.2,.8,.2,1) backwards}
#k4-page .hdr.solid::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--y) 30%,var(--y) 70%,transparent);opacity:.55}
#k4-page .hdr.out{animation:k4hdrOut .3s ease-in backwards}
@keyframes k4hdrIn{from{transform:translateY(-110%);opacity:.4}to{transform:none;opacity:1}}
@keyframes k4hdrOut{from{opacity:0}to{opacity:1}}
#k4-page .hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:var(--sp-5)}
#k4-page .hdr .logo{display:block;position:relative}
#k4-page .hdr .logo img{width:132px;height:auto;display:block}
#k4-page .hdr .logo .lg-d{position:absolute;inset:0;opacity:0}
#k4-page .hdr.solid .logo .lg-c{opacity:0}
#k4-page .hdr.solid .logo .lg-d{opacity:1}
#k4-page .hdr nav{display:none;gap:var(--sp-6);font-weight:800;font-size:15px}
#k4-page .hdr nav a{position:relative;padding:var(--sp-3) 0;color:#111;transition:color .2s}
#k4-page .hdr nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:3px;background:var(--y);transform:scaleX(0);transform-origin:0 50%;transition:transform .25s var(--ease)}
#k4-page .hdr nav a:hover::after{transform:scaleX(1)}
#k4-page .hdr.solid nav a{color:var(--tx2)}
#k4-page .hdr.solid nav a:hover{color:var(--y)}
/* botões: oval 3D com brilho (todos do site) */
#k4-page .btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-3);height:56px;padding:0 30px;border-radius:999px;font-weight:800;font-size:16px;white-space:nowrap;color:#111;
  background:linear-gradient(180deg,#ffe66b 0%,#ffd500 48%,#e9b800 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.65),inset 0 -3px 0 rgba(150,105,0,.45),0 4px 0 #a87d00,0 10px 22px rgba(0,0,0,.28);
  text-shadow:0 1px 0 rgba(255,255,255,.4);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
#k4-page .btn::before{content:"";position:absolute;inset:2px 12px auto;height:45%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));z-index:-1;pointer-events:none}
#k4-page .btn::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:38%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.85) 50%,rgba(255,255,255,0));transform:skewX(-22deg);animation:k4shine 3.2s ease-in-out infinite;pointer-events:none}
@keyframes k4shine{0%,55%{left:-60%}85%,100%{left:130%}}
#k4-page .btn:hover{background:linear-gradient(180deg,#fff07f 0%,#ffdb1f 48%,#f0c000 100%);transform:translateY(-2px);box-shadow:inset 0 2px 0 rgba(255,255,255,.7),inset 0 -3px 0 rgba(150,105,0,.45),0 6px 0 #a87d00,0 16px 28px rgba(0,0,0,.3)}
#k4-page .btn:active{transform:translateY(3px);box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(150,105,0,.45),0 1px 0 #a87d00,0 4px 10px rgba(0,0,0,.25)}
#k4-page .btn .arr{transition:transform .25s var(--ease)}
#k4-page .btn:hover .arr{transform:translateX(5px)}
/* escuro: preto 3D com letra amarela */
#k4-page .btn.dark{color:var(--y);text-shadow:0 1px 0 rgba(0,0,0,.6);background:linear-gradient(180deg,#3a3633 0%,#1a1817 50%,#0b0a09 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.18),inset 0 -3px 0 rgba(0,0,0,.6),0 4px 0 #000,0 10px 22px rgba(0,0,0,.35)}
#k4-page .btn.dark::before{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0))}
#k4-page .btn.dark::after{background:linear-gradient(100deg,rgba(255,213,0,0),rgba(255,230,120,.45) 50%,rgba(255,213,0,0))}
#k4-page .btn.dark:hover{background:linear-gradient(180deg,#46413d 0%,#211f1d 50%,#0e0d0c 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.2),inset 0 -3px 0 rgba(0,0,0,.6),0 6px 0 #000,0 16px 28px rgba(0,0,0,.4)}
#k4-page .btn.dark:active{box-shadow:inset 0 2px 0 rgba(255,255,255,.12),inset 0 -2px 0 rgba(0,0,0,.6),0 1px 0 #000,0 4px 10px rgba(0,0,0,.3)}
/* vazado: vidro escuro 3D com letra branca */
#k4-page .btn.ghost{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.06) 50%,rgba(0,0,0,.2) 100%),rgba(12,9,8,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),inset 0 2px 0 rgba(255,255,255,.3),0 4px 0 rgba(0,0,0,.55),0 10px 22px rgba(0,0,0,.3)}
#k4-page .btn.ghost::before{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0))}
#k4-page .btn.ghost::after{background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.4) 50%,rgba(255,255,255,0))}
#k4-page .btn.ghost:hover{color:var(--y);box-shadow:inset 0 0 0 1px var(--y),inset 0 2px 0 rgba(255,255,255,.3),0 6px 0 rgba(0,0,0,.55),0 16px 28px rgba(0,0,0,.35)}
#k4-page .btn.ghost:active{box-shadow:inset 0 0 0 1px var(--y),inset 0 2px 0 rgba(255,255,255,.2),0 1px 0 rgba(0,0,0,.55),0 4px 10px rgba(0,0,0,.3)}
/* brilho em momentos diferentes para não piscar tudo junto */
#k4-page .hero .btn::after{animation-delay:.8s}
#k4-page .hero .btn.ghost::after{animation-delay:1.6s}
#k4-page .path .btn.dark::after{animation-delay:1.2s}
#k4-page .cform .btn::after{animation-delay:.5s}
#k4-page .hdr .btn{height:46px;padding:0 26px;font-size:15px}
@media (prefers-reduced-motion:reduce){#k4-page .btn::after{animation:none;display:none}#k4-page .wa-big{animation:none}#k4-page .hdr.solid,#k4-page .hdr.out{animation:none}}

/* Hero */
#k4-page .hero{position:relative;min-height:max(640px,100svh);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:#1a0f0b;isolation:isolate}
#k4-page .hero picture,#k4-page .hero picture img{position:absolute;inset:0;width:100%;height:100%;max-width:none}
#k4-page .hero picture img{object-fit:cover;object-position:62% 50%}
#k4-page .hero .bg{z-index:0}
#k4-page .hero .shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(14,9,7,.62) 0%,rgba(14,9,7,.28) 38%,rgba(14,9,7,0) 62%),linear-gradient(0deg,rgba(12,9,8,.92) 0%,rgba(12,9,8,.45) 24%,rgba(12,9,8,0) 46%)}
#k4-page .hero .txt{position:relative;z-index:2;width:100%;padding-top:calc(72px + clamp(64px,13svh,150px))}
#k4-page .hero .fg{z-index:3;pointer-events:none}
#k4-page .hero .mono{color:var(--y);display:inline-block;margin-bottom:var(--sp-4);text-shadow:0 1px 8px rgba(0,0,0,.6)}
#k4-page .hero h1{font-size:clamp(46px,6.3vw,96px);line-height:.9;max-width:12ch;text-shadow:0 6px 40px rgba(0,0,0,.35)}
#k4-page .hero h1 .y{display:block;font-size:.5em;line-height:1;margin-top:.28em;max-width:none}
#k4-page .hero .bottom{position:relative;z-index:4;width:100%;padding-bottom:clamp(28px,6svh,64px)}
#k4-page .hero .lead{color:rgba(244,244,242,.86);max-width:46ch}
#k4-page .hero .ctas{margin-top:var(--sp-5);display:flex;flex-wrap:wrap;gap:var(--sp-3)}
/* camadas: título atrás do braço, faixa amarela na caixa preta à frente */
#k4-page .hero .txt{z-index:auto}
#k4-page .hero .mono{position:relative;z-index:4}
#k4-page .hero .l1,#k4-page .hero .cf{position:relative;z-index:2}
#k4-page .hero h1 .y{position:relative;z-index:5}
#k4-page .hero h1 .bx{background:#0b0908;padding:.1em .3em .06em .22em;-webkit-box-decoration-break:clone;box-decoration-break:clone;text-shadow:none;line-height:1.5}
@media (min-width:768px){
  #k4-page .hero picture img{inset:auto 0 0 auto;width:108%;height:108%;object-position:100% 100%}
  #k4-page .hero .mono,#k4-page .hero h1{position:relative;left:calc(-1 * clamp(0px, (100vw - var(--maxw)) / 2 + var(--gut) - 40px, 44px))}
}
@media (max-width:767px){
  #k4-page .hero picture img{inset:calc(100px - 39.6vw) auto auto 0;width:100vw;height:auto;object-fit:fill}
  #k4-page .hero .txt{padding-top:calc(72px + 28px)}
  #k4-page .hero h1{font-size:clamp(38px,11.6vw,56px)}
  #k4-page .hero .shade{background:linear-gradient(180deg,rgba(12,9,8,.7) 0%,rgba(12,9,8,.2) 34%,rgba(12,9,8,0) 50%),linear-gradient(0deg,rgba(12,9,8,.95) 0%,rgba(12,9,8,.6) 22%,rgba(12,9,8,0) 42%)}
  #k4-page .hero .lead{font-size:16px}
  #k4-page .hero h1{text-shadow:0 2px 18px rgba(0,0,0,.55)}
}

/* Fita de obra */
#k4-page .tape{background:var(--y);color:var(--on-y);overflow:hidden;border-block:4px solid #111}
#k4-page .tape .track{display:flex;width:max-content;animation:k4tape 38s linear infinite}
#k4-page .tape ul{display:flex;flex:none}
#k4-page .tape li{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-4) var(--sp-5);font-family:var(--fh);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(18px,1.8vw,24px);white-space:nowrap}
#k4-page .tape li::after{content:"";width:28px;height:12px;background:repeating-linear-gradient(-45deg,#111 0 6px,transparent 6px 12px)}
@keyframes k4tape{to{transform:translateX(-50%)}}

/* Dois caminhos */
#k4-page .paths{padding:0 0 var(--sp-10)}
#k4-page .paths .head{max-width:760px}
#k4-page .paths .head .lead{margin-top:var(--sp-4)}
#k4-page .paths .grid{margin-top:var(--sp-7);display:grid;gap:var(--sp-4)}
#k4-page .path{position:relative;overflow:hidden;border-radius:var(--r);background:var(--s1);display:grid}
#k4-page .path .ph{aspect-ratio:16/9;overflow:hidden}
#k4-page .path .ph img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
#k4-page .path:hover .ph img{transform:scale(1.04)}
#k4-page .path .body{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}
#k4-page .path .mono{color:var(--y)}
#k4-page .path h3{font-family:var(--fh);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(26px,2.6vw,36px);line-height:.95}
#k4-page .path p{color:var(--tx2)}
#k4-page .path ul{display:grid;gap:var(--sp-2)}
#k4-page .path li{display:flex;gap:var(--sp-3);font-weight:600}
#k4-page .path li::before{content:"";flex:none;width:10px;height:10px;margin-top:8px;background:var(--y);transform:skewX(-12deg)}
#k4-page .path .btn{margin-top:auto;align-self:flex-start}
#k4-page .path.alt{background:var(--y);color:var(--on-y)}
#k4-page .path.alt .mono{color:#111}
#k4-page .path.alt p{color:rgba(17,17,17,.78)}
#k4-page .path.alt li::before{background:#111}

/* Frota */
#k4-page .fleet{padding:var(--sp-4) 0 var(--sp-10);background:linear-gradient(180deg,#000 0,var(--bg) 320px)}
#k4-page .fleet .top{display:flex;justify-content:center}@media (max-width:899px){#k4-page .fleet .top{display:block}}
#k4-page .chips{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gut)*-1);padding:0 var(--gut)}
#k4-page .chips::-webkit-scrollbar{display:none}
#k4-page .chip{flex:none;height:44px;padding:0 var(--sp-5);border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);font-weight:700;font-size:15px;color:var(--tx2);transition:background-color .2s,color .2s,box-shadow .2s}
#k4-page .chip:hover{color:var(--tx);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
#k4-page .chip[aria-pressed="true"]{background:var(--y);color:var(--on-y);box-shadow:none}
/* Frota: ficheiros com a máquina recortada saindo do fundo */
#k4-page .fl{margin-top:var(--sp-7);display:grid;grid-template-columns:1fr;gap:var(--sp-7) var(--sp-5)}
#k4-page .mq{position:relative;isolation:isolate;container-type:inline-size;min-width:0;display:flex;flex-direction:column}
#k4-page .mq[hidden]{display:none}
#k4-page .mq::before{content:"";position:absolute;inset:calc(var(--cut) * 62.5cqw) 0 0 0;z-index:-1;border-radius:14px;background:linear-gradient(180deg,var(--s2),var(--s1) 70%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:inset .5s var(--ease),background-color .3s}
#k4-page .mq-x{display:grid;grid-template-rows:1fr;transition:grid-template-rows .55s var(--ease)}
#k4-page .mq-x>div{min-height:0;overflow:hidden}
#k4-page .mq-ph{position:relative;aspect-ratio:1.6}
#k4-page .mq-ph img{position:absolute;inset:0;width:100%;height:100%}
#k4-page .mq-bg{object-fit:cover;clip-path:inset(calc(var(--cut) * 100%) 0 0 0 round 14px 14px 0 0)}
#k4-page .mq-img{z-index:1;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45));transition:transform .6s var(--ease)}
#k4-page .mq:hover .mq-img{transform:translateY(-6px) scale(1.02)}
#k4-page .mq-t button{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:48px;padding:var(--sp-4) var(--sp-5) 0;text-align:left;font-weight:800;font-size:21px;line-height:1.2;cursor:default}
#k4-page .mq-t .mono{color:var(--y);font-size:12px;flex:none}
#k4-page .mq-t .nm{flex:1}
#k4-page .mq-t .pl{display:none}
#k4-page .mq-info>div{padding:var(--sp-2) var(--sp-5) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}
#k4-page .mq-info .mono{color:var(--y)}
#k4-page .mq-info .model{color:var(--tx3);font-size:15px;margin-top:calc(var(--sp-2) * -1)}
#k4-page .mq-info .use{margin-top:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--line);font-size:15px;color:var(--tx2)}
#k4-page .mq-info .use b{color:var(--tx)}
#k4-page .mq .go{margin-top:auto;padding-top:var(--sp-2);display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:800;color:var(--y);min-height:44px}
#k4-page .mq .go .arr{transition:transform .25s var(--ease)}
#k4-page .mq .go:hover .arr{transform:translateX(5px)}
#k4-page .mq-info,#k4-page .mq-info>div{flex:1}
/* entrada: a máquina sobe, depois o fundo abre, depois o texto */
#k4-page .fl.js .mq:not(.go) .mq-img,#k4-page .fl.js .mq:not(.go) .mq-info>div{opacity:0}
#k4-page .fl.js .mq:not(.go) .mq-bg{clip-path:inset(100% 0 0 0 round 14px 14px 0 0)}
#k4-page .fl.js .mq:not(.go)::before{opacity:0}
#k4-page .mq.go .mq-img{animation:k4mqIn .85s cubic-bezier(.2,.9,.25,1.1) both;animation-delay:var(--d,0s)}
#k4-page .mq.go .mq-bg{animation:k4mqBg .8s cubic-bezier(.7,0,.2,1) both;animation-delay:calc(var(--d,0s) + .35s)}
#k4-page .mq.go::before{animation:k4mqFade .6s ease both;animation-delay:calc(var(--d,0s) + .45s)}
#k4-page .mq.go .mq-info>div{animation:k4mqUp .6s var(--ease) both;animation-delay:calc(var(--d,0s) + .6s)}
@keyframes k4mqIn{from{opacity:0;transform:translateY(22%) scale(.9)}to{opacity:1;transform:none}}
@keyframes k4mqBg{from{clip-path:inset(100% 0 0 0 round 14px 14px 0 0)}to{clip-path:inset(calc(var(--cut) * 100%) 0 0 0 round 14px 14px 0 0)}}
@keyframes k4mqFade{from{opacity:0}to{opacity:1}}
@keyframes k4mqUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* celular: sanfona presa na tela, abre uma máquina por vez conforme rola */
@media (max-width:899px){
  #k4-page .fleet .chips{display:none}
  #k4-page .fl-run.acc{height:calc((var(--n) - 1) * 62svh + 100svh - 72px)}
  #k4-page .fl-run.acc .fl{position:sticky;top:72px;height:calc(100svh - 72px);margin-top:0;padding-top:var(--sp-4);display:flex;flex-direction:column;gap:6px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}
  #k4-page .fl-run.acc .mq{flex:none}
  #k4-page .fl-run.acc .mq.go .mq-img,#k4-page .fl-run.acc .mq.go .mq-bg,#k4-page .fl-run.acc .mq.go::before,#k4-page .fl-run.acc .mq.go .mq-info>div{animation:none}
  #k4-page .fl-run.acc .mq-img{filter:none}
  #k4-page .fl-run.acc .mq:hover .mq-img{transform:none}
  #k4-page .fl-run.acc .mq:not(.on) .mq-x{grid-template-rows:0fr}
  #k4-page .fl-run.acc .mq:not(.on)::before{inset:0}
  #k4-page .fl-run.acc .mq-t button{cursor:pointer;padding-top:var(--sp-3);min-height:50px;font-size:18px;transition:min-height .45s var(--ease),padding .45s var(--ease)}
  #k4-page .fl-run.acc .mq:not(.on) .mq-t button{padding:0 var(--sp-4)}
  #k4-page .fl-run.acc .mq.on .mq-t button{font-size:22px}
  #k4-page .fl-run.acc .mq-t .pl{display:block;position:relative;width:14px;height:14px;flex:none;transition:transform .4s var(--ease)}
  #k4-page .fl-run.acc .mq-t .pl::before,#k4-page .fl-run.acc .mq-t .pl::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;border-radius:2px;background:var(--y)}
  #k4-page .fl-run.acc .mq-t .pl::after{transform:rotate(90deg);transition:transform .4s var(--ease)}
  #k4-page .fl-run.acc .mq.on .mq-t .pl::after{transform:none}
  /* ficheiros já vistos viram abas finas empilhadas no topo */
  #k4-page .fl-run.acc .mq.past .mq-t button{min-height:12px;height:12px;overflow:hidden;font-size:0;opacity:.5}
  #k4-page .fl-run.acc .mq.past .mq-t .mono,#k4-page .fl-run.acc .mq.past .mq-t .pl{opacity:0}
  #k4-page .fl-run.acc .mq.past::before{background:var(--s2)}
  #k4-page .fl-run.acc .mq-info>div{padding-bottom:var(--sp-4);transition:padding .55s var(--ease)}
  #k4-page .fl-run.acc .mq:not(.on) .mq-info>div{padding-top:0;padding-bottom:0}
  #k4-page .fl-run.acc .mq-info .use{margin-top:0}
}
@media (min-width:640px) and (max-width:899px){#k4-page .fl-run:not(.acc) .fl{grid-template-columns:1fr 1fr}}
@media (min-width:900px){#k4-page .fl{grid-template-columns:repeat(4,1fr);gap:var(--sp-8) var(--sp-5)}#k4-page .mq-t button{font-size:19px}}

/* Estrutura: ilustração 3D flutuando + diferenciais */
#k4-page .dif{padding:var(--sp-9) 0;background:radial-gradient(60% 50% at 70% 55%,rgba(255,213,0,.07),transparent 70%),var(--bg);overflow:hidden}
#k4-page .dif-g{display:grid;gap:var(--sp-7);align-items:center}
#k4-page .dif-txt>.mono{color:var(--y);display:block;margin-bottom:var(--sp-3)}
#k4-page .dif-l{margin-top:var(--sp-6);display:grid;grid-template-columns:1fr;gap:var(--sp-5)}
#k4-page .dif .h2 .ln{display:block;white-space:nowrap}
#k4-page .dif .h2{font-size:clamp(28px,8.2vw,46px)}
@media (min-width:900px){#k4-page .dif .h2{font-size:clamp(38px,3.5vw,54px)}}
#k4-page .dif-i{display:grid;grid-template-columns:60px 1fr;gap:var(--sp-5);align-items:center}
#k4-page .dif-i .tx{display:flex;flex-direction:column;gap:var(--sp-1)}
#k4-page .dif-i.rv{transition-delay:calc(var(--i,0) * 110ms)}
#k4-page .dif-i b{font-weight:800;font-size:18px;line-height:1.2}
#k4-page .dif-i .tx>span{font-size:15px;color:var(--tx2);line-height:1.45}
#k4-page .dif .ico{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;color:#141414;background:linear-gradient(150deg,#FFF07A 0%,#FFD500 42%,#E9AE00 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.7),inset 0 -5px 0 rgba(0,0,0,.16),0 5px 0 #A87A00,0 16px 28px rgba(255,190,0,.18);transform:perspective(300px) rotateX(10deg) rotateY(-8deg);transition:transform .35s var(--ease)}
#k4-page .dif-i:hover .ico{transform:perspective(300px) translateY(-3px)}
#k4-page .dif .ico svg{width:32px;height:32px;overflow:visible;filter:drop-shadow(0 1px 0 rgba(255,255,255,.45))}
#k4-page .dif .ico svg *{transform-box:view-box}
#k4-page .i-trk .sp path{opacity:0}
#k4-page .dif-i.play .i-trk .bd{animation:k4trB .4s ease-in-out 3}
#k4-page .dif-i.play .i-trk .w1{transform-origin:7px 18px;animation:k4spin .5s linear 3}
#k4-page .dif-i.play .i-trk .w2{transform-origin:17px 18px;animation:k4spin .5s linear 3}
#k4-page .dif-i.play .i-trk .sp path{animation:k4trS .5s ease-out 3}
#k4-page .dif-i.play .i-trk .s2{animation-delay:.08s}#k4-page .dif-i.play .i-trk .s3{animation-delay:.16s}
@keyframes k4trB{25%{transform:translateY(-1px)}75%{transform:translateY(-.5px)}}
@keyframes k4spin{to{transform:rotate(360deg)}}
@keyframes k4trS{0%{opacity:0;transform:translateX(0)}20%{opacity:.7}100%{opacity:0;transform:translateX(-12px)}}
#k4-page .dif .d{stroke-dasharray:1;stroke-dashoffset:0}
#k4-page .dif-i.play .i-usr .d{animation:k4draw .5s .1s ease-in-out both}
#k4-page .dif-i.play .i-wr{transform-origin:21px 3px;animation:k4wr 1.05s ease-in-out}
@keyframes k4wr{40%{transform:rotate(12deg)}68%{transform:rotate(-14deg)}88%{transform:rotate(4deg)}}
#k4-page .dif-i.play .i-ea .c{animation:k4draw .5s ease-out both}
#k4-page .dif-i.play .i-ea .d1{animation:k4draw .45s .35s ease-out both}
#k4-page .dif-i.play .i-ea .d2{animation:k4draw .5s .45s ease-out both}
#k4-page .dif-i.play .i-ea .d3{animation:k4draw .45s .55s ease-out both}
#k4-page .dio{position:relative;margin:0 auto;width:min(100%,640px)}
#k4-page .dio img{position:relative;width:100%;height:auto;animation:k4float 6s ease-in-out infinite;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
#k4-page .dio-sh{position:absolute;left:14%;right:14%;bottom:-6%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent);animation:k4floatSh 6s ease-in-out infinite}
#k4-page .dio{opacity:0;transform:translateY(60px) scale(.94);transition:opacity 1s var(--ease),transform 1.2s var(--ease)}
#k4-page .dio.in{opacity:1;transform:none}
@keyframes k4float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(-.6deg)}}
@keyframes k4floatSh{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.6}}
@media (min-width:900px){#k4-page .dif-g{grid-template-columns:1fr 1.15fr;gap:var(--sp-8)}#k4-page .dif-l{gap:var(--sp-5)}#k4-page .dio{width:100%}}
/* celular: título, 3D logo abaixo (o título passa um pouco por cima) e a lista */
@media (max-width:899px){#k4-page .dif-g{gap:0}#k4-page .dif-txt{display:contents}#k4-page .dif-txt>.mono{order:1}#k4-page .dif .h2{order:2;position:relative;z-index:2;text-shadow:0 4px 18px rgba(0,0,0,.55)}#k4-page .dio{order:3;margin-top:-5vw;width:min(108%,560px);margin-inline:auto;justify-self:center}#k4-page .dif-l{order:4;margin-top:var(--sp-6)}}
@media (prefers-reduced-motion:reduce){#k4-page .dio img,#k4-page .dio-sh{animation:none}#k4-page .dio{opacity:1;transform:none}#k4-page .mq.go *,#k4-page .mq.go::before{animation:none!important}}

/* Filme (YouTube) */
#k4-page .filme{padding:var(--sp-10) 0;background:radial-gradient(70% 60% at 50% 100%,rgba(255,213,0,.06),transparent 70%),var(--bg)}
#k4-page .filme .head{text-align:center;max-width:820px;margin:0 auto}
#k4-page .filme .head .mono{color:var(--y);margin-bottom:var(--sp-3)}
#k4-page .filme .lead{margin:var(--sp-4) auto 0}
#k4-page .cine-card{position:relative;display:block;width:min(100%,960px,calc((100dvh - 300px) * 16 / 9));min-width:min(100%,320px);aspect-ratio:16/9;margin:var(--sp-7) auto 0;padding:0;border-radius:14px;overflow:hidden;background:var(--s2);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06)}
#k4-page .cine-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .5s var(--ease);filter:saturate(.95) brightness(.9)}
#k4-page .cine-card:hover img{transform:scale(1.035);filter:none}
#k4-page .cine-card::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,0) 40%,rgba(0,0,0,.45) 100%);pointer-events:none}
#k4-page .cine-play{position:absolute;z-index:2;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--y);color:#111;display:grid;place-items:center;box-shadow:0 0 0 0 rgba(255,213,0,.55);animation:k4ytping 2.4s var(--ease) infinite;transition:transform .3s var(--ease),background .3s}
#k4-page .cine-play svg{width:28px;height:28px;margin-left:4px}
#k4-page .cine-card:hover .cine-play{transform:scale(1.08);background:var(--y-h)}
#k4-page .cine-lbl{position:absolute;z-index:2;left:var(--sp-4);bottom:var(--sp-4);font-weight:700;font-size:14px;letter-spacing:.02em;padding:7px 13px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;backdrop-filter:blur(6px)}
@keyframes k4ytping{0%{box-shadow:0 0 0 0 rgba(255,213,0,.55)}70%{box-shadow:0 0 0 22px rgba(255,213,0,0)}100%{box-shadow:0 0 0 0 rgba(255,213,0,0)}}
@media (max-width:639px){#k4-page .cine-play{width:62px;height:62px;margin:-31px 0 0 -31px}#k4-page .cine-lbl{left:var(--sp-3);bottom:var(--sp-3);font-size:12.5px}}
@media (prefers-reduced-motion:reduce){#k4-page .cine-play{animation:none}}

/* Em ação */
#k4-page .action{background:var(--s1);padding:var(--sp-10) 0;overflow:hidden}
#k4-page .action .grid{display:grid;gap:var(--sp-7);align-items:center}
#k4-page .action .lead{margin-top:var(--sp-4)}
#k4-page .action .vids{display:grid;grid-auto-flow:column;grid-auto-columns:62%;gap:var(--sp-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--gut)*-1);padding:0 var(--gut)}
#k4-page .action .vids::-webkit-scrollbar{display:none}
#k4-page .action .v{scroll-snap-align:start;aspect-ratio:9/16;border-radius:var(--r);overflow:hidden;background:var(--s2)}
#k4-page .action video{width:100%;height:100%;object-fit:cover}
#k4-page .action .stats{margin-top:var(--sp-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}
#k4-page .action .stats b{display:block;font-family:var(--fh);font-weight:900;font-style:italic;font-size:clamp(28px,3vw,40px);line-height:1;color:var(--y)}
#k4-page .action .stats span{display:block;margin-top:var(--sp-2);font-size:15px;color:var(--tx2)}

/* Serviços */
#k4-page .serv{padding:var(--sp-10) 0}
#k4-page .serv .list{margin-top:var(--sp-7);display:grid;gap:0}
#k4-page .srv{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-1) var(--sp-5);padding:var(--sp-6) 0;border-top:1px solid var(--line)}
#k4-page .srv .n{grid-row:1/4;font-family:var(--fh);font-weight:900;font-style:italic;font-size:22px;color:var(--y);width:44px}
#k4-page .srv .promise{font-weight:700;color:var(--y);font-size:15px}
#k4-page .srv h3{font-family:var(--fh);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(24px,2.4vw,32px);line-height:1}
#k4-page .srv p{color:var(--tx2);font-size:16px;margin-top:var(--sp-1)}

/* Engenharia */
#k4-page .eng{padding:0 0 var(--sp-10)}
#k4-page .eng .box{display:grid;border-radius:var(--r);overflow:hidden;background:var(--s1)}
#k4-page .eng .ph{min-height:420px;position:relative}
#k4-page .eng .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
#k4-page .eng .body{padding:var(--sp-7) var(--sp-6)}
#k4-page .eng .lead{margin-top:var(--sp-4)}
#k4-page .eng ul{margin-top:var(--sp-6);display:grid;gap:var(--sp-5)}
#k4-page .eng li b{display:block;font-weight:800;font-size:18px}
#k4-page .eng li span{color:var(--tx2);font-size:16px}
#k4-page .eng li{padding-left:var(--sp-5);border-left:3px solid var(--y)}
#k4-page .eng .sig{margin-top:var(--sp-6);color:var(--tx3);font-size:15px}
#k4-page .eng .sig a{color:var(--tx);font-weight:700;border-bottom:1px solid var(--y)}

/* Como funciona */
#k4-page .how{padding:0 0 var(--sp-10)}
#k4-page .steps{margin-top:var(--sp-7);display:grid;gap:var(--sp-5);counter-reset:s}
#k4-page .step{position:relative;padding-top:var(--sp-5);border-top:3px solid var(--y)}
#k4-page .step b{display:block;font-family:var(--fh);font-weight:900;font-style:italic;text-transform:uppercase;font-size:22px;line-height:1.1}
#k4-page .step p{margin-top:var(--sp-2);color:var(--tx2);font-size:16px;max-width:30ch}
#k4-page .step::before{counter-increment:s;content:counter(s);display:block;font-family:var(--fh);font-weight:900;font-style:italic;font-size:56px;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--y);margin-bottom:var(--sp-3)}

/* Para quem */
#k4-page .who{padding:0 0 var(--sp-10)}
#k4-page .who .grid{margin-top:var(--sp-7);display:grid;grid-template-columns:1fr;gap:var(--sp-3)}
#k4-page .aud{position:relative;overflow:hidden;border-radius:var(--r);min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--sp-5);background:var(--s2)}
#k4-page .aud img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .4s var(--ease),transform .8s var(--ease)}
#k4-page .aud:hover img{opacity:.7;transform:scale(1.04)}
#k4-page .aud::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(10,10,12,.92) 10%,rgba(10,10,12,0) 75%)}
#k4-page .aud>*:not(img){position:relative;z-index:2}
#k4-page .aud h3{font-weight:800;font-size:21px;line-height:1.2}
#k4-page .aud p{margin-top:var(--sp-2);color:var(--tx2);font-size:15px}

/* FAQ */
#k4-page .faq{padding:0 0 var(--sp-10)}
#k4-page .faq .grid{display:grid;gap:var(--sp-7)}
#k4-page .faq details{border-top:1px solid var(--line)}
#k4-page .faq details:last-child{border-bottom:1px solid var(--line)}
#k4-page .faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-5);padding:var(--sp-5) 0;min-height:56px;font-weight:800;font-size:clamp(17px,1.4vw,19px);cursor:pointer}
#k4-page .faq summary::-webkit-details-marker{display:none}
#k4-page .faq summary .pl{flex:none;position:relative;width:20px;height:20px;transition:transform .3s var(--ease)}
#k4-page .faq summary .pl::before,#k4-page .faq summary .pl::after{content:"";position:absolute;left:0;top:9px;width:20px;height:3px;background:var(--y)}
#k4-page .faq summary .pl::after{transform:rotate(90deg)}
#k4-page .faq details[open] summary .pl{transform:rotate(45deg)}
#k4-page .faq details p{padding:0 0 var(--sp-5);color:var(--tx2);max-width:62ch}

/* Final */
#k4-page .final{background:var(--y);color:var(--on-y);position:relative;overflow:hidden}
#k4-page .final .grid{display:grid;align-items:center}
#k4-page .final .body{padding:var(--sp-9) 0}
#k4-page .final h2{font-size:clamp(40px,5.6vw,84px)}
#k4-page .final p{margin-top:var(--sp-4);font-size:clamp(18px,1.4vw,20px);max-width:44ch;font-weight:600}
#k4-page .final .btn{margin-top:var(--sp-6)}
#k4-page .final .ph{display:none}

/* Rodapé */
#k4-page .ftr{background:#0B0B0C;color:var(--tx3);padding:var(--sp-8) 0 var(--sp-6);font-size:15px}
#k4-page .ftr .grid{display:grid;gap:var(--sp-6)}
#k4-page .ftr .logo{width:170px;height:auto}
#k4-page .ftr h3,#k4-page .ftr .fh{font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);margin-bottom:var(--sp-3)}
#k4-page .ftr a{color:var(--tx)}
#k4-page .ftr a:hover{color:var(--y)}
#k4-page .ftr .bottom{margin-top:var(--sp-7);padding-top:var(--sp-5);border-top:1px solid var(--line);font-size:13px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-3)}

/* Carregadeira: toca como vídeo ao chegar na seção e entrega "Conheça a nossa frota" */
#k4-page .dig{position:relative;background:#000}#k4-page .dig .dig-title{z-index:5}#k4-page .dig.done .dig-stage{overflow:visible}
#k4-page .dig-stage{position:relative;height:100svh;min-height:520px;overflow:hidden}
#k4-page .dig-v{position:absolute;left:0;bottom:0;width:100%;height:auto;display:block;pointer-events:none}
#k4-page .dig-title{position:absolute;left:0;right:0;top:34%;transform:translateY(-50%);text-align:center;padding:0 var(--gut);z-index:2;font-size:clamp(40px,6.6vw,104px);line-height:.92}
#k4-page .dig-title .mono{display:block;color:var(--y);font-size:13px;margin-bottom:18px;font-style:normal}
#k4-page .dig.live .dig-title{clip-path:inset(0 100% 0 0)}
#k4-page .dig.done .dig-title{clip-path:none}
#k4-page .dig.static .dig-v,#k4-page .dig.done .dig-v{display:none}
#k4-page .dig.static .dig-stage,#k4-page .dig.done .dig-stage{height:auto;min-height:0;padding:var(--sp-10) 0 var(--sp-5)}
#k4-page .dig.static .dig-title,#k4-page .dig.done .dig-title{position:static;transform:none}
@media (max-width:767px){#k4-page .dig-title{top:30%;font-size:clamp(38px,11vw,60px)}#k4-page .dig.live:not(.done) .dig-title{top:auto;bottom:calc(100vw * 16 / 9 * .085);transform:none}#k4-page .dig.live:not(.done) .dig-stage{height:clamp(300px,88vw,420px);min-height:0}}

/* Ícones animados 3D (portados do lucide-animated.com) */
#k4-page .srv{grid-template-rows:auto auto 1fr;align-items:start}#k4-page .srv .ico{grid-row:1/4;width:64px;height:64px;border-radius:16px;display:grid;place-items:center;color:#141414;background:linear-gradient(150deg,#FFF07A 0%,#FFD500 42%,#E9AE00 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.7),inset 0 -5px 0 rgba(0,0,0,.16),0 5px 0 #A87A00,0 16px 28px rgba(255,190,0,.18);transform:perspective(300px) rotateX(10deg) rotateY(-8deg);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
#k4-page .srv:hover .ico{transform:perspective(300px) rotateX(0) rotateY(0) translateY(-3px);box-shadow:inset 0 2px 0 rgba(255,255,255,.7),inset 0 -5px 0 rgba(0,0,0,.16),0 8px 0 #A87A00,0 22px 34px rgba(255,190,0,.28)}
#k4-page .srv .ico svg{width:34px;height:34px;overflow:visible;filter:drop-shadow(0 1px 0 rgba(255,255,255,.45))}
#k4-page .srv .ico svg *{transform-box:view-box}
#k4-page .i-con .stripes{transform:translateX(0)}
#k4-page .srv.play .i-con .stripes,#k4-page .srv:hover .i-con .stripes{animation:k4stripe 1s linear infinite}
@keyframes k4stripe{to{transform:translateX(6px)}}
#k4-page .srv.play .i-sld .k1{animation:k4k1 .9s var(--ease)}#k4-page .srv.play .i-sld .k2{animation:k4k2 .9s var(--ease)}#k4-page .srv.play .i-sld .k3{animation:k4k3 .9s var(--ease)}
@keyframes k4k1{50%{transform:translateX(-4px)}}@keyframes k4k2{50%{transform:translateX(5px)}}@keyframes k4k3{50%{transform:translateX(-8px)}}
#k4-page .srv.play .i-lay .l2{animation:k4l2 .8s var(--ease)}#k4-page .srv.play .i-lay .l3{animation:k4l3 .8s var(--ease)}
@keyframes k4l2{45%{transform:translateY(-5px)}}@keyframes k4l3{45%{transform:translateY(-9px)}}
#k4-page .i-rot .d,#k4-page .i-drp .d{stroke-dasharray:1;stroke-dashoffset:0}
#k4-page .srv.play .i-rot .c{animation:k4draw .5s ease-out both}
#k4-page .srv.play .i-rot .p{animation:k4draw .7s .45s ease-out both}
#k4-page .srv.play .i-drp .d{animation:k4draw .6s .15s ease-out both}
@keyframes k4draw{from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}
#k4-page .srv.play .i-leaf{transform-origin:10% 90%;animation:k4leaf 1.6s ease-in-out}
@keyframes k4leaf{25%{transform:rotate(-8deg) translate(2px,-4px)}50%{transform:rotate(4deg) translate(-2px,-2px)}75%{transform:rotate(-3deg) translate(1px,-1px)}}

/* Mecânicos */
#k4-page .mec{padding:var(--sp-10) 0}
#k4-page .mec .grid{display:grid;gap:var(--sp-7);align-items:center}
#k4-page .takes video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#k4-page .takes{position:relative;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:#000;max-height:760px;box-shadow:0 30px 60px rgba(0,0,0,.45)}
#k4-page .take{position:absolute;inset:0;opacity:0;visibility:hidden}
#k4-page .take img,#k4-page .take video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#k4-page .take.on{opacity:1;visibility:visible;z-index:2}
#k4-page .take.out{visibility:visible;z-index:1}
#k4-page .take.on img,#k4-page .take.on video{animation:k4kb 4.4s linear both}
#k4-page .take.t-wipe.on{animation:k4wipe .7s cubic-bezier(.7,0,.2,1) both}
#k4-page .take.t-zoom.on{animation:k4zoom .7s cubic-bezier(.2,.8,.2,1) both}
#k4-page .take.t-slide.on{animation:k4slide .7s cubic-bezier(.7,0,.2,1) both}
#k4-page .take.t-diag.on{animation:k4diag .75s cubic-bezier(.7,0,.2,1) both}
@keyframes k4kb{from{transform:scale(1.12) translate(1.5%,1%)}to{transform:scale(1.02) translate(0,0)}}
@keyframes k4wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes k4zoom{from{opacity:0;transform:scale(1.25);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes k4slide{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes k4diag{from{clip-path:polygon(0 0,0 0,0 0,0 0)}to{clip-path:polygon(0 0,220% 0,0 220%,0 0)}}
#k4-page .takes .bars{position:absolute;z-index:5;left:14px;right:14px;top:14px;display:flex;gap:6px}
#k4-page .takes .bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}
#k4-page .takes .bars i::after{content:"";display:block;height:100%;width:100%;background:var(--y);transform:scaleX(0);transform-origin:left}
#k4-page .takes .bars i.done::after{transform:scaleX(1)}
#k4-page .takes .bars i.run::after{animation:k4bar var(--dur,4.2s) linear both}
@keyframes k4bar{to{transform:scaleX(1)}}
#k4-page .takes .tag{position:absolute;z-index:5;left:14px;bottom:14px;right:14px;display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.02em;font-family:var(--fh);font-style:italic}
#k4-page .takes .tag::before{content:"";width:10px;height:10px;background:var(--y);transform:skewX(-12deg);flex:none}

#k4-page .mec .body h2{font-size:clamp(34px,4.2vw,60px)}
#k4-page .mec .lead{margin-top:var(--sp-5)}
#k4-page .mec ul{margin-top:var(--sp-6);display:grid;gap:var(--sp-4)}
#k4-page .mec li{display:grid;gap:4px;padding-left:var(--sp-5);border-left:3px solid var(--y)}
#k4-page .mec li b{font-size:18px}
#k4-page .mec li span{color:var(--tx2)}
#k4-page .mec .sig{margin-top:var(--sp-6);color:var(--tx3);font-size:15px}
#k4-page .mec .sig a{color:var(--tx);border-bottom:1px solid var(--y)}

/* Contato (CTA final) */
#k4-page .contact{position:relative;overflow:hidden;background:var(--y);color:var(--on-y);padding:calc(var(--sp-9) + 22px) 0}
#k4-page .contact::before,#k4-page .contact::after{content:"";position:absolute;left:0;right:0;height:22px;background:repeating-linear-gradient(-45deg,#111 0 18px,var(--y) 18px 36px)}
#k4-page .contact::before{top:0}#k4-page .contact::after{bottom:0}
#k4-page .contact::before,#k4-page .contact::after{background-size:50.91px 22px;animation:k4haz 1.6s linear infinite}
#k4-page .contact::after{animation-direction:reverse}
@keyframes k4haz{to{background-position:50.91px 0}}
@media (prefers-reduced-motion:reduce){#k4-page .contact::before,#k4-page .contact::after{animation:none}}
#k4-page .contact .grid{display:grid;gap:var(--sp-7);align-items:center}#k4-page .contact .grid>*,#k4-page .mec .grid>*{min-width:0}#k4-page .wa-big{max-width:100%}
#k4-page .contact h2{font-size:clamp(44px,6.4vw,96px);line-height:.9}
#k4-page .contact .sub{margin-top:var(--sp-5);font-size:clamp(18px,1.5vw,21px);font-weight:600;max-width:40ch}
#k4-page .wa-big{margin-top:var(--sp-6);display:inline-flex;align-items:center;gap:18px;background:#111;color:#fff;border-radius:999px;padding:14px 34px 14px 14px;font-weight:800;font-size:clamp(18px,1.6vw,22px);box-shadow:0 18px 40px rgba(0,0,0,.28);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
#k4-page .wa-big:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(0,0,0,.35)}
#k4-page .wa-big{position:relative;background:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.22) 50%,rgba(255,255,255,0) 60%) no-repeat,linear-gradient(180deg,#3a3633 0%,#1a1817 50%,#0b0a09 100%);background-size:250% 100%,100% 100%;animation:k4shineBg 3.6s ease-in-out .4s infinite;box-shadow:inset 0 2px 0 rgba(255,255,255,.18),inset 0 -3px 0 rgba(0,0,0,.6),0 5px 0 #000,0 18px 40px rgba(0,0,0,.3)}
#k4-page .wa-big:hover{box-shadow:inset 0 2px 0 rgba(255,255,255,.2),inset 0 -3px 0 rgba(0,0,0,.6),0 8px 0 #000,0 24px 50px rgba(0,0,0,.35)}
#k4-page .wa-big:active{transform:translateY(3px);box-shadow:inset 0 2px 0 rgba(255,255,255,.12),inset 0 -2px 0 rgba(0,0,0,.6),0 1px 0 #000,0 8px 18px rgba(0,0,0,.3)}
@keyframes k4shineBg{0%,55%{background-position:160% 0,0 0}85%,100%{background-position:-60% 0,0 0}}
#k4-page .wa-big .ic{position:relative;width:62px;height:62px;border-radius:50%;background:#25D366;display:grid;place-items:center;flex:none}
#k4-page .wa-big .ic svg{width:34px;height:34px;fill:#fff}
#k4-page .wa-big .ic::before,#k4-page .wa-big .ic::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:k4pulse 2s ease-out infinite}
#k4-page .wa-big .ic::after{animation-delay:1s}
@keyframes k4pulse{from{transform:scale(1);opacity:.8}to{transform:scale(1.7);opacity:0}}
#k4-page .wa-big small{display:block;font-size:13px;font-weight:600;color:rgba(255,255,255,.7);letter-spacing:.02em}
#k4-page .contact .note{margin-top:var(--sp-4);font-size:14px;font-weight:600;color:rgba(17,17,17,.7)}
#k4-page .cform{background:#111;color:var(--tx);border-radius:12px;padding:clamp(24px,3vw,40px);box-shadow:0 30px 70px rgba(0,0,0,.35);display:grid;gap:var(--sp-4)}
#k4-page .cform h3{font-family:var(--fh);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(24px,2.2vw,30px);line-height:1}
#k4-page .cform h3 + p{color:var(--tx2);font-size:15px;margin-top:-4px}
#k4-page .cform .row{display:grid;gap:var(--sp-4)}
#k4-page .cform label{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--tx2);text-transform:uppercase;letter-spacing:.06em}
#k4-page .cform input,#k4-page .cform select,#k4-page .cform textarea{font:inherit;font-size:16px;font-weight:500;color:var(--tx);background:#1d1e21;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:14px 14px;width:100%;transition:border-color .2s,box-shadow .2s;text-transform:none;letter-spacing:0}
#k4-page .cform textarea{min-height:96px;resize:vertical}#k4-page .cform select{font-size:15px;padding-right:8px}
#k4-page .cform input:focus,#k4-page .cform select:focus,#k4-page .cform textarea:focus{outline:none;border-color:var(--y);box-shadow:0 0 0 3px rgba(255,213,0,.25)}
#k4-page .cform .btn{width:100%;height:60px;font-size:17px}
#k4-page .cform .fine{font-size:13px;color:var(--tx3)}
#k4-page .faq{padding-top:var(--sp-10)}
@media (min-width:640px){#k4-page .cform .row{grid-template-columns:1fr 1fr}}
@media (min-width:900px){
  #k4-page .mec .grid{grid-template-columns:5fr 7fr;gap:var(--sp-9)}
  #k4-page .contact .grid{grid-template-columns:6fr 5fr;gap:var(--sp-9)}
}
@media (max-width:639px){#k4-page .wa-big{width:100%;padding-right:22px}}
@media (prefers-reduced-motion:reduce){#k4-page .take.on img,#k4-page .take.on video{animation:none}#k4-page .wa-big .ic::before,#k4-page .wa-big .ic::after{display:none}}

/* Botão flutuante (mobile) */
#k4-page .fab{position:fixed;right:16px;bottom:16px;z-index:40;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.35);transform:translateY(120px);transition:transform .35s var(--ease),box-shadow .2s var(--ease)}
#k4-page .fab svg{width:32px;height:32px;position:relative;z-index:1;animation:k4waTilt 4s ease-in-out 1.5s infinite}
#k4-page .fab::before,#k4-page .fab::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:k4wa 2.2s var(--ease) infinite;pointer-events:none}
#k4-page .fab::after{animation-delay:1.1s}
@keyframes k4wa{from{transform:scale(1);opacity:.85}to{transform:scale(1.9);opacity:0}}
@keyframes k4waTilt{0%,84%,100%{transform:rotate(0)}88%{transform:rotate(-14deg)}92%{transform:rotate(12deg)}96%{transform:rotate(-6deg)}}
#k4-page .fab.show{transform:none}#k4-page .fab.show:active{transform:scale(.94)}#k4-page.dig-on .fab{transform:translateY(120px)}
@media (prefers-reduced-motion:reduce){#k4-page .fab::before,#k4-page .fab::after,#k4-page .fab svg{animation:none}}
html:has(#k4-page){scroll-behavior:smooth}#k4-page #k4-form{scroll-margin-top:96px}

/* Revelação */
#k4-page .rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
#k4-page .rv.in{opacity:1;transform:none}

@media (max-width:639px){
  #k4-page .path .btn,#k4-page .hero .btn,#k4-page .final .btn{width:100%;white-space:normal;height:auto;min-height:56px;padding:14px 20px;text-align:center}
  #k4-page .path .btn{align-self:stretch}
}
#k4-page .path{min-width:0}
@media (min-width:640px){
  #k4-page{--gut:28px}
  #k4-page .who .grid{grid-template-columns:1fr 1fr}
  #k4-page .steps{grid-template-columns:1fr 1fr;gap:var(--sp-6)}
  #k4-page .action .vids{grid-auto-columns:40%}
}
@media (min-width:900px){
  #k4-page{--gut:40px}
  #k4-page .hdr nav{display:flex}
  #k4-page .paths .grid{grid-template-columns:1fr 1fr}
  #k4-page .chips{margin:0;padding:0;flex-wrap:wrap;justify-content:center}
  #k4-page .action .grid{grid-template-columns:5fr 7fr;gap:var(--sp-8)}
  #k4-page .action .vids{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible;margin:0;padding:0}
  #k4-page .action .v:nth-child(2){transform:translateY(-32px)}
  #k4-page .serv .list{grid-template-columns:1fr 1fr;column-gap:var(--sp-8)}
  #k4-page .eng .box{grid-template-columns:5fr 7fr}
  #k4-page .eng .body{padding:var(--sp-8)}
  #k4-page .steps{grid-template-columns:repeat(4,1fr)}
  #k4-page .who .grid{grid-template-columns:repeat(4,1fr)}
  #k4-page .aud{min-height:340px}
  #k4-page .faq .grid{grid-template-columns:4fr 8fr;gap:var(--sp-9)}
  #k4-page .final .body{max-width:56%}
  #k4-page .final .ph{display:block;position:absolute;top:0;right:0;bottom:0;width:40%}
  #k4-page .final .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  #k4-page .ftr .grid{grid-template-columns:2fr 1fr 1fr 1fr}
  #k4-page .fab{display:none}
}
@media (min-width:1160px){
}
@media (prefers-reduced-motion:reduce){
  #k4-page *,#k4-page *::before,#k4-page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}
  #k4-page .rv{opacity:1;transform:none}
}


/* Instagram em celular */
#k4-page .igs{position:relative;padding:var(--sp-9) 0;overflow:hidden}
#k4-page .igs .wrap{display:grid;gap:var(--sp-8);align-items:center}
#k4-page .igs .hl{color:var(--igc)}
#k4-page .igs .lead{margin-top:var(--sp-4)}
#k4-page .igs ul{list-style:none;margin:var(--sp-6) 0 0;padding:0;display:grid;gap:var(--sp-3)}
#k4-page .igs li{display:flex;align-items:center;gap:var(--sp-3);font-weight:600}
#k4-page .igs li .ic{width:22px;height:22px;flex:none;fill:var(--igc)}
#k4-page .igs .btn{margin-top:var(--sp-7)}
#k4-page .igs .btn .ic{width:20px;height:20px;fill:currentColor;flex:none}
#k4-page .igs .btn .arr{width:18px;height:18px}
#k4-page .phone{justify-self:center;width:min(300px,82vw);border-radius:46px;padding:10px;background:#0d0d0d;box-shadow:0 30px 70px rgba(0,0,0,.35),inset 0 0 0 2px #2b2b2b;transform:rotate(2.5deg);transition:transform .5s var(--ease)}
#k4-page .phone:hover{transform:rotate(0)}
#k4-page .phone.rv.in{transform:rotate(2.5deg)}#k4-page .phone.rv.in:hover{transform:rotate(0)}
#k4-page .phone__screen{position:relative;border-radius:36px;overflow:hidden;background:#fff;color:#111;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-transform:none;letter-spacing:0;font-style:normal}
#k4-page .phone__notch{position:absolute;top:8px;left:50%;width:84px;height:22px;margin-left:-42px;border-radius:14px;background:#0d0d0d;z-index:3}
#k4-page .phone .ic{width:22px;height:22px;fill:#111;display:block}
#k4-page .phone__top{display:flex;justify-content:space-between;align-items:center;padding:38px 16px 8px}
#k4-page .phone__top .phone__logo{display:block;width:auto;height:28px;fill:#111}
#k4-page .phone__top span,#k4-page .phone__acts span{display:flex;gap:14px}
#k4-page .phone__user{display:flex;align-items:center;gap:10px;padding:8px 12px}
#k4-page .phone__user img{width:36px;height:36px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 4px #E1306C;background:#000}
#k4-page .phone__user div{flex:1;min-width:0;line-height:1.2}
#k4-page .phone__user b{display:flex;align-items:center;gap:4px;font-size:13px}#k4-page .phone__ver{width:13px;height:13px;flex:none}
#k4-page .phone__user small{font-size:11.5px;color:#666}
#k4-page .phone__user a{font-size:13px;font-weight:700;color:#0095f6}
#k4-page .phone__video{position:relative;aspect-ratio:4/5;background:#222}
#k4-page .phone__video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#k4-page .phone__acts{display:flex;justify-content:space-between;padding:10px 12px 4px}
#k4-page .phone__cap{padding:2px 12px 12px;font-size:12.5px;line-height:1.4;margin:0;color:#111}
#k4-page .phone__nav{display:flex;justify-content:space-around;align-items:center;padding:10px 8px 16px;border-top:1px solid #eee}
#k4-page .phone__nav img{width:26px;height:26px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px #111}
@media (min-width:900px){#k4-page .igs .wrap{grid-template-columns:1.1fr .9fr;gap:var(--sp-9)}#k4-page .phone{width:320px}}
@media (prefers-reduced-motion:reduce){#k4-page .phone{transform:none}}
/* mobile: celular primeiro, esmaece abaixo da metade e o texto entra por cima da parte de baixo */
@media (max-width:899px){
  #k4-page .igs{padding-top:var(--sp-7);--pw:min(300px,78vw)}
  #k4-page .igs .wrap{gap:0}
  #k4-page .igs .phone,#k4-page .igs .phone.rv.in,#k4-page .igs .phone:hover{order:-1;width:var(--pw);position:relative;z-index:1;justify-self:center;transform:none;rotate:none}
  #k4-page .igs .txt{order:2;position:relative;z-index:2;margin-top:calc(var(--pw) * -1.12);padding-top:calc(var(--pw) * .65);
    background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--igbg) 78%,transparent) calc(var(--pw) * .45),var(--igbg) calc(var(--pw) * .87))}
}
#k4-page .igs{--igc:var(--y);--igbg:#0c0c0d}#k4-page .igs{background:#0c0c0d;color:var(--tx)}#k4-page .igs .btn .arr{transition:transform .25s var(--ease)}

/* WordPress: neutraliza o reset do tema Hello Elementor */
#k4-page label,#k4-page input,#k4-page select,#k4-page textarea{line-height:inherit}
/* popup do filme fica fora do #k4-page: protege o botão de fechar do reset do tema */
body .k4cine-x{padding:1px 6px;background:rgba(255,255,255,.12);color:#fff;border:0;white-space:normal;font-weight:400}
body .k4cine-x:focus{background:rgba(255,255,255,.12);color:#fff}
body .k4cine-x:hover{background:#FFD500;color:#111;color:#fff}