:root{
      --ink:#0f172a;/* slate-900 */
      --sub:#334155;/* slate-700 */
      --bg:#f8fafc;/* slate-50 */
      --card:#ffffff;
      --brand:#0ea5e9;/* sky-500 */
      --brand-ink:#075985;/* sky-800 */
      --accent:#f59e0b;/* amber-500 */
      --ok:#16a34a;/* green-600 */
      --danger:#dc2626;/* red-600 */
      --muted:#64748b;/* slate-500 */
      --ring:0 0 0 3px rgba(14,165,233,.25);
    }
    *{box-sizing:border-box}
    html,body{margin:0;height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg)}
    a{color:var(--brand);text-decoration:none}
    a:hover{text-decoration:underline}
    .container{max-width:1200px;margin-inline:auto;padding:20px}
    .nav{position:sticky;top:0;background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #e2e8f0;z-index:30}
    .nav .inner{display:flex;align-items:center;justify-content:space-between;gap:16px}
    .logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
    .logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#22d3ee);display:grid;place-items:center;color:white;font-weight:800}
    .actions{display:flex;gap:8px;align-items:center}
    .btn{appearance:none;border:none;border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer;transition:transform .02s ease,box-shadow .15s ease,background .2s ease}
    .btn:active{transform:translateY(1px)}
    .btn-primary{background:var(--brand);color:white;box-shadow:0 8px 20px rgba(14,165,233,.25)}
    .btn-outline{background:#fff;border:1px solid #e2e8f0;color:var(--brand-ink)}
    .btn-whatsapp{background:#25D366;color:white}
    .hero{padding:56px 0}
    .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
    .hero h1{font-size:40px;line-height:1.1;margin:0 0 10px}
    .hero p{color:var(--sub);margin:0 0 18px}
    .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
    .kpi{background:var(--card);padding:16px;border-radius:16px;border:1px solid #e2e8f0}
    .kpi strong{font-size:20px}
    .card{background:var(--card);border:1px solid #e2e8f0;border-radius:16px;padding:18px}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .section{padding:26px 0}
    .muted{color:var(--muted)}
    form label{display:block;font-size:13px;color:var(--sub);margin-bottom:6px}
    .field{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px}
    .field:focus-within{box-shadow:var(--ring);border-color:#bae6fd}
    .field input,.field select,.field textarea{width:100%;border:0;outline:0;font:inherit}
    .row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    .row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .stack{display:grid;gap:10px}
    .timeline{display:grid;gap:12px}
    .step{display:flex;gap:10px}
    .dot{width:12px;height:12px;border-radius:999px;background:var(--brand);margin-top:7px}
    .footer{padding:24px 0;border-top:1px solid #e2e8f0;color:var(--muted)}
    @media (max-width:900px){.hero-grid{grid-template-columns:1fr}.grid-3,.row,.row-3{grid-template-columns:1fr}}
    .grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
      gap:20px;
    }
    @media (min-width:768px){
      .grid{
        grid-template-columns:repeat(3,1fr);
      }
    }
    @media (min-width:1024px){
      .grid{
        grid-template-columns:repeat(5,1fr);
      }
    }