/* Both purchase options stay visible together, with the full amount and period. */
.offer.hero-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100%,520px);max-width:100%;scroll-margin-top:28px}
.hero-plan{min-width:0;padding:22px 22px 20px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius)}
.hero-plan-family{background:#edf4ff;border-color:#d4e4f8}
.hero-plan h2{font-size:17px;line-height:1.3;letter-spacing:-.3px;font-weight:550;margin:0 0 5px}
.plan-devices{font-size:13px;line-height:1.5;color:var(--color-muted);margin:0 0 17px}
.plan-price{display:flex;flex-direction:column;gap:3px;margin:0 0 19px}
.plan-price strong{font-size:43px;font-weight:600;line-height:1.15;letter-spacing:-1.7px;white-space:nowrap}
.plan-price strong>span{font-size:.7em;letter-spacing:-.5px}
.plan-period{font-size:12px;line-height:1.5;color:var(--color-muted)}
.offer.hero-plans .hero-cta{width:100%;min-width:0;min-height:46px;padding:12px 14px;gap:0;font-size:13px;line-height:1.4}
body[data-variant=b] .offer.hero-plans{padding:0;background:transparent;box-shadow:none;gap:12px;max-width:100%;border-radius:0}
body[data-variant=b] .hero-plan{padding:20px 16px 17px}
body[data-variant=c] .offer.hero-plans{width:min(100%,490px);text-align:left}
@media(max-width:767px){.offer.hero-plans,body[data-variant=b] .offer.hero-plans,body[data-variant=c] .offer.hero-plans{width:100%;gap:12px}.hero-plan,body[data-variant=b] .hero-plan{padding:18px 16px 16px}.hero-plan h2{font-size:15px}.plan-devices{font-size:12px;margin-bottom:14px}.plan-price{margin-bottom:16px}.plan-price strong{font-size:36px;letter-spacing:-1.4px}.plan-period{font-size:11px}.offer.hero-plans .hero-cta{font-size:12px;min-height:44px;padding:11px 8px}.mobile-buy .button{padding-inline:16px}.mobile-buy small{font-size:10px}}
@media(max-width:359px){.offer.hero-plans,body[data-variant=b] .offer.hero-plans,body[data-variant=c] .offer.hero-plans{gap:10px}.hero-plan,body[data-variant=b] .hero-plan{padding:15px 12px 13px}.hero-plan h2{font-size:14px}.plan-devices{font-size:11px}.plan-price strong{font-size:32px}.offer.hero-plans .hero-cta{font-size:11px}}