:root{
  --ink:#0f172a;
  --muted:#475569;
  --line:rgba(15,23,42,.12);
  --accent:#2563eb;
  --accent2:#7c3aed;
}
html{scroll-behavior:smooth}
.containerX{max-width:1200px;margin:0 auto;padding:0 18px}
.glass{background:rgba(255,255,255,.78);backdrop-filter:blur(14px)}
.grad-hero{background:radial-gradient(1200px 700px at 10% -10%, rgba(37,99,235,.25), transparent 60%),
                    radial-gradient(900px 500px at 110% 10%, rgba(124,58,237,.22), transparent 55%),
                    linear-gradient(180deg, #ffffff, #f8fafc 60%, #ffffff)}
.card{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(2,6,23,.05)}
.lift{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.lift:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(2,6,23,.10);border-color:rgba(37,99,235,.18)}
.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.38rem .7rem;border-radius:999px;
  background:rgba(37,99,235,.10);color:rgba(37,99,235,.95);font-weight:700;font-size:.75rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:16px;padding:12px 16px;font-weight:800}
.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.25)}
.btn-outline{border:1px solid var(--line);background:#fff;color:var(--ink)}
.btn-outline:hover{background:rgba(15,23,42,.03)}
.input{width:100%;border:1px solid var(--line);border-radius:16px;padding:12px 14px;outline:none;background:#fff}
.input:focus{border-color:rgba(37,99,235,.45);box-shadow:0 0 0 4px rgba(37,99,235,.14)}
.reveal{opacity:0;transform:translateY(14px);transition:all 720ms cubic-bezier(.2,.8,.2,1)}
.reveal.show{opacity:1;transform:translateY(0)}
.whatsapp-float{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:999px;
  display:grid;place-items:center;background:#22c55e;color:#fff;box-shadow:0 16px 40px rgba(34,197,94,.35);z-index:60}
.drawer{position:fixed;inset:0;display:none;z-index:70}
.drawer.show{display:block}
.drawer .backdrop{position:absolute;inset:0;background:rgba(2,6,23,.55)}
.drawer .panel{position:absolute;top:0;right:0;height:100%;width:min(92vw,380px);background:#fff;padding:18px;
  box-shadow:-20px 0 60px rgba(2,6,23,.22)}
.footer{border-top:1px solid rgba(15,23,42,.08);background:#fff}

/* Trust badges */
.trust-bar{border-top:1px solid rgba(15,23,42,.08);border-bottom:1px solid rgba(15,23,42,.08);background:#f8fafc}
.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#fff;font-weight:800;font-size:.78rem;color:#0f172a}
.chip small{font-weight:700;color:#475569}

/* Social icons */
.socials{display:flex;gap:10px;flex-wrap:wrap}
.iconbtn{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(15,23,42,.12);background:#fff;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease}
.iconbtn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(2,6,23,.10);border-color:rgba(37,99,235,.18)}
.iconbtn svg{width:18px;height:18px;fill:currentColor;color:#0f172a}