:root{
  --ink:#061a22;
  --muted:rgba(6,26,34,.72);
  --teal-950:#003f39;
  --teal-900:#00695f;
  --teal-700:#00897b;
  --teal-500:#00a896;
  --mint:#57e6d2;
  --line:rgba(0,137,123,.14);
  --line-strong:rgba(0,137,123,.26);
  --white:#fff;
  --bg:#f4fcfa;
  --bg-soft:#e8f6f2;
  --glass:rgba(255,255,255,.62);
  --shadow:0 24px 70px rgba(6,26,34,.09);
  --shadow-soft:0 14px 36px rgba(6,26,34,.06);
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:18px;
  --max:1180px;
  --gutter:clamp(18px,4vw,42px);
  --font-body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-title:"Space Grotesk","Inter",sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{
  margin:0;
  overflow-x:hidden;
  font-family:var(--font-body);
  color:var(--ink);
  background:
    radial-gradient(circle at 12% 6%,rgba(87,230,210,.22),transparent 28rem),
    radial-gradient(circle at 88% 10%,rgba(0,168,150,.12),transparent 34rem),
    linear-gradient(180deg,var(--bg),var(--bg-soft));
  line-height:1.6;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{font:inherit}
.container{width:min(var(--max),calc(100% - (var(--gutter) * 2)));margin-inline:auto}
.scroll-progress{position:fixed;inset:0 0 auto;z-index:3000;height:3px;background:rgba(6,26,34,.05)}
.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--teal-900),var(--mint))}

.site-header{
  position:sticky;
  top:0;
  z-index:2000;
  background:rgba(244,252,250,.86);
  border-bottom:1px solid rgba(0,137,123,.11);
  backdrop-filter:blur(18px);
}
.navbar{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}
.brand img{width:clamp(210px,18vw,286px);max-height:56px;object-fit:contain}
.main-menu{display:flex;justify-content:center;gap:2px;white-space:nowrap}
.main-menu a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  padding:9px 10px;
  border-radius:14px;
  border:1px solid transparent;
  font-family:var(--font-title);
  font-size:.83rem;
  font-weight:700;
  color:rgba(6,26,34,.74);
  transition:.2s ease;
}
.main-menu a:hover,
.main-menu a.is-active{color:var(--teal-900);background:rgba(255,255,255,.62);border-color:var(--line)}
.nav-actions{display:flex;align-items:center;gap:10px}
.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.68);cursor:pointer}
.menu-toggle span{display:block;width:22px;height:2px;margin:5px auto;background:var(--teal-900);border-radius:999px;transition:.2s ease}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.btn{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 18px;
  border-radius:16px;
  border:1px solid rgba(0,137,123,.24);
  font-weight:900;
  line-height:1;
  transition:.25s ease;
}
.btn::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.18) 34%,rgba(255,255,255,.75) 50%,rgba(255,255,255,.18) 66%,transparent 100%);
  transform:translateX(-130%) skewX(-20deg);
  transition:.85s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn:hover::after{transform:translateX(130%) skewX(-20deg)}
.btn-small{min-height:42px;padding:11px 14px;font-size:.83rem}
.btn-large{min-height:58px;padding:17px 24px;font-size:1rem}
.btn-glass{
  color:var(--teal-900);
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.46)),linear-gradient(135deg,rgba(87,230,210,.17),rgba(0,105,95,.07));
  box-shadow:0 14px 30px rgba(6,26,34,.07),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(16px) saturate(125%);
}
.btn-solid{
  color:#fff;
  border-color:rgba(255,255,255,.22);
  background:linear-gradient(135deg,var(--teal-950),var(--teal-700) 56%,var(--teal-500));
  box-shadow:0 18px 42px rgba(0,105,95,.22),inset 0 1px 0 rgba(255,255,255,.25);
}
.cta-wave::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:18px;
  border-radius:999px;
  z-index:-1;
  background:radial-gradient(circle,rgba(87,230,210,.42),rgba(87,230,210,0) 72%);
  transform:translate(-50%,-50%);
  animation:wave 2.8s ease-out infinite;
}
@keyframes wave{
  0%{transform:translate(-50%,-50%) scale(1);opacity:.62}
  70%{transform:translate(-50%,-50%) scale(15);opacity:.05}
  100%{transform:translate(-50%,-50%) scale(17);opacity:0}
}

