/* The pricing page shares the homepage's offer card and Ocean/Dark theme tokens. */
[data-page=pricing] .pricing-hero{padding-block:80px;gap:clamp(40px,7vw,110px)}
.pricing-intro{min-width:0}
.pricing-mobile-action{display:none}
.pricing-hero h1{font-size:clamp(2.8rem,4.7vw,4.4rem);line-height:1.1;margin-bottom:30px}
.pricing-hero .pricing-trial{margin:32px 0 18px}
.pricing-hero .pricing-intro .pricing-trial-note{font-size:12px;margin-bottom:28px;max-width:420px}
.pricing-hero .availability-note{line-height:1.8;margin-bottom:0}
.pricing-hero .depth-price-card{min-width:0}
.pricing-hero .depth-price-card .pricing-reassurance{font-size:11px;text-align:center;color:var(--text);margin:13px 0 0}
.pricing-hero .depth-price-card>small{font-size:10px;margin-top:18px}
.pricing-questions{padding-top:55px;border-top:1px solid var(--line)}
.pricing-questions h2{margin-bottom:18px}
.pricing-questions>div>p:not(.eyebrow){font-size:14px}
.pricing-next-step{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:35px 40px}
.pricing-next-step h2{font-size:clamp(1.6rem,3vw,2rem);margin-bottom:12px}
.pricing-next-step p{font-size:13px;margin:0}
.pricing-next-step .button{flex:none}
.pricing-terms{font-size:11px;padding-block:24px 55px;margin-bottom:0;color:var(--muted)}
.pricing-terms a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){
  [data-page=pricing] .pricing-hero{grid-template-columns:1fr 1fr;gap:30px;padding-block:55px}
  .pricing-hero h1{font-size:clamp(2.5rem,5.3vw,3.5rem)}
  .pricing-hero .depth-price-card{padding:28px}
  .pricing-next-step{padding:28px;align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  [data-page=pricing] .pricing-hero{grid-template-columns:1fr;padding-block:45px;gap:30px}
  .pricing-hero h1{font-size:clamp(2.5rem,9.5vw,3.5rem);margin-bottom:22px}
  .pricing-mobile-action{display:block;margin:25px 0 20px}
  .pricing-mobile-action .button{width:100%}
  .pricing-mobile-action p{font-size:11px;text-align:center;margin:12px 0 0}
  .pricing-hero .pricing-trial,.pricing-hero .pricing-trial-note{display:none}
  .pricing-hero .depth-price-card{padding:25px}
  .pricing-questions{padding-top:35px}
  .pricing-next-step{padding:25px}
  .pricing-next-step .button{width:100%}
}