:root{
  --primary:#2563EB;
  --light:#DBEAFE;
  --accent:#60A5FA;
  --bg:#F8FAFC;
  --card:#FFFFFF;
  --text:#1E293B;
}

html{scroll-behavior:smooth;}
body{background:var(--bg); color:var(--text);}

.navbar{backdrop-filter:saturate(140%) blur(8px);}
.section-soft{
  background:linear-gradient(180deg, rgba(219,234,254,.75), rgba(248,250,252,1));
}
.section-title{font-weight:800; letter-spacing:-.02em;}

.btn-primary{background:var(--primary); border-color:var(--primary);}
.btn-primary:hover{background:var(--accent); border-color:var(--accent);}
.btn-outline-primary{color:var(--primary); border-color:rgba(37,99,235,.35);}
.btn-outline-primary:hover{background:rgba(37,99,235,.08); border-color:rgba(37,99,235,.5); color:var(--primary);}

.cardx{
  background:var(--card);
  border:1px solid rgba(2,6,23,.08);
  border-radius:18px;
  box-shadow:0 14px 30px rgba(2,6,23,.06);
}
.pill{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.45rem .75rem;border-radius:999px;
  background:rgba(219,234,254,.95);
  border:1px solid rgba(37,99,235,.12);
  font-weight:700;
}
.icon-badge{
  width:42px;height:42px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(219,234,254,.95);
  border:1px solid rgba(37,99,235,.14);
  color:var(--primary);
}

.reveal{opacity:0; transform:translateY(14px); transition: all .6s ease;}
.reveal.is-visible{opacity:1; transform:translateY(0);}

.hero-wrap{
  background:
   radial-gradient(900px 400px at 20% 10%, rgba(37,99,235,.18), transparent 60%),
   radial-gradient(800px 360px at 90% 0%, rgba(96,165,250,.18), transparent 60%);
}

.service-icon{
  width:44px;height:44px;border-radius:14px;
  display:grid;place-items:center;
  background:rgba(37,99,235,.10);
  border:1px solid rgba(37,99,235,.12);
  color:var(--primary);
}

.mini-card{
  background:var(--card);
  border:1px solid rgba(2,6,23,.08);
  border-radius:14px;
  padding:.8rem .9rem;
  box-shadow:0 10px 25px rgba(2,6,23,.05);
}