h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--font-title);letter-spacing:-.035em;color:var(--ink)}
h1{font-size:clamp(2.55rem,5vw,4.85rem);line-height:.96;margin-bottom:20px;max-width:10.5em}
h2{font-size:clamp(2rem,3.7vw,3.45rem);line-height:1.04;margin:12px 0 16px}
h3{font-size:1.18rem;line-height:1.18;margin-bottom:8px}
p,li{font-size:.98rem;color:var(--muted)}
.lead{font-size:1.08rem;color:rgba(6,26,34,.86);max-width:58ch}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--teal-900);
  font-size:.82rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
}
.eyebrow::before{content:"";width:36px;height:2px;background:linear-gradient(90deg,var(--teal-900),var(--mint))}

.hero{
  position:relative;
  overflow:hidden;
  padding:18px 0 34px;
}
.hero-media{
  position:absolute;
  top:0;
  right:0;
  bottom:98px;
  width:min(62vw,1040px);
  min-width:720px;
  pointer-events:none;
}
.hero-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(90deg,
    rgba(244,252,250,1) 0%,
    rgba(244,252,250,.98) 11%,
    rgba(244,252,250,.92) 22%,
    rgba(244,252,250,.76) 36%,
    rgba(244,252,250,.46) 51%,
    rgba(244,252,250,.16) 65%,
    rgba(244,252,250,0) 78%);
}
.hero-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:24%;
  z-index:2;
  background:linear-gradient(180deg,rgba(244,252,250,0),rgba(244,252,250,.54));
}
.hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:74% center;
  transform:scale(1.012);
}
.hero-content{
  position:relative;
  z-index:3;
  min-height:calc(100vh - 174px);
  display:flex;
  align-items:center;
}
.hero-copy{max-width:min(540px,48vw)}
.hero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0 18px}
.micro-proof{max-width:270px;color:rgba(6,26,34,.64);font-size:.9rem;font-weight:700}
.hero-tags{display:flex;gap:8px;flex-wrap:wrap}
.hero-tags span{
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.68);
  color:rgba(6,26,34,.74);
  font-weight:800;
  font-size:.84rem;
}
.proof-strip{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.proof-strip article{
  padding:20px;
  border-radius:var(--radius-lg);
  border:1px solid var(--line);
  background:rgba(255,255,255,.70);
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(12px);
}
.proof-strip strong{display:block;font-family:var(--font-title);font-size:1.25rem;color:var(--teal-900);margin-bottom:4px}
.proof-strip span{color:var(--muted);font-weight:700}

.section{padding:34px 0}
.split-layout,
.modules-panel,
.benefits-panel,
.security-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);
  gap:clamp(24px,4vw,40px);
  align-items:stretch;
}
.copy-block p,.section-head p,.modules-copy p{max-width:68ch}
.soft-image{
  overflow:hidden;
  border-radius:var(--radius-xl);
  border:1px solid rgba(0,137,123,.13);
  background:rgba(255,255,255,.48);
  box-shadow:var(--shadow-soft);
}
.soft-image img{width:100%;height:100%;min-height:360px;object-fit:cover;transition:transform .75s ease}
.soft-image:hover img{transform:scale(1.035)}
.mini-cards{display:grid;gap:12px;margin-top:24px}
.mini-cards article,
.glass-card,
.process-card,
.module-list article,
.connected-card{
  border-radius:var(--radius-lg);
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.46));
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(12px);
}
.mini-cards article{padding:18px}
.mini-cards strong,.benefit-grid strong{display:block;color:var(--teal-900);font-family:var(--font-title);margin-bottom:4px}

.section-head{max-width:860px;margin-bottom:24px}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.glass-card{padding:28px;transition:.25s ease}
.glass-card:hover,.process-card:hover,.module-list article:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.card-number{display:block;color:var(--teal-900);font-family:var(--font-title);font-weight:900;margin-bottom:34px}

