:root{
  --bg:#0e0b1d; --panel:#121633; --ink:#ece9ff; --muted:#a7a3c3;
  --brand:#7c3aed; --brand-2:#f0ee6f; --line:#262b55;
  --radius:16px; --shadow:0 20px 50px rgba(10,20,50,.25);
  --pad:clamp(18px,3vw,36px); --content:1100px;
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;background:radial-gradient(1200px 600px at 70% -10%, rgba(6,182,212,.18), transparent 60%),radial-gradient(900px 500px at -20% 10%, rgba(255,106,0,.12), transparent 60%),var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.container{max-width:var(--content);margin-inline:auto;padding:0 var(--pad)}

.header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(10px);background:linear-gradient(180deg, rgba(11,18,32,.85), rgba(11,18,32,.65));border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:18px;padding:14px var(--pad)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.4px}
.brand .dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(45deg,var(--brand),#ffb700)}
.navlinks{margin-left:auto;display:flex;gap:22px;align-items:center}
.navlinks a{opacity:.92} .navlinks a:hover{opacity:1}
.cta{background:linear-gradient(135deg,var(--brand),#9a75ca);color:#111;padding:10px 16px;border-radius:999px;font-weight:700;box-shadow:0 8px 20px rgba(230, 224, 236, 0.35)}
.menu-btn{display:none;margin-left:auto}
.ghost{border:1px solid #ffffff33;padding:10px 16px;border-radius:12px}

.dropdown{position:relative}
.drop-toggle{display:inline-flex;align-items:center;gap:8px}
.drop-toggle:after{content:"▾";font-size:.9em;opacity:.8}
.drop-menu{position:absolute;top:110%;left:0;min-width:220px;background:linear-gradient(180deg,#0f1a33,#0d172c);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;display:none}
.drop-menu a{display:block;padding:10px 12px;border-radius:10px;color:var(--ink);opacity:.9}
.drop-menu a:hover{background:#ffffff12;opacity:1}
@media (pointer:fine){ .dropdown:hover .drop-menu{display:block} }
.dropdown.open .drop-menu{display:block}

.hero{position:relative;min-height:68vh;display:grid;place-items:center;border-bottom:1px solid var(--line);overflow:hidden}
.hero .overlay{position:absolute;inset:0;background:radial-gradient(600px 300px at 20% 10%, rgba(255,106,0,.35), transparent 60%),radial-gradient(700px 300px at 80% 20%, rgba(6,182,212,.28), transparent 60%);z-index:1}
.hero .content{position:relative;z-index:2
}

.kicker{
  color:var(--brand-2);
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size: clamp(40   px, 1.6vw, 100px); /* <— aumenta aqui */
  line-height: 1.1;
  display:inline-block;
  margin-bottom: .5rem; /* separa do título */
}

.title{font-size:clamp(30px,4.8vw,60px);font-weight:800;line-height:1.05;margin:10px 0 12px}
.sub{font-size:clamp(16px,1.5vw,19px);color:var(--muted);max-width:800px}
.actions{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}

.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-40px;padding:0 var(--pad) 30px}
.kpis .card{background:linear-gradient(180deg,#0f1a33,#0d172c);border:1px solid var(--line);border-radius:18px;padding:18px 16px;box-shadow:var(--shadow)}
.kpis strong{font-size:clamp(22px,2.8vw,30px)} .kpis span{display:block;color:#ffb700;font-weight:800;margin-bottom:4px}
.kpis p{margin:4px 0 0;color:var(--muted)}

section{padding:52px 0}
.grid{display:grid;gap:18px}
.grid.sol{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:linear-gradient(180deg,var(--panel),#0d1528);border:1px solid var(--line);border-radius:18px;padding:20px}
.card h3{margin:6px 0 8px}
.tag{display:inline-block;font-size:12px;border:1px solid #ffffff22;border-radius:999px;padding:4px 10px;color:var(--muted)}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field{display:grid;gap:8px}
input,textarea,select{background:#0c1730;border:1px solid var(--line);color:var(--ink);padding:12px 14px;border-radius:12px}
textarea{min-height:120px}
.btn{background:linear-gradient(135deg,var(--brand),#5c028c);color:#111;padding:12px 18px;border:none;border-radius:12px;font-weight:800;cursor:pointer}
.btn:active{transform:translateY(1px)}

footer{border-top:1px solid var(--line);padding:28px 0 80px;color:var(--muted)}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px}
.small{font-size:13px;color:#7f92ba}
.list{list-style:none;margin:8px 0 0;padding:0}
.social{display:flex;gap:10px}

.wzap{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#111;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.35);z-index:70}

@media (max-width: 960px){
  .navlinks{display:none}
  .navlinks.open{
    display:flex;flex-direction:column;gap:10px;position:absolute;right:var(--pad);top:64px;
    background:linear-gradient(180deg,#0f1a33,#0d172c);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:12px;min-width:240px
  }
  .menu-btn{display:inline-flex}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .grid.sol{grid-template-columns:1fr 1fr}
  .contact{grid-template-columns:1fr}
  .foot{grid-template-columns:1fr 1fr}
}
@media (max-width: 560px){
  .kpis{grid-template-columns:1fr}
  .grid.sol{grid-template-columns:1fr}
  .foot{grid-template-columns:1fr}
}
/* Layout contato */
.contact-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
  margin-top: 20px;
}
.contact-form .field { margin-bottom: 16px; }
.contact-form label { display:block; margin-bottom:6px; font-weight:600; }
.contact-form input, 
.contact-form textarea {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #ccc;
}
.contact-form textarea { min-height: 120px; }

/* Alerts */
.alert {
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 16px;
  font-size: .95rem;
}
.alert.success { background:#d1fae5; border-left:4px solid #10b981; }
.alert.error { background:#fee2e2; border-left:4px solid #ef4444; }

/* Responsivo */
@media(max-width:768px){
  .contact-grid { grid-template-columns: 1fr; }
}

/* Vídeo de fundo do hero */
.hero { position:relative; overflow:hidden; }
.hero-bg{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;        /* preenche sem distorcer */
  z-index:0;
}
/* Já havia .overlay; só garante ordem das camadas */
.hero .overlay{ z-index:1; }
.hero .content{ position:relative; z-index:2; 
}

/* Garantir contexto e ordem no hero */
.hero{
  position: relative;
  overflow: hidden;
  z-index: 0;                /* hero fica na base */
}
.hero-bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;                /* vídeo atrás de tudo no hero */
  pointer-events: none;      /* não bloquear hover/click */
}
.hero .overlay{ z-index: 1; pointer-events: none; }
.hero .content{ position: relative; z-index: 2; }

/* Cards por cima do hero (quando sobrepõem com margem negativa) */
.kpis{
  position: relative;
  z-index: 5;                /* MAIOR que o conteúdo do hero */
  margin-top: -40px;         /* seu ajuste atual */
}

/* ====== Footer Pro — MM Solution ====== */
.ftpro{ border-top:1px solid var(--line); padding:36px 0 64px; color:var(--muted); }
.ftpro__grid{
  display:grid; gap:24px;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  align-items:flex-start;
}

/* Marca */
.ftpro .brand{ display:flex; align-items:center; gap:10px; font-weight:800; color:var(--ink); }
.ftpro .brand .dot{ width:10px; height:10px; border-radius:50%;
  background:linear-gradient(45deg,var(--brand),#ffb700); box-shadow:0 0 0 3px #ffffff10;
}
.ftpro__slogan{ margin:8px 0 16px; max-width:44ch; }
.ftpro__cta{
  display:inline-block; font-weight:800; color:#111;
  background:linear-gradient(135deg,#0a6d28,#07ea4b);
  padding:10px 16px; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,.25);
}
.ftpro__cta:active{ transform:translateY(1px); }

/* Colunas */
.ftpro__title{ color:var(--ink); margin:2px 0 10px; }
.ftpro__list{ list-style:none; padding:0; margin:0; }
.ftpro__list li{ margin:6px 0; }
.ftpro__list a{ color:var(--ink); opacity:.85; }
.ftpro__list a:hover{ opacity:1; text-decoration:underline; }

/* Redes */
.ftpro__social{ display:flex; gap:10px; flex-wrap:wrap; }
.ftpro .btn-s{
  display:inline-block; padding:10px 14px; border-radius:12px;
  border:1px solid #ffffff2b; color:var(--ink); opacity:.9;
}
.ftpro .btn-s:hover{ opacity:1; background:#ffffff10; }

/* Bottom line */
.ftpro__bottom{
  display:flex; justify-content:space-between; align-items:center;
  gap:16px; margin-top:28px; padding-top:18px; border-top:1px dashed #ffffff22;
}
.ftpro__legal{ display:flex; gap:8px; align-items:center; }
.ftpro__legal a{ color:var(--ink); opacity:.8; }
.ftpro__legal a:hover{ opacity:1; }

/* Responsivo */
@media (max-width: 960px){
  .ftpro__grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px){
  .ftpro__grid{ grid-template-columns: 1fr; }
  .ftpro__bottom{ flex-direction:column; align-items:flex-start; }
}