/* Adaptation of dgearsonu1/pricing-card; equal service cards with hover emphasis. */
.services-page .service-hero{padding-bottom:3rem}
.services-page .service-hero .page-heading{padding-bottom:0}
.services-page .service-hero .text-link{color:var(--cream);min-height:2.75rem}
.service-pricing{background:var(--cream)}
.service-pricing-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;margin-bottom:2.5rem}
.service-pricing-header>div:first-child{max-width:40rem;min-width:0}
.service-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--heading-color);font-size:.75rem;margin-bottom:1rem}
.service-pricing-header h2{margin-bottom:1rem}
.service-pricing-header p{color:var(--muted)}
.service-pricing-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}
.service-price-card{min-width:0;display:flex;flex-direction:column;padding:2rem 1.5rem;color:var(--ink);border:1px solid var(--line);border-radius:1rem;background:var(--paper);overflow-wrap:anywhere;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.service-price-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:.375rem;min-height:3rem;font-family:var(--sans);color:var(--deep)}
.service-price-amount [data-price-value]{font-size:clamp(2.25rem,3vw,3.25rem);line-height:1.2;font-weight:600;letter-spacing:-.04em}
.service-price-amount [data-price-value].is-quoted{font-size:1.5rem;letter-spacing:-.02em}
.service-price-amount [data-price-suffix]{font-size:.875rem}
.services-page main#main .service-price-note{font-size:.8125rem;line-height:1.5;color:var(--muted);margin:.25rem 0 2rem}
.services-page main#main .service-price-card h3{font-family:var(--serif);font-size:clamp(1.625rem,2.4vw,2.125rem);line-height:1.2;margin-bottom:1rem;color:var(--heading-color)}
.service-price-description{color:var(--muted);margin-bottom:2rem}
.service-price-cta{display:flex;align-items:center;justify-content:center;text-align:center;min-height:3.5rem;margin-top:auto;padding:.875rem 1rem;border:1px solid var(--action-color);border-radius:.875rem;background:var(--action-color);box-shadow:none;color:var(--action-text-color);font-weight:500;line-height:1.4;transition:transform .2s,box-shadow .2s}
.service-price-cta:hover{background:var(--action-hover-color);transform:translateY(-2px);box-shadow:0 .625rem 1rem #8e23363b}
.service-price-cta:focus-visible{background:var(--action-hover-color)}
.service-price-more{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;margin-top:.75rem;text-decoration:underline;text-underline-offset:.25em;font-size:.875rem}
.services-page main#main .service-pricing-footnote{margin-top:1.5rem;max-width:48rem;color:var(--muted);font-size:.875rem;line-height:1.6}
.services-page .service-details{padding-top:var(--section)}
@media(min-width:48rem){
 .service-pricing-header{gap:2rem}
 .service-pricing-header>div:first-child{max-width:42rem}
 .service-price-card{padding:2.5rem}
}
@media(min-width:64rem){
 .service-pricing-header{margin-bottom:4rem}
 .service-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .service-price-card{padding:2.5rem 2rem}
 .services-page main#main .service-price-card h3{min-height:2.4em}
 .service-price-description{min-height:7rem}
 .service-pricing-footnote{padding-top:1.25rem}
}


/* All three services receive identical interactive emphasis. */
.service-price-card:focus-within{background:var(--deep);border-color:var(--sage);box-shadow:0 0 0 2px var(--sage),0 1rem 2rem #104c5020}
.services-page main#main .service-price-card:focus-within :is(h3,.service-price-description,.service-price-amount,.service-price-note,.service-price-more){color:var(--cream)}
@media(hover:hover) and (pointer:fine){
 .service-price-card:hover{background:var(--deep);border-color:var(--sage);box-shadow:0 0 0 2px var(--sage),0 1rem 2rem #104c5020;transform:translateY(-.375rem)}
 .services-page main#main .service-price-card:hover :is(h3,.service-price-description,.service-price-amount,.service-price-note,.service-price-more){color:var(--cream)}
}
@media(prefers-reduced-motion:reduce){.service-price-card,.service-price-cta{transition:none}.service-price-card:hover,.service-price-cta:hover{transform:none}}