.modules-panel{
  border-radius:var(--radius-xl);
  border:1px solid var(--line);
  background:rgba(255,255,255,.50);
  box-shadow:var(--shadow);
  padding:clamp(24px,4vw,46px);
}
.module-list{display:grid;gap:10px;margin-top:24px}
.module-list article{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:18px;transition:.25s ease}
.module-list span{
  width:42px;height:42px;display:grid;place-items:center;border-radius:16px;
  color:var(--teal-900);font-family:var(--font-title);font-weight:900;
  border:1px solid var(--line);background:rgba(255,255,255,.74)
}
.module-list p{margin-bottom:0}
.modules-visual{display:grid;gap:14px;align-content:start}
.connected-card{padding:20px}
.connected-card strong{display:block;color:var(--teal-900);font-family:var(--font-title);font-size:1.14rem;margin-bottom:6px}
.connected-card p{margin-bottom:0}
.modules-visual .soft-image img{min-height:520px;object-position:center}

.benefits-panel{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.benefit-grid article{padding:24px}

.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.process-card{padding:24px;transition:.25s ease}
.process-card span{
  width:54px;height:54px;display:grid;place-items:center;border-radius:18px;
  background:linear-gradient(135deg,var(--teal-950),var(--teal-500));
  color:#fff;font-family:var(--font-title);font-weight:900;margin-bottom:20px
}

.security-panel{
  border-radius:var(--radius-xl);
  border:1px solid var(--line);
  background:rgba(255,255,255,.50);
  box-shadow:var(--shadow);
  padding:clamp(24px,4vw,46px);
}
.check-list{list-style:none;display:grid;gap:10px;margin:22px 0 0;padding:0;max-width:68ch}
.check-list li{
  position:relative;padding:13px 16px 13px 42px;border-radius:18px;
  border:1px solid var(--line);background:rgba(255,255,255,.66);font-weight:800
}
.check-list li::before{content:"✓";position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--teal-900)}

.contact-panel{
  text-align:center;
  border-radius:var(--radius-xl);
  border:1px solid var(--line);
  background:rgba(255,255,255,.62);
  box-shadow:var(--shadow);
  padding:clamp(34px,6vw,72px);
}
.contact-panel h2,.contact-panel p{max-width:760px;margin-left:auto;margin-right:auto}
.contact-panel .btn{margin-top:10px}

.footer{padding:34px 0 26px}
.footer-panel{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr 1.15fr;
  gap:26px;
  border-radius:var(--radius-xl);
  border:1px solid var(--line);
  background:rgba(255,255,255,.54);
  box-shadow:var(--shadow);
  padding:clamp(24px,3vw,34px);
}
.footer-logo{width:min(280px,100%);margin-bottom:16px}
.footer h3{font-family:var(--font-title);font-size:1.08rem;margin-bottom:12px}
.footer a{display:block;color:rgba(6,26,34,.74);margin-bottom:7px}
.footer a:hover{color:var(--teal-900)}
.footer-bottom{margin-top:12px;padding-top:16px;border-top:1px solid var(--line);color:rgba(6,26,34,.58);font-size:.92rem}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.reveal.is-visible{opacity:1;transform:none}

@media(max-width:1240px){
  .navbar{grid-template-columns:auto auto;justify-content:space-between}
  .menu-toggle{display:block}
  .main-menu,.nav-actions{
    position:fixed;left:var(--gutter);right:var(--gutter);display:none;
    border-radius:var(--radius-lg);border:1px solid var(--line);
    background:rgba(244,252,250,.98);box-shadow:var(--shadow);backdrop-filter:blur(18px)
  }
  .main-menu{top:82px;flex-direction:column;align-items:stretch;padding:14px;gap:8px}
  .main-menu a{justify-content:center;background:rgba(255,255,255,.65)}
  .nav-actions{top:456px;flex-direction:column;padding:14px}
  .nav-actions .btn{width:100%}
  body.menu-open .main-menu,body.menu-open .nav-actions{display:flex}
}

@media(max-width:1080px){
  .hero{padding-top:26px}
  .hero-media{position:relative;inset:auto;width:100%;min-width:0;height:440px;bottom:auto;margin-top:24px}
  .hero-media::before{background:linear-gradient(180deg,rgba(244,252,250,.12),rgba(244,252,250,0) 35%)}
  .hero-media::after{display:none}
  .hero-media img{object-position:64% center}
  .hero-content{min-height:auto}
  .hero-copy{max-width:100%}
  .proof-strip{grid-template-columns:repeat(2,1fr);margin-top:16px}
  .split-layout,.modules-panel,.benefits-panel,.security-panel{grid-template-columns:1fr}
  .solution-grid{grid-template-columns:1fr}
  .process-grid,.footer-panel{grid-template-columns:repeat(2,1fr)}
  .modules-visual .soft-image img{min-height:420px}
}

