.hero-section {
    min-height: 540px;
    padding-top: 72px;
    background:
        radial-gradient(circle at 88% 18%, rgb(67 211 198 / 18%), transparent 24%),
        radial-gradient(circle at 68% 80%, rgb(65 105 225 / 18%), transparent 28%),
        linear-gradient(125deg, #0b1430 0%, #121f48 62%, #1a3464 100%);
}

.hero-section .container {
    padding-top: 1.5rem !important;
    padding-bottom: 2.5rem !important;
}

.hero-section .row {
    min-height: 420px;
}

.hero-section .col-lg-7 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.hero-title {
    max-width: 720px;
    margin-top: 1.15rem !important;
    font-size: clamp(2.8rem, 4.5vw, 4.35rem);
    line-height: 1;
}

.hero-copy {
    max-width: 650px;
    margin-top: 1.15rem !important;
    font-size: 1.04rem;
    line-height: 1.6;
}

.hero-search {
    max-width: 650px;
    margin-top: 1.25rem !important;
    border-radius: 15px;
    box-shadow: 0 18px 45px rgb(5 10 30 / 38%);
}

.hero-search button {
    padding: 12px 18px;
}

.hero-meta {
    margin-top: 1rem !important;
}

.hero-visual {
    min-height: 330px;
}

.primary-card {
    inset: 25px 10px 20px 35px;
    padding: 24px;
    border-radius: 24px;
}

.visual-icon {
    width: 58px;
    height: 58px;
    margin: 34px 0 18px;
    border-radius: 18px;
    font-size: 1.5rem;
}

.primary-card h3 {
    max-width: 360px;
    font-size: 1.35rem;
    line-height: 1.35;
}

.speaker-row {
    margin-top: 22px;
}

.floating-card {
    padding: 11px 14px;
    border-radius: 14px;
}

.floating-card > span {
    width: 32px;
    height: 32px;
}

.attendees {
    bottom: 12px;
}

.quality {
    right: -15px;
    top: 48px;
}

.hero-orb-one {
    width: 330px;
    height: 330px;
}

.hero-orb-two {
    width: 190px;
    height: 190px;
}

.hero-section::after {
    height: 48px;
}

@media (max-width: 991.98px) {
    .hero-section {
        min-height: auto;
        padding-top: 74px;
    }

    .hero-section .row {
        min-height: auto;
    }

    .hero-title {
        max-width: 650px;
        font-size: clamp(2.65rem, 8vw, 4rem);
    }
}

@media (max-width: 767.98px) {
    .hero-section {
        padding-top: 18px;
        padding-bottom: 42px;
    }

    .hero-section .container {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .hero-title {
        font-size: clamp(2.35rem, 12vw, 3.2rem);
        line-height: 1.02;
    }

    .hero-copy {
        font-size: .98rem;
    }

    .hero-meta {
        flex-wrap: wrap;
        gap: 10px;
    }
}