.pricing {
  background:linear-gradient(145deg,#eaf7ff,#fbfdff 45%,#fff8ee)
}

.price-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  align-items:stretch
}

.price-card {
  position:relative;
  display:flex;
  flex-direction:column;
  padding:34px 30px;
  border-radius:26px;
  background:white;
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm)
}

.price-card.popular {
  border:2px solid var(--navy);
  transform:translateY(-12px);
  box-shadow:0 28px 65px rgba(16,53,79,.16)
}

.popular-badge {
  position:absolute;
  top:-15px;
  left:50%;
  transform:translateX(-50%);
  background:var(--navy);
  color:white;
  border-radius:99px;
  padding:6px 15px;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase
}

.price-card .plan-name {
  font:700 1.15rem 'Manrope',sans-serif;
  color:var(--navy);
  margin-bottom:10px
}

.price {
  font:800 2.75rem 'Manrope',sans-serif;
  color:var(--navy);
  letter-spacing:-.06em;
  margin-bottom:2px
}

.price small {
  font:500 .8rem 'DM Sans',sans-serif;
  color:var(--muted);
  letter-spacing:0
}

.price-sub {
  height:45px;
  color:var(--muted);
  font-size:.8rem
}

.feature-list {
  list-style:none;
  padding:20px 0 22px;
  margin:18px 0 0;
  border-top:1px solid var(--line);
  flex:1
}

.feature-list li {
  position:relative;
  padding:7px 0 7px 25px;
  color:#4f6678;
  font-size:.87rem
}

.feature-list li::before {
  content:'✓';
  position:absolute;
  left:0;
  color:#288175;
  font-weight:800
}

.price-card .btn {
  width:100%
}

.partner-prices {
  font:700 .82rem 'Manrope';
  color:#355770;
  margin-top:4px
}