@media(max-width:720px){
  :root{--gutter:18px}
  html{scroll-padding-top:82px}
  .navbar{min-height:74px}
  .brand img{width:min(68vw,260px)}
  .section{padding:26px 0}
  .hero-media{height:360px}
  .hero-media img{object-position:67% center}
  .hero-cta{align-items:flex-start}
  .hero-cta .btn,.contact-panel .btn{width:100%}
  .micro-proof{max-width:100%}
  .proof-strip,.benefit-grid,.process-grid,.footer-panel{grid-template-columns:1fr}
  .module-list article{grid-template-columns:1fr}
  .modules-visual .soft-image img{min-height:320px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}


/* ==========================================================
   HOTFIX DE ESTABILIDADE VISUAL
   Corrige problemas de sobreposição, respiro, imagem do topo,
   menu responsivo e consistência geral do layout.
   ========================================================== */

html,
body{
  width:100%;
  max-width:100%;
}

body{
  min-width:320px;
}

/* Header mais estável */
.site-header{
  min-height:76px;
}

.navbar{
  width:100%;
}

.brand{
  display:flex;
  align-items:center;
  min-width:0;
}

.main-menu,
.nav-actions{
  min-width:0;
}

/* Hero: evita que imagem ou cards invadam outras áreas */
.hero{
  display:block;
  min-height:auto;
  padding-top:18px !important;
  padding-bottom:34px !important;
}

.hero-content{
  position:relative;
  z-index:3;
  min-height:min(700px, calc(100vh - 174px));
  padding-top:18px;
  padding-bottom:18px;
}

.hero-copy{
  position:relative;
  z-index:4;
}

.hero-media{
  z-index:1;
  overflow:hidden;
}

.hero-media img{
  display:block;
  max-width:none;
}

.proof-strip{
  clear:both;
  position:relative;
  z-index:4;
}

/* Mantém métricas abaixo do topo, sem listras ou elementos atravessando a seção */
.proof-strip::before,
.proof-strip::after,
.hero::after{
  content:none !important;
  display:none !important;
}

/* Evita estourar largura em seções e cards */
.container,
.split-layout,
.modules-panel,
.benefits-panel,
.security-panel,
.footer-panel,
.proof-strip,
.solution-grid,
.process-grid,
.benefit-grid{
  box-sizing:border-box;
}

.glass-card,
.process-card,
.module-list article,
.mini-cards article,
.connected-card,
.proof-strip article,
.check-list li,
.contact-panel,
.footer-panel{
  min-width:0;
  word-break:normal;
  overflow-wrap:anywhere;
}

/* Imagens com proporção previsível e sem quebrar a seção */
.soft-image{
  position:relative;
  min-width:0;
}

.soft-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Ajuste de imagem de módulos */
.modules-visual .soft-image{
  min-height:520px;
}

.modules-visual .soft-image img{
  min-height:520px;
  object-position:center center;
}

/* Botões: consistência e sem deformar em telas menores */
.btn{
  white-space:nowrap;
}

.hero-cta{
  row-gap:12px;
}

/* Tablet: transforma o hero em fluxo vertical previsível */
@media(max-width:1080px){
  .hero{
    padding-top:24px !important;
  }

  .hero-content{
    min-height:auto;
    padding-top:0;
    padding-bottom:0;
  }

  .hero-media{
    position:relative;
    inset:auto;
    width:min(100%, calc(100% - (var(--gutter) * 2)));
    min-width:0;
    height:440px;
    margin:22px auto 0;
    border-radius:var(--radius-xl);
    box-shadow:var(--shadow-soft);
  }

  .hero-media::before{
    background:linear-gradient(180deg,rgba(244,252,250,.18),rgba(244,252,250,0) 40%) !important;
  }

  .hero-media::after{
    display:none !important;
  }

  .hero-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:64% center;
  }

  .proof-strip{
    margin-top:16px;
  }

  .split-layout,
  .modules-panel,
  .benefits-panel,
  .security-panel{
    gap:22px;
  }

  .modules-visual .soft-image,
  .modules-visual .soft-image img{
    min-height:420px;
  }
}

