:root{--bg:#0b0c10;--card:#12141a;--fg:#f5f7fb;--muted:#aeb4c2;--brand:#1e90ff;--brand2:#25D366;--border:rgba(255,255,255,.08)}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}
.container{max-width:1200px;margin:0 auto;padding:0 18px}
.section{margin:28px 0}
h1{font-size:clamp(28px,4.8vw,56px);line-height:1.1}
h2{font-size:clamp(22px,3vw,32px)}
h3{font-size:clamp(18px,2.2vw,22px)}
/* HERO iframe wrapper */
.hero-iframe-wrap{max-width:1200px;margin:16px auto;height:72vh;border-radius:24px;overflow:hidden;background:#000}
@media (max-width:640px){.hero-iframe-wrap{height:64vh;margin:10px 8px;border-radius:18px}}
/* Soluções */
.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:960px){.sol-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.sol-grid{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.figure{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#0f1116;border:1px dashed var(--border)}
.figure img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.card p{color:var(--muted);margin:8px 0 0}
/* Clientes/Galeria */
.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:960px){.clients-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.clients-grid{grid-template-columns:repeat(2,1fr)}}
.clients-grid img{max-width:100%;height:auto;display:block;border-radius:12px}
/* FAQ */
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}
.faq-item+ .faq-item{margin-top:10px}
/* FAB WhatsApp */
.whatsapp-fab{position:fixed;right:18px;bottom:18px;z-index:9999;background:var(--brand2);color:#fff;padding:12px 16px;border-radius:999px;text-decoration:none;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.28)}
main{padding-bottom:100px}
footer{margin:36px 0 10px;border-top:1px solid var(--border);padding-top:16px;color:var(--muted)}

/* === v2.1R6e: HERO refined sizing === */
.hero-iframe-wrap {
  max-width: 1200px;
  margin: 16px auto;
  height: clamp(380px, 58vh, 580px);
  border-radius: 20px;
  overflow: hidden;
  background: #000;
  transition: height 0.3s ease;
}
.hero-iframe-wrap iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  border-radius: 20px;
}
@media (max-width: 640px) {
  .hero-iframe-wrap {
    height: clamp(320px, 50vh, 480px);
    margin: 10px 8px;
    border-radius: 16px;
  }
}

/* === v2.1R6f: HERO + tipografia refinados === */
h1{font-size:clamp(22px,3.8vw,44px);line-height:1.08}
.hero-iframe-wrap{
  height: clamp(320px, 50vh, 520px);
  border-radius: 18px;
  margin: 12px auto;
}
.hero-iframe-wrap iframe{border-radius:18px}
@media (max-width: 640px){
  .hero-iframe-wrap{height: clamp(280px, 48vh, 420px); border-radius: 14px; margin: 8px}
}

/* === v2.1R7: HERO menor e textos fora do vídeo === */
.hero-iframe-wrap{
  height: clamp(260px, 42vh, 420px) !important;
  border-radius: 16px !important;
  margin: 10px auto !important;
}
.hero-iframe-wrap iframe{border-radius:16px !important}
@media (max-width:640px){
  .hero-iframe-wrap{height: clamp(220px, 40vh, 360px) !important; margin:8px !important; border-radius:14px !important}
}

/* Intro section (texto separado do vídeo) */
.section-intro{padding: 22px 0 18px}
.section-intro .intro-wrap{max-width: 980px; margin: 0 auto}
.section-intro h1{font-size: clamp(26px, 4vw, 42px); line-height: 1.1; margin:0 0 8px}
.section-intro p{color: var(--muted); margin:0 0 14px}
.section-intro .cta{display:flex; gap:12px; flex-wrap:wrap}
.section-intro .btn{padding:12px 18px; border-radius:14px; border:1px solid var(--border); text-decoration:none; color:#fff; font-weight:800; background:var(--brand)}
.section-intro .btn.ghost{background:transparent}

/* === v2.1R7.1: HERO ainda menor === */
.hero-iframe-wrap{
  height: clamp(220px, 34vh, 340px) !important;
}
@media (min-width: 1280px){
  .hero-iframe-wrap{ height: 320px !important; }
}
@media (max-width: 640px){
  .hero-iframe-wrap{ height: clamp(200px, 36vh, 300px) !important; }
}

/* === v2.1R7.2: HERO 16:9 compacto e centralizado === */
.hero-iframe-wrap{
  aspect-ratio: 16 / 9 !important;
  width: min(880px, 82vw) !important;
  height: auto !important;
  max-height: 280px !important;
  margin: 14px auto 10px !important;
  border-radius: 14px !important;
}
.hero-iframe-wrap iframe{
  border-radius: 14px !important;
  width: 100% !important;
  height: 100% !important;
}
@media (max-width: 640px){
  .hero-iframe-wrap{
    width: min(94vw, 600px) !important;
    max-height: 230px !important;
    margin: 10px auto 8px !important;
    border-radius: 12px !important;
  }
  .hero-iframe-wrap iframe{ border-radius: 12px !important; }
}
/* Espaço entre HERO e a seção intro */
#intro{ padding-top: 10px; }