/* Marketing pricing composition: typography gaps use the existing editorial scale. */
.pricing-intro{padding-block:var(--space-7) var(--space-8)}
.pricing-intro h1{font-size:var(--sub-hero-type);font-weight:500;line-height:1.06;letter-spacing:-.06em;margin-top:var(--space-3)}
.pricing-intro h1 span{color:var(--brand)}
.pricing-intro>p{font-size:var(--text-lead);max-width:660px;color:var(--muted);margin-top:var(--space-5)}
.pricing-jump{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-6);font-size:var(--text-ui)}
.pricing-jump a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius);background:var(--white);transition:background-color var(--motion-fast),border-color var(--motion-fast)}
.pricing-jump a:hover{background:var(--tint);border-color:var(--brand-light)}
.pricing-jump a span{color:var(--brand)}
.pricing-section{padding-bottom:var(--section-space)}
.pricing-section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-7);align-items:end;margin-bottom:var(--space-6)}
.pricing-section-heading>div{min-width:0}
.pricing-section-heading h2,.pricing-extensions h2{font-size:var(--sub-heading-type);font-weight:500;line-height:1.12;letter-spacing:-.05em;margin-top:var(--space-3)}
.pricing-section-heading>p{font-size:var(--text-body);color:var(--muted);max-width:460px}
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.pricing-card{display:flex;flex-direction:column;min-width:0;padding:var(--space-7);border:1px solid var(--line);border-radius:var(--card-radius);background:var(--white)}
.pricing-card-featured{border-color:var(--brand-light);background:var(--tint)}
.pricing-kicker{font-size:var(--text-detail);color:var(--brand);letter-spacing:.07em;font-weight:500}
.pricing-card h3{font-size:32px;line-height:1.2;letter-spacing:-.04em;font-weight:500;margin-top:var(--space-4);min-height:2.4em}
.pricing-description{font-size:var(--text-body);color:var(--muted);margin-top:var(--space-3);min-height:3.3em;max-width:440px}
.pricing-cost{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-6)}
.pricing-cost strong{font-size:64px;font-weight:500;line-height:1.05;letter-spacing:-.06em;color:var(--plantation);font-variant-numeric:tabular-nums}
.pricing-cost>span{font-size:var(--text-ui);color:var(--muted)}
.pricing-rule{font-size:var(--text-ui);line-height:1.6;padding-block:var(--space-5);border-bottom:1px solid var(--gray-300);min-height:6.3em}
.pricing-rule strong{font-weight:500;color:var(--brand)}
.pricing-features{list-style:none;margin:var(--space-5) 0 var(--space-6);padding:0;display:grid;gap:var(--space-4);font-size:var(--text-body);line-height:1.5}
.pricing-features li{position:relative;padding-left:var(--space-5)}
.pricing-features li::before{content:'✓';position:absolute;left:0;color:var(--brand)}
.pricing-card-bottom{margin-top:auto}
.pricing-card-bottom .button{width:100%;justify-content:space-between;white-space:normal;gap:var(--space-4)}
.pricing-card-bottom .button img{flex-shrink:0}
.pricing-card-bottom>span{display:block;font-size:var(--text-detail);line-height:1.6;color:var(--muted);margin-top:var(--space-4)}
/* Share six content rows plus CTA and note rows, including wrapped button labels. */
@media(min-width:701px){
  .pricing-grid{grid-template-rows:repeat(8,auto);row-gap:0}
  .pricing-card{display:grid;grid-row:span 8;grid-template-rows:subgrid}
  .pricing-card-bottom{display:grid;grid-row:span 2;grid-template-rows:subgrid;margin-top:0}
}
.pricing-tax{font-size:var(--text-detail);color:var(--muted);margin-top:var(--space-4)}
.pricing-extensions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);padding-block:var(--space-7);border-block:1px solid var(--line);margin-bottom:var(--section-space)}
.pricing-extensions>div{min-width:0}
.pricing-extensions>div>p{font-size:var(--text-body);color:var(--muted);margin-top:var(--space-5)}
.pricing-extensions .text-link{margin-top:var(--space-5)}
.pricing-extension-list article{padding-block:var(--space-4);border-bottom:1px solid var(--line)}
.pricing-extension-list article:first-child{padding-top:0}
.pricing-extension-list h3{font-size:22px;letter-spacing:-.02em;font-weight:500}
.pricing-extension-list article p{font-size:var(--text-ui);color:var(--muted);margin-top:var(--space-2)}
.pricing-extensions .pricing-extension-note{font-size:var(--text-detail)}
@media(max-width:1100px){.pricing-card{padding:var(--space-6)}.pricing-section-heading{grid-template-columns:1fr;gap:var(--space-4)}.pricing-section-heading>p{max-width:640px}.pricing-extensions{gap:var(--space-6)}}
@media(max-width:700px){.pricing-grid,.pricing-extensions{grid-template-columns:1fr}.pricing-card h3,.pricing-description,.pricing-rule{min-height:0}.pricing-card h3{max-width:440px}.pricing-extensions{gap:var(--space-7)}}
@media(max-width:600px){.pricing-intro{padding-block:var(--space-5) var(--space-7)}.pricing-intro h1{font-size:var(--sub-mobile-hero-type)}.pricing-intro>p{font-size:var(--text-body)}.pricing-jump{flex-direction:column;gap:var(--space-3)}.pricing-jump a{padding:var(--space-4);gap:var(--space-3)}.pricing-jump a span{flex-shrink:0}.pricing-section-heading h2{font-size:clamp(29px,8.3vw,36px)}.pricing-extensions h2{font-size:36px}.pricing-card{padding:var(--space-5)}.pricing-card h3{font-size:30px}.pricing-cost strong{font-size:56px}.pricing-kicker{letter-spacing:.025em}.pricing-features{font-size:var(--text-body)}.pricing-rule{padding-block:var(--space-4)}.pricing-section{padding-bottom:var(--space-8)}}
@media(prefers-reduced-motion:reduce){.pricing-jump a{transition:none}}