/* === HERO OVERRIDES === */
.hero-layout {
    gap: clamp(1rem, 3vw, 6rem) !important;
    max-width: 1400px !important;
    padding: 0 1rem !important;
}
.hero-text h1 {
    font-size: clamp(2rem, 5vw, 5rem) !important;
    line-height: 1 !important;
    margin-bottom: clamp(0.5rem, 1vw, 1.2rem) !important;
}
.hero-text p {
    font-size: clamp(0.9rem, 1.5vw, 1.5rem) !important;
    margin-bottom: clamp(1rem, 2vw, 2.2rem) !important;
    max-width: 600px !important;
}
.hero-ctas {
    gap: 1rem !important;
    margin-bottom: clamp(1rem, 2vw, 2.8rem) !important;
}
.hero-stats {
    gap: clamp(1rem, 4vw, 4rem) !important;
}
.hero-stat .num {
    font-size: clamp(1.5rem, 3vw, 4rem) !important;
}
.hero-stat .label {
    font-size: clamp(0.7rem, 1vw, 1.2rem) !important;
    margin-top: 0.15rem !important;
}
.hero-img img {
    border-radius: 16px !important;
    max-width: clamp(200px, 40vw, 600px) !important;
}

@media (max-width: 900px) {
    .hero-img { display: block !important; }
    .hero-img img { max-height: 25vh; object-fit: contain; }
    .hero-layout { gap: 1rem !important; }
}
/* === HERO LOGO === */
.hero-logo {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: clamp(0.5rem, 1.5vw, 1.5rem);
}
.hero-logo .logo-img {
    width: clamp(48px, 6vw, 80px);
    height: auto;
}
.hero-logo .logo-text {
    font-size: clamp(1.5rem, 3vw, 2.5rem);
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
}

@media (max-width: 900px) {
    .hero-logo {
        justify-content: center;
    }
}