/* Membership information shares the school's monochrome foundation. */
.topic-pricing { --accent:#111; --accent-ink:#111; --on-accent:#fff; --accent-on-dark:#fff; }
.main-nav a[href="/pricing/"] { --accent:#111; --accent-ink:#111; }
.home-page .site-header:not(.is-scrolled) .main-nav a[href="/pricing/"],.footer-bottom nav a[href="/pricing/"] { --accent:#fff; --accent-on-dark:#fff; }
.pricing-intro { padding-block:60px 38px; max-width:960px; }
.pricing-intro h1 { font-size:clamp(44px,5.7vw,88px); line-height:1.08; margin:0 0 24px; }
.pricing-intro .pricing-lead { max-width:670px; font-size:18px; color:#505050; line-height:1.7; }
.launch-note { padding:18px 22px; background:#f5f5f5; border-left:3px solid #111; font-size:13px; line-height:1.7; }
.pricing-plans { padding-block:0 80px; }
.membership-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:28px; }
.membership-card { border:1px solid #d8d8d8; padding:36px; display:flex; flex-direction:column; min-width:0; }
.membership-card--learn { border-top:5px solid #f4c542; padding-top:32px; background:#fafafa; }
.membership-card h2 { font-size:36px; margin:6px 0 12px; }
.membership-card .plan-description { color:#575757; max-width:430px; margin-bottom:22px; }
.membership-price { display:flex; flex-wrap:wrap; align-items:baseline; gap:10px; margin:0 0 24px; }
.membership-price strong { font-size:clamp(42px,5vw,64px); font-weight:600; line-height:1.1; letter-spacing:-.06em; color:#111; }
.membership-price span { font-size:14px; color:#565656; }
.membership-features { list-style:none; padding:0; margin:0 0 28px; }
.membership-features li { padding:13px 0; border-top:1px solid #dedede; font-size:15px; line-height:1.6; }
.membership-card .button { margin-top:auto; align-self:flex-start; }
.membership-card--learn .button { background:#f4c542; color:#111; border-color:#f4c542; }
.pricing-footnote { margin-top:20px; font-size:13px; color:#626262; line-height:1.7; }
.topup-section { background:#111; color:white; padding-block:80px; scroll-margin-top:95px; }
.topup-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:center; gap:80px; }
.topup-copy h2 { font-size:clamp(36px,4.5vw,65px); margin-bottom:22px; }
.topup-copy>p:not(.eyebrow) { color:#d0d0d0; max-width:580px; line-height:1.8; }
.topup-card { border:1px solid #555; border-top:5px solid #80b9f5; padding:32px; }
.topup-card h3 { color:#fff; font-size:27px; margin:0 0 24px; }
.topup-card .membership-price strong { color:white; }
.topup-card .membership-price span { color:#ccc; }
.topup-card .membership-features li { border-color:#414141; }
.topup-card .button { background:#80b9f5; color:#111; border-color:#80b9f5; }
.topup-section :focus-visible { outline-color:#80b9f5; }
.pricing-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.pricing-detail-grid article { border-top:1px solid #bbb; padding-top:24px; }
.pricing-detail-grid h3 { font-size:26px; margin-bottom:14px; }
.pricing-detail-grid p { color:#555; line-height:1.8; }
.membership-teaser { border-top:1px solid #ddd; padding-block:75px; }
.membership-teaser .section-heading { margin-bottom:26px; }
.membership-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.membership-summary article { border-top:3px solid #111; padding-top:22px; }
.membership-summary article:nth-child(2) { border-color:#f4c542; }
.membership-summary article:nth-child(3) { border-color:#80b9f5; }
.membership-summary h3 { font-size:26px; margin:8px 0 14px; }
.membership-summary p { font-size:14px; line-height:1.7; color:#555; }
.membership-summary .summary-price { font-size:22px; font-weight:600; color:#111; }
@media(min-width:981px) and (max-width:1250px) { .main-nav { gap:18px; font-size:12px; } }
@media(max-width:980px) {
  .topup-layout { gap:36px; }
  .membership-card { padding:28px; }
  .membership-card--learn { padding-top:24px; }
  .pricing-detail-grid { gap:20px; }
}
@media(max-width:700px) {
  .pricing-intro { padding-block:35px 26px; }
  .pricing-intro .pricing-lead { font-size:15px; }
  .membership-grid,.topup-layout,.pricing-detail-grid,.membership-summary { grid-template-columns:1fr; }
  .membership-card { padding:26px; }
  .membership-card--learn { padding-top:22px; }
  .membership-card h2 { font-size:32px; }
  .membership-features li { font-size:14px; }
  .pricing-plans { padding-bottom:55px; }
  .topup-section,.membership-teaser { padding-block:60px; }
  .topup-card { padding:26px; }
}