/* home.css — ajustes visuais da Home (sem sobrescrever o tema global) */
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* Marca no header */
.brand-text-only{font:700 1.85rem Poppins,Inter,sans-serif;letter-spacing:-.3px;color:#8f6ee9;text-decoration:none;
  transition:color .25s ease, text-shadow .35s ease;
  text-shadow:0 0 6px rgba(143,110,233,.45),0 0 14px rgba(143,110,233,.45),0 0 26px rgba(143,110,233,.35)}
.brand-text-only:hover{color:#b8acda;text-shadow:0 0 8px rgba(169,142,242,.85),0 0 18px rgba(169,142,242,.65),0 0 32px rgba(169,142,242,.55)}
body.light .brand-text-only{color:#7A5FA7;text-shadow:none}

/* HERO */
.hero{padding:56px 0 40px;background:linear-gradient(180deg, rgba(122,95,167,.22), rgba(122,95,167,0) 40%)}
.hero .wrap{display:grid;gap:24px;align-items:center;grid-template-columns:1.2fr .8fr}
.hero h1{font:600 2.6rem/1.2 Poppins,Inter,sans-serif;margin:0 0 10px;color:var(--fz-text)}
.hero p{font-size:1.05rem;color:var(--fz-text);opacity:.95;margin:0 0 18px}
.hero .cta-row{display:flex;gap:12px;flex-wrap:wrap}
.hero .dots{display:flex;gap:8px;margin-top:18px}
.hero .dot{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.22)}
.hero .dot.active{background:#fff}

/* Primário roxo mais rico na Home */
.btn-primary{
  background: linear-gradient(180deg, #5b2ea5 0%, #4f2e9b 100%);
  border:1px solid rgba(122,95,167,.6);
  box-shadow:0 8px 24px rgba(122,95,167,.35), inset 0 1px 0 rgba(255,255,255,.08);
}
.btn-primary:hover{
  background:linear-gradient(180deg, #6b3fc0 0%, #5b2ea5 100%);
  box-shadow:0 10px 28px rgba(122,95,167,.45), inset 0 1px 0 rgba(255,255,255,.12);
}
.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(143,203,255,.35),0 10px 28px rgba(91,46,165,.45)}

/* Ilustração */
.hero-illustration{min-height:220px;border-radius:16px;background:linear-gradient(135deg,#1B1D29,#0E0F16);border:1px solid var(--fz-border);
  display:flex;align-items:center;justify-content:center;color:var(--fz-text-dim)}

/* Seções */
.section h2{font:600 1.4rem/1.25 Poppins,Inter,sans-serif;margin:0 0 16px;color:var(--fz-text)}

/* Benefícios */
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.benefit{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px;border-radius:14px;background:var(--fz-surface);border:1px solid var(--fz-border)}
.benefit .icon{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg, rgba(143,203,255,.1), rgba(143,203,255,0));
  border:1px solid rgba(143,203,255,.18);color:var(--fz-text);font-weight:700}
.benefit h3{margin:2px 0 4px;font:600 1rem/1.2 Poppins,Inter,sans-serif;color:var(--fz-text)}
.benefit p{margin:0;color:var(--fz-text-dim);font-size:.95rem}

/* Grid Ferramentas / Guias */
.grid{display:grid;gap:16px}
.grid.tools{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid.guides{grid-template-columns:repeat(2,minmax(0,1fr))}

.card h3{font:600 1.05rem/1.3 Poppins,Inter,sans-serif;color:var(--fz-text);margin:0}
.card p{color:var(--fz-text-dim);font-size:.95rem;margin:0}
.card .card-cta{margin-top:auto}

/* CTA band */
.cta-band{margin-top:28px;padding:22px;border-radius:16px;background:linear-gradient(135deg, rgba(122,95,167,.2), rgba(143,203,255,.12));
  border:1px solid rgba(143,203,255,.18);display:flex;align-items:center;justify-content:space-between;gap:14px}
.cta-band p{margin:0;color:var(--fz-text);font:600 1.05rem/1.3 Poppins,Inter,sans-serif}
.cta-band .btn{white-space:nowrap}

/* Light complementares */
body.light .benefit .icon{color:var(--fz-primary);background:rgba(122,95,167,.08);border-color:rgba(122,95,167,.25)}
body.light .card{background:#fff;border:1px solid #E0E3E8;box-shadow:0 2px 6px rgba(0,0,0,.05)}

/* Responsivo */
@media (max-width:1024px){
  .hero .wrap{grid-template-columns:1fr}
  .grid.tools{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .benefits{grid-template-columns:1fr}
  .grid.guides{grid-template-columns:1fr}
}