/* Base */
* { box-sizing: border-box; }
body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin:0; color:#eaf6ff; background:#0b0f14; }
a { color: inherit; }
.container { max-width: 1100px; margin: 0 auto; padding: 16px; }
header { background:#0f1720; border-bottom:1px solid rgba(255,255,255,.06); position: sticky; top: 0; z-index: 10; }
.nav { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.brand { display:flex; align-items:center; gap:10px; }
.logo { height:36px; width:auto; }
.title { color:#e5f2ff; font-weight:900; letter-spacing:.2px; }

/* Buttons */
.btn { display:inline-block; padding:12px 18px; border-radius:12px; font-weight:800; text-decoration:none; transition:transform .12s ease, background .25s, border-color .25s; }
.btn:hover { transform: translateY(-1px); }
.btn.primary { background:#22c55e; color:#08131a; }
.btn.secondary { background:#101922; color:#cfe9ff; border:1px solid rgba(255,255,255,.08); }
.btn-paypal { background:#003087; color:#fff; }
.btn-whatsapp-solid { background:#25D366; color:#08131a; }

/* Hero */
.hero { padding:40px 0 26px; background: radial-gradient(1200px 400px at 50% -20%, #15324a 0%, transparent 60%); text-align:center; }
.hero .headline { font-size: 40px; margin: 8px 0 8px; color:#eaf6ff; }
.hero .subhead { color:#9cc7e4; font-size: 18px; }
.hero .cta { display:flex; gap:10px; justify-content:center; margin-top:16px; flex-wrap:wrap; }

/* KPI pills */
.kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:20px 0 6px; }
.k { background:#0f1e2a; color:#cfe9ff; border:1px solid rgba(255,255,255,.06); padding:12px; border-radius:12px; }
.k .n { font-size:22px; font-weight:900; color:#22c55e; }

/* Sections */
.section { padding: 28px 0; }
.section h2 { margin:0 0 12px; font-size:28px; color:#eaf6ff; }
.section .muted { color:#9cc7e4; }

/* Feature grid */
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:14px; }
.card { background:#0f1e2a; color:#eaf6ff; border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:16px; }
.card h3 { margin:6px 0 8px; }
.card p { color:#9cc7e4; }

/* Download cards */
.dl .card .actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }

/* Table */
.table { width:100%; border-collapse: collapse; overflow:hidden; border-radius:14px; }
.table thead th { background:#0f1720; color:#cfe9ff; text-align:left; padding:10px; }
.table tbody td { border-top:1px solid rgba(255,255,255,.06); padding:10px; color:#eaf6ff; }
.table tbody tr:hover { background:#0b1620; }

/* Footer */
.footer { background:#0f1720; color:#9cc7e4; padding:18px 0; text-align:center; border-top:1px solid rgba(255,255,255,.06); }

/* Floating WhatsApp */
.btn-floating-wa {
  position: fixed; bottom: 20px; right: 20px;
  background: #25D366; color:#08131a; font-size: 28px;
  padding: 12px 16px; border-radius: 50%;
  box-shadow: 0 8px 22px rgba(0,0,0,.35);
  text-decoration: none; z-index: 999; transition: transform .2s ease;
}
.btn-floating-wa:hover { transform: scale(1.06); }

/* Toast */
.toast {
  position: fixed; left: 50%; bottom: 90px; transform: translateX(-50%);
  background: #0f1e2a; color:#eaf6ff; padding:10px 14px; border-radius:10px;
  border:1px solid rgba(255,255,255,.08); opacity:0; pointer-events:none;
  transition: opacity .2s ease, transform .2s ease;
  font-weight:800;
}
.toast.show { opacity: 1; transform: translateX(-50%) translateY(-6px); }