@@ -457,9 +457,44 @@ export default function HeroHomeSplit() {
457457 .hero-split-section {
458458 padding-top: 1.5rem !important;
459459 }
460- /* Hide the dashboard card — too heavy for mobile above-the-fold */
461- .hero-split-dashboard {
462- display: none !important;
460+ /* Single column: copy then metrics card (compact, still readable) */
461+ .hero-split-grid {
462+ grid-template-columns: 1fr;
463+ gap: 1.15rem;
464+ }
465+ .hero-split-dashboard > div:first-child {
466+ padding: 0.85rem 0.95rem 1rem !important;
467+ }
468+ .hero-split-dashboard > div:first-child > p:first-of-type {
469+ margin-bottom: 0.6rem !important;
470+ font-size: 0.58rem !important;
471+ }
472+ .hero-split-dashboard > div:first-child > div:nth-child(2) {
473+ gap: 0.5rem !important;
474+ }
475+ .hero-split-dashboard > div:first-child > div:nth-child(2) > div {
476+ min-height: 4.1rem !important;
477+ padding: 0.6rem 0.35rem !important;
478+ }
479+ .hero-split-dashboard > div:first-child > div:nth-child(2) > div > div:first-child {
480+ font-size: 1.12rem !important;
481+ }
482+ .hero-split-dashboard > div:first-child > div:nth-child(2) > div > div:last-child {
483+ font-size: 0.62rem !important;
484+ margin-top: 0.28rem !important;
485+ }
486+ .hero-split-dashboard > div:last-child {
487+ padding: 0.85rem 0.95rem 1rem !important;
488+ }
489+ .hero-split-dashboard > div:last-child > div:first-child {
490+ margin-bottom: 0.65rem !important;
491+ padding: 0.65rem 0.85rem !important;
492+ }
493+ .hero-split-dashboard > div:last-child > div:first-child > div:nth-child(2) > div:first-child {
494+ font-size: 0.84rem !important;
495+ }
496+ .hero-split-dashboard > div:last-child > div:first-child > div:nth-child(2) > div:last-child {
497+ font-size: 0.72rem !important;
463498 }
464499 /* Full-width CTA buttons, stacked, easy to tap */
465500 .hero-split-btns {
0 commit comments