/* Compact plan choices, with detailed comparison available on demand. */
.plans-page .page-intro { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:65px; padding:28px 0 30px; }
.plans-page .page-intro h1 { font-size:clamp(40px,4vw,55px); }
.plans-page .page-intro .lede { margin:0 0 4px; max-width:440px; font-size:16px; line-height:1.65; }
.plans-common { display:grid; grid-template-columns:200px 1fr; align-items:baseline; gap:25px; border-block:1px solid var(--hair); padding:15px 0; }
.plans-common strong { color:var(--teal); font-size:11px; line-height:1.6; }
.plans-common p { font-size:13px; line-height:1.65; color:var(--muted); }
.plans-page .plan-grid { margin-top:21px; gap:18px; }
.plans-page .plan { padding:22px; scroll-margin-top:24px; }
.plans-page .plan h2 { font-size:32px; }
.plans-page .plan .description { min-height:43px; margin-top:10px; font-size:13px; line-height:1.6; }
.plans-page .price { font-size:38px; margin-top:17px; }
.plans-page .price s { font-size:17px; }
.plans-page .price-detail { font-size:11px; }
.plan-includes { color:var(--teal); font-size:11px; font-weight:600; margin-top:19px; }
.plans-page .feature-list { margin:8px 0 18px; }
.plans-page .feature-list li { font-size:13px; line-height:1.6; margin:9px 0; padding-left:18px; }
.plans-page .plan .mission-mini { margin:0 0 17px; padding-top:11px; font-size:11px; }
.plans-page .plan .plan-also { margin:0 0 16px; color:var(--muted); font-size:13px; line-height:1.6; }
.plans-page .plan .plan-also strong { color:var(--ink); font-weight:600; }
.plans-page .plan .button { min-height:42px; font-size:12px; }
.plans-offer-note { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:17px 0; }
.plans-offer-note p { font-size:11px; line-height:1.7; color:var(--muted); max-width:810px; }
.plans-offer-note strong { font-weight:600; color:var(--ink); }
.plans-offer-note a { flex:none; font-size:12px; }
.plans-account { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:4px 0 20px; }
.plans-account p { max-width:700px; font-size:12px; color:var(--muted); line-height:1.65; }
.plans-account strong { color:var(--ink); font-weight:600; }
.plans-account > div { display:flex; flex-wrap:wrap; gap:12px 22px; flex:none; }
.plans-account .plain-link { font-size:12px; }
.plans-comparison { border-block:1px solid var(--hair); scroll-margin-top:24px; }
.plans-comparison > summary { display:flex; align-items:baseline; flex-wrap:wrap; gap:9px 22px; padding:17px 0; cursor:pointer; color:var(--teal); }
.plans-comparison > summary::before { content:'+'; font-size:20px; line-height:1; }
.plans-comparison[open] > summary::before { content:'−'; }
.plans-comparison > summary strong { font-size:13px; font-weight:600; }
.plans-comparison > summary span { font-size:11px; color:var(--muted); }
.plans-comparison > summary::marker { content:''; }
.plans-comparison > summary::-webkit-details-marker { display:none; }
.plans-page .comparison-scroll { margin-top:3px; }
.plans-page .comparison { font-size:12px; }
.plans-page .comparison th, .plans-page .comparison td { padding:11px 14px; line-height:1.6; }
.plans-comparison > .small-note { margin:14px 0 20px; }
.plans-founder { padding:34px 0; scroll-margin-top:24px; }
.plans-page .section-title { font-size:clamp(30px,2.8vw,39px); }
.plans-page .reading-grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:65px; }
.plans-page .founder-copy p { font-size:15px; line-height:1.75; margin-bottom:13px; }
.plans-page .founder-copy p:first-child { font-size:18px; line-height:1.6; }
.plans-page .founder-copy p:last-child { margin-bottom:0; }
.plans-page .no-fees { margin-top:18px; font-size:13px; }
.plans-details { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:65px; padding:30px 0; border-top:1px solid var(--hair); scroll-margin-top:24px; }
.plans-details header .small-note { max-width:360px; }
.plans-page .faq details { padding:16px 0; scroll-margin-top:24px; }
.plans-page .faq summary { font-size:14px; }
.plans-page .faq details p { font-size:13px; line-height:1.7; }
.plans-page .final-cta { padding-block:30px; }
@media (max-width:1050px) {
  .plans-page .page-intro, .plans-page .reading-grid, .plans-details { column-gap:35px; }
  .plans-page .plan { padding:20px 17px; }
  .plans-page .plan-grid { gap:12px; }
}
@media (max-width:760px) {
  .plans-page .page-intro, .plans-common, .plans-page .reading-grid, .plans-details { grid-template-columns:1fr; gap:18px; }
  .plans-page .page-intro { padding:25px 0; }
  .plans-page .page-intro h1 { font-size:clamp(39px,7vw,48px); }
  .plans-page .page-intro .lede { font-size:15px; max-width:none; }
  .plans-common { gap:7px; }
  .plans-page .plan-grid { grid-template-columns:1fr; gap:14px; }
  .plans-page .plan { padding:22px; }
  .plans-page .plan .description { min-height:0; }
  .plans-account { flex-direction:column; align-items:start; gap:12px; }
  .plans-offer-note { flex-direction:column; align-items:start; gap:10px; }
  .plans-comparison > summary span { flex-basis:100%; margin-left:33px; }
  .plans-founder, .plans-details { padding:27px 0; }
}
/* While a sale is a plan's best offer, its price gets the sale's splash, as on
   the sale page (black-friday.css), and the list price beside it is struck
   through, only once the sale price shows. */
.plans-page .price-row { position:relative; align-self:stretch; }
.plans-page .plan-splash { --size:132px; position:absolute; right:-10px; top:50%; margin-top:-42px; z-index:1; }
.plans-page .plan-splash .splash-price { font-size:32px; }
.plans-page .plan-splash-quiet { --splash:var(--teal); }
.plans-page .price-row:has(.plan-splash:not([hidden]) .splash-price:not([hidden])) .price { color:var(--muted); font-size:26px; text-decoration:line-through; }