/* Ajustes aprovados em 21/07/2026 */
main{display:flex;flex-direction:column}
.hero{order:1}.video-section{order:2}.services{order:3}.method{order:4}.before-after{order:5}.problem{order:6}.portfolio{order:7}.diagnostic{order:8}.hiring{order:9}.community{order:10}.reviews{order:11}.faq{order:12}.final-cta{order:13}

/* Nova marca menor no menu */
.site-header .brand{width:198px;height:52px;overflow:hidden}
.site-header .brand img{width:100%;height:100%;object-fit:contain;object-position:left center;filter:none;transform:none}

/* Hero: card de venda ancorado ao celular e canais junto do CTA */
.hero-system{position:relative;overflow:visible}
.phone-stage{position:absolute;z-index:3;left:50%;top:48%;width:240px;height:465px;transform:translate(-50%,-50%);animation:phoneStageBreath 5.8s ease-in-out infinite}
.phone-stage .phone{inset:0;left:0;top:0;width:100%;height:100%;transform:none;animation:none!important}
.phone-stage .sales-dashboard{position:absolute;z-index:8;left:50%;right:auto;top:auto;bottom:18px;width:174px;min-width:0;padding:11px 14px;transform:translateX(-50%);text-align:center;animation:none}
.phone-stage .sales-dashboard small{display:block;font-size:.61rem;line-height:1.1;letter-spacing:.08em;white-space:nowrap}
.phone-stage .sales-dashboard strong{display:block;margin-top:3px;font-size:1.22rem;line-height:1.05;white-space:nowrap}
.hero-platforms{position:absolute;z-index:7;left:50%;bottom:72px;transform:translateX(-50%);display:flex;width:max-content;max-width:calc(100% - 24px);align-items:center;justify-content:center;gap:8px;margin:0;flex-wrap:nowrap}
.hero-platforms span{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center}
.hero-platforms img{width:100%;height:100%;object-fit:contain}
.hero-services-button{bottom:12px;min-width:220px}

/* Cards uniformes e imagens próximas dos títulos */
.services .service-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.services .service-grid article{min-height:465px}
.services .service-grid .service-image{height:248px;margin:0 -8px -3px;align-items:end;overflow:hidden}
.services .service-grid .service-image img{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center bottom;transform:none;animation:none;filter:drop-shadow(0 18px 28px rgba(0,0,0,.38))}
.services .service-grid h3{margin-top:7px}
.services .service-grid article:last-child:nth-child(3n+1){grid-column:2}
.coming-soon-card{border-color:rgba(41,224,121,.42)!important}
.coming-soon-badge{position:absolute;z-index:4!important;top:18px;right:18px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#16b8ff,#29e079);color:#02131d!important;font-size:.67rem!important;line-height:1!important;letter-spacing:.08em;font-weight:950;box-shadow:0 10px 25px rgba(22,184,255,.28)}

/* Setas premium independentes de fonte */
.before-after .premium-arrow{display:grid;place-items:center;font-size:0;padding:0;background:linear-gradient(145deg,#0b67bd,#12b9ee 52%,#26d77a);border:1px solid rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(0,70,150,.36),inset 0 1px 0 rgba(255,255,255,.5)}
.before-after .premium-arrow::before{content:"";display:block;width:13px;height:13px;border-top:3px solid #fff;border-right:3px solid #fff}
.before-after .premium-arrow.prev::before{transform:translateX(2px) rotate(-135deg)}
.before-after .premium-arrow.next::before{transform:translateX(-2px) rotate(45deg)}
.before-after .premium-arrow:focus-visible{outline:3px solid #9cf8c0;outline-offset:4px}

/* Rodapé contido, sem efeitos ou extravasamento */
footer{position:relative;isolation:isolate;width:100%;max-width:100%;overflow:hidden;background:#010713;background-image:none;filter:none;transform:none}
footer::before,footer::after{content:none!important;display:none!important}
.footer-grid{width:min(var(--max),calc(100% - 40px));margin-inline:auto;align-items:start}
.footer-brand{min-width:0;overflow:hidden}
.footer-brand img{content:url("assets/brand-logo-new.webp");display:block;width:210px!important;height:68px!important;margin:0 0 16px!important;object-fit:contain!important;object-position:left center;filter:none!important;transform:none!important;animation:none!important}
.copyright{width:min(var(--max),calc(100% - 40px));margin-inline:auto}

@keyframes phoneStageBreath{0%,100%{translate:0 0}50%{translate:0 -8px}}

@media(max-width:980px){
  .site-header .brand{width:176px;height:48px}
  .services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .services .service-grid article{min-height:440px}
  .services .service-grid article:last-child:nth-child(3n+1){grid-column:1/-1;width:calc(50% - 10px);justify-self:center}
}

@media(max-width:680px){
  .site-header .brand{width:min(154px,calc(100vw - 84px));height:46px}
  .hero-system{height:490px!important;overflow:visible}
  .phone-stage{top:45%;width:174px;height:344px}
  .phone-stage .sales-dashboard{bottom:18px;width:136px;padding:9px 10px}
  .phone-stage .sales-dashboard small{font-size:.51rem}.phone-stage .sales-dashboard strong{font-size:1rem}
  .hero-platforms{bottom:68px;gap:4px;max-width:calc(100% - 18px)}
  .hero-platforms span{width:41px;height:41px;flex-basis:41px}
  .hero-services-button{bottom:6px;width:calc(100% - 48px)}
  .services .service-grid{grid-template-columns:1fr}
  .services .service-grid article{min-height:0}
  .services .service-grid article:last-child:nth-child(3n+1){grid-column:auto;width:auto;justify-self:stretch}
  .services .service-grid .service-image{height:235px;margin-bottom:-2px}
  .before-after .premium-arrow{width:52px;height:52px}
  .footer-grid,.copyright{width:calc(100% - 28px)}
  .footer-brand img{width:190px!important;height:62px!important}
}

@media(max-width:380px){
  .phone-stage{width:166px;height:326px;top:44%}
  .hero-platforms span{width:37px;height:37px;flex-basis:37px}
  .phone-stage .sales-dashboard{width:128px}
}

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