/* IdeaCode — Landing 3D (cards que giram) */
body{margin:0;font-family:Inter,Arial,sans-serif}
a{color:#1E7A31}a:hover{color:#145522}
/* ===== Temas claro / escuro =====
   Claro é o padrão; o escuro vale com <html data-theme="dark">.
   Fixos nos dois temas: faixa de IA (cubo/vetores), CTA verde e rodapé. */
:root{
  color-scheme:light;
  --bg:#FFFFFF;--bg-alt:#F4F7F5;--strong:#0B1410;--text:#3C4A42;--muted:#5D6B63;--label:#1E7A31;--accent-text:#2E9B3A;
  --nav-bg:#FFFFFF;--nav-line:#E3EDE1;--nav-link:#3C4A42;
  --hero-bg:#F0F6EF;--pill-bg:#FFFFFF;--pill-line:#D3EAD0;
  --l1:#FFFFFF;--l2:#FFFFFF;--l3:#E3F3E0;--lline:#BFE3B8;--lline3:#9FD497;--layer-shadow:0 10px 30px rgba(15,36,20,.10);
  --card:#FFFFFF;--card-line:#E3E8E5;--num:#E3E8E5;--icon-line:#D5DDD8;--back:#0B1410;--back-line:#0B1410;
  --soft:#F4F7F5;--feature:#0B1410;--feature-line:#0B1410;
  --ia-bg:#050B08;--ia-line:transparent;--footer-line:transparent;
  --tgl-bg:#F0F6EF;--tgl-line:#E3EDE1;--tgl-icon:#5D6B63;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#050B08;--bg-alt:#0A140E;--strong:#FFFFFF;--text:#C8D3CC;--muted:#8A9A90;--label:#6CD65E;--accent-text:#5CCB52;
  --nav-bg:#050B08;--nav-line:#16241C;--nav-link:#C8D3CC;
  --hero-bg:#050B08;--pill-bg:transparent;--pill-line:#22382B;
  --l1:#0F1F16;--l2:#13281C;--l3:#183423;--lline:#2F5A3B;--lline3:#3C7049;--layer-shadow:none;
  --card:#0F1F16;--card-line:#1C2E23;--num:#22382B;--icon-line:#2F5A3B;--back:#183423;--back-line:#3C7049;
  --soft:#0F1F16;--feature:#183423;--feature-line:#3C7049;
  --ia-bg:#030805;--ia-line:#16241C;--footer-line:#16241C;
  --tgl-bg:#0F1F16;--tgl-line:#1C2E23;--tgl-icon:#8A9A90;
}
body{background:var(--bg)}
.root,.root :where(div,span,h1,h2,p,a,button){transition:background-color .45s ease,color .45s ease,border-color .45s ease}
.layer{box-shadow:var(--layer-shadow)}

/* Botão de tema (sol / lua) */
.tgl{display:flex;align-items:center;gap:4px;background:var(--tgl-bg);border:1px solid var(--tgl-line);border-radius:999px;padding:4px;cursor:pointer;font:inherit}
.tgl:focus-visible{outline:3px solid rgba(92,203,82,.6);outline-offset:2px}
.tgl-i{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--tgl-icon);transition:background-color .3s ease,color .3s ease}
:root:not([data-theme="dark"]) .tgl-i[data-mode="light"],:root[data-theme="dark"] .tgl-i[data-mode="dark"]{background:#5CCB52;color:#050B08}

.btn3d{transition:transform .2s ease,box-shadow .2s ease}
.btn3d:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(92,203,82,.35)}

