/* Put the plan decision before account tools and rollout guidance. */
body.pricing-visitor .page-hero { padding: 2.5rem 2rem 1.75rem; background: #f6f8f4; }
body.pricing-visitor .page-hero::before,
body.pricing-visitor .page-hero::after { display: none; }
body.pricing-visitor .page-hero .container { max-width: 1120px; }
body.pricing-visitor .page-hero h1 { max-width: 22ch; margin-bottom: .75rem; font-weight: 800; }
body.pricing-visitor .page-hero p { max-width: 48rem; font-size: 1.05rem; line-height: 1.6; }
.pricing-visitor .pricing-page-body { max-width: 1184px; padding-top: 2rem; }
.pricing-visitor .pricing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 0; gap: 1.25rem; }
.pricing-visitor .plan { display: flex; flex-direction: column; padding: 1.75rem; scroll-margin-top: 120px; box-shadow: none; }
.pricing-visitor .plan::after { display: none; }
.pricing-visitor .plan:hover { transform: none; box-shadow: none; }
.pricing-visitor .plan.featured { border: 1px solid #047857; background: #f5faf6; box-shadow: none; }
.pricing-visitor .plan .plan-name { font-size: 1.2rem; text-transform: none; letter-spacing: -.02em; color: #102820; font-weight: 800; margin: 0 0 .45rem; }
.pricing-visitor .plan .plan-description { font-size: .9rem; line-height: 1.5; color: var(--muted); min-height: 2.7rem; margin: 0 0 1.25rem; }
.pricing-visitor .plan .plan-price { font-size: 2.75rem; }
.pricing-visitor .plan ul { margin: 1.25rem 0 1.5rem; gap: .35rem; }
.pricing-visitor .plan ul li { border: 0; padding: .25rem 0; line-height: 1.5; }
.pricing-visitor .plan > .btn { margin-top: auto; width: 100%; min-height: 48px; }
.pricing-visitor .btn-green { background: #047857; border-color: #047857; color: #fff; }
.pricing-visitor .btn-green:hover { background: #065f46; border-color: #065f46; color: #fff; }
.pricing-visitor .plan .plan-period { margin-bottom: 0; }
.pricing-visitor .plan .plan-period small { display: block; margin-top: .15rem; }
.pricing-visitor .pricing-terms { margin: 1rem 0 1.5rem; color: var(--muted); font-size: .85rem; line-height: 1.7; }
.pricing-visitor .pricing-terms a { color: #065f46; text-underline-offset: 3px; }
.pricing-visitor .install-first { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.5rem; margin: 0 0 2.5rem; border: 1px solid var(--border); border-radius: var(--radius-lg); background: #f8faf8; }
.pricing-visitor .install-first h2 { font-size: 1rem; margin: 0 0 .35rem; }
.pricing-visitor .install-first p { font-size: .9rem; line-height: 1.6; color: var(--muted); margin: 0; max-width: 40rem; }
.pricing-visitor .install-first .btn { flex-shrink: 0; }
.pricing-visitor #team-setup { scroll-margin-top: 120px; }
.pricing-visitor .proof-strip { margin-top: 2.5rem; }
.pricing-visitor .account-shortcut { margin-top: 2rem; }
.pricing-visitor .plan-jumps { display: none; }
.pricing-visitor a:focus-visible,
.pricing-visitor button:focus-visible,
.pricing-visitor summary:focus-visible { outline: 3px solid #047857; outline-offset: 3px; }
@media (max-width: 900px) {
  .pricing-visitor .pricing-grid { gap: .75rem; }
  .pricing-visitor .plan { padding: 1.25rem; }
}
@media (max-width: 760px) {
  body.pricing-visitor .page-hero { padding: 2rem 1.25rem 1.5rem; }
  body.pricing-visitor .page-hero h1 { font-size: 2.1rem; letter-spacing: -.03em; }
  body.pricing-visitor .page-hero p { width: 100% !important; max-width: 100% !important; font-size: .95rem; }
  .pricing-visitor .pricing-page-body { padding: 1.25rem; }
  .pricing-visitor .plan-jumps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; margin: 0 0 1.25rem; }
  .pricing-visitor .plan-jumps a { display: flex; flex-direction: column; gap: .25rem; padding: .8rem .5rem; border: 1px solid #cdd9d1; border-radius: .75rem; background: #fff; color: #102820; text-align: center; text-decoration: none; font-size: .85rem; font-weight: 700; }
  .pricing-visitor .plan-jumps a span { color: #52625a; font-weight: 500; font-size: .75rem; }
  .pricing-visitor .plan-jumps a:hover { border-color: #047857; background: #f5faf6; }
  .pricing-visitor .pricing-grid { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .pricing-visitor .plan { padding: 1.5rem; }
  .pricing-visitor .plan .plan-description { min-height: 0; margin-bottom: 1rem; }
  .pricing-visitor .install-first { flex-direction: column; align-items: stretch; padding: 1.25rem; }
  .pricing-visitor .install-first .btn { text-align: center; }
  .pricing-visitor .team-setup { padding: 1.25rem; }
}
