/* styles.css — custom overrides */
:root{
  --hero-bg: linear-gradient(180deg, #f8fbff 0%, #ffffff 80%);
  --hero-wave:#f1f8ff;
  --primary:#0ea5e9;
}

html, body {
  scroll-behavior: smooth;
}

body{
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

.fw-extrabold{font-weight:800;}

.navbar .btn{border-radius: 14px;}

.hero{
  background: var(--hero-bg);
  padding-top: 6.5rem;
}
.hero-img-wrapper{
  position: relative;
}
.hero-img{
  border: 6px solid #fff;
}
.hero-wave{
  width: 100%;
  height: 80px;
  display: block;
}

.icon-wrap{
  width: 44px;height:44px;
  display:grid;place-items:center;
  border-radius:12px;
  background: #eef7ff;
  color: #0b7cc1;
  font-size: 18px;
}

.pricing-card{
  border-radius: 18px;
}
.pricing-card.highlight{
  outline: 3px solid rgba(14,165,233,.25);
}

.bg-gradient{
  background: linear-gradient(135deg, #0ea5e9, #2563eb);
}

.avatar{
  width: 42px;height:42px;border-radius:50%;object-fit:cover;
}

.btn{
  border-radius: 14px;
  padding: .7rem 1rem;
}

.py-6{padding-top:4rem;padding-bottom:4rem;}
.pt-7{padding-top:6rem;}

footer .navbar-brand{font-size:1.1rem}