.support-page { max-width: 1200px; margin: 0 auto; padding: 55px 5% 90px; }
.support-page .eyebrow { margin-bottom: 13px; }
.support-page h1 { margin: 0 0 18px; font: 400 clamp(2.8rem, 5.4vw, 5.2rem)/1.02 Georgia, 'Times New Roman', serif; letter-spacing: -.055em; }
.support-page h1 em { font-weight: 400; color: #315e65; }
.support-intro { max-width: 760px; color: #5f5b53; font-size: 1rem; line-height: 1.7; }
.support-status { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 30px 0 18px; padding: 20px 22px; background: #fffdf8; border: 1px solid #ddd4c6; }
.support-status strong { display: block; font: 400 1.7rem/1.15 Georgia, 'Times New Roman', serif; }
.support-detail { margin: 5px 0 0; color: #716b60; font-size: .8rem; line-height: 1.5; }
.support-status-actions { flex: none; }
.support-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 22px 0 8px; }
.support-primary { display: inline-flex; align-items: center; gap: 14px; padding: 12px 16px; background: #24231f; color: #fffdf7; text-decoration: none; border: 0; font: 750 .8rem/1 'Segoe UI', Arial, sans-serif; cursor: pointer; }
.support-primary:hover { background: #5d4a30; }
.support-secondary { display: inline-block; padding: 11px 15px; background: #e8e2d6; color: #3b352b; text-decoration: none; border: 1px solid #cfc5b3; font: 750 .77rem/1 'Segoe UI', Arial, sans-serif; cursor: pointer; }
.support-secondary:hover { background: #ddd4c3; }
.support-price { color: #6d5a3d; font-size: .8rem; font-weight: 700; }
.support-note { color: #716b60; font-size: .8rem; line-height: 1.55; margin: 4px 0 0; }
.support-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 36px 0; }
.support-benefits article { padding: 22px; background: #fffdf8; border: 1px solid #ddd4c6; }
.support-benefits article > span { color: #b69b70; font: 400 1.8rem/1 Georgia, serif; }
.support-benefits h2 { margin: 12px 0 8px; font: 400 1.45rem/1.15 Georgia, serif; }
.support-benefits p { margin: 0; color: #6a645a; font-size: .84rem; line-height: 1.65; }
.support-redeem { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 420px); gap: 40px; align-items: start; margin: 48px 0; padding: 30px; background: #24231f; color: #fffdf7; }
.support-redeem .eyebrow { color: #c6a978; }
.support-redeem h2 { margin: 0 0 12px; font: 400 clamp(1.8rem, 3vw, 2.6rem)/1.1 Georgia, serif; }
.support-redeem p { margin: 0; color: #d8cfc0; font-size: .88rem; line-height: 1.65; }
.support-form { display: flex; flex-direction: column; gap: 9px; }
.support-form label { color: #e5dccb; font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.support-form input { width: 100%; box-sizing: border-box; padding: 12px; border: 1px solid #8e806b; background: #fffdf8; color: #24231f; font: 700 .95rem/1 'Segoe UI', Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.support-form .support-primary { background: #e7c791; color: #171713; justify-content: center; }
.support-form .support-primary:hover { background: #f2d7a8; }
.support-form .support-detail { color: #d8cfc0; }
.support-faq { margin: 40px 0; }
.support-faq h2 { font: 400 clamp(1.8rem, 3vw, 2.6rem)/1.1 Georgia, serif; margin: 0 0 16px; }
.support-faq details { border-top: 1px solid #ddd4c6; padding: 14px 0; }
.support-faq summary { cursor: pointer; font-weight: 700; font-size: .9rem; }
.support-faq details p { margin: 10px 0 0; color: #6a645a; font-size: .85rem; line-height: 1.65; }
.support-privacy { color: #716b60; font-size: .76rem; line-height: 1.6; }
.support-privacy a { color: #6d512c; }
@media (max-width: 850px) {
  .support-benefits { grid-template-columns: 1fr; }
  .support-redeem { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
  .support-page { padding: 36px 5% 70px; }
  .support-status { display: block; }
  .support-status-actions { margin-top: 12px; }
}