.elite-hero {
    padding: clamp(2rem, 4vw, 3rem);
}

.elite-hero-grid {
    align-items: start;
    display: grid;
    gap: var(--space-4);
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
}

.hero-visual-stack {
    display: grid;
    gap: var(--space-3);
}

.hero-signal-card {
    background: linear-gradient(145deg, rgba(20, 31, 50, 0.9), rgba(22, 36, 60, 0.8));
}

.hero-signal-card h3 {
    margin-bottom: var(--space-2);
}

.hero-images {
    display: grid;
    gap: var(--space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hero-images .media-tile {
    min-height: 200px;
}

#ai-infrastructure .panel-block,
#reliability-observability .panel-block,
#security-by-design .panel-block {
    display: grid;
    gap: var(--space-3);
}

#platform-pillars .pillar-card {
    min-height: 100%;
}

#cloud-native-architecture .feature-card,
#platform-pillars .pillar-card,
#engineering-principles .culture-card {
    transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

#cloud-native-architecture .feature-card:hover,
#platform-pillars .pillar-card:hover,
#engineering-principles .culture-card:hover {
    border-color: rgba(0, 246, 255, 0.42);
    box-shadow: var(--shadow-soft-glow);
    transform: translateY(-2px);
}

@media screen and (max-width: 1024px) {
    .elite-hero-grid {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 700px) {
    .hero-images {
        grid-template-columns: 1fr;
    }
}