/* Mobile: sem sobreposição e com botões fluidos */
@media(max-width:720px){
  .container{
    width:calc(100% - (var(--gutter) * 2));
  }

  .hero{
    padding-top:18px !important;
    padding-bottom:26px !important;
  }

  .hero-copy h1{
    max-width:100%;
  }

  .hero-media{
    height:340px;
  }

  .hero-media img{
    object-position:67% center;
  }

  .hero-cta{
    display:grid;
    grid-template-columns:1fr;
  }

  .btn{
    width:100%;
    white-space:normal;
    text-align:center;
  }

  .hero-tags span{
    width:100%;
    justify-content:center;
    text-align:center;
  }

  .proof-strip article,
  .glass-card,
  .process-card,
  .module-list article,
  .benefit-grid article,
  .mini-cards article,
  .connected-card{
    padding:18px;
  }

  .modules-panel,
  .security-panel,
  .contact-panel,
  .footer-panel{
    border-radius:24px;
  }

  .soft-image{
    border-radius:24px;
  }

  .soft-image img{
    min-height:300px;
  }

  .modules-visual .soft-image,
  .modules-visual .soft-image img{
    min-height:300px;
  }
}

/* Menu mobile com altura calculada para não ficar fora da tela */
@media(max-width:1240px){
  .main-menu{
    max-height:calc(100vh - 180px);
    overflow:auto;
  }

  .nav-actions{
    top:auto !important;
    bottom:18px;
  }
}


/* ==========================================================
   CARROSSEL DE TERMOS ABAIXO DO TOPO
   ========================================================== */

.hero-carousel-wrap{
  position:relative;
  z-index:4;
  margin-top:16px;
  display:grid;
  gap:12px;
}

.hero-carousel-label{
  color:rgba(6,26,34,.74);
  font-weight:800;
  font-size:.96rem;
  text-align:center;
}

.hero-carousel{
  position:relative;
  overflow:hidden;
  border-radius:999px;
  border:1px solid var(--line);
  background:linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,255,255,.52));
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(12px);
  padding:12px 0;
}

.hero-carousel::before,
.hero-carousel::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:72px;
  z-index:2;
  pointer-events:none;
}

.hero-carousel::before{
  left:0;
  background:linear-gradient(90deg, rgba(244,252,250,1), rgba(244,252,250,0));
}

.hero-carousel::after{
  right:0;
  background:linear-gradient(270deg, rgba(244,252,250,1), rgba(244,252,250,0));
}

.hero-carousel-track{
  display:flex;
  align-items:center;
  gap:14px;
  width:max-content;
  animation:heroMarquee 28s linear infinite;
  padding-left:14px;
}

.hero-carousel-track span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 18px;
  border-radius:999px;
  border:1px solid rgba(0,137,123,.16);
  background:rgba(255,255,255,.76);
  box-shadow:0 10px 22px rgba(6,26,34,.05);
  color:var(--teal-900);
  font-family:var(--font-title);
  font-size:.9rem;
  font-weight:700;
  white-space:nowrap;
}

@keyframes heroMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

@media(max-width:1080px){
  .hero-carousel-label{
    text-align:left;
  }
}

