/* Same SST plans, paced for reading on a phone. */
@media(max-width:760px){
  body.pricing-cards-layout{padding-top:65px}
  .pricing-cards-layout .page-width{width:calc(100% - 40px);max-width:480px}
  .pricing-cards-layout .pricing-section{padding-top:28px;padding-bottom:32px}
  .pricing-cards-layout .pricing-intro{margin-bottom:24px;text-align:left}
  .pricing-cards-layout .pricing-intro>h1,.pricing-cards-layout .pricing-intro>p{text-align:left;margin-left:0;max-width:none;text-wrap:pretty}
  .pricing-cards-layout .pricing-intro h1{font:700 32px/1.2 Inter,sans-serif;letter-spacing:-.03em;text-wrap:balance}
  .pricing-cards-layout .pricing-intro>p{font-size:16px;line-height:1.6;margin-top:10px}
  .pricing-cards-layout .plan-cards{gap:16px}
  .pricing-cards-layout .plan-card-body{padding:20px 20px 0}
  .pricing-cards-layout .plan-card-band{height:4px}
  .pricing-cards-layout .plan-card-heading h2{font-size:24px;line-height:1.2;letter-spacing:-.025em}
  .pricing-cards-layout .plan-card-description{font-size:16px;line-height:1.5;margin-top:8px;min-height:0;text-wrap:pretty}
  .pricing-cards-layout .card-price{font-size:44px;line-height:1.15;letter-spacing:-.03em;margin:16px 0;white-space:nowrap}
  .pricing-cards-layout .card-price-currency{font-size:20px}
  .pricing-cards-layout .card-price-period{font-size:14px}
  .pricing-cards-layout .card-price-note{display:none}
  .pricing-cards-layout .plan-card .pricing-button{min-height:48px;border-radius:8px;font-size:15px;padding:12px}
  .mobile-plan-details{margin-top:12px;border-top:1px solid #d3e0f1}
  .mobile-plan-details>summary,.mobile-pricing-more>summary,.mobile-pricing-promotion>summary,.mobile-pricing-directory>summary{min-height:48px;padding:14px 0;font:600 14px/1.5 Inter,sans-serif;color:#0758ce;cursor:pointer}
  .mobile-plan-details .card-benefits{margin:0;padding:8px 0 24px;border:0}
  .mobile-plan-details .card-benefits h3{font-size:15px;margin-bottom:14px}
  .mobile-plan-details .card-benefits li{font-size:15px;line-height:1.6;text-wrap:pretty}
  .mobile-plan-details .benefit-detail{font-size:14px}
  .mobile-plan-details .plan-differences .benefit-difference{min-height:0}
  .mobile-plan-details .benefit-difference .benefit-detail{font-size:16px}
  .pricing-cards-layout .pricing-fine-print{font-size:13px;line-height:1.6;padding-top:18px;text-wrap:pretty}
  .mobile-pricing-promotion{border-top:1px solid #cbd9ed;margin-top:16px}
  .mobile-pricing-promotion .pricing-promotion{margin:0;padding:4px 0 16px;background:none;border:0}
  .mobile-pricing-promotion .pricing-promotion h2{display:none}
  .mobile-pricing-promotion p{font-size:15px;line-height:1.6;overflow-wrap:anywhere}
  .pricing-cards-layout .pricing-proof{padding:32px 0}
  .pricing-cards-layout .pricing-proof-intro{gap:8px}
  .pricing-cards-layout .pricing-proof-intro h2{font-size:26px;line-height:1.25;text-wrap:balance;letter-spacing:-.025em}
  .pricing-cards-layout .pricing-proof-intro p{display:none}
  .pricing-cards-layout .pricing-proof-intro>a{font-size:14px;margin-top:0;min-height:44px;display:inline-flex;align-items:center}
  .pricing-cards-layout .pricing-proof-metrics{margin-top:16px;gap:12px;align-items:start}
  .pricing-cards-layout .pricing-proof-metrics>div{flex-direction:column;gap:8px;padding:0;border:0;min-width:0}
  .pricing-cards-layout .pricing-proof-metrics dd{order:-1;font-size:30px;letter-spacing:-.03em;white-space:nowrap}
  .pricing-cards-layout .pricing-proof-metrics dd span{font-size:22px}
  .pricing-cards-layout .pricing-proof-metrics dt{font-size:12px;line-height:1.5}
  .pricing-cards-layout .pricing-faq{padding:36px 0 24px;gap:16px}
  .pricing-cards-layout .pricing-faq-intro h2{font-size:28px;line-height:1.2;letter-spacing:-.03em;text-wrap:balance}
  .pricing-cards-layout .pricing-faq-rule,.pricing-cards-layout .pricing-faq-intro>p{display:none}
  .pricing-cards-layout .pricing-faq-intro .quiet-link{font-size:14px;margin-top:12px;display:inline-flex;align-items:center;min-height:44px}
  .pricing-cards-layout .pricing-question>summary{font-size:16px;font-weight:500;line-height:1.5;padding:18px 40px 18px 0;text-wrap:pretty}
  .pricing-cards-layout .pricing-answer{font-size:16px;line-height:1.6;overflow-wrap:anywhere}
  .pricing-cards-layout .pricing-answer :is(p,li){font-size:16px;line-height:1.6}
  .mobile-pricing-more{border-bottom:1px solid #d3e0f1}
  .pricing-cards-layout .pricing-contact{padding:28px 0 66px;gap:16px}
  .pricing-cards-layout .pricing-contact h2{font-size:26px;line-height:1.25;text-wrap:balance;letter-spacing:-.025em}
  .pricing-cards-layout .pricing-contact p{font-size:16px;line-height:1.6;text-wrap:pretty}
  .pricing-cards-layout .pricing-contact .pricing-button{min-height:48px;font-size:16px}
  .pricing-cards-layout summary:focus-visible{outline:2px solid #0758ce;outline-offset:3px}
  .pricing-cards-layout ::selection{background:#c8ddff;color:#132c50}
}
@media(max-width:350px){
  .pricing-cards-layout .page-width{width:calc(100% - 32px)}
  .pricing-cards-layout .plan-card-body{padding:18px 16px 0}
  .pricing-cards-layout .pricing-intro h1{font-size:30px}
  .pricing-cards-layout .pricing-proof-metrics dd{font-size:26px}
}