/* VaptVoo — Estilo base */
:root{
  --brand:#4a0d67; /* azul profundo */
  --brand-2:#1e0533; /* azul claro */
  --accent:#22C55E; /* verde para sucesso */
  --text:#0f172a;
  --muted:#475569;
  --bg:#f8fafc;
  --white:#ffffff;
  --shadow:0 10px 25px rgba(2,6,23,.08);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.5;
}
h1,h2,h3{font-family: Montserrat, Inter, sans-serif; margin:0 0 .5rem}
h1{font-size: clamp(2rem, 2.8vw + 1rem, 3rem)}
h2{font-size: clamp(1.5rem, 1.5vw + 1rem, 2rem)}
h3{font-size:1.25rem}

.container{width:min(1120px, 92%); margin:0 auto}

.site-header{
  position:sticky; top:0; z-index:50; background:var(--white);
  border-bottom:1px solid #e5e7eb;
}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:.8rem 0}
.brand{display:flex; gap:.5rem; align-items:center; font-weight:800; text-decoration:none; color:var(--brand)}
.brand img{width:36px; height:36px}
.nav{display:flex; gap:1rem; align-items:center}
.nav a{color:var(--muted); text-decoration:none; font-weight:600}
.nav a:hover{color:var(--brand)}
.menu-toggle{display:none; font-size:1.5rem; background:none; border:0}

.hero{position:relative; overflow:hidden; background:linear-gradient(135deg, rgba(74,13,103,.10), rgba(30,5,51,.10))}
.hero-grid{display:grid; grid-template-columns:1.2fr .95fr; gap:2rem; align-items:center; padding:3rem 0}
.hero-bg{
  position:absolute; inset:-20% -10% auto auto;
  background: radial-gradient(600px 600px at 85% -10%, rgba(74,13,103,.22), transparent 50%);
  pointer-events:none; height:60vh;
}
.hero-copy .badge{
  display:inline-block; background:rgba(14,165,233,.12); color:var(--brand-2);
  padding:.35rem .6rem; border-radius: 999px; font-weight:700; font-size:.85rem; margin-bottom: .75rem;
}
.hero-copy .highlight{color:var(--brand-2)}
.trust{display:flex; gap:1rem; flex-wrap:wrap; color:var(--muted); margin:.75rem 0 1.25rem}
.cta-row{display:flex; gap:.75rem; flex-wrap:wrap}
.cta-row.center{justify-content:center}

.card{
  background:var(--white); padding:1.25rem; border-radius:16px; box-shadow:var(--shadow); border:1px solid #e5e7eb;
}
.hero-form .card h3{margin-bottom:.75rem}
.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:.75rem}
label{display:flex; flex-direction:column; gap:.35rem; font-weight:600; color:var(--muted)}
input, textarea{
  border:1px solid #cbd5e1; border-radius:12px; padding:.9rem .9rem; font:inherit; outline:none; background:#fff;
}
input:focus, textarea:focus{border-color:var(--brand-2); box-shadow:0 0 0 3px rgba(14,165,233,.15)}
.help{color:var(--muted); font-size:.9rem}
.hp{position:absolute; left:-9999px; opacity:0; height:0; width:0}
.check{gap:.6rem; margin-top:.5rem; font-weight:500}

.btn{
  --btn-bg: var(--brand);
  --btn-fg: var(--white);
  display:inline-block; padding:.9rem 1.1rem; border-radius:12px; text-decoration:none; font-weight:800; letter-spacing:.2px;
  background:var(--btn-bg); color:var(--btn-fg); border:2px solid transparent; transition:transform .05s ease, box-shadow .2s;
  box-shadow: 0 10px 20px rgba(30,58,138,.15);
}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-outline{--btn-bg:transparent; --btn-fg:var(--brand); border-color:var(--brand)}
.btn-light{--btn-bg:#eff6ff; --btn-fg:var(--brand)}
.btn-primary{--btn-bg: linear-gradient(180deg, var(--brand), var(--brand-2));}
.btn-whatsapp{--btn-bg:#25D366}
.btn-block{display:block; width:100%; text-align:center}

.highlights{background:var(--white); border-top:1px solid #e5e7eb; border-bottom:1px solid #e5e7eb}
.highlights-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; padding:2rem 0}
.h-card{padding:1rem 1.1rem; border:1px solid #e5e7eb; border-radius:14px; background:#fff}

.how{padding:2.4rem 0}
.steps ol{margin:0; padding-left:1rem}
.steps li{margin:.45rem 0}

.eligibility{background:var(--white); border-top:1px solid #e5e7eb; border-bottom:1px solid #e5e7eb; padding:2.2rem 0}
.eligibility-list{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:.5rem 1.4rem; margin:1rem 0 0}

.faq{padding:2.4rem 0}
details{border:1px solid #e5e7eb; border-radius:12px; padding:.9rem 1rem; background:#fff; margin:.6rem 0}
summary{font-weight:700; cursor:pointer}

.cta-wide{background:linear-gradient(135deg, rgba(30,58,138,.07), rgba(14,165,233,.07)); border-top:1px solid #e5e7eb}
.cta-wide-inner{display:flex; align-items:center; justify-content:center; gap:.8rem; padding:1.6rem 0}

.site-footer{background:#1e0533; color:#e2e8f0; padding:1.6rem 0; margin-top:1.2rem}
.brand-footer{color:#93c5fd}
.brand-footer img{filter:invert(1) hue-rotate(180deg)}
.footer-grid{display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap}
.footer-links a{color:#cbd5e1; text-decoration:none; margin-right:1rem}
.footer-links a:hover{color:#fff}

.whatsapp-fab{
  position:fixed; bottom:20px; right:20px; z-index:40; padding:.9rem 1.1rem; border-radius:999px;
  text-decoration:none; background:#25D366; color:#001; font-weight:800; box-shadow:var(--shadow);
}

/* Responsivo */
@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr; padding:2rem 0}
  .grid-2{grid-template-columns:1fr}
  .nav{display:none}
  .menu-toggle{display:block}
  .eligibility-list{grid-template-columns:1fr}
  .highlights-grid{grid-template-columns:1fr}
}

/* VaptVoo cards features */
.features{background:#fff; border-top:1px solid #e5e7eb; border-bottom:1px solid #e5e7eb; padding:2rem 0}
.cards{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:1rem}
.feature img{width:100%; height:220px; object-fit:cover; border-radius:12px; border:1px solid #e5e7eb}
.feature h3{margin:.6rem 0 .3rem}
@media (max-width: 980px){
  .cards{grid-template-columns:1fr}
}