/* ================= HOMEPAGE ================= */

/* --- Hero --- */
.hero{ position:relative; min-height:78vh; display:flex; align-items:flex-end; overflow:hidden; }
.hero-media{ position:absolute; inset:0; }
.hero-media img{ width:100%; height:100%; object-fit:cover; }
.hero-media::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(5,4,3,0.55) 0%, rgba(5,4,3,0.45) 40%, var(--black) 96%),
             linear-gradient(90deg, rgba(5,4,3,0.75) 0%, rgba(5,4,3,0.15) 60%); }
.hero-inner{ position:relative; padding-bottom:64px; padding-top:120px; max-width:760px; }
.hero-inner h1{ margin-top:16px; }
.hero-inner .lede{ margin-top:20px; }
.hero-ctas{ margin-top:32px; display:flex; flex-wrap:wrap; gap:14px; }

/* --- Trust strip --- */
.trust-strip{ padding:22px 0; border-bottom:1px solid rgba(201,162,74,0.14); }

/* --- O que pretende fazer --- */
.pretende-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (min-width:800px){ .pretende-grid{ grid-template-columns:repeat(4,1fr); } }
.pretende-card{ display:flex; flex-direction:column; align-items:flex-start; gap:14px; text-align:left; background:var(--panel); border:1px solid var(--panel-border); border-radius:var(--radius); padding:22px 20px; transition:border-color 0.2s, transform 0.2s; }
.pretende-card:hover{ border-color:var(--panel-border-strong); transform:translateY(-3px); }
.pretende-card span{ font-size:14px; font-weight:600; color:var(--white); line-height:1.35; }

/* --- Services grid --- */
.service-card{ background:var(--panel); border:1px solid var(--panel-border); border-radius:var(--radius); padding:22px 16px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; }
.service-card span{ font-size:12.5px; font-weight:500; color:var(--white); line-height:1.3; }

/* --- Método teaser --- */
.method-teaser{ display:grid; grid-template-columns:1fr; gap:36px; align-items:center; }
@media (min-width:900px){ .method-teaser{ grid-template-columns:1fr 1fr; } }
.method-teaser-steps{ display:flex; flex-direction:column; gap:0; }
.mstep{ display:flex; align-items:baseline; gap:16px; padding:15px 0; font-size:14.5px; color:var(--gray); border-top:1px solid rgba(201,162,74,0.14); }
.mstep:first-child{ border-top:none; }
.mstep span{ font-size:13px; font-weight:700; color:var(--gold); width:26px; flex-shrink:0; }

/* --- Clean WA crossover --- */
.cleanwa-teaser{ position:relative; padding:0; overflow:hidden; min-height:520px; display:flex; align-items:center; }
.cleanwa-teaser-media{ position:absolute; inset:0; }
.cleanwa-teaser-media img{ width:100%; height:100%; object-fit:cover; }
.cleanwa-teaser-media::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(5,4,3,0.72) 0%, rgba(5,4,3,0.8) 50%, rgba(5,4,3,0.88) 100%); }
@media (min-width:900px){
  .cleanwa-teaser-media::after{ background:linear-gradient(90deg, rgba(5,4,3,0.94) 30%, rgba(5,4,3,0.55) 75%); }
}
.cleanwa-teaser-inner{ position:relative; padding:80px 24px; }
.cleanwa-teaser-content{ max-width:520px; }

/* --- Testimonials --- */
.testi-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
@media (min-width:700px){ .testi-grid{ grid-template-columns:1fr 1fr; } }
.testi-card{ background:var(--panel); border:1px solid var(--panel-border); border-radius:var(--radius); padding:24px 22px; position:relative; }
.testi-card .stars{ color:var(--gold); font-size:14px; letter-spacing:2px; }
.testi-card p{ margin-top:12px; font-size:14px; color:var(--white); line-height:1.65; font-style:italic; }
.testi-card .author{ margin-top:16px; font-size:12.5px; font-weight:600; color:var(--gold); }
.testi-card .pending{ margin-top:14px; display:inline-block; font-size:9.5px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--gray-dim); border:1px solid var(--panel-border); padding:4px 10px; border-radius:12px; }

/* --- Final CTA --- */
.final-cta{ padding:88px 0; }