.pricing-ledger{grid-template-columns:repeat(2,minmax(0,1fr));background:#f9faf8}

.pricing-plan.subscription{
  background:
    radial-gradient(circle at 96% 4%,rgba(255,255,255,.84),transparent 25%),
    linear-gradient(145deg,#e3f3fc 0%,#f2f9fc 62%,#f8fbfa 100%);
}
.billing-toggle{
  display:grid;
  grid-template-columns:1fr 1fr;
  width:100%;
  margin-top:26px;
  padding:4px;
  border:1px solid rgba(38,56,68,.1);
  border-radius:10px;
  background:rgba(244,249,251,.72);
  box-shadow:inset 0 1px 2px rgba(24,42,53,.04);
}
.billing-toggle button{
  min-height:34px;
  padding:0 14px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#60717c;
  font:inherit;
  font-size:12px;
  font-weight:760;
  cursor:pointer;
  transition:background-color .16s ease,color .16s ease,box-shadow .16s ease;
}
.billing-toggle button:hover{color:#27333b}
.billing-toggle button:focus-visible{outline:2px solid #477b99;outline-offset:2px}
.billing-toggle button[aria-pressed="true"]{
  background:#1d252b;
  color:#f8faf8;
  box-shadow:0 3px 10px rgba(25,35,42,.16);
}

.subscription-prices{
  display:block;
  min-height:112px;
  margin-top:14px;
  border-top:1px solid rgba(38,56,68,.12);
  border-bottom:1px solid rgba(38,56,68,.12);
}
.subscription-prices .price-option{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  min-height:110px;
  padding:18px 0;
  border:0;
}
.subscription-prices .price-option[hidden]{display:none!important}
.price-copy{display:grid;align-content:center;gap:6px;min-width:0}
.price-copy .price-caption,.price-copy .price-caption-row{margin:0}
.subscription-prices .price-amount{font-size:clamp(40px,4.2vw,52px);white-space:nowrap}
.price-detail{display:block;color:#70808a;font-size:11px;font-weight:560;line-height:1.45}

.weekly-disclosure{
  margin:0;
  border-bottom:1px solid rgba(38,56,68,.1);
}
.weekly-disclosure summary{
  padding:12px 0;
  color:#687985;
  font-size:11px;
  font-weight:720;
  cursor:pointer;
  list-style-position:inside;
}
.weekly-disclosure summary:hover{color:#26343d}
.weekly-disclosure summary:focus-visible{outline:2px solid #477b99;outline-offset:3px}
.weekly-disclosure .price-option{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:18px;
  padding:2px 0 15px;
  border:0;
}
.weekly-disclosure .price-amount{font-size:24px;letter-spacing:-.035em}

.pricing-plan.classic{
  display:grid;
  grid-column:1/-1;
  grid-template-areas:
    "meta price action"
    "title price action"
    "lede price action"
    "features features features";
  grid-template-columns:minmax(0,1fr) minmax(150px,190px) minmax(190px,230px);
  min-height:0;
  column-gap:34px;
  row-gap:0;
  padding:27px clamp(28px,3vw,42px) 22px;
  border-top:1px solid rgba(20,23,26,.08);
  border-left:0;
  background:#f7f7f3;
}
.pricing-plan.classic .plan-meta{grid-area:meta;justify-content:flex-start;gap:10px;color:#777d7a;font-size:10px}
.pricing-plan.classic .plan-badge{min-height:22px;padding:0 8px;background:transparent;color:#676e6a;font-size:10px}
.pricing-plan.classic h3{grid-area:title;margin:12px 0 3px;font-size:clamp(22px,2.2vw,28px)}
.pricing-plan.classic .plan-lede{grid-area:lede;min-height:0;max-width:58ch;color:#6b7470;font-size:13px;line-height:1.55}
.pricing-plan.classic .classic-price{
  grid-area:price;
  align-self:center;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  text-align:left;
}
.pricing-plan.classic .classic-price .price-caption-row{justify-content:flex-start;margin-bottom:5px}
.pricing-plan.classic .classic-price .price-caption{text-align:left}
.pricing-plan.classic .classic-price .price-amount{justify-content:flex-start;font-size:34px}
.pricing-plan.classic .price-offer[hidden]{display:none!important}
.classic-original{margin-right:7px;color:#959993;font-size:.58em;text-decoration:line-through;text-decoration-thickness:1px}
.pricing-plan.classic .plan-features{
  grid-area:features;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px 28px;
  margin:18px 0 0;
  padding-top:14px;
  border-top:1px solid rgba(20,23,26,.07);
  color:#6d7571;
  font-size:11px;
}
.pricing-plan.classic .plan-features li{padding:0 0 0 17px;border:0}
.pricing-plan.classic .plan-features li::before{top:5px;width:7px;height:4px;border-width:1.3px}
.pricing-plan.classic .plan-features li:nth-child(n+4){display:none}
.pricing-plan.classic .plan-action{grid-area:action;align-self:center;gap:7px;margin:0}
.pricing-plan.classic .plan-action .cta{
  min-height:42px;
  border:1px solid rgba(20,23,26,.16);
  background:transparent;
  color:#252b28;
  box-shadow:none;
}
.pricing-plan.classic .plan-action .cta:hover{background:#eceee9}
.pricing-plan.classic .plan-action-note{max-width:27ch;color:#818782;font-size:10px}

@media (max-width:1100px){
  .pricing-ledger{grid-template-columns:1fr}
  .pricing-plan.classic{grid-column:auto}
}
@media (max-width:820px){
  .pricing-plan.classic{
    grid-template-areas:"meta meta" "title price" "lede price" "features features" "action action";
    grid-template-columns:minmax(0,1fr) auto;
    column-gap:24px;
  }
  .pricing-plan.classic .plan-action{align-items:flex-start;margin-top:18px;text-align:left}
  .pricing-plan.classic .plan-action-note{text-align:left}
}
@media (max-width:680px){
  .subscription-prices .price-option{grid-template-columns:1fr;gap:10px;min-height:134px}
  .subscription-prices .price-amount{font-size:42px}
  .weekly-disclosure .price-option{align-items:flex-start;flex-direction:column;gap:6px}
  .pricing-plan.classic{
    grid-template-areas:"meta" "title" "lede" "price" "features" "action";
    grid-template-columns:1fr;
    padding:24px 22px;
  }
  .pricing-plan.classic .classic-price{margin-top:18px}
  .pricing-plan.classic .plan-features{grid-template-columns:1fr;gap:8px}
  .pricing-plan.classic .plan-action{width:100%}
  .pricing-plan.classic .plan-action .cta{width:100%}
}