style(brand): unify orange to #FA7850 + yellow token; fix tablet header gap
Deploy to Production on Develop Push / deploy (push) Successful in 22s

- Brand orange is now the official #FA7850 everywhere: folded the stray
  oranges (#F2762E, #E8833A, #ff6b2c) into it and kept a single darker shade
  (#E85D2A) for gradient depth + button hover. Added the official brand
  --yellow (#FFE16E) token.
- Tablet header gap (769-1024px): the fixed header shrinks 80->60px there but
  first-section paddings kept their 80px clearance; pull the first section up
  by the 20px delta in that range only (phones untouched). Verified on
  interior pages and the full-bleed homepage hero — gap now matches desktop,
  no overlap.
- Re-stamped cache-bust (v=f95de694).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-27 20:48:50 +02:00
1 parent fd9df42995
commit 0a1971efad
271 files changed
+1475 -1464

No files matched your search

+3 -3
View File
@@ -1,7 +1,7 @@
/* ==========================================================================
Become a Member page
========================================================================== */
.member-page { font-family: 'Inter', sans-serif; color: #101828; --mm-orange: #F2762E; --mm-teal: #2D738C; }
.member-page { font-family: 'Inter', sans-serif; color: #101828; --mm-orange: #FA7850; --mm-teal: #2D738C; }
.mm-h2 { font-size: 32px; line-height: 1.15; text-align: center; margin: 0 0 12px; color: #101828; }
.mm-h2--light { color: #FFFFFF; }
.mm-lead { text-align: center; max-width: 640px; margin: 0 auto 36px; font-size: 18px; line-height: 28px; color: #475467; }
@@ -145,7 +145,7 @@
}
/* ---- multi-step form ---- */
.ms-section { max-width: 760px; margin: 0 auto; padding: 72px 24px; --mm-orange: #F2762E; --mm-teal: #2D738C; }
.ms-section { max-width: 760px; margin: 0 auto; padding: 72px 24px; --mm-orange: #FA7850; --mm-teal: #2D738C; }
.ms-head { text-align: center; margin-bottom: 28px; }
.ms-eyebrow { display: inline-block; color: var(--mm-orange); font-weight: 700; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 10px; }
.ms-head h2 { font-size: 30px; margin: 0 0 8px; }
@@ -240,7 +240,7 @@
.mm-faq-a p { margin: 0; }
/* ---- final cta ---- */
.mm-final { text-align: center; padding: 80px 24px; background: linear-gradient(135deg, #F2762E 0%, #E85D2A 100%); color: #FFFFFF; }
.mm-final { text-align: center; padding: 80px 24px; background: linear-gradient(135deg, #FA7850 0%, #E85D2A 100%); color: #FFFFFF; }
.mm-final h2 { font-size: 32px; margin: 0 auto 12px; max-width: 720px; }
.mm-final p { font-size: 18px; line-height: 28px; margin: 0 auto 28px; max-width: 640px; color: rgba(255,255,255,0.92); }
.mm-final .btn { background: #FFFFFF; color: #E85D2A; border: none; }