@media(max-width:720px){
  .hero-carousel{
    border-radius:24px;
    padding:10px 0;
  }

  .hero-carousel::before,
  .hero-carousel::after{
    width:34px;
  }

  .hero-carousel-track span{
    min-height:38px;
    padding:8px 14px;
    font-size:.84rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-carousel-track{
    animation:none;
    flex-wrap:wrap;
    width:auto;
    padding-right:14px;
  }
}


/* Ajuste: topo sem tags informativas; itens migrados para o carrossel */
.hero-cta{margin-bottom:8px !important;}


/* ==========================================================
   AJUSTE RESPONSIVO SUTIL DO TOPO
   Mantém o formato original em tablets/celulares e apenas harmoniza
   imagem, menu e copy com degradê, respiro e enquadramento.
   ========================================================== */

@media (max-width:1080px){
  .hero{
    padding-top:22px !important;
    padding-bottom:28px !important;
  }

  .hero-content{
    min-height:auto !important;
    padding-bottom:0 !important;
  }

  .hero-copy{
    max-width:100% !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .hero-media{
    position:relative !important;
    inset:auto !important;
    width:min(100%, calc(100% - (var(--gutter) * 2))) !important;
    min-width:0 !important;
    height:430px !important;
    margin:22px auto 0 !important;
    overflow:hidden;
    border-radius:var(--radius-xl);
    box-shadow:0 18px 42px rgba(6,26,34,.10);
  }

  .hero-media::before{
    content:"" !important;
    display:block !important;
    position:absolute;
    inset:0;
    z-index:2;
    background:
      linear-gradient(180deg,
        rgba(244,252,250,.24) 0%,
        rgba(244,252,250,.08) 22%,
        rgba(244,252,250,0) 44%),
      linear-gradient(0deg,
        rgba(244,252,250,.36) 0%,
        rgba(244,252,250,.10) 24%,
        rgba(244,252,250,0) 46%);
    pointer-events:none;
  }

  .hero-media::after{
    content:none !important;
    display:none !important;
  }

  .hero-media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:64% center !important;
    transform:scale(1.015);
  }

  .proof-strip{
    margin-top:16px !important;
  }

  .hero-carousel-wrap{
    margin-top:14px !important;
  }
}

@media (max-width:720px){
  .hero{
    padding-top:18px !important;
    padding-bottom:24px !important;
  }

  .hero-media{
    width:calc(100% - (var(--gutter) * 2)) !important;
    height:330px !important;
    margin-top:18px !important;
    border-radius:24px;
    box-shadow:0 14px 34px rgba(6,26,34,.09);
  }

  .hero-media::before{
    background:
      linear-gradient(180deg,
        rgba(244,252,250,.20) 0%,
        rgba(244,252,250,.06) 28%,
        rgba(244,252,250,0) 52%),
      linear-gradient(0deg,
        rgba(244,252,250,.30) 0%,
        rgba(244,252,250,.08) 28%,
        rgba(244,252,250,0) 52%);
  }

  .hero-media img{
    object-position:66% center !important;
    transform:scale(1.01);
  }

  .hero-copy{
    padding:0 !important;
  }

  .hero-copy h1{
    max-width:100%;
  }

  .hero-cta{
    margin-top:18px !important;
    margin-bottom:6px !important;
  }

  .proof-strip{
    margin-top:14px !important;
  }
}


/* ==========================================================
   AJUSTE FINO MOBILE DO TOPO
   - remove o espaço entre menu e imagem
   - afasta a copy da base da imagem
   - reforça degradê suave para leitura e transição elegante
   ========================================================== */

@media (max-width: 720px){
  .hero{
    padding-top:0 !important;
    padding-bottom:24px !important;
  }

  .hero-media{
    margin-top:0 !important;
    width:100% !important;
    height:336px !important;
    border-radius:0 0 24px 24px !important;
    box-shadow:0 16px 34px rgba(6,26,34,.08) !important;
  }

  .hero-media::before{
    content:"" !important;
    display:block !important;
    position:absolute;
    inset:0;
    z-index:2;
    background:
      linear-gradient(180deg,
        rgba(244,252,250,.18) 0%,
        rgba(244,252,250,.06) 18%,
        rgba(244,252,250,0) 38%),
      linear-gradient(0deg,
        rgba(244,252,250,.86) 0%,
        rgba(244,252,250,.58) 16%,
        rgba(244,252,250,.22) 32%,
        rgba(244,252,250,0) 52%);
  }

  .hero-media::after{
    content:"" !important;
    display:block !important;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:36%;
    z-index:3;
    background:linear-gradient(180deg,
      rgba(244,252,250,0) 0%,
      rgba(244,252,250,.34) 38%,
      rgba(244,252,250,.92) 100%);
  }

  .hero-media img{
    object-position:66% center !important;
    transform:scale(1.015) !important;
  }

  .hero-content{
    min-height:auto !important;
    padding-top:18px !important;
    padding-bottom:0 !important;
  }

  .hero-copy{
    padding-top:2px !important;
  }

  .hero-copy h1,
  .hero-copy .lead{
    text-shadow:0 1px 0 rgba(255,255,255,.22);
  }

  .hero-cta{
    margin-top:20px !important;
    margin-bottom:8px !important;
  }
}