:root{
  --primary:#0d6efd;
  --secondary:#0b132b;
  --soft:#f5f8ff;
  --muted:#6c757d;
  --accent:#16c79a;
  --border:#e9eef8;
}
html{scroll-behavior:smooth}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#172033;
  background:#fff;
}
.navbar{
  backdrop-filter:saturate(160%) blur(14px);
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid rgba(13,110,253,.08);
}
.brand-mark{
  width:42px;height:42px;border-radius:12px;
  display:inline-grid;place-items:center;
  background:linear-gradient(135deg,var(--primary),#5f8dff);
  color:#fff;font-weight:800;box-shadow:0 10px 30px rgba(13,110,253,.22);
}
.hero{
  background:radial-gradient(circle at top right, rgba(13,110,253,.16), transparent 30%),
             radial-gradient(circle at left center, rgba(22,199,154,.12), transparent 24%),
             linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
  padding:7rem 0 4.5rem;
}
.hero-card,.feature-card,.solution-card,.stat-card,.cta-card,.page-hero-card,.contact-card,.detail-card,.testimonial-card{
  border:1px solid var(--border);
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 50px rgba(24,39,75,.06);
}
.hero-visual{
  min-height:420px;
  background:linear-gradient(135deg,#0b132b,#133f7c 65%, #0d6efd);
  color:#fff;
  border-radius:28px;
  padding:2rem;
  position:relative;
  overflow:hidden;
}
.hero-visual::before,.hero-visual::after{
  content:"";position:absolute;border-radius:50%;opacity:.18;background:#fff;
}
.hero-visual::before{width:220px;height:220px;right:-40px;top:-40px}
.hero-visual::after{width:140px;height:140px;left:-30px;bottom:-30px}
.badge-soft{
  background:rgba(13,110,253,.1);color:var(--primary);border:1px solid rgba(13,110,253,.12);
}
.icon-box{
  width:54px;height:54px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(13,110,253,.12),rgba(22,199,154,.12));
  color:var(--primary);
}
.solution-card:hover,.feature-card:hover,.detail-card:hover,.testimonial-card:hover{
  transform:translateY(-4px);
  transition:.25s ease;
}
.section-title{max-width:740px}
.kpi{
  font-size:2rem;font-weight:800;color:var(--secondary);line-height:1;
}
.page-hero{padding:6rem 0 3rem;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}
.page-hero-card{padding:2rem}
.check-list{list-style:none;padding-left:0;margin:0}
.check-list li{padding-left:1.7rem;position:relative;margin-bottom:.75rem;color:#344054}
.check-list li::before{
  content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:700;
}
.footer{
  background:#0b132b;color:#c8d1e1;
}
.footer a{color:#fff;text-decoration:none}
.footer a:hover{opacity:.9}
.mini-card{
  border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.04);
}
.bg-soft{background:var(--soft)}
.gradient-text{
  background:linear-gradient(90deg,var(--primary),#0ea5e9);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.contact-strip{
  background:linear-gradient(135deg,#0d6efd,#14b8a6);
  color:#fff;border-radius:28px;
}
.small-muted{color:var(--muted)}
@media (max-width: 991.98px){
  .hero{padding-top:6rem}
  .hero-visual{min-height:auto}
}