@font-face {
    font-family: "AuditnaLandingCairo";
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url("../fonts/cairo/Cairo-Variable.ttf.ttf") format("truetype");
}

* {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
            zoom: 80% !important;
        }

        html,
        body {
            margin: 0;
            padding: 0;
            width: 100%;
            min-height: 100%;
        }

        body {
            direction: rtl;
            color: #163451;
            background: #ffffff;
            font-family: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
            font-weight: 600;
        }

        a {
            text-decoration: none;
        }


        /* =====================================================
                                   PAGE
                                   ===================================================== */

        .landing-page {
            width: 100%;
            min-height: 100vh;
            overflow-x: hidden;
            background: #ffffff;
        }


        /* =====================================================
                                   NAVBAR
                                   ===================================================== */

        .landing-navbar {
            position: relative;
            z-index: 100;
            min-height: 84px;
            display: flex;
            align-items: center;
            background: rgba(255, 255, 255, .97);
            border-bottom: 1px solid #e1ebf4;
            box-shadow: 0 3px 14px rgba(32, 76, 116, .05);
        }

        /* الشعار يمينًا والقائمة في أقصى اليسار */
        .landing-navbar-inner {
            width: 100%;
            max-width: 1380px;
            margin: 0 auto;
            padding: 10px 34px;
            display: grid;
            grid-template-columns: auto 1fr;
            align-items: center;
            gap: 25px;
        }


        /* =====================================================
                                   BRAND
                                   ===================================================== */

        .landing-brand {
            justify-self: start;
            display: flex;
            align-items: center;
            gap: 13px;
            color: #1767b1;
        }

            .landing-brand:hover {
                color: #1767b1;
            }

        .landing-brand-icon {
            width: 56px;
            height: 56px;
            flex: 0 0 56px;
            display: grid;
            place-items: center;
            color: #ffffff;
            background: linear-gradient( 145deg, #3ca0ec 0%, #1774c8 52%, #15579e 100% );
            border: 1px solid #1e68aa;
            border-radius: 13px;
            box-shadow: 0 6px 15px rgba(25, 112, 188, .22), inset 0 1px 0 rgba(255,255,255,.3);
            font-size: 1.6rem;
        }

        .landing-brand-text {
            line-height: 1.25;
        }

        .landing-brand-name {
            color: #1262ab;
            font-size: 1.5rem;
            font-weight: 900;
            letter-spacing: .1px;
        }

        .landing-brand-subtitle {
            margin-top: 4px;
            color: #6e8296;
            font-size: .9rem;
            font-weight: 700;
        }


        /* =====================================================
                                   NAVIGATION
                                   ===================================================== */

        .landing-nav-links {
            justify-self: end;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 38px;
        }

        .landing-nav-link {
            position: relative;
            padding: 10px 1px;
            color: #3c5670;
            font-size: 1.05rem;
            font-weight: 800;
            transition: color .2s ease, transform .2s ease;
        }

            .landing-nav-link:hover {
                color: #1577c8;
            }

            .landing-nav-link::after {
                content: "";
                position: absolute;
                right: 50%;
                bottom: 1px;
                width: 0;
                height: 3px;
                background: linear-gradient( 90deg, #35a4ee, #1772c2 );
                border-radius: 20px;
                transform: translateX(50%);
                transition: width .2s ease;
                pointer-events: none;
            }

            .landing-nav-link:hover::after {
                width: 100%;
            }

            .landing-nav-link.active {
                color: #1469b5;
            }

                .landing-nav-link.active::after {
                    width: 100%;
                }


        /* =====================================================
                                   HERO WRAPPER
                                   ===================================================== */

        .landing-hero-wrapper {
            position: relative;
            overflow: hidden;
            background: radial-gradient( circle at 95% 10%, rgba(89, 178, 241, .18), transparent 34% ), radial-gradient( circle at 10% 50%, rgba(142, 208, 250, .20), transparent 30% ), linear-gradient( 120deg, #ffffff 0%, #f8fcff 45%, #f0f8ff 100% );
            border-bottom: 1px solid #dceaf5;
        }

            .landing-hero-wrapper::before {
                content: "";
                position: absolute;
                top: -170px;
                left: -150px;
                width: 540px;
                height: 540px;
                border-radius: 50%;
                background: radial-gradient( circle, rgba(47, 153, 230, .12), rgba(47, 153, 230, .04) 55%, transparent 70% );
                pointer-events: none;
            }

            .landing-hero-wrapper::after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: -110px;
                height: 190px;
                background: radial-gradient( ellipse at center, rgba(56, 157, 229, .10), transparent 68% );
                pointer-events: none;
            }


        /* =====================================================
                                   HERO
                                   ===================================================== */

        .landing-hero {
            position: relative;
            z-index: 2;
            max-width: 1380px;
            margin: 0 auto;
            padding: 74px 38px 55px;
        }

        .landing-hero-grid {
            display: grid;
            grid-template-columns: 1.03fr .97fr;
            align-items: center;
            gap: 80px;
        }


        /* =====================================================
                                   HERO CONTENT
                                   ===================================================== */

        .landing-hero-content {
            max-width: 635px;
        }

        .landing-badge {
            width: fit-content;
            margin-bottom: 22px;
            padding: 8px 15px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: #176ab5;
            background: rgba(235, 247, 255, .90);
            border: 1px solid #9dcced;
            border-radius: 50px;
            box-shadow: 0 4px 12px rgba(31, 124, 193, .06);
            font-size: .76rem;
            font-weight: 800;
        }

            .landing-badge i {
                color: #4ba0de;
                font-size: .95rem;
            }

        .landing-hero-title {
            margin: 0 0 20px;
            color: #122f4e;
            font-family: "AuditnaLandingCairo", "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
            font-size: clamp(2.15rem, 3.7vw, 3.45rem);
            font-weight: 900;
            line-height: 1.45;
            letter-spacing: -.8px;
        }

        .landing-hero-title-highlight {
            color: #207cc9;
        }

        .landing-hero-description {
            max-width: 610px;
            margin: 0 0 29px;
            color: #60758a;
            font-size: 1rem;
            font-weight: 600;
            line-height: 2.05;
        }


        /* =====================================================
                                   HERO ACTIONS
                                   ===================================================== */

        .landing-hero-actions {
            display: flex;
            align-items: center;
            gap: 26px;
            flex-wrap: wrap;
        }

        .landing-primary-action {
            min-width: 180px;
            min-height: 52px;
            padding: 10px 24px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            color: #ffffff !important;
            background: linear-gradient( 135deg, #2993df 0%, #1372c4 55%, #155ba7 100% );
            border: 1px solid #145b9c;
            border-radius: 10px;
            box-shadow: 0 7px 17px rgba(20, 108, 183, .22), inset 0 1px 0 rgba(255,255,255,.18);
            font-size: .92rem;
            font-weight: 800;
            transition: transform .18s ease, box-shadow .18s ease;
        }

            .landing-primary-action:hover {
                color: #ffffff !important;
                transform: translateY(-2px);
                box-shadow: 0 10px 22px rgba(20, 108, 183, .27);
            }

        .landing-secondary-action {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            padding: 8px 0;
            color: #1974c3 !important;
            border-bottom: 2px solid #4ca3e2;
            font-size: .87rem;
            font-weight: 800;
            transition: gap .18s ease, color .18s ease;
        }

            .landing-secondary-action:hover {
                gap: 13px;
                color: #0e5c9f !important;
            }


        /* =====================================================
                                   HERO BENEFITS
                                   ===================================================== */

        .landing-benefits {
            margin-top: 34px;
            display: flex;
            align-items: center;
            gap: 0;
        }

        .landing-benefit {
            min-width: 150px;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 0 18px;
            color: #62778b;
            font-size: .73rem;
            font-weight: 700;
            line-height: 1.55;
        }

            .landing-benefit:first-child {
                padding-right: 0;
            }

            .landing-benefit + .landing-benefit {
                border-right: 1px solid #d5e4f0;
            }

        .landing-benefit-icon {
            width: 39px;
            height: 39px;
            flex: 0 0 39px;
            display: grid;
            place-items: center;
            color: #1775c8;
            background: #edf7ff;
            border: 1px solid #d0e9fa;
            border-radius: 50%;
            font-size: 1.05rem;
        }


        /* =====================================================
                                   LAPTOP
                                   ===================================================== */

        .landing-visual {
            position: relative;
            min-height: 420px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

            .landing-visual::before {
                content: "";
                position: absolute;
                width: 470px;
                height: 470px;
                background: radial-gradient( circle, rgba(59, 160, 230, .15), rgba(59, 160, 230, .05) 55%, transparent 72% );
                border-radius: 50%;
                pointer-events: none;
            }

        .landing-laptop {
            position: relative;
            z-index: 3;
            width: min(100%, 590px);
            filter: drop-shadow(0 20px 24px rgba(24, 66, 103, .15));
        }

        .landing-laptop-screen {
            position: relative;
            padding: 10px;
            background: linear-gradient( 145deg, #193c5d, #102c47 );
            border: 2px solid #102d47;
            border-radius: 16px 16px 7px 7px;
        }

        .landing-screen-content {
            min-height: 322px;
            padding: 14px;
            overflow: hidden;
            background: #f4f8fb;
            border-radius: 8px;
        }


        /* =====================================================
                                   TAGLINE UNDER LAPTOP
                                   ===================================================== */

        .landing-visual-tagline {
            position: relative;
            z-index: 3;
            margin-top: 34px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
            font-family: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
            font-size: clamp(2.2rem, 3.4vw, 3.1rem);
            font-weight: 900;
            line-height: 1.4;
            white-space: nowrap;
        }

        .landing-tagline-word {
            color: #173a5c;
        }

        .landing-tagline-dots {
            color: #4ba6e6;
            letter-spacing: 4px;
        }

        .landing-tagline-brand {
            background: linear-gradient( 100deg, #3aa6f0 0%, #1a74c6 55%, #154f93 100% );
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            -webkit-text-fill-color: transparent;
            filter: drop-shadow(0 4px 8px rgba(23, 110, 190, .18));
        }


        /* =====================================================
                                   LAPTOP TOP BAR
                                   ===================================================== */

        .screen-topbar {
            height: 42px;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 0 13px;
            color: #ffffff;
            background: linear-gradient( 100deg, #2e8dd4, #196ab5 );
            border-radius: 6px;
            box-shadow: 0 3px 7px rgba(18, 98, 164, .12);
        }

        .screen-topbar-title {
            display: flex;
            align-items: center;
            gap: 7px;
            font-size: .62rem;
            font-weight: 800;
        }

        .screen-topbar-actions {
            display: flex;
            align-items: center;
            gap: 10px;
            opacity: .8;
            font-size: .55rem;
        }


        /* =====================================================
                                   LAPTOP BODY
                                   ===================================================== */

        .screen-body {
            display: grid;
            grid-template-columns: 92px 1fr;
            gap: 11px;
            direction: ltr;
        }

        .screen-sidebar {
            padding: 10px 7px;
            background: #ffffff;
            border: 1px solid #d4e2ee;
            border-radius: 7px;
        }

        .screen-sidebar-title {
            height: 18px;
            margin-bottom: 11px;
            background: #267fc4;
            border-radius: 4px;
        }

        .screen-side-item {
            height: 7px;
            margin: 9px 3px;
            background: #dce7f0;
            border-radius: 20px;
        }

            .screen-side-item.active {
                background: #5ba2d7;
            }

        .screen-main {
            min-width: 0;
            direction: rtl;
        }


        /* =====================================================
                                   LAPTOP STATS
                                   ===================================================== */

        .screen-stats {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 6px;
            margin-bottom: 9px;
        }

        .screen-stat {
            min-height: 58px;
            padding: 7px;
            background: #ffffff;
            border: 1px solid #d3e0eb;
            border-radius: 5px;
            text-align: center;
        }

        .screen-stat-label {
            height: 5px;
            width: 70%;
            margin: 0 auto 7px;
            background: #dce7f0;
            border-radius: 10px;
        }

        .screen-stat-value {
            color: #1680ca;
            font-size: .82rem;
            font-weight: 900;
        }

        .screen-stat:nth-child(2) .screen-stat-value {
            color: #20a270;
        }

        .screen-stat:nth-child(3) .screen-stat-value {
            color: #e6a11c;
        }

        .screen-stat:nth-child(4) .screen-stat-value {
            color: #4678c8;
        }


        /* =====================================================
                                   LAPTOP CHARTS
                                   ===================================================== */

        .screen-charts {
            display: grid;
            grid-template-columns: 1.55fr .75fr;
            gap: 7px;
        }

        .screen-chart-card {
            min-height: 166px;
            padding: 11px;
            background: #ffffff;
            border: 1px solid #d4e1ec;
            border-radius: 6px;
        }

        .screen-chart-title {
            width: 43%;
            height: 6px;
            margin: 0 0 17px auto;
            background: #b7c9d8;
            border-radius: 20px;
        }

        .screen-bars {
            height: 115px;
            display: flex;
            align-items: flex-end;
            gap: 8px;
            padding: 0 5px;
            border-bottom: 1px solid #d7e3ed;
        }

        .screen-bar {
            flex: 1;
            background: linear-gradient( 180deg, #71b5e6, #2e84c8 );
            border-radius: 3px 3px 0 0;
        }

            .screen-bar:nth-child(1) {
                height: 38%;
            }

            .screen-bar:nth-child(2) {
                height: 52%;
            }

            .screen-bar:nth-child(3) {
                height: 67%;
            }

            .screen-bar:nth-child(4) {
                height: 50%;
            }

            .screen-bar:nth-child(5) {
                height: 79%;
            }

            .screen-bar:nth-child(6) {
                height: 90%;
            }

        .screen-donut-wrapper {
            min-height: 166px;
            padding: 12px 7px;
            display: flex;
            flex-direction: column;
            align-items: center;
            background: #ffffff;
            border: 1px solid #d4e1ec;
            border-radius: 6px;
        }

        .screen-donut {
            width: 88px;
            height: 88px;
            margin-top: 11px;
            border-radius: 50%;
            background: conic-gradient( #35a4df 0deg 150deg, #73cbd6 150deg 245deg, #9ed8ec 245deg 360deg );
            position: relative;
        }

            .screen-donut::after {
                content: "";
                position: absolute;
                inset: 19px;
                background: #ffffff;
                border-radius: 50%;
            }

        .screen-donut-lines {
            width: 75%;
            margin-top: 13px;
        }

        .screen-donut-line {
            height: 5px;
            margin-top: 6px;
            background: #dae5ee;
            border-radius: 10px;
        }


        /* =====================================================
                                   LAPTOP BASE
                                   ===================================================== */

        .landing-laptop-base {
            position: relative;
            width: 112%;
            height: 17px;
            margin-right: -6%;
            background: linear-gradient( 180deg, #d9e3eb 0%, #a8b8c6 55%, #8296a6 100% );
            border: 1px solid #748c9e;
            border-radius: 2px 2px 18px 18px;
        }

            .landing-laptop-base::after {
                content: "";
                position: absolute;
                top: 0;
                left: 42%;
                width: 16%;
                height: 5px;
                background: #bac7d1;
                border-radius: 0 0 5px 5px;
            }


        /* =====================================================
                                   FEATURES
                                   ===================================================== */

        .landing-features {
            position: relative;
            padding: 50px 30px 60px;
            overflow: hidden;
            background: radial-gradient( circle at 5% 85%, rgba(113, 194, 245, .12), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f7fbfe 100% );
        }

        .landing-features-inner {
            position: relative;
            z-index: 2;
            max-width: 1220px;
            margin: 0 auto;
        }

        .landing-section-kicker {
            margin-bottom: 7px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 13px;
            color: #1978c5;
            font-size: .78rem;
            font-weight: 800;
        }

            .landing-section-kicker::before,
            .landing-section-kicker::after {
                content: "";
                width: 25px;
                height: 2px;
                background: #32a0e7;
                border-radius: 5px;
            }

        .landing-section-title {
            margin-bottom: 30px;
            text-align: center;
        }

            .landing-section-title h2 {
                margin: 0 0 8px;
                color: #173650;
                font-size: 1.55rem;
                font-weight: 900;
            }

            .landing-section-title p {
                margin: 0;
                color: #77899b;
                font-size: .82rem;
                font-weight: 600;
            }


        /* =====================================================
                                   FEATURE CARDS
                                   ===================================================== */

        .landing-feature-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 17px;
        }

        .landing-feature-card {
            --card-color: #2f8fd8;
            --card-soft: #edf7ff;
            position: relative;
            min-height: 330px;
            padding: 23px 18px 0;
            overflow: hidden;
            text-align: center;
            background: rgba(255, 255, 255, .97);
            border: 1px solid #c9dce9;
            border-radius: 14px;
            box-shadow: 0 7px 19px rgba(29, 77, 115, .07);
            transition: transform .2s ease, box-shadow .2s ease;
        }

            .landing-feature-card::after {
                content: "";
                position: absolute;
                right: 0;
                left: 0;
                bottom: 0;
                height: 5px;
                background: var(--card-color);
                z-index: 4;
            }

            .landing-feature-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 13px 27px rgba(29, 77, 115, .13);
            }

            .landing-feature-card.blue {
                --card-color: #3196dc;
                --card-soft: #eaf6ff;
            }

            .landing-feature-card.green {
                --card-color: #27ae7d;
                --card-soft: #e9faf4;
            }

            .landing-feature-card.purple {
                --card-color: #7a62d8;
                --card-soft: #f2efff;
            }

            .landing-feature-card.orange {
                --card-color: #ed8d37;
                --card-soft: #fff3e8;
            }

        .landing-feature-icon {
            width: 58px;
            height: 58px;
            margin: 0 auto 13px;
            display: grid;
            place-items: center;
            color: var(--card-color);
            background: var(--card-soft);
            border: 1px solid color-mix( in srgb, var(--card-color) 28%, white );
            border-radius: 50%;
            font-size: 1.48rem;
            position: relative;
            z-index: 3;
        }

        .landing-feature-card h3 {
            margin: 0 0 8px;
            color: var(--card-color);
            font-size: .98rem;
            font-weight: 900;
            position: relative;
            z-index: 3;
        }

        .landing-feature-card p {
            margin: 0 auto 10px;
            max-width: 245px;
            color: #718599;
            font-size: .72rem;
            font-weight: 600;
            line-height: 1.85;
            position: relative;
            z-index: 3;
        }

        .landing-feature-picture {
            position: absolute;
            right: 0;
            left: 0;
            bottom: 4px;
            height: 132px;
            overflow: hidden;
            background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, var(--card-soft) 20%, var(--card-soft) 100% );
        }

            .landing-feature-picture svg {
                width: 100%;
                height: 100%;
                display: block;
            }

        .landing-feature-card:hover .landing-feature-picture svg {
            transform: scale(1.018);
        }

        .landing-feature-picture svg {
            transition: transform .2s ease;
        }


        /* =====================================================
                                   FOOTER
                                   ===================================================== */

        .landing-footer {
            position: relative;
            min-height: 82px;
            overflow: hidden;
            display: flex;
            align-items: center;
            color: #ffffff;
            background: linear-gradient( 110deg, #174c7e 0%, #1b639b 45%, #245d8c 100% );
        }

            .landing-footer::before {
                content: "";
                position: absolute;
                width: 500px;
                height: 180px;
                right: -130px;
                bottom: -120px;
                border-radius: 50%;
                background: rgba(255,255,255,.05);
                pointer-events: none;
            }

            .landing-footer::after {
                content: "";
                position: absolute;
                width: 600px;
                height: 200px;
                left: -120px;
                top: -150px;
                border-radius: 50%;
                background: rgba(255,255,255,.035);
                pointer-events: none;
            }

        .landing-footer-inner {
            position: relative;
            z-index: 2;
            width: 100%;
            max-width: 1380px;
            margin: 0 auto;
            padding: 16px 35px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 25px;
        }

        .landing-footer-brand {
            display: flex;
            align-items: center;
            gap: 9px;
            color: #ffffff;
            font-size: .82rem;
            font-weight: 800;
        }

            .landing-footer-brand i {
                font-size: 1.05rem;
            }

        .landing-footer-subtitle {
            margin-top: 3px;
            color: rgba(255,255,255,.70);
            font-size: .65rem;
            font-weight: 500;
        }

        .landing-footer-copy {
            text-align: left;
            color: rgba(255,255,255,.72);
            font-size: .67rem;
            font-weight: 500;
            line-height: 1.7;
        }


        /* =====================================================
                                   RESPONSIVE - TABLET
                                   ===================================================== */

        @@media (max-width: 1050px) {

            .landing-hero-grid {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .landing-hero-content {
                max-width: 760px;
                margin: 0 auto;
                text-align: center;
            }

            .landing-badge {
                margin-right: auto;
                margin-left: auto;
            }

            .landing-hero-description {
                margin-right: auto;
                margin-left: auto;
            }

            .landing-hero-actions {
                justify-content: center;
            }

            .landing-benefits {
                justify-content: center;
            }

            .landing-visual {
                min-height: 380px;
            }

            .landing-feature-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }


        /* =====================================================
                                   RESPONSIVE - MOBILE
                                   ===================================================== */

        @@media (max-width: 720px) {

            .landing-navbar {
                min-height: 68px;
            }

            .landing-navbar-inner {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 9px 16px;
            }

            .landing-brand {
                justify-content: center;
            }

            .landing-nav-links {
                display: none;
            }

            .landing-brand-icon {
                width: 46px;
                height: 46px;
                flex-basis: 46px;
            }

            .landing-brand-name {
                font-size: 1.2rem;
            }

            .landing-brand-subtitle {
                font-size: .75rem;
            }

            .landing-hero {
                padding: 46px 18px 38px;
            }

            .landing-hero-title {
                font-size: 2rem;
                line-height: 1.55;
            }

            .landing-hero-description {
                font-size: .86rem;
            }

            .landing-primary-action {
                width: 100%;
            }

            .landing-secondary-action {
                margin: 0 auto;
            }

            .landing-benefits {
                margin-top: 30px;
                display: grid;
                grid-template-columns: 1fr;
                gap: 11px;
            }

            .landing-benefit {
                width: 100%;
                padding: 0;
                justify-content: center;
            }

                .landing-benefit + .landing-benefit {
                    border-right: 0;
                }

            .landing-visual {
                min-height: 290px;
            }

            .landing-laptop {
                width: 100%;
            }

            .landing-visual-tagline {
                margin-top: 24px;
                gap: 10px;
                font-size: 1.9rem;
            }

            .landing-screen-content {
                min-height: 225px;
                padding: 9px;
            }

            .screen-body {
                grid-template-columns: 65px 1fr;
            }

            .screen-stats {
                grid-template-columns: repeat(2, 1fr);
            }

            .screen-stat {
                min-height: 42px;
            }

            .screen-charts {
                grid-template-columns: 1fr;
            }

            .screen-donut-wrapper {
                display: none;
            }

            .screen-chart-card {
                min-height: 105px;
            }

            .screen-bars {
                height: 65px;
            }

            .landing-features {
                padding: 40px 17px 45px;
            }

            .landing-feature-grid {
                grid-template-columns: 1fr;
            }

            .landing-feature-card {
                min-height: 320px;
            }

            .landing-footer-inner {
                padding: 16px 18px;
                flex-direction: column;
                justify-content: center;
                gap: 10px;
                text-align: center;
            }

            .landing-footer-copy {
                text-align: center;
            }
        }

/* Local glyphs used instead of external icon libraries. */
.landing-glyph{display:inline-grid;place-items:center;line-height:1;font-style:normal;}