Kill mint gradient, use cool navy tint. Fluid clamp title sizing. Right-align nav.

This commit is contained in:
russell@unturf.com 2026-03-06 07:59:46 -05:00
parent 088a2259c4
commit 1bc633e8d2

View file

@ -33,6 +33,7 @@
margin: 0;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 20px;
}
@ -67,7 +68,7 @@
/* ---- Hero ---- */
.landing-hero {
background: linear-gradient(180deg, #f0f7e6 0%, #FFFFFF 100%);
background: linear-gradient(180deg, #f4f6fb 0%, #FFFFFF 100%);
padding: 60px 24px 70px;
text-align: center;
max-width: none;
@ -80,13 +81,12 @@
.landing-hero-title {
font-family: helvetica, arial, sans-serif;
font-size: 2.4em;
font-size: clamp(2.2em, 5.5vw, 4.5em);
font-weight: 700;
color: #0b0b0b;
line-height: 1.1;
margin: 0 0 20px;
letter-spacing: -0.02em;
white-space: nowrap;
}
.landing-hero-subtitle {
@ -407,7 +407,7 @@ a.mps-button.landing-cta-large {
/* ---- Final CTA ---- */
.landing-final-cta {
background: linear-gradient(135deg, #f0f7e6 0%, #f0f6ff 100%);
background: linear-gradient(135deg, #f4f6fb 0%, #f0f3fa 100%);
text-align: center;
padding: 80px 24px;
}
@ -424,11 +424,6 @@ a.mps-button.landing-cta-large {
padding: 80px 40px 100px;
}
.landing-hero-title {
font-size: 4em;
white-space: normal;
}
.landing-section {
padding: 80px 40px;
}
@ -447,10 +442,6 @@ a.mps-button.landing-cta-large {
}
@media (min-width: 1200px) {
.landing-hero-title {
font-size: 4.5em;
}
.landing-hero {
padding: 100px 40px 120px;
}