/* Reset e tokens */
:root{--bg:#ffffff;--bg-elev:#f5f7fb;--text:#1f2937;--muted:#6b7280;--brand:#2b6cb0;--accent:#059669;--card:#ffffff;--line:rgba(15,23,42,0.08)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* Layout utilitário */
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;border:1px solid var(--line);transition:.2s ease;cursor:pointer;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,var(--brand),#4a9fff);color:#071021;border-color:transparent;box-shadow:0 10px 22px rgba(77,167,255,.25)}
.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}
.btn-secondary{background:transparent;color:var(--text)}
.btn-secondary:hover{background:rgba(255,255,255,.06)}
.btn-ghost{background:transparent;color:var(--text);padding:8px 12px}
.btn-ghost:hover{background:rgba(255,255,255,.06)}
.btn-invert{background:#e9edf7;color:#0b1020}
.btn-invert:hover{filter:contrast(1.1)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:var(--bg);backdrop-filter:saturate(120%);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:12px}
.brand .logo{width:28px;height:28px;object-fit:contain}
.brand-name{font-weight:700;letter-spacing:.3px}
.header-nav{display:flex;align-items:center;gap:18px}
.header-nav a{color:var(--muted)}
.header-nav a:hover{color:var(--text)}

/* Hero */
.hero{padding:16px 0 24px;border-bottom:1px solid var(--line)}
.hero-inner{display:grid;grid-template-columns:1fr;gap:16px;align-items:center;justify-items:center}
.hero-inner.compact{grid-template-columns:1fr;gap:16px}
.hero h1{font-size:36px;line-height:1.2;margin-bottom:6px;font-weight:700;color:#111827;text-align:center}
.hero p{color:var(--muted);max-width:720px;margin-bottom:16px;text-align:center}
.hero-bullets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;color:var(--muted);font-size:14px;margin-top:8px}
.hero-art{display:none}

/* Título com logo grande */
.title-with-logo{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.logo-compact{width:24px;height:24px;object-fit:contain}
.logo-hero{width:240px;height:240px;object-fit:contain}

/* Headline compacta */
.hero-headline{display:flex;flex-direction:column;align-items:center;gap:12px}
.subtitle{color:var(--muted);margin-top:2px}
.hero-lead{max-width:760px}

/* Removidos gráficos animados nesta revisão */

/* Features */
.features{padding:40px 0;background:var(--bg-elev)}
.features h2{font-size:28px;margin-bottom:22px}
.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.feature{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.feature h3{margin-bottom:8px;font-size:18px}
.feature p{color:#4b5563}

/* Contato minimalista */
.contact{padding:32px 0 52px;background:var(--bg)}
.contact-inner-min{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;text-align:center}
.email{color:#1f2937;text-decoration:underline}

/* CTA removida nesta versão */

/* Footer */
.site-footer{border-top:1px solid var(--line);padding:18px 0;color:#6b7280;background:#ffffff}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot-brand{display:flex;align-items:center;gap:10px;color:var(--text)}
.logo.small{width:24px;height:24px}
.foot-links{display:flex;gap:14px}

/* Responsivo */
@media (max-width: 980px){
  .hero-inner{grid-template-columns:1fr}
  .hero-art{order:-1}
  .features-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .hero h1{font-size:32px}
  .features-grid{grid-template-columns:1fr}
  .logo-hero{width:180px;height:180px}
}


