:root{
  --bg: #0f1220;
  --bg-2: #161a2b;
  --card: rgba(255,255,255,0.04);
  --card-border: rgba(255,255,255,0.12);
  --text: #e8eaf5;
  --muted: #b6bdd2;
  --brand: #1f4dff;
  --brand-soft: rgba(31,77,255,0.14);
  --accent: #25d366;
  --shadow: 0 12px 40px rgba(0,0,0,0.35);
  --radius: 18px;
  --container: 1120px;
  --gap: 24px;
  --font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}



*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background:radial-gradient(1200px 600px at 10% 0%, #1a2040 0%, #0f1220 55%, #090b16 100%);
  line-height:1.6;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
h1,h2,h3{line-height:1.2;margin:0 0 .6em}
p{margin:0 0 1em}



.container{max-width:var(--container);margin-inline:auto;padding:0 20px}
.section{padding:90px 0}
.section.alt{background:var(--bg-2);}


.section-head{margin-bottom:32px}
.section-head p{color:var(--muted)}
.center{text-align:center}



.site-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(15,18,32,0.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:78px;padding:12px 0;}
.brand{display:flex;align-items:center;gap:12px;font-weight:700}
.brand-mark{font-size:24px}
.brand-text{white-space:nowrap}
.nav{display:flex;align-items:center;gap:28px;margin-left:auto;}
.nav a{color:var(--muted);padding:10px 16px;border-radius:10px;transition:color .2s ease, background .2s ease;}
.nav a:hover{color:#fff;background:var(--brand-soft);}
.nav .btn-sm{padding:10px 18px}



.nav-toggle{
  display:none;
  width:46px;height:42px;
  border:1px solid rgba(255,255,255,0.18);
  border-radius:12px;background:transparent;color:var(--text);
  align-items:center;justify-content:center;flex-direction:column;gap:6px;
  cursor:pointer;transition:background .2s ease,border .2s ease;
}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--text);transition:transform .2s ease,opacity .2s ease}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}



.hero{padding:110px 0 70px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.hero-copy p{color:var(--muted)}
.hero-ctas{display:flex;gap:14px;margin:22px 0 10px;flex-wrap:wrap}
.grad{background:linear-gradient(90deg,var(--brand),#66b3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.trust{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:6px;color:var(--muted)}
.hero-media img{border-radius:var(--radius);box-shadow:var(--shadow)}



.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.card{
  background:var(--card);
  border:1px solid var(--card-border);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
  display:flex;flex-direction:column;
}
.card img{aspect-ratio:4/2.6;object-fit:cover}
.card h3{padding:18px 18px 0}
.card p{padding:6px 18px 18px;color:var(--muted)}
.card .btn{margin:0 18px 18px;align-self:flex-start}
.card .btn-pensao{margin-top:auto;}



.about{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center}
.about-copy > p{margin-bottom:1.8em;}



.avatar{border-radius:50%;border:2px solid rgba(255,255,255,0.25);box-shadow:var(--shadow)}
.bullets{list-style:none;padding:0;margin:14px 0 22px;display:grid;gap:8px}



.steps{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.steps li{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.steps .icon{font-size:20px;color:var(--brand)}



.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.testimonial-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}
.testimonial-card .stars span{color:#ffcc33;letter-spacing:4px;font-size:1.1rem}
.testimonial-card blockquote{margin:0;font-style:italic}
.testimonial-card .author{margin:0;color:var(--muted);font-weight:600}



.faq{display:grid;gap:12px}
.faq details{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:14px 18px}
.faq summary{cursor:pointer;font-weight:600}



.site-footer{background:#0a0c18;border-top:1px solid rgba(255,255,255,0.1);padding:36px 0;color:var(--muted)}
.footer-inner{display:flex;align-items:center;justify-content:center}
.footer-copy{color:var(--muted);font-size:0.95rem;text-align:center}


.footer-inner{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.disclaimer{opacity:0.85}



.btn{
  display:inline-flex;align-items:center;justify-content:center;
  gap:8px;padding:12px 20px;border-radius:14px;font-weight:600;
  border:1px solid transparent;cursor:pointer;transition:transform .08s ease,filter .2s ease;
}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow)}
.btn-primary:hover{filter:brightness(1.05)}
.btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.28)}
.btn-secondary:hover{background:var(--brand-soft)}
.btn-ghost{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,0.12)}
.btn-sm{padding:9px 14px;font-size:0.92rem}



.wpp-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:var(--accent);color:#063f1e;font-size:24px;font-weight:700;display:grid;place-items:center;box-shadow:var(--shadow);border:2px solid rgba(255,255,255,0.85)}
.wpp-float .wpp-icon{width:26px;height:26px;fill:#fff;}
.wpp-float:hover{filter:brightness(1.08)}



@media (max-width: 1120px){
  .hero-grid{grid-template-columns:1fr;gap:32px}
  .steps{grid-template-columns:repeat(2,1fr)}
  .testimonials{grid-template-columns:repeat(2,1fr)}
}



@media (max-width: 760px){
  .nav-toggle{display:inline-flex}
  .nav{position:absolute;inset:auto 20px auto 20px;top:calc(100% + 12px);flex-direction:column;gap:14px;background:var(--bg-2);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:none}
  .nav.is-open{display:flex}
  .nav a{padding:10px 0}
  .nav .btn-sm{width:100%;justify-content:center}
  .header-inner{position:relative}


  .cards{grid-template-columns:1fr}
  .about{grid-template-columns:1fr;text-align:center}

  
  .about .btn{justify-self:center}
  .steps{grid-template-columns:1fr}
  .testimonials{grid-template-columns:1fr}
  .section{padding:60px 0}
}



#contato .container{max-width:520px;padding:0 24px;}
#contato h2{margin-bottom:.5em;}
#contato p{color:var(--muted);margin-bottom:1.5em;}
#contato .btn{margin-bottom:24px;}
.contact-meta{display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:0.95rem;}
.contact-meta a{color:#fff;font-weight:600;}