.subscription-intro { max-width: 760px; margin: 2rem auto; text-align: center; }
.subscription-intro h1 { font-size: clamp(2rem, 4vw, 3.5rem); }
.subscription-status { padding: 1rem 1.25rem; border-radius: 14px; background: #eef5f8; color: #243c50; }
.subscription-test-notice { background: #fff4d9; border: 1px solid #e1c27a; }
.subscription-plans { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; max-width: 850px; margin: 2rem auto; }
.subscription-plans[hidden], #subscription-account[hidden] { display: none; }
.subscription-plan { display: flex; flex-direction: column; align-items: flex-start; gap: .8rem; padding: 2rem; border: 1px solid #d4e4ea; border-radius: 20px; background: #f5fafb; }
.subscription-plan h2, .subscription-plan p { margin: 0; }
.subscription-plan .button { margin-top: auto; }
.subscription-plan ul { padding-left: 1.2rem; line-height: 1.8; }
.subscription-account { max-width: 850px; margin: 1.5rem auto; padding: 1.5rem; border-top: 1px solid #d4e4ea; }
.subscription-account .hero-actions { flex-wrap: wrap; }
.subscription-footer-link { font-weight: 650; color: #176d70; }
@media (max-width: 600px) {
  .subscription-plans { grid-template-columns: 1fr; }
  .subscription-plan { padding: 1.4rem; }
}