:root{
  --primary:#0ea5e9; /* sky-500 */
  --accent:#22c55e; /* green-500 */
  --dark:#0b1020;
  --muted:#64748b;
  --light:#f8fafc;
}
html { scroll-behavior:smooth; }
body { font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#0f172a; }
.navbar-blur { backdrop-filter: blur(8px); background: rgba(255,255,255,.85); }
.hero {
  background: radial-gradient(1200px 700px at 80% -10%, rgba(14,165,233,.25), transparent),
              radial-gradient(900px 400px at -10% 10%, rgba(34,197,94,.25), transparent),
              linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.badge-soft { background: rgba(14,165,233,.1); color: var(--primary); border:1px solid rgba(14,165,233,.2); }
.shadow-soft { box-shadow: 0 10px 30px rgba(2,6,23,.08); }
.section-title { letter-spacing:.4px; }
.card-elevated { border:1px solid #eef2f7; border-radius: 16px; }
.card-elevated:hover { box-shadow:0 12px 36px rgba(2,6,23,.08); transform: translateY(-2px); transition: all .25s ease; }
.icon-circle { width:56px; height:56px; border-radius:9999px; display:flex; align-items:center; justify-content:center; background:#eff6ff; }
.gradient-cta { background: linear-gradient(135deg, var(--primary), #7c3aed); color:#fff; }
.footer { background:#0b1020; color:#cbd5e1; }
.footer a { color:#e2e8f0; text-decoration: none; }
.kpis .value { font-size: clamp(28px, 4vw, 42px); font-weight:800; }
.sticky-cta { position: fixed; bottom: 18px; right: 18px; z-index: 1030; }
.token-table th, .token-table td { vertical-align: middle; }