.brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.brand img {
  width: 32px;
  height: 32px;
}

.brand span {
  margin-left: -7px;
  font-weight: 750;
}

@media (max-width: 520px) {
  .badge { display: none; }
}

.pricing { margin-top: 100px; padding-top: 70px; border-top: 1px solid #dfe4df; }
.services { margin-top: 100px; padding: 70px 0 0; border-top: 1px solid #dfe4df; }
.services > h2 { max-width: 800px; margin: 10px 0 34px; font: 500 clamp(36px, 5vw, 56px)/1.05 Georgia, serif; letter-spacing: -.035em; }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.service-grid article { padding: 24px; background: #fff; border: 1px solid var(--line); border-radius: 16px; }
.service-grid article > span { color: var(--green); font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.service-grid h3 { margin: 18px 0 8px; font-size: 17px; }
.service-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.extended-services { margin-top: 14px; padding: 20px 22px; border-radius: 14px; background: #e9f0ec; color: #405048; font-size: 13px; line-height: 1.55; }
.audit-intro { max-width: 760px; color: var(--muted); line-height: 1.55; }
.check-title { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.check-title h3 { margin-right: auto; }
.priority { padding: 4px 7px; border-radius: 99px; background: #eef1ef; color: var(--muted); font-size: 9px; font-weight: 850; text-transform: uppercase; }
.bad .priority { background: #f8dfdb; color: var(--red); }
.warn .priority { background: #fff0d7; color: var(--amber); }
.tips { margin: 12px 0 0; padding-left: 18px; color: #53625b; font-size: 12px; line-height: 1.5; }
.tips li + li { margin-top: 6px; }
footer a { color: var(--green); font-weight: 700; }
.pricing > h2 { max-width: 700px; margin: 10px 0; font: 500 clamp(36px, 5vw, 56px)/1.05 Georgia, serif; letter-spacing: -.035em; }
.pricing-lead { max-width: 650px; color: var(--muted); font-size: 17px; line-height: 1.6; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: stretch; margin-top: 36px; }
.price-card { position: relative; display: flex; flex-direction: column; min-height: 440px; padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: 18px; }
.price-card.featured { background: var(--ink); color: #fff; border-color: var(--ink); transform: translateY(-10px); }
.price-card .plan { margin: 0; color: var(--green); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.price-card.featured .plan { color: var(--lime); }
.price-card h3 { margin: 16px 0 0; font: 500 38px/1 Georgia, serif; }
.price-card .period { min-height: 22px; margin: 8px 0 22px; color: var(--muted); font-size: 13px; }
.price-card.featured .period { color: #b9c7c0; }
.price-card ul { flex: 1; margin: 0 0 26px; padding: 0; list-style: none; }
.price-card li { position: relative; padding: 10px 0 10px 23px; border-bottom: 1px solid #edf0ed; font-size: 14px; line-height: 1.4; }
.price-card.featured li { border-color: #ffffff18; }
.price-card li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 900; }
.price-card.featured li::before { color: var(--lime); }
.price-card > a { display: block; padding: 14px; border-radius: 10px; background: var(--green); color: #fff; text-align: center; text-decoration: none; font-size: 14px; font-weight: 800; }
.price-card.featured > a { background: var(--lime); color: var(--ink); }
.popular { position: static; align-self: flex-start; max-width: 100%; margin: 0 0 18px; padding: 7px 10px; border-radius: 99px; background: var(--lime); color: var(--ink); font-size: 10px; font-weight: 900; line-height: 1.2; text-transform: uppercase; white-space: normal; }
.price-note { margin-top: 15px; color: var(--muted); font-size: 12px; line-height: 1.5; }

@media (max-width: 820px) {
  .service-grid { grid-template-columns: 1fr 1fr; }
  .pricing-grid { grid-template-columns: 1fr; }
  .price-card.featured { transform: none; }
  .price-card { min-height: 0; }
}

@media (max-width: 560px) {
  .service-grid { grid-template-columns: 1fr; }
}