/* ============================================================
   SHARED HERO UTILITIES (TYPOGRAPHY, HIGHLIGHTS, BUTTONS)
   ============================================================ */

.highlight {
    color: var(--dodger-accent);
}

.highlight-transformative {
    background: linear-gradient(to right, var(--dodger-accent), var(--aqua-accent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.highlight-journey {
    color: var(--lime-accent);
}

.hero-title {
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
    text-shadow: 0 0 6px rgba(0, 178, 255, 0.2);
}

    .hero-title .accent {
        background: linear-gradient(to right, var(--dodger-accent), var(--aqua-accent));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.hero-subtitle {
    font-size: 1.05rem;
    line-height: 1.6;
    margin-bottom: 2.5rem;
    color: var(--text-muted);
}

.hero-buttons {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 2rem;
}

    .hero-buttons a {
        text-align: center;
    }

/* ============================================================
   HERO LAYOUT (FULL-BLEED WRAPPER)
   ============================================================ */

.hero-full-bleed {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 60px 0 80px;
}

.hero-content {
    margin: 0 auto;
    padding: 0 16px;
    text-align: left;
    color: var(--text-muted);
}

/* ============================================================
   LANDING PAGE HERO
   ============================================================ */

.hero-full-bleed.landing-hero {
    background: linear-gradient(to right, var(--text-primary), #021A3A, #043A5C);
}

.landing-hero .hero-title,
.landing-hero .hero-subtitle {
    color: var(--text-muted);
}

/* ============================================================
   OTHER PAGES HERO (SERVICES, PRODUCTS, ETC.)
   ============================================================ */

.hero-full-bleed.pages-hero {
    background-color: #012067;
    padding: 40px 0;
}

    .hero-full-bleed.pages-hero .pages-hero-inner {
        max-width: 1140px;
        margin: 0 auto;
        text-align: left;
        padding: 0 16px;
    }

        .hero-full-bleed.pages-hero .pages-hero-inner h1 {
            font-size: 2rem;
            margin-bottom: 0.5rem;
            color: var(--white);
        }

        .hero-full-bleed.pages-hero .pages-hero-inner p {
            font-size: 1rem;
            color: var(--dodger-accent);
        }