style(brand): unify orange to #FA7850 + yellow token; fix tablet header gap
Deploy to Production on Develop Push / deploy (push) Successful in 22s
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:
1 parent
fd9df42995
commit
0a1971efad
271 files changed
+1475
-1464
No files matched your search
@@ -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; }
|
||||
|
||||
Reference in new issue
Block a user