/* Reset e variáveis */
:root{
  --bg: #ffffff;
  --muted: #6b7280;
  --ink: #0f172a;
  --accent: #14a44d;
  --accent-2: #22c55e;
  --line: #eef2f5;
  --glass: rgba(20,164,77,0.06);
  --maxw: 1180px;
  --radius: 14px;
}
*{box-sizing:border-box}
html,body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}

/* NAV */
.nav{position:sticky;top:0;background:rgba(255,255,255,0.9);backdrop-filter: blur(6px);border-bottom:1px solid var(--line);z-index:80}
.nav-inner{display:flex;align-items:center;gap:16px;height:72px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.brand-mark{height:38px}
.brand-text{font-weight:800;letter-spacing:.3px}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:14px}
.nav-links a{color:var(--ink);text-decoration:none;font-weight:700;padding:8px 10px;border-radius:10px}
.nav-links a:hover{background:var(--line)}
.nav-burger{display:none;margin-left:auto;background:#fff;border:1px solid var(--line);padding:8px;border-radius:10px;font-size:18px}
@media (max-width:920px){.nav-links{display:none}.nav-burger{display:block}}

/* Drawer */
.drawer{
  position:fixed;right:0;top:0;height:100vh;width:320px;background:#fff;border-left:1px solid var(--line);padding:18px;transform:translateX(120%);transition:transform .25s ease;z-index:120;
}
.drawer.open{transform:translateX(0)}
.drawer-close{align-self:flex-end;font-size:26px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:6px 12px;cursor:pointer}
.drawer a{display:block;color:var(--ink);text-decoration:none;font-weight:700;padding:12px;border-radius:10px}
.backdrop{position:fixed;inset:0;background:rgba(10,10,10,.22);z-index:110}
.backdrop[hidden]{display:none!important}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;border:1px solid transparent;font-weight:800;cursor:pointer;text-decoration:none}
.btn-lg{padding:14px 18px;font-size:16px}
.btn-solid{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 10px 30px rgba(34,197,94,.12)}
.btn-solid:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
.btn-outline{background:transparent;border:1px solid var(--accent);color:var(--accent)}

/* HERO */
.hero{padding:72px 0}
.hero-grid{display:grid;grid-template-columns:1fr 460px;gap:36px;align-items:center}
.hero-left h1{font-size:36px;line-height:1.04;margin:0 0 12px}
.lead{color:var(--muted);font-size:16px;margin-bottom:18px}
.hero-ctas{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.hero-features{display:flex;gap:10px;list-style:none;padding:0;margin:10px 0 0}
.hero-features li{background:var(--glass);padding:8px 12px;border-radius:999px;font-weight:700;color:var(--accent)}

/* phone mock */
.phone-mock{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#f9fdfa,#ffffff);height:360px;display:grid;place-items:center;position:relative}
.phone-mock img{max-width:82%;height:auto;display:block}
.mock-tag{position:absolute;left:16px;bottom:16px;background:#fff;padding:8px 12px;border-radius:999px;border:1px solid var(--line);font-weight:800;color:var(--accent)}

/* sections */
.section{padding:56px 0}
.section.alt{background:#fbfdfb}
.section h2{margin:0 0 14px;font-size:26px}
.section .section-sub{color:var(--muted);margin:0 0 18px}

/* benefits */
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.benefit{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
.benefit strong{display:block;margin-bottom:8px;color:var(--accent)}

/* features grid */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.feature{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}
.feature h3{margin:0 0 8px}

/* cases */
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.case{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}
.case blockquote{margin:0 0 8px;color:var(--muted);font-weight:700}

/* faq */
.faq-list details{background:#fff;border:1px solid var(--line);padding:12px;border-radius:10px;margin-top:10px}
.faq-list summary{font-weight:700;cursor:pointer}

/* CTA */
.cta-box{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(90deg,#f0fff5,#ffffff);padding:18px;border-radius:12px;border:1px solid var(--line)}
.cta-form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cta-form input{padding:12px;border-radius:10px;border:1px solid var(--line);font-size:15px}
@media (max-width:920px){
  .hero-grid{grid-template-columns:1fr;gap:20px}
  .benefits-grid,.features-grid,.cases-grid{grid-template-columns:1fr}
  .cta-form{grid-template-columns:1fr}
}

/* whatsapp float */
.whats-float{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:#fff;font-size:20px;z-index:120;box-shadow:0 12px 30px rgba(20,164,77,.12);text-decoration:none}

/* footer */
.footer{padding:28px 0;border-top:1px solid var(--line);background:#fff;margin-top:40px}
.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}
.f-note{color:var(--muted);font-size:13px}

/* small utilities */
.vh{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}

/* animations */
[data-anim]{opacity:0;transform:translateY(12px);transition:opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1)}
[data-anim].in{opacity:1;transform:none}
[data-anim-delay="60"].in{transition-delay:.06s}