.hero {
        min-height: 100vh;
        padding-top: 120px;
        padding-bottom: 80px;
        display: flex;
        align-items: center;
}

.hero__overlay {
	background: linear-gradient(115deg, rgba(9, 14, 25, 0.96) 0%, rgba(18, 31, 55, 0.9) 52%, rgba(36, 62, 105, 0.76) 100%);
}

.hero__title { line-height: 1.05 !important; }
.text-accent { color: var(--color-accent); }

.hero__features {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2.5rem;
        margin-bottom: 3.5rem;
}

.hero__feature-col {
        max-width: 300px;
}

.hero__feature-item { padding: 0; transition: transform 0.3s ease; }
.hero__feature-icon { color: var(--color-accent); filter: drop-shadow(0 0 8px rgba(176, 141, 87, 0.35)); }

@media (min-width: 1400px) {
        .hero {
                padding-top: 90px;
                padding-bottom: 80px;
        }
}

@media (max-width: 1199px) {
        .hero {
                padding-top: 110px;
                padding-bottom: 70px;
        }
}

@media (max-width: 991px) {
        .hero {
                padding-top: 110px;
                padding-bottom: 60px;
        }
}

@media (max-width: 768px) {
        .hero {
                padding-top: 100px;
                padding-bottom: 60px;
        }
}

@media (max-width: 576px) {
        .hero {
                min-height: auto;
                padding: 140px 0 60px !important;
                display: block !important;
        }
        .hero__title {
                font-size: 1.85rem !important;
                margin-bottom: 1.25rem !important;
        }
        .hero__subtitle {
                font-size: 0.95rem !important;
                margin-bottom: 2rem !important;
                line-height: 1.45 !important;
        }
        .hero__features {
                flex-direction: column !important;
                gap: 0.65rem !important;
                margin-bottom: 2.5rem !important;
        }
        .hero__feature-col {
                max-width: 100% !important;
        }
        .hero__feature-item {
                align-items: flex-start !important;
        }
        .hero__feature-icon-box {
                width: 18px;
                height: 18px;
                margin-right: 0.75rem !important;
                margin-top: 0.25rem !important;
                flex-shrink: 0;
        }
        .hero__feature-icon {
                width: 12px;
                height: 12px;
        }
        .hero__feature-text h3 {
                font-size: 0.85rem !important;
                margin-bottom: 0.1rem !important;
        }
        .hero__feature-text p {
                display: block !important;
                font-size: 0.75rem !important;
                line-height: 1.25 !important;
        }

        .hero__actions {
                flex-direction: column;
                gap: 1rem !important;
        }
        .btn-lg {
                padding: 0.9rem 1rem !important;
                font-size: 1rem !important;
                width: 100%;
                justify-content: center;
        }
}

.page-header__overlay {
	background: linear-gradient(90deg, rgba(9, 14, 25, 0.94) 0%, rgba(18, 31, 55, 0.88) 55%, rgba(36, 62, 105, 0.68) 100%);
}