/* ANNUAL04R1: only the approved cycle control and new annual information.
   Existing cards, prices, actions and lists inherit the production stylesheet. */
.home-refresh #pricing .billing-cycle-wrap{display:flex;justify-content:center;margin:0 0 20px}
.home-refresh #pricing .billing-cycle-toggle{display:inline-flex;gap:5px;padding:5px;border:1px solid var(--home-line);border-radius:999px;background:var(--home-card)}
.home-refresh #pricing .billing-cycle-toggle button{font:inherit;font-size:14px;font-weight:750;line-height:1.4;min-width:104px;min-height:42px;padding:10px 24px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--home-muted);cursor:pointer}
.home-refresh #pricing .billing-cycle-toggle button[aria-checked=true]{background:var(--home-chip);color:var(--home-ink);border-color:var(--home-line)}
.home-refresh #pricing .billing-cycle-toggle button[data-billing-cycle=year][aria-checked=true]{background:linear-gradient(135deg,#36d8c0,#32a6e8);color:#052b3d;border-color:#33bbd4}
.home-refresh #pricing .billing-cycle-toggle button:focus-visible{outline:3px solid var(--home-accent);outline-offset:3px}
.home-refresh #pricing .billing-cycle-toggle button:disabled{opacity:.5;cursor:default}
.home-refresh #pricing .plan-benefit{display:flex;flex-direction:column;gap:5px;margin:12px 0 0;line-height:1.7;font-size:13px;color:var(--home-muted)}
.home-refresh #pricing .plan-benefit strong{font-size:14px;font-weight:650;color:var(--home-accent)}
.home-refresh #pricing .plan-benefit span:empty{display:none}
.home-refresh #pricing .plan-renewal{display:flex;flex-direction:column;gap:4px;margin:0 0 16px;color:var(--home-muted);font-size:12px;line-height:1.75}
.home-refresh #pricing .pricing-notice{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 0;color:var(--home-muted);font-size:13px;text-align:center}
.home-refresh #pricing .pricing-notice button{background:none;border:0;color:var(--home-accent);font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
@media(max-width:480px){.home-refresh #pricing .billing-cycle-toggle button{min-width:112px;padding-inline:20px}}

.home-refresh #pricing .billing-cycle-toggle.final-offer-toggle{max-width:100%;box-sizing:border-box;border-radius:18px;flex-wrap:wrap;justify-content:center}
.home-refresh #pricing .final-offer-toggle button{min-width:0;padding:8px 14px;white-space:nowrap;border-radius:13px}
.home-refresh #pricing .final-offer-toggle button[aria-checked=true]{
  background:linear-gradient(135deg,var(--mint),#47cde0 42%,#4e9dea);
  color:#041225;
  border-color:transparent;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20);
  text-shadow:none;
}
/* Paint the light gradient across the transparent border without a repeated edge. */
:root[data-theme="light"] .home-refresh #pricing .final-offer-toggle button[aria-checked=true]{
  background-origin:border-box;
  box-shadow:none;
}
.home-refresh #pricing .final-offer-toggle button:focus-visible{outline:2px solid currentColor;outline-offset:-4px}
.home-refresh #pricing .plan-benefit[hidden],.home-refresh #pricing .plan-renewal[hidden]{display:none}
.home-refresh #pricing[data-final-offer-active] [data-offer-equivalent]{
  font-size:16px;
  font-weight:650;
  line-height:1.5;
  color:var(--home-ink);
  font-variant-numeric:tabular-nums;
}
@media(max-width:480px){.home-refresh #pricing .final-offer-toggle button{padding-inline:10px}}
[data-legacy-offer-faq][hidden],[data-final-offer-faq][hidden]{display:none!important}

/* Keep the period summary centered at the mobile breakpoint as on desktop. */
.home-refresh #pricing .payment-status{margin-inline:auto;text-align:center}
/* Both recurring benefit lines keep their place when the pass has no discount. */
.home-refresh #pricing[data-final-offer-active] .plan-benefit{
  min-block-size:calc(14px * 1.7 + 5px + 16px * 1.5);
}
.home-refresh #pricing[data-final-offer-active] .plan-benefit[aria-hidden=true]{visibility:hidden}