.page-hero.pricing-intro { padding: 3.2rem 0 2.8rem; }
.pricing-intro-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(1.6rem, 4vw, 3.5rem); align-items: center; }
.pricing-intro h1 { font-size: clamp(2.7rem, 4.7vw, 4.1rem); }
.pricing-intro .lead { font-size: 1.08rem; margin-top: 1.2rem; }
.pricing-intro .button-row { margin-top: 1.3rem; }
.pricing-intro-link { margin: .8rem 0 0; font-size: .86rem; }
.price-at-glance { min-width: 0; padding: 1.35rem 1.5rem; border: 1px solid rgba(23,63,53,.22); border-radius: 24px; background: linear-gradient(145deg, #fffdf8, #edf4ee); box-shadow: inset 0 1px 0 #fff, 0 18px 45px rgba(23,63,53,.1); }
.price-at-glance h2 { color: var(--forest); font-size: .76rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.price-at-glance dl { margin: .7rem 0 0; }
.price-at-glance dl > div { display: grid; grid-template-columns: 1fr auto; align-items: baseline; column-gap: 1rem; padding: .85rem 0; }
.price-at-glance dl > div + div { border-top: 1px solid var(--line); }
.price-at-glance dt { font-size: .94rem; font-weight: 850; }
.price-at-glance dt a { text-decoration-thickness: 1px; }
.price-at-glance dd { margin: 0; }
.price-at-glance .scope-price { color: var(--forest); font-size: 1.35rem; font-weight: 900; line-height: 1.15; white-space: nowrap; }
.scope-price span { display: block; margin-top: .12rem; color: var(--muted); font-size: .66rem; font-weight: 700; text-align: right; }
.price-at-glance .scope-deliverable { grid-column: 1 / -1; color: var(--muted); font-size: .85rem; line-height: 1.45; margin-top: .4rem; }
.price-at-glance > p { margin: .6rem 0 0; font-size: .82rem; font-weight: 800; }
@media (max-width: 800px) {
  .pricing-intro-grid { grid-template-columns: 1fr; gap: 1.15rem; }
  .page-hero.pricing-intro { padding: 1.5rem 0 2.2rem; }
  .pricing-intro .breadcrumbs { margin-bottom: .7rem; }
  .pricing-intro h1 { font-size: clamp(2.35rem, 9.5vw, 3.4rem); max-width: 19ch; }
  .pricing-intro .lead { font-size: 1rem; margin-top: .8rem; }
  .pricing-intro .eyebrow { font-size: .67rem; margin-bottom: .6rem; }
  .pricing-intro .button-row { margin-top: 1rem; }
  .price-at-glance { padding: .9rem 1rem; border-radius: 20px; }
  .price-at-glance dl > div { padding: .5rem 0; gap: .2rem .6rem; }
  .price-at-glance .scope-deliverable { font-size: .77rem; margin-top: .15rem; }
  .price-at-glance .scope-price { font-size: 1.15rem; }
  .price-at-glance dt { font-size: .83rem; }
}
