:root{--brand:#0ea5e9}body{font-family:Inter,system-ui,Arial,sans-serif}.shadow-soft{box-shadow:0 10px 30px rgba(2,8,23,.06)}.navbar .nav-link.active{font-weight:600;color:var(--brand)!important}

/* ==== Pro Design Enhancements ==== */
:root{
  --brand:#0ea5e9;
  --ink:#0f172a;
  --muted:#64748b;
  --bg:#0b1220;
  --card:#ffffff;
  --soft-shadow:0 10px 30px rgba(2,8,23,.06);
}
body{color:var(--ink);background:#f7fafc;}
.display-hero{background:radial-gradient(1200px 600px at 10% -10%, rgba(14,165,233,.15), transparent),
              radial-gradient(900px 400px at 90% 0%, rgba(14,165,233,.10), transparent);
}
.btn{border-radius:12px;padding:.7rem 1rem}
.btn-lg{border-radius:14px;padding:.9rem 1.2rem}
.badge{border-radius:999px;font-weight:600}

.card{border:1px solid #eaeef2;border-radius:18px;box-shadow:var(--soft-shadow)}
.card .card-body{padding:1.4rem 1.4rem}
.card.border-primary{box-shadow:0 12px 40px rgba(14,165,233,.16)}

.section-muted{background:linear-gradient(180deg,#ffffff, #f8fbff)}

.hero-illustration{filter: drop-shadow(0 20px 40px rgba(2,8,23,.12));border-radius:20px}
.brand-cloud img{opacity:.85;transition:opacity .2s}
.brand-cloud img:hover{opacity:1}

.table{border-radius:14px;overflow:hidden}
.table thead th{font-weight:600}

.feature-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(14,165,233,.12);margin-right:.5rem}
.shadow-soft{box-shadow:var(--soft-shadow)}

footer{background:#fff}