:root{
  --bg-deep:#0e1a2b;
  --brand:#0d6efd;
  --brand-2:#0aa7ff;
  --ink:#0b1220;
}
html,body{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif}
.hero{min-height:92vh;padding-top:100px;background:
  radial-gradient(1200px 600px at 80% -10%, rgba(13,110,253,.35), transparent 60%),
  radial-gradient(900px 500px at 10% 120%, rgba(10,167,255,.35), transparent 60%),
  linear-gradient(160deg, #10223a 0%, #0b1728 100%);}
.page-hero{padding:120px 0 80px;background:
  radial-gradient(900px 400px at 15% -10%, rgba(13,110,253,.35), transparent 60%),
  linear-gradient(170deg, #10223a 0%, #0b1728 100%);}
.stat{padding:16px;border-radius:12px;background:rgba(255,255,255,.08)}
.service-card{border:1px solid rgba(13,110,253,.15);border-radius:16px;padding:20px;background:#fff;
  transition:transform .25s ease, box-shadow .25s ease;box-shadow:0 10px 24px rgba(13,110,253,.05);
  opacity:0;transform:translateY(12px);}
.service-card.reveal{opacity:1;transform:none}
.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(13,110,253,.12)}
.service-card .icon-wrap{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-size:22px;margin-bottom:10px}
.lead-checks li{margin:8px 0}
.lead-checks i{color:var(--brand);margin-right:8px}
.pill{border:1px solid rgba(0,0,0,.08);padding:10px 14px;border-radius:999px;background:#fff;text-align:center;
  font-weight:600;color:#0b1220;opacity:0;transform:translateY(6px)}
.pill.reveal{opacity:1;transform:none}
.logo-badge{border:1px solid rgba(13,110,253,.25);color:#0b1220;background:#fff;padding:10px 14px;border-radius:12px;font-weight:600;
  transition:transform .2s ease, box-shadow .2s ease;opacity:0;transform:translateY(6px)}
.logo-badge.reveal{opacity:1;transform:none}
.logo-badge:hover{transform:translateY(-3px);box-shadow:0 10px 18px rgba(13,110,253,.12)}
.industry-card,.client-card{border:1px solid rgba(0,0,0,.08);background:#fff;border-radius:16px;padding:18px;
  transition:transform .25s ease, box-shadow .25s ease}
.industry-card:hover,.client-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(10,167,255,.12)}
.section-alt{background:#f7fafc;padding:60px 0}
.gradient{background:linear-gradient(160deg,#10223a 0%,#0b1728 100%);padding:120px 0 80px}
.placeholder-graphic{background:
  radial-gradient(600px 260px at 20% 10%, rgba(13,110,253,.35), transparent 60%),
  linear-gradient(180deg,#0e1a2b,#0b1728);border:1px solid rgba(255,255,255,.12);
  box-shadow:0 12px 32px rgba(13,110,253,.15)}
.mini-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:16px}
.footer-link{color:#cfd7e3;text-decoration:none}
.footer-link:hover{color:#fff}
body{padding-top:72px}


/* Client cards styling */
.client-card {
    background-color: #f7f9fc;   /* light background */
    color: #1a1a1a;             /* dark text */
    padding: 20px;
    margin: 10px;
    border-radius: 8px;
    text-align: center;
    font-weight: 500;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.client-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}