| ... |
... |
@@ -138,69 +138,4 @@ |
| 138 |
138 |
@media (min-width:860px){ |
| 139 |
139 |
.hero-top { grid-template-columns:1.15fr .85fr } |
| 140 |
140 |
} |
| 141 |
|
-/* Centered hero layout */ |
| 142 |
|
-.hero-centered { |
| 143 |
|
- text-align:center; |
| 144 |
|
- background: |
| 145 |
|
- radial-gradient(60rem 24rem at 50% -20%, #E7FFF8 0%, transparent 60%), |
| 146 |
|
- radial-gradient(60rem 24rem at 50% -10%, #E8F6F3 0%, transparent 60%); |
| 147 |
|
- display:flex; align-items:center; justify-content:center; |
| 148 |
|
- min-height:70vh; |
| 149 |
|
-} |
| 150 |
150 |
|
| 151 |
|
-.hero-inner { |
| 152 |
|
- max-width:780px; |
| 153 |
|
- margin:auto; |
| 154 |
|
- display:flex; |
| 155 |
|
- flex-direction:column; |
| 156 |
|
- align-items:center; |
| 157 |
|
- gap:1.2rem; |
| 158 |
|
-} |
| 159 |
|
- |
| 160 |
|
-.hero-badges { |
| 161 |
|
- display:flex; |
| 162 |
|
- gap:.5rem; |
| 163 |
|
- flex-wrap:wrap; |
| 164 |
|
- justify-content:center; |
| 165 |
|
-} |
| 166 |
|
- |
| 167 |
|
-.hero-centered h1 { |
| 168 |
|
- font-size:clamp(1.8rem,2.5vw + .8rem,3rem); |
| 169 |
|
- line-height:1.15; |
| 170 |
|
- margin:.3rem 0 .4rem; |
| 171 |
|
-} |
| 172 |
|
- |
| 173 |
|
-.hero-centered .lead { |
| 174 |
|
- color:#5B6B64; |
| 175 |
|
- max-width:70ch; |
| 176 |
|
- margin:0 auto 1.2rem; |
| 177 |
|
-} |
| 178 |
|
- |
| 179 |
|
-/* CTA buttons centered */ |
| 180 |
|
-.hero-cta { |
| 181 |
|
- display:flex; |
| 182 |
|
- gap:.8rem; |
| 183 |
|
- flex-wrap:wrap; |
| 184 |
|
- justify-content:center; |
| 185 |
|
- margin-top:.5rem; |
| 186 |
|
-} |
| 187 |
|
- |
| 188 |
|
-.btn-primary, |
| 189 |
|
-.btn-primary:hover, |
| 190 |
|
-.btn-primary:focus { |
| 191 |
|
- background:#00937D; |
| 192 |
|
- color:#fff !important; /* ensure white text always */ |
| 193 |
|
-} |
| 194 |
|
- |
| 195 |
|
-/* Benefits under CTAs */ |
| 196 |
|
-.benefits { |
| 197 |
|
- display:flex; |
| 198 |
|
- flex-wrap:wrap; |
| 199 |
|
- justify-content:center; |
| 200 |
|
- gap:.6rem 1.2rem; |
| 201 |
|
- list-style:none; |
| 202 |
|
- padding:0; |
| 203 |
|
- margin:.8rem 0 0; |
| 204 |
|
- color:#5B6B64; |
| 205 |
|
- font-size:.95rem; |
| 206 |
|
-} |