/**
 * Home Page Styles
 * Page-specific styles for index.html
 */

/* Hero enhancements for home */
.hero {
    min-height: 100vh;
}

.hero__description {
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    text-align: center;
    max-width: var(--prose-max-width);
    margin: 0 auto 1.5rem;
}

/* ==================== HERO STYLE: ACHOICE2 (Hexagonal Grid) ==================== */
/* Aurora-style background with logo colors (blue #003366, green #529720) */
[data-hero-style="achoice2"] .hero__background {
    background: linear-gradient(135deg, #001a33 0%, #003366 40%, #002244 70%, #001122 100%);
}

[data-hero-style="achoice2"] .hero__background::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 100% 60% at 20% 50%, rgba(82,151,32,0.5) 0%, transparent 50%),
        radial-gradient(ellipse 80% 50% at 75% 30%, rgba(82,151,32,0.35) 0%, transparent 50%),
        radial-gradient(ellipse 60% 40% at 50% 70%, rgba(100,180,50,0.25) 0%, transparent 50%),
        radial-gradient(ellipse 70% 45% at 30% 20%, rgba(0,51,102,0.6) 0%, transparent 50%),
        radial-gradient(ellipse 50% 35% at 80% 60%, rgba(0,80,140,0.4) 0%, transparent 50%);
    animation: achoiceAurora 12s ease-in-out infinite;
}

[data-hero-style="achoice2"] .hero__background::after {
    content: none;
}

/* Services intro section */
.services-intro {
    position: relative;
}

/* Stats section special styling */
.stats {
    background: linear-gradient(180deg, var(--color-gray-100) 0%, var(--color-white) 100%);
}

/* Values section */
.values {
    position: relative;
    overflow: hidden;
}

.values::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at center, rgba(2, 102, 127, 0.03) 0%, transparent 50%);
    pointer-events: none;
}

/* Experience Highlight section */
.experience-highlight {
    background: linear-gradient(135deg, var(--color-gray-50) 0%, var(--color-white) 100%);
}

.experience-highlight__content {
    /* max-width gestito in enhancements.css */
    margin: 0 auto;
    /* text-align gestito per singoli elementi */
}

.experience-highlight__title,
.experience-highlight .btn {
    text-align: center;
}

.experience-highlight__title {
    font-size: var(--font-size-3xl);
    color: var(--color-gray-900);
    margin-bottom: var(--spacing-lg);
}

.experience-highlight__description {
    /* Stili tipografici in enhancements.css */
    margin-bottom: var(--spacing-xl);
}