/* Hero: pilha 3D explodida */
.stage{perspective:1600px;display:flex;align-items:center;justify-content:center}
.stack{position:relative;width:300px;height:200px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-38deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.layer{position:absolute;inset:0;border-radius:16px;transition:transform .8s cubic-bezier(.2,.8,.2,1),box-shadow .8s ease}
.l1{transform:translateZ(0px)}.l2{transform:translateZ(36px)}.l3{transform:translateZ(72px)}.l4{transform:translateZ(108px)}
.stage.open .stack{transform:rotateX(52deg) rotateZ(-30deg)}
.stage.open .l1{transform:translateZ(0px)}
.stage.open .l2{transform:translateZ(90px)}
.stage.open .l3{transform:translateZ(180px)}
@media (hover:hover){.stage:hover .stack{transform:rotateX(52deg) rotateZ(-30deg)}.stage:hover .l1{transform:translateZ(0px)}.stage:hover .l2{transform:translateZ(90px)}.stage:hover .l3{transform:translateZ(180px)}.stage:hover .l4{transform:translateZ(270px);box-shadow:0 0 60px rgba(92,203,82,.45)!important}}
.stage.open .l4{transform:translateZ(270px);box-shadow:0 0 60px rgba(92,203,82,.45)!important}

/* Cards que giram */
.flip{perspective:1400px;cursor:pointer;background:none;border:0;padding:0;text-align:left;font:inherit;color:inherit}
.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.flip:focus-visible .flip-inner,.flip.is-flipped .flip-inner{transform:rotateY(180deg)}
@media (hover:hover){.flip:hover .flip-inner{transform:rotateY(180deg)}}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;box-sizing:border-box}
.back{transform:rotateY(180deg)}

