/* Animated orbs */
        .hero-orb {
            position: absolute;
            border-radius: 50%;
            filter: blur(80px);
            opacity: .5;
            pointer-events: none;
            animation: orbFloat 14s ease-in-out infinite alternate;
        }
        .hero-orb-1 {
            width: 520px; height: 520px;
            background: radial-gradient(circle, rgba(79,70,229,.5), transparent 70%);
            top: -160px; right: -60px;
        }
        .hero-orb-2 {
            width: 400px; height: 400px;
            background: radial-gradient(circle, rgba(13,148,136,.45), transparent 70%);
            bottom: -100px; left: -80px;
            animation-delay: -6s;
        }
        .hero-orb-3 {
            width: 280px; height: 280px;
            background: radial-gradient(circle, rgba(124,58,237,.35), transparent 70%);
            top: 30%; left: 35%;
            animation-delay: -3s;
        }
        @keyframes orbFloat {
            from { transform: translate(0,0) scale(1); }
            to   { transform: translate(30px,-25px) scale(1.08); }
        }

        /* Hero badge */
        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(255,255,255,.1);
            border: 1px solid rgba(255,255,255,.18);
            border-radius: var(--radius-full);
            padding: 6px 16px;
            font-size: .78rem;
            font-weight: 700;
            letter-spacing: .5px;
            color: rgba(255,255,255,.9);
            margin-bottom: 20px;
            -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
        }
        .hero-badge .dot {
            width: 7px; height: 7px;
            border-radius: 50%;
            background: var(--teal-light);
            animation: pulseDot 2s ease-in-out infinite;
        }
        @keyframes pulseDot {
            0%,100% { opacity: 1; transform: scale(1); }
            50% { opacity: .6; transform: scale(.8); }
        }

        /* Hero title */
        .hero-title {
            font-size: clamp(2rem, 5vw, 3.2rem);
            font-weight: 900;
            line-height: 1.12;
            color: #fff;
            margin-bottom: 22px;
        }
        .hero-title .accent-line {
            display: block;
            background: linear-gradient(90deg, var(--teal-light), var(--indigo-light));
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .hero-subtitle {
            font-size: 1.05rem;
            color: rgba(255,255,255,.72);
            line-height: 1.7;
            max-width: 480px;
            margin-bottom: 36px;
            font-weight: 400;
        }

        /* Floating decorations in hero */
        .floating-cap-deco {
            position: absolute;
            top: -25px; left: -25px;
            width: 54px; height: 54px;
            background: rgba(255,255,255,.12);
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255,255,255,.25);
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            font-size: 1.4rem;
            animation: floatMiniItem 4s ease-in-out infinite;
            z-index: 10;
        }
        .floating-check-deco {
            position: absolute;
            bottom: -15px; right: -15px;
            width: 50px; height: 50px;
            background: rgba(13,148,136,.2);
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255,255,255,.2);
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            font-size: 1.2rem;
            animation: floatMiniItem 4.5s ease-in-out infinite .5s;
            z-index: 10;
        }
        @keyframes floatMiniItem {
            0%,100% { transform: translateY(0) rotate(0deg); }
            50%      { transform: translateY(-10px) rotate(5deg); }
        }

        /* Hero portal / image frame */
        .hero-portal-container {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .hero-image-frame {
            position: relative;
            border-radius: 28px;
            overflow: hidden;
            box-shadow: 0 30px 80px rgba(0,0,0,.5);
            aspect-ratio: 16/10;
            width: 100%;
            max-width: 600px;
            background: radial-gradient(circle at center, rgba(30, 58, 138, 0.35) 0%, rgba(15, 23, 42, 0.6) 100%);
        }
        .hero-image-frame img {
            width: 100%; height: 100%;
            object-fit: cover;
        }
        .hero-image-frame video {
            width: 100%; height: 100%;
            object-fit: cover;
            mix-blend-mode: screen;
        }
        .hero-image-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(11,15,26,.6) 0%, transparent 60%);
        }

        /* Logo slot (flying logo) */
        .logo-placeholder {
            display: inline-block;
            width: 90px; height: 90px;
            background: rgba(79,70,229,.06);
            border: 2px dashed rgba(79,70,229,.2);
            border-radius: 50%;
            vertical-align: middle;
            flex-shrink: 0;
            transition: all .4s var(--ease);
            position: relative;
        }
        .logo-placeholder[data-slot="home"] {
            width: 100% !important;
            height: 100% !important;
        }
        .logo-placeholder.active-slot {
            background: transparent !important;
            border-color: transparent !important;
        }
        #flying-logo {
            background: rgba(255,255,255,.12);
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            padding: 8px;
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            box-shadow: 0 16px 40px rgba(0,0,0,.35);
            border: 1.5px solid rgba(255,255,255,.2);
            width: 100px !important;
            height: 100px !important;
            box-sizing: border-box;
            z-index: 9999;
            backface-visibility: hidden;
            transform-origin: 50% 50%;
        }

        /* Typing cursor */
        .type-cursor {
            display: inline-block;
            width: 3px;
            height: .9em;
            background: var(--teal-light);
            margin-left: 4px;
            animation: blinkCursor .8s step-end infinite;
            vertical-align: middle;
            border-radius: 2px;
        }
        @keyframes blinkCursor {
            from,to { background-color: transparent; }
            50%      { background-color: var(--teal-light); }
        }

        }

        /* ══════════════════════════════════════════════════════════
           STATS STRIP
           ══════════════════════════════════════════════════════════ */
        #stats-strip {
            position: relative;
            background: transparent;
            padding: 0 0 8px;
            margin-top: -60px;
            z-index: 5;
        }
        .stats-panel {
            background: var(--surface);
            border-radius: var(--radius-xl);
            border: 1px solid var(--border);
            box-shadow: var(--shadow-xl);
            padding: 8px 0;
            overflow: hidden;
            position: relative;
        }
        .stats-panel::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--indigo) 0%, var(--teal) 100%);
        }
        .stat-cell {
            text-align: center;
            padding: 24px 16px;
            position: relative;
        }
        .stat-cell:not(:last-child)::after {
            content: '';
            position: absolute;
            top: 50%; right: 0;
            transform: translateY(-50%);
            width: 1px; height: 45%;
            background: var(--border);
        }
        @media (max-width: 767px) {
            .stat-cell:not(:last-child)::after { display: none; }
            .stat-cell {
                padding: 16px 10px;
            }
            .stat-cell:nth-child(1), .stat-cell:nth-child(2) {
                border-bottom: 1px solid var(--border);
            }
            .stat-cell:nth-child(odd) {
                border-right: 1px solid var(--border);
            }
            .stat-number {
                font-size: 1.7rem !important;
            }
            .stat-label {
                font-size: 0.72rem !important;
            }
        }
        .stat-number {
            font-weight: 900;
            font-size: 2.2rem;
            line-height: 1;
            background: linear-gradient(135deg, var(--indigo), var(--teal));
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .stat-label {
            display: block;
            margin-top: 6px;
            font-size: .76rem;
            font-weight: 700;
            letter-spacing: .3px;
            color: var(--navy-600);
        }


        /* ══════════════════════════════════════════════════════════
           PROGRAMS SHOWCASE — Vibrant Youth Cards
           ══════════════════════════════════════════════════════════ */

        /* Section wave separators */
        .section-wave {
            position: absolute;
            bottom: -1px; left: 0; right: 0;
            pointer-events: none;
            line-height: 0;
        }
        .section-wave-top {
            position: absolute;
            top: -1px; left: 0; right: 0;
            pointer-events: none;
            line-height: 0;
        }

        /* Floating particles background */
        .floating-particles-bg {
            position: absolute;
            inset: 0;
            overflow: hidden;
            pointer-events: none;
            z-index: 0;
        }
        .fp {
            position: absolute;
            border-radius: 50%;
            opacity: 0.15;
            animation: fpFloat linear infinite;
        }
        @keyframes fpFloat {
            0%   { transform: translateY(0) rotate(0deg); opacity: 0; }
            10%  { opacity: 0.18; }
            90%  { opacity: 0.18; }
            100% { transform: translateY(-100vh) rotate(720deg); opacity: 0; }
        }

        /* Animated section badge */
        .section-badge-animated {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 20px;
            border-radius: 100px;
            font-size: 0.75rem;
            font-weight: 800;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            margin-bottom: 16px;
            position: relative;
            overflow: hidden;
        }
        .section-badge-animated::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            transform: translateX(-100%);
            animation: badgeShimmer 2.5s ease-in-out infinite;
        }
        @keyframes badgeShimmer {
            0%   { transform: translateX(-100%); }
            100% { transform: translateX(200%); }
        }

        /* Section headings with underline gradient */
        .section-title-xl {
            font-size: clamp(1.7rem, 4vw, 2.5rem);
            font-weight: 900;
            line-height: 1.15;
            letter-spacing: -0.5px;
            position: relative;
        }
        .section-title-xl .underline-word {
            position: relative;
            display: inline-block;
        }
        .section-title-xl .underline-word::after {
            content: '';
            position: absolute;
            bottom: -4px; left: 0; right: 0;
            height: 4px;
            border-radius: 4px;
            background: linear-gradient(90deg, var(--indigo), var(--teal));
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.6s var(--ease);
        }
        .section-title-xl .underline-word.animated::after {
            transform: scaleX(1);
        }

        /* ── PROGRAMS SECTION ── */
        #programs {
            background: transparent;
            position: relative;
            overflow: hidden;
        }

        /* ── PROGRAM CARDS 360° 3D FLIP & SCALE ENTRANCE ANIMATION ── */
        .program-col[data-aos="spin-360-left"],
        .program-col[data-aos="spin-360-center"],
        .program-col[data-aos="spin-360-right"] {
            opacity: 0;
            transform-style: preserve-3d;
            backface-visibility: visible;
            transition-property: transform, opacity;
            transition-duration: 1s;
            transition-timing-function: cubic-bezier(0.25, 1, 0.35, 1);
            will-change: transform, opacity;
        }

        /* Left Card: 360° 3D flip from left, small to full size */
        .program-col[data-aos="spin-360-left"] {
            transform: perspective(1200px) translate3d(-140px, 0, 0) rotateY(-360deg) scale(0.15);
        }

        /* Center Card: 360° 3D flip in center position, small to full size */
        .program-col[data-aos="spin-360-center"] {
            transform: perspective(1200px) translate3d(0, 0, 0) rotateY(360deg) scale(0.15);
        }

        /* Right Card: 360° 3D flip from right, small to full size */
        .program-col[data-aos="spin-360-right"] {
            transform: perspective(1200px) translate3d(140px, 0, 0) rotateY(360deg) scale(0.15);
        }

        /* Final state when scrolled into view */
        .program-col[data-aos="spin-360-left"].aos-animate,
        .program-col[data-aos="spin-360-center"].aos-animate,
        .program-col[data-aos="spin-360-right"].aos-animate {
            opacity: 1;
            transform: perspective(1200px) translate3d(0, 0, 0) rotateY(0deg) scale(1);
        }

        /* Mobile / Cellphone (CP) View 3D Flip */
        @media (max-width: 768px) {
            .program-col[data-aos="spin-360-left"],
            .program-col[data-aos="spin-360-center"],
            .program-col[data-aos="spin-360-right"] {
                transition-duration: 0.9s;
            }
            .program-col[data-aos="spin-360-left"] {
                transform: perspective(800px) translate3d(-60px, 0, 0) rotateY(-360deg) scale(0.2);
            }
            .program-col[data-aos="spin-360-center"] {
                transform: perspective(800px) translate3d(0, 0, 0) rotateY(360deg) scale(0.2);
            }
            .program-col[data-aos="spin-360-right"] {
                transform: perspective(800px) translate3d(60px, 0, 0) rotateY(360deg) scale(0.2);
            }
        }

        .program-card {
            position: relative;
            border-radius: 24px;
            overflow: hidden;
            padding: 0;
            height: 100%;
            transition: transform 0.45s var(--ease), box-shadow 0.45s var(--ease);
            cursor: pointer;
        }
        .program-card:hover {
            transform: translateY(-12px) scale(1.02);
            box-shadow: 0 30px 70px rgba(0,0,0,.14);
        }
        .program-card-inner {
            background: #ffffff;
            border-radius: 24px;
            padding: 36px 30px 32px;
            height: 100%;
            border: 1.5px solid rgba(255,255,255,0.9);
            position: relative;
            overflow: hidden;
        }
        .program-card-inner::before {
            content: '';
            position: absolute;
            top: -60px; right: -60px;
            width: 160px; height: 160px;
            border-radius: 50%;
            opacity: 0.07;
            transition: transform 0.5s var(--ease);
        }
        .program-card:hover .program-card-inner::before {
            transform: scale(1.5);
        }
        .pc-blue .program-card-inner::before  { background: var(--indigo); }
        .pc-green .program-card-inner::before  { background: var(--teal); }
        .pc-violet .program-card-inner::before { background: #7c3aed; }

        .pc-blue .program-card-inner  { box-shadow: 0 8px 30px rgba(79,70,229,.12); }
        .pc-green .program-card-inner  { box-shadow: 0 8px 30px rgba(13,148,136,.12); }
        .pc-violet .program-card-inner { box-shadow: 0 8px 30px rgba(124,58,237,.12); }

        .program-emoji-badge {
            width: 72px; height: 72px;
            border-radius: 20px;
            display: flex; align-items: center; justify-content: center;
            font-size: 2.2rem;
            margin-bottom: 22px;
            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
        }
        .program-card:hover .program-emoji-badge {
            transform: scale(1.15) rotate(8deg);
        }
        .pc-blue  .program-emoji-badge { background: rgba(79,70,229,.1); }
        .pc-green  .program-emoji-badge { background: rgba(13,148,136,.1); }
        .pc-violet .program-emoji-badge { background: rgba(124,58,237,.1); }

        .program-level-pill {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 4px 12px;
            border-radius: 100px;
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.8px;
            text-transform: uppercase;
            margin-bottom: 14px;
        }
        .pc-blue  .program-level-pill { background: rgba(79,70,229,.1); color: var(--indigo); }
        .pc-green  .program-level-pill { background: rgba(13,148,136,.1); color: var(--teal); }
        .pc-violet .program-level-pill { background: rgba(124,58,237,.1); color: #7c3aed; }

        .program-card h4 {
            font-size: 1.15rem;
            font-weight: 800;
            color: var(--navy-900);
            margin-bottom: 12px;
        }
        .program-card p { color: var(--navy-600); font-size: 0.88rem; line-height: 1.7; }

        .program-learn-list {
            list-style: none;
            padding: 0; margin: 16px 0;
        }
        .program-learn-list li {
            display: flex; align-items: center; gap: 8px;
            font-size: 0.82rem; color: var(--navy-700);
            margin-bottom: 7px;
            padding: 5px 10px;
            border-radius: 8px;
            transition: background 0.2s ease;
        }
        .program-learn-list li:hover { background: rgba(79,70,229,.04); }
        .program-learn-list li .check-dot {
            width: 20px; height: 20px; border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            font-size: 0.7rem; font-weight: 700; flex-shrink: 0;
        }
        .pc-blue  .check-dot { background: rgba(79,70,229,.1);  color: var(--indigo); }
        .pc-green  .check-dot { background: rgba(13,148,136,.1); color: var(--teal); }
        .pc-violet .check-dot { background: rgba(124,58,237,.1); color: #7c3aed; }

        .program-reward-box {
            padding: 14px 16px;
            border-radius: 14px;
            margin-top: 20px;
            display: flex; align-items: center; gap: 12px;
        }
        .pc-blue  .program-reward-box { background: linear-gradient(135deg, rgba(79,70,229,.07) 0%, rgba(129,140,248,.07) 100%); border: 1.5px solid rgba(79,70,229,.12); }
        .pc-green  .program-reward-box { background: linear-gradient(135deg, rgba(13,148,136,.07) 0%, rgba(45,212,191,.07) 100%); border: 1.5px solid rgba(13,148,136,.12); }
        .pc-violet .program-reward-box { background: linear-gradient(135deg, rgba(124,58,237,.07) 0%, rgba(167,139,250,.07) 100%); border: 1.5px solid rgba(124,58,237,.12); }

        .program-reward-icon { font-size: 1.6rem; flex-shrink: 0; }
        .program-reward-box p { font-size: 0.82rem; color: var(--navy-700); line-height: 1.5; margin: 0; }

        /* ── ALS CENTERS SECTION ── */
        #als-centers {
            background: transparent;
            position: relative;
            overflow: hidden;
        }
        #als-centers::before {
            content: '';
            position: absolute;
            top: -200px; right: -200px;
            width: 600px; height: 600px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(13,148,136,.06), transparent 70%);
            pointer-events: none;
        }

        /* Hero Actions Display Control - Default Horizontal Desktop/Laptop */
        .hero-actions-desktop { display: flex !important; }
        .hero-actions-mobile  { display: none !important; }

        /* ── VERTICAL / PORTRAIT MODE (Vertical Laptop, Portrait Monitor, Tablets, Mobiles) ── */
        @media (orientation: portrait), (max-width: 991.98px) {
            #home-section {
                padding: 32px 0 24px !important;
                min-height: 0;
            }
            .hero-text-col,
            .hero-video-col {
                width: 100% !important;
                max-width: 100% !important;
                flex: 0 0 100% !important;
            }
            .hero-actions-desktop,
            div.hero-actions-desktop {
                display: none !important;
                visibility: hidden !important;
                opacity: 0 !important;
                height: 0 !important;
                max-height: 0 !important;
                overflow: hidden !important;
                margin: 0 !important;
                padding: 0 !important;
                pointer-events: none !important;
            }
            .hero-actions-mobile,
            div.hero-actions-mobile {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                justify-content: center !important;
                align-items: center !important;
                gap: 12px !important;
                margin-top: 18px !important;
                width: 100% !important;
            }
            .hero-portal-container {
                margin-top: 18px;
                max-width: 520px;
                margin-left: auto;
                margin-right: auto;
            }
            #stats-strip {
                margin-top: 28px !important;
                padding: 0 0 16px !important;
            }
        }

        /* ── HORIZONTAL / DESKTOP & LAPTOP SCREENS (>= 992px) ── */
        @media (min-width: 992px) {
            #home-section {
                min-height: calc(100vh - 76px) !important;
                padding: 30px 0 75px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }
            #home-section .container {
                max-width: 1560px !important;
                width: 96% !important;
                margin: 0 auto !important;
            }
            .hero-text-col {
                padding-right: 28px !important;
            }
            .als-hero-logo-wrapper {
                width: 120px !important;
                height: 120px !important;
            }
            #flying-logo {
                width: 100px !important;
                height: 100px !important;
            }
            .hero-text-col h1 {
                font-size: clamp(2.3rem, 3.1vw, 3rem) !important;
                font-weight: 900 !important;
                line-height: 1.2 !important;
                letter-spacing: -0.6px !important;
                margin-bottom: 18px !important;
            }
            .hero-text-col h5 {
                font-size: clamp(1.15rem, 1.35vw, 1.32rem) !important;
                line-height: 1.6 !important;
                margin-bottom: 20px !important;
                color: rgba(255, 255, 255, 0.90) !important;
            }
            .hero-text-col p {
                font-size: clamp(1.08rem, 1.2vw, 1.18rem) !important;
                line-height: 1.82 !important;
                color: rgba(255, 255, 255, 0.85) !important;
                margin-bottom: 30px !important;
            }
            .hero-portal-container {
                display: flex !important;
                justify-content: center !important;
                align-items: center !important;
                width: 100% !important;
            }
            .hero-image-frame {
                max-width: 740px !important;
                width: 100% !important;
                aspect-ratio: 16/10 !important;
                border-radius: 28px !important;
                box-shadow: 0 35px 90px -15px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.1) !important;
            }
            .hero-actions-desktop {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                height: auto !important;
                gap: 18px !important;
                margin-top: 12px !important;
            }
            .hero-actions-desktop .btn-primary-custom {
                height: 56px !important;
                padding: 0 32px !important;
                font-size: 1.12rem !important;
                border-radius: 16px !important;
                font-weight: 800 !important;
            }
            .hero-actions-desktop .btn-how-to-apply-white {
                height: 56px !important;
                padding: 0 28px !important;
                font-size: 1.08rem !important;
                border-radius: 16px !important;
                font-weight: 700 !important;
            }
            .hero-actions-mobile {
                display: none !important;
                visibility: hidden !important;
                height: 0 !important;
            }

            /* STATS STRIP DOCKED CLEANLY */
            #stats-strip {
                margin-top: -65px !important;
                padding: 0 0 28px !important;
                position: relative !important;
                z-index: 10 !important;
            }
            #stats-strip .container {
                max-width: 1560px !important;
                width: 96% !important;
            }
            .stats-panel {
                padding: 12px 0 !important;
                border-radius: 28px !important;
                box-shadow: 0 24px 60px -10px rgba(0,0,0,0.18), 0 0 0 1px rgba(79,70,229,0.15) !important;
            }
            .stat-cell {
                padding: 26px 22px !important;
            }
            .stat-number {
                font-size: clamp(2.6rem, 3.5vw, 3.6rem) !important;
                font-weight: 900 !important;
                letter-spacing: -1.2px !important;
            }
            .stat-label {
                font-size: 0.95rem !important;
                font-weight: 800 !important;
                letter-spacing: 0.5px !important;
                margin-top: 8px !important;
            }
        }

        /* ── LARGE DESKTOP SCREENS & 80% ZOOM RATIO (>= 1400px) ── */
        @media (min-width: 1400px) {
            #home-section {
                min-height: calc(100vh - 82px) !important;
                padding: 40px 0 85px !important;
            }
            #home-section .container,
            #stats-strip .container {
                max-width: 1640px !important;
                width: 96% !important;
            }
            .hero-text-col h1 {
                font-size: 3.15rem !important;
            }
            .hero-text-col p {
                font-size: 1.22rem !important;
            }
            .hero-image-frame {
                max-width: 780px !important;
            }
            #stats-strip {
                margin-top: -75px !important;
            }
            .stat-cell {
                padding: 30px 26px !important;
            }
            .stat-number {
                font-size: 3.8rem !important;
            }
            .stat-label {
                font-size: 1.02rem !important;
            }
        }
        @media (max-width: 575.98px) {
            #home-section {
                padding: 24px 0 20px !important;
            }
            .hero-actions-desktop,
            div.hero-actions-desktop {
                display: none !important;
                visibility: hidden !important;
                opacity: 0 !important;
                height: 0 !important;
                max-height: 0 !important;
                overflow: hidden !important;
                margin: 0 !important;
                padding: 0 !important;
                pointer-events: none !important;
            }
            .hero-actions-mobile,
            div.hero-actions-mobile {
                display: flex !important;
                visibility: visible !important;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 8px !important;
                flex-wrap: nowrap !important;
                width: 100% !important;
            }
            #stats-strip {
                margin-top: 32px !important;
                padding: 0 0 16px !important;
            }
            .als-hero-logo-wrapper {
                width: 105px !important;
                height: 105px !important;
            }
            #flying-logo {
                width: 100px !important;
                height: 100px !important;
            }
            .hero-text-col h1 {
                font-size: clamp(1.35rem, 5vw, 1.75rem) !important;
                line-height: 1.25 !important;
            }
            .hero-actions-mobile > div {
                display: inline-flex !important;
                align-items: center;
                gap: 4px !important;
                flex: 1 1 auto !important;
            }
            .hero-actions-mobile .btn-primary-custom,
            .btn-primary-custom {
                flex: 1 1 auto !important;
                height: 42px !important;
                padding: 0 12px !important;
                font-size: 0.80rem !important;
                white-space: nowrap !important;
                border-radius: 10px !important;
            }
            .hero-actions-mobile .btn-how-to-apply-white,
            .btn-how-to-apply-white {
                flex: 1 1 auto !important;
                height: 42px !important;
                padding: 0 12px !important;
                font-size: 0.80rem !important;
                white-space: nowrap !important;
                border-radius: 10px !important;
            }
            .pointing-arrow-left, .pointing-arrow-right {
                font-size: 1rem !important;
            }
            .hero-subtitle {
                font-size: 0.90rem !important;
                margin-bottom: 20px !important;
            }
            .hero-portal-container {
                margin-top: 15px !important;
            }
            .hero-image-frame {
                border-radius: 18px !important;
            }
        }
        @media (max-width: 380px) {
            .als-hero-logo-wrapper {
                width: 95px !important;
                height: 95px !important;
            }
            #flying-logo {
                width: 100px !important;
                height: 100px !important;
            }
            .hero-actions-mobile .btn-primary-custom,
            .hero-actions-mobile .btn-how-to-apply-white,
            .btn-primary-custom,
            .btn-how-to-apply-white {
                font-size: 0.74rem !important;
                padding: 0 8px !important;
            }
            .pointing-arrow-left, .pointing-arrow-right {
                display: none !important;
            }
        }