/* Anova Solutions - lightweight modern styling (Bootstrap-first) */

:root{
  --ink: #0A2540;
  --muted: #5B6770;
  --brand: #2A9D8F;
  --brand2: #1E6F66;
  --bg: #F6F8FB;
}

body { color: var(--ink); }
a { text-decoration: none; }
.section { padding: 4rem 0; }
.section-alt { background: var(--bg); }

.backdrop { backdrop-filter: blur(10px); }
.bg-white\/90 { background: rgba(255,255,255,.92) !important; }

.brand-mark{
  width: 32px; height: 32px; border-radius: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  color: white; font-weight: 800;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
}
.brand-mark-sm{ width: 26px; height: 26px; border-radius: 9px; font-size: .9rem; }

.hero{
  background:
    radial-gradient(1200px 500px at 15% 20%, rgba(42,157,143,.18), transparent 60%),
    radial-gradient(900px 450px at 80% 10%, rgba(10,37,64,.10), transparent 55%),
    #fff;
}

.py-lg-6 { padding-top: 5rem !important; padding-bottom: 5rem !important; }

.eyebrow{
  display:inline-flex; align-items:center;
  padding: .35rem .65rem; border-radius: 999px;
  background: rgba(42,157,143,.12);
  color: var(--brand2);
  font-weight: 600;
  font-size: .9rem;
}

.hero-card .pill{ margin-left: .5rem; }

.pill{
  display:inline-flex; align-items:center;
  padding: .2rem .55rem; border-radius: 999px;
  font-size: .78rem; font-weight: 700;
  background: rgba(10,37,64,.08);
  color: var(--ink);
}
.pill-dark{ background: var(--ink); color: #fff; }

.trust{
  display:flex; flex-wrap:wrap; gap:.6rem 1rem;
  color: var(--muted);
  font-size: .92rem;
}
.trust-item i{ color: var(--brand2); margin-right:.35rem; }

.icon-circle{
  width: 44px; height: 44px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(42,157,143,.12);
  color: var(--brand2);
  font-size: 1.25rem;
}
.icon-circle-lg{ width: 54px; height: 54px; border-radius: 16px; font-size: 1.45rem; }

.clean-list{ list-style:none; padding-left:0; }
.clean-list li{ display:flex; gap:.5rem; align-items:flex-start; padding:.35rem 0; color: var(--muted); }
.clean-list li i{ color: var(--brand2); margin-top:.15rem; }
.clean-list li i.bi-dot{ font-size: 1.4rem; margin-top: -.25rem; }

.pricing .price{ font-size: 1.6rem; font-weight: 800; color: var(--ink); }
.pricing-featured{
  border: 1px solid rgba(42,157,143,.25) !important;
  box-shadow: 0 .8rem 2.4rem rgba(10,37,64,.12) !important;
}

.callout{
  background: #fff;
  border: 1px solid rgba(10,37,64,.08);
  border-radius: 18px;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 .5rem 1.4rem rgba(10,37,64,.08);
}

.step{
  background:#fff; border: 1px solid rgba(10,37,64,.08);
  border-radius: 18px; padding: 1.2rem;
  box-shadow: 0 .4rem 1.1rem rgba(10,37,64,.06);
  height:100%;
}
.step-no{
  width: 36px; height: 36px; border-radius: 12px;
  display:flex; align-items:center; justify-content:center;
  background: var(--ink); color:#fff;
  font-weight: 800; margin-bottom:.6rem;
}

.btn-primary{
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  border: none;
}
.btn-primary:hover{ filter: brightness(.97); }

.form-control:focus{
  border-color: rgba(42,157,143,.55);
  box-shadow: 0 0 0 .2rem rgba(42,157,143,.18);
}


.brand-logo{
  height: 34px;
  width: auto;
  border-radius: 10px;
}
.brand-logo-sm{
  height: 28px;
  width: auto;
  border-radius: 9px;
}