/* Cubo IA */
.cube-wrap{position:relative;perspective:1000px;width:240px;height:240px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:12px;outline:none}
.cube-wrap:active{cursor:grabbing}
.cube-wrap:focus-visible{box-shadow:0 0 0 3px rgba(92,203,82,.6)}
.cube{position:relative;width:240px;height:240px;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(0deg);will-change:transform}
.cf{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:22px;box-sizing:border-box;border:1px solid #2F5A3B;background:rgba(15,31,22,.32);border-radius:6px;box-shadow:inset 0 0 40px rgba(92,203,82,.06);backface-visibility:hidden;-webkit-backface-visibility:hidden}
/* Espaço vetorial (embeddings) dentro do cubo — desenhado em canvas, gira junto com o cubo */
.vec{position:absolute;left:-80px;top:-80px;width:400px;height:400px;pointer-events:none}
.f1{transform:rotateY(0deg) translateZ(120px)}.f2{transform:rotateY(90deg) translateZ(120px)}.f3{transform:rotateY(180deg) translateZ(120px)}.f4{transform:rotateY(-90deg) translateZ(120px)}.f5{transform:rotateX(90deg) translateZ(120px)}.f6{transform:rotateX(-90deg) translateZ(120px)}

/* Processo inclinado */
.tilt{transition:transform .5s ease,box-shadow .5s ease;transform:perspective(900px) rotateX(0deg)}
.tilt:hover{transform:perspective(900px) rotateX(10deg) translateY(-6px);box-shadow:0 24px 40px rgba(11,20,16,.12)}

@media (prefers-reduced-motion: reduce){.root,.root :where(div,span,h1,h2,p,a,button){transition:none}.cube{animation:none}.flip-inner,.layer,.stack,.tilt{transition:none}}

/* ===== Mini ilustrações dentro dos cards de serviço ===== */
:root{--mk-bg:#F4F7F5;--mk-soft:#FFFFFF;--mk-line:#E3E8E5;--mk-bar:#D5DDD8;--mk-bar2:#E6ECE8;--mk-shadow:0 8px 20px rgba(11,20,16,.07)}
:root[data-theme="dark"]{--mk-bg:#13281C;--mk-soft:#0B1611;--mk-line:#2F5A3B;--mk-bar:#2F5A3B;--mk-bar2:#22382B;--mk-shadow:0 8px 20px rgba(0,0,0,.25)}
.mk{position:relative;height:104px;display:flex;align-items:center;justify-content:center;pointer-events:none}
.mk *{box-sizing:border-box}
.mk i,.mk b,.mk em{display:block;font-style:normal}
.mk-l{height:7px;border-radius:4px;background:var(--mk-bar)}
.mk-l.thin{height:5px;background:var(--mk-bar2)}
.w30{width:30%}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w80{width:80%}
.mk-btn{width:42px;height:12px;border-radius:6px;background:#5CCB52}
.mk-btn.full{width:100%;height:14px;margin-top:auto}
.mk-win{width:100%;max-width:250px;height:100%;background:var(--mk-soft);border:1px solid var(--mk-line);border-radius:10px;box-shadow:var(--mk-shadow);overflow:hidden}

/* 01 Site */
.mk-top{display:flex;align-items:center;gap:4px;height:18px;padding:0 8px;background:var(--mk-bg);border-bottom:1px solid var(--mk-line)}
.mk-top i{width:6px;height:6px;border-radius:50%;background:var(--mk-bar)}
.mk-top i:first-child{background:#5CCB52}
.mk-url{margin-left:8px;flex:1;height:7px;border-radius:4px;background:var(--mk-soft);border:1px solid var(--mk-line)}
.mk-body{display:flex;gap:10px;padding:12px 12px}
.mk-col{flex:1;display:flex;flex-direction:column;gap:7px}
.mk-col .mk-btn{margin-top:3px}
.mk-img{width:38%;border-radius:6px;background:linear-gradient(135deg,rgba(92,203,82,.55),rgba(92,203,82,.15))}

/* 02 Sistema web */
.mk-sys .mk-win{display:flex}
.mk-side{width:30px;background:var(--mk-bg);border-right:1px solid var(--mk-line);padding:10px 7px;display:flex;flex-direction:column;gap:7px}
.mk-side b{height:6px;border-radius:3px;background:var(--mk-bar)}
.mk-side b.on{background:#5CCB52}
.mk-main{flex:1;padding:8px;display:flex;flex-direction:column;gap:8px}
.mk-kpis{display:flex;gap:6px}
.mk-kpis span{flex:1;border:1px solid var(--mk-line);border-radius:6px;padding:5px;display:flex;flex-direction:column;gap:4px}
.mk-kpis em{font:700 10px/1 'Space Grotesk',Arial,sans-serif;color:var(--strong)}
.mk-kpis span:nth-child(2) em{color:var(--label)}
.mk-chart{flex:1;display:flex;align-items:flex-end;gap:5px;padding:0 2px}
.mk-chart i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:var(--mk-bar);transform-origin:bottom;animation:mk-grow 3.2s ease-in-out infinite}
.mk-chart i:nth-child(2n){animation-delay:.4s}.mk-chart i:nth-child(3n){animation-delay:.8s}
.mk-chart i.on{background:#5CCB52}
@keyframes mk-grow{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.82)}}

/* 03 App */
.mk-app{gap:0}
.mk-phone{position:relative;width:64px;height:104px;border-radius:12px;background:var(--mk-soft);border:2px solid var(--strong);padding:12px 7px 7px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--mk-shadow)}
.mk-notch{position:absolute;top:4px;left:50%;width:18px;height:4px;margin-left:-9px;border-radius:2px;background:var(--strong)}
.mk-row{display:flex;align-items:center;gap:4px}
.mk-row i{width:9px;height:9px;flex:none;border-radius:3px;background:var(--mk-bar)}
.mk-row i.on{background:#5CCB52}
.mk-toast{margin-left:-14px;margin-top:34px;width:96px;display:flex;align-items:center;gap:6px;padding:7px;border-radius:9px;background:var(--mk-soft);border:1px solid var(--mk-line);box-shadow:var(--mk-shadow);animation:mk-float 3.6s ease-in-out infinite}
.mk-toast i{width:14px;height:14px;flex:none;border-radius:4px;background:#5CCB52}
.mk-toast span{flex:1;display:flex;flex-direction:column;gap:4px}
@keyframes mk-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* 04 IA */
.mk-ai{flex-direction:column;align-items:stretch;justify-content:center;gap:6px;max-width:250px;margin:0 auto;width:100%}
.mk-msg{display:flex;flex-direction:column;gap:4px;padding:7px 9px;border-radius:10px;max-width:62%}
.mk-msg.me{align-self:flex-end;background:var(--mk-bg);border:1px solid var(--mk-line);border-bottom-right-radius:3px;width:58%}
.mk-msg.bot{flex-direction:row;align-items:center;gap:7px;align-self:flex-start;background:#0B1410;border-bottom-left-radius:3px}
:root[data-theme="dark"] .mk-msg.bot{background:#183423;border:1px solid #3C7049}
.mk-spark{color:#5CCB52;font-size:11px;line-height:1}
.mk-typing{display:flex;gap:3px}
.mk-typing i{width:5px;height:5px;border-radius:50%;background:#5CCB52;animation:mk-dot 1.2s ease-in-out infinite}
.mk-typing i:nth-child(2){animation-delay:.15s}.mk-typing i:nth-child(3){animation-delay:.3s}
@keyframes mk-dot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.mk-input{display:flex;align-items:center;gap:6px;padding:6px 6px 6px 9px;border-radius:999px;background:var(--mk-soft);border:1px solid var(--mk-line)}
.mk-input .mk-l{flex:1}
.mk-send{width:14px;height:14px;border-radius:50%;background:#5CCB52;flex:none}

/* 05 Social */
.mk-post{position:relative;z-index:1;width:92px;padding:6px;border-radius:9px;background:var(--mk-soft);border:1px solid var(--mk-line);box-shadow:var(--mk-shadow);display:flex;flex-direction:column;gap:5px}
.mk-post.back{z-index:0;width:80px;margin-left:-40px;transform:rotate(8deg) translateY(4px);opacity:.75}
.mk-head{display:flex;align-items:center;gap:5px}
.mk-head i{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#5CCB52,#1E7A31)}
.mk-photo{height:48px;border-radius:6px;background:linear-gradient(135deg,rgba(92,203,82,.6),rgba(30,122,49,.35));display:flex;align-items:center;justify-content:center}
.mk-post.back .mk-photo{height:70px;background:var(--mk-bg)}
.mk-photo span{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.75)}
.mk-acts{display:flex;align-items:center;gap:5px}
.mk-acts .mk-l{flex:1}
.mk-heart{color:#E5484D;font-size:11px;line-height:1;animation:mk-beat 2.4s ease-in-out infinite}
.mk-count{font:600 8px/1 Inter,Arial,sans-serif;color:var(--muted);white-space:nowrap}
@keyframes mk-beat{0%,70%,100%{transform:scale(1)}80%{transform:scale(1.35)}}

/* 06 Motion */
.mk-motion .mk-win{display:flex;flex-direction:column}
.mk-screen{position:relative;flex:1;background:#0B1410;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mk-shape{position:absolute;left:14%;width:16px;height:16px;border-radius:4px;background:#5CCB52;animation:mk-move 3s ease-in-out infinite}
.mk-play{position:relative;width:0;height:0;border-left:12px solid rgba(255,255,255,.85);border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
@keyframes mk-move{0%,100%{transform:translateX(0) rotate(0)}50%{transform:translateX(150px) rotate(180deg);border-radius:50%}}
.mk-tl{position:relative;height:24px;padding:6px 9px;background:var(--mk-bg);border-top:1px solid var(--mk-line)}
.mk-track{height:4px;border-radius:2px;background:var(--mk-bar);overflow:hidden}
.mk-prog{height:100%;width:100%;background:#5CCB52;transform-origin:left;animation:mk-prog 3s linear infinite}
@keyframes mk-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.mk-keys{position:relative;height:8px;margin-top:3px}
.mk-keys i{position:absolute;top:0;width:6px;height:6px;margin-left:-3px;background:var(--label);transform:rotate(45deg)}

@media (prefers-reduced-motion: reduce){.mk *{animation:none!important}}

/* ===== Home: âncoras, contato (formulário original) e rodapé ===== */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
.anchor{display:block;position:relative;top:-8px;height:0}
#contact,#services,#ia,#process,#hero{scroll-margin-top:8px}

.ct{display:flex;flex-wrap:wrap;gap:40px;background:#5CCB52;border-radius:24px;padding:56px}
.ct-info{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:14px}
.ct-items{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.ct-item{display:flex;align-items:center;gap:12px;color:#050B08;text-decoration:none;font-weight:600;font-size:15px}
a.ct-item:hover{color:#050B08;text-decoration:underline}
.ct-item small{display:block;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#0E2116;opacity:.75}
.ct-ico{width:40px;height:40px;flex:none;border-radius:50%;background:#050B08;color:#5CCB52;display:flex;align-items:center;justify-content:center}
.ct-form{flex:1.3 1 420px;min-width:0;background:var(--card);border:1px solid var(--card-line);border-radius:18px;padding:32px;box-shadow:0 24px 50px rgba(5,11,8,.18);display:flex;flex-direction:column;gap:18px}
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ct-f{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--strong)}
.ct-f.full{grid-column:1/-1}
.ct-f input,.ct-f textarea{font:400 15px/1.4 Inter,Arial,sans-serif;color:var(--strong);background:var(--bg);border:1px solid var(--card-line);border-radius:10px;padding:12px 14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical}
.ct-f input::placeholder,.ct-f textarea::placeholder{color:var(--muted)}
.ct-f input:focus,.ct-f textarea:focus{border-color:#5CCB52;box-shadow:0 0 0 3px rgba(92,203,82,.25)}
.ct-send{align-self:flex-start;background:#5CCB52;color:#050B08;border:0;border-radius:8px;padding:15px 26px;font:600 16px Inter,Arial,sans-serif;cursor:pointer}
.ct-send:focus-visible{outline:3px solid rgba(92,203,82,.6);outline-offset:2px}
/* Mensagens do validate.js (ele alterna a classe d-block) */
.ct-status .loading,.ct-status .error-message,.ct-status .sent-message{display:none;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:500}
.ct-status .loading{background:var(--bg-alt);color:var(--text)}
.ct-status .error-message{background:#FDECEC;color:#9B1C1C;border:1px solid #F5C2C2}
.ct-status .sent-message{background:#E7F6E4;color:#1E5E28;border:1px solid #BFE3B8}
:root[data-theme="dark"] .ct-status .error-message{background:#2A1212;color:#F5B5B5;border-color:#5C2323}
:root[data-theme="dark"] .ct-status .sent-message{background:#13281C;color:#A9E6A1;border-color:#3C7049}
.ct-status .d-block{display:block!important}
@media (max-width:640px){.ct{padding:28px 20px}.ct-form{padding:22px}.ct-grid{grid-template-columns:1fr}}

.ft{max-width:1200px;margin:0 auto;padding:48px 32px 28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px}
.ft-col{display:flex;flex-direction:column;gap:8px;min-width:180px}
.ft-about{flex:1 1 320px;max-width:420px}
.ft-col strong{color:#FFFFFF;font-weight:600;margin-bottom:2px}
.ft a{color:#C8D3CC;text-decoration:none}
.ft a:hover{color:#5CCB52}
.ft-copy{max-width:1200px;margin:0 auto;padding:18px 32px 32px;border-top:1px solid #16241C;font-size:12px;color:#8A9A90}


/* ===== Responsivo (celular e tablet) ===== */
.nav{position:sticky;top:0;z-index:50}
#contact,#services,#ia,#process,#hero{scroll-margin-top:76px}
.anchor{top:-76px}
.nav-menu{display:flex;align-items:center;gap:28px}
.nav-burger{display:none;width:44px;height:44px;border-radius:10px;border:1px solid var(--tgl-line);background:var(--tgl-bg);color:var(--strong);align-items:center;justify-content:center;cursor:pointer;padding:0}
.nav-burger path{transition:transform .25s ease,opacity .2s ease;transform-origin:12px 12px}
.nav-burger[aria-expanded="true"] .b1{transform:translateY(5px) rotate(45deg)}
.nav-burger[aria-expanded="true"] .b2{opacity:0}
.nav-burger[aria-expanded="true"] .b3{transform:translateY(-5px) rotate(-45deg)}
.only-touch{display:none}
@media (hover:none){.only-mouse{display:none}.only-touch{display:inline}}

@media (max-width:900px){
  .nav-in{padding:12px 20px!important;flex-wrap:nowrap!important;position:relative}
  .nav-actions{gap:10px!important;flex-wrap:nowrap!important}
  .nav-burger{display:flex}
  .nav-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--nav-bg);border-bottom:1px solid var(--nav-line);box-shadow:0 18px 30px rgba(5,11,8,.12);padding:8px 20px 16px}
  .nav-menu.open{display:flex}
  .nav-menu a{padding:14px 4px;font-size:17px;border-bottom:1px solid var(--nav-line)}
  .nav-menu a:last-child{border-bottom:0}
  .sec{padding:72px 24px!important;gap:40px!important}
  .sec-hero{padding:56px 24px 64px!important}
  .sec-ct{padding:0 16px 64px!important}
  .h-hero{font-size:46px!important;letter-spacing:-1.5px!important}
  .h-sec{font-size:34px!important}
  .stage{flex-basis:100%!important;height:360px!important}
  .stack{transform:rotateX(58deg) rotateZ(-38deg) scale(.85)}
  .stage.open .stack{transform:rotateX(52deg) rotateZ(-30deg) scale(.85)}
  .cube-col{flex-basis:100%!important;height:auto!important;padding:40px 0 8px;gap:44px!important}
  .ct{padding:36px 24px;gap:28px}
}

@media (max-width:560px){
  .nav-tag{display:none}
  .nav-cta{padding:10px 14px!important;font-size:14px}
  .tgl{padding:3px}
  .tgl-i{width:28px;height:28px}
  .sec{padding:56px 20px!important}
  .sec-hero{padding:40px 20px 48px!important}
  .h-hero{font-size:38px!important;line-height:1.05!important}
  .h-sec{font-size:29px!important;letter-spacing:-.5px!important}
  .lead{font-size:17px!important}
  .stage{height:300px!important}
  .stack{transform:rotateX(58deg) rotateZ(-38deg) scale(.68)}
  .stage.open .stack{transform:rotateX(52deg) rotateZ(-30deg) scale(.68)}
  .flip{height:300px!important;flex-basis:100%!important}
  .flip .face{padding:24px!important}
  .mk{height:92px}
  .cube-wrap{transform:scale(.9)}
  .ct{padding:28px 18px;border-radius:20px}
  .ct-form{padding:20px;border-radius:14px}
  .ct-grid{grid-template-columns:1fr;gap:14px}
  .ct-f input,.ct-f textarea{font-size:16px}
  .ct-send{align-self:stretch;text-align:center}
  .ft{padding:40px 20px 24px;gap:28px}
  .ft-copy{padding:16px 20px 28px}
}

@media (max-width:360px){
  .h-hero{font-size:34px!important}
}
@media (hover:hover) and (max-width:900px){.stage:hover .stack{transform:rotateX(52deg) rotateZ(-30deg) scale(.85)}}
@media (hover:hover) and (max-width:560px){.stage:hover .stack{transform:rotateX(52deg) rotateZ(-30deg) scale(.68)}}

/* Menu: botão "Fale conosco" dentro do painel (só no celular) */
.menu-cta{display:none}
@media (max-width:900px){
  .nav-menu .menu-cta{display:block;margin-top:12px;text-align:center;background:#5CCB52;color:#050B08!important;font-weight:600;border-radius:10px;border-bottom:0}
}
@media (max-width:480px){
  .nav-cta{display:none}
  .nav-in{padding:12px 16px!important}
}
/* Ajustes finos do celular */
.nav-menu .menu-cta{text-decoration:none}
@media (max-width:900px){
  .sec-hero{padding-bottom:24px!important}
  .stage{height:320px!important;margin-top:-8px}
  #process{padding-bottom:56px!important}
}
@media (max-width:560px){
  .sec-hero{padding-bottom:8px!important}
  .stage{height:250px!important;margin-top:-16px}
  #process{padding-bottom:48px!important}
}
/* Topo no celular: as camadas 3D se projetam para cima; desce a pilha para não encostar no botão */
@media (max-width:900px){
  .stage{height:300px!important;margin-top:0}
  .stack{top:22px}
}
@media (max-width:560px){
  .stage{height:250px!important;margin-top:12px}
  .stack{top:26px}
}
/* Camadas abertas (toque) no celular: abertura menor e pilha desce, para não cobrir o botão */
@media (max-width:900px){
  .stack{transition:transform .8s cubic-bezier(.2,.8,.2,1),top .8s cubic-bezier(.2,.8,.2,1)}
  .stage.open .stack{top:64px}
  .stage.open .l2{transform:translateZ(62px)}
  .stage.open .l3{transform:translateZ(124px)}
  .stage.open .l4{transform:translateZ(186px)}
}
@media (hover:hover) and (max-width:900px){
  .stage:hover .stack{top:64px}
  .stage:hover .l2{transform:translateZ(62px)}
  .stage:hover .l3{transform:translateZ(124px)}
  .stage:hover .l4{transform:translateZ(186px)}
}
@media (max-width:560px){
  .stage{height:270px!important}
  .stage.open .stack{top:58px}
}