/* Minification failed. Returning unminified contents.
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,23): run-time error CSS1039: Token not allowed after unary operator: '-font-text'
(72,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(73,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(83,21): run-time error CSS1039: Token not allowed after unary operator: '-aon-teal'
(88,25): run-time error CSS1039: Token not allowed after unary operator: '-aon-teal-hover'
(107,39): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(108,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0'
(168,21): run-time error CSS1039: Token not allowed after unary operator: '-aon-teal-light'
(173,27): run-time error CSS1039: Token not allowed after unary operator: '-font-display'
(198,26): run-time error CSS1039: Token not allowed after unary operator: '-aon-teal'
(200,27): run-time error CSS1039: Token not allowed after unary operator: '-font-text'
(204,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(209,30): run-time error CSS1039: Token not allowed after unary operator: '-aon-teal-hover'
(217,26): run-time error CSS1039: Token not allowed after unary operator: '-aon-navy'
(237,27): run-time error CSS1039: Token not allowed after unary operator: '-font-display'
(263,31): run-time error CSS1039: Token not allowed after unary operator: '-font-display'
(269,25): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(290,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(291,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(293,26): run-time error CSS1039: Token not allowed after unary operator: '-elev-1'
(303,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(304,26): run-time error CSS1039: Token not allowed after unary operator: '-aon-info-bg'
(313,25): run-time error CSS1039: Token not allowed after unary operator: '-aon-teal'
(319,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(326,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(346,31): run-time error CSS1039: Token not allowed after unary operator: '-font-display'
(349,25): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(355,25): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(360,25): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(364,29): run-time error CSS1039: Token not allowed after unary operator: '-aon-teal'
(377,26): run-time error CSS1039: Token not allowed after unary operator: '-aon-navy'
(379,27): run-time error CSS1039: Token not allowed after unary operator: '-font-text'
(417,25): run-time error CSS1039: Token not allowed after unary operator: '-aon-teal-light'
 */
/* =========================================================================
   AonWrap — External public landing page (/Home/IndexExternal)
   Ported from the approved design (AonWrap-External-Home-Page/index.html),
   scoped under .aw-ext so it cannot leak into any other view. Font families
   resolve against the app's existing self-hosted Helvetica Now faces
   (Content/fonts/unitedui/unitedui-fonts.css) rather than re-declaring
   @font-face — avoids duplicate/missing font requests.
   ========================================================================= */

/* ---------- Design tokens (source: Aon DDS Figma export) ---------- */
.aw-ext {
    --uui-signature-red: #EB0017;
    --uui-signature-red-hover: #B80012;
    --uui-teal-light: #29B0C3;
    --uui-teal-dark: #007585;
    --uui-teal-dark-hover: #003C55;
    --uui-color-navy: #262836;
    --uui-gray-01: #46535E;
    --uui-gray-02: #5D6D78;
    --uui-gray-03: #82939A;
    --uui-gray-04: #ACC0C4;
    --uui-gray-05: #CDDBDE;
    --uui-gray-06: #E5EFF0;
    --uui-gray-07: #EEF6F7;
    --uui-gray-08: #F9FCFC;
    --uui-color-white: #FFFFFF;
    --uui-information-bg: #CCEAF5;
    --uui-information: #0055A8;
    --uui-information-dark: #003B75;
    --uui-font-family-display: "Helvetica Now Display", "Helvetica Now Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
    --uui-font-family-text: "Helvetica Now Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
    --uui-border-radius-sm: 4px;
    --uui-border-radius-md: 8px;
    --uui-border-radius-lg: 12px;
    --uui-elev-1: 0 1px 2px rgba(38,40,54,.08), 0 1px 1px rgba(38,40,54,.04);
    /* Legacy/short aliases used by the page rules below */
    --aon-red: var(--uui-signature-red);
    --aon-navy: var(--uui-color-navy);
    --aon-teal: var(--uui-teal-dark);
    --aon-teal-hover: var(--uui-teal-dark-hover);
    --aon-teal-light: var(--uui-teal-light);
    --aon-info-bg: var(--uui-information-bg);
    --neutral-0: var(--uui-color-white);
    --neutral-200: var(--uui-gray-06);
    --neutral-400: var(--uui-gray-04);
    --neutral-500: var(--uui-gray-02);
    --neutral-700: var(--uui-gray-01);
    --neutral-900: var(--uui-color-navy);
    --font-display: var(--uui-font-family-display);
    --font-text: var(--uui-font-family-text);
    --radius-sm: var(--uui-border-radius-sm);
    --radius-md: var(--uui-border-radius-md);
    --elev-1: var(--uui-elev-1);
}

    .aw-ext, .aw-ext * {
        box-sizing: border-box;
    }

html, body {
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.aw-ext {
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    font-family: var(--font-text);
    background: var(--neutral-0);
    color: var(--neutral-700);
    -webkit-font-smoothing: antialiased;
}

    .aw-ext img {
        display: block;
        max-width: 100%;
    }

    .aw-ext a {
        color: var(--aon-teal);
        text-decoration: none;
    }

        .aw-ext a:hover {
            color: var(--aon-teal-hover);
        }

    .aw-ext main {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        min-height: 0;
        overflow: hidden;
    }

    /* ---------- Header ----------
   Every other section (.hero__content, .stats__grid, .features, .contact-cta)
   caps at max-width:1280px and centers — the header didn't, so on wide monitors
   it stretched edge-to-edge while the content below stayed centered, opening an
   ever-growing gap between the two logos. .site-header__inner fixes that. */
    .aw-ext .site-header {
        flex: 0 0 auto;
        padding: 10px 24px;
        border-bottom: 1px solid var(--neutral-200);
        background: var(--neutral-0);
    }

    .aw-ext .site-header__inner {
        max-width: 1280px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .aw-ext .site-header__logo,
    .aw-ext .site-header__wordmark-logo {
        height: 40px;
        width: auto;
    }

    /* ---------- Hero ---------- */
    .aw-ext .hero {
        position: relative;
        flex: 2.4 1 0;
        min-height: 0;
        overflow: hidden;
        background: #1a1a1a;
    }

    .aw-ext .hero__bg {
        position: absolute;
        inset: 0;
        background-image: url('../Images/ExternalLanding/hero-construction.png');
        background-size: cover;
        background-position: center;
        z-index: 0;
    }

    .aw-ext .hero__overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(100deg, #1a1a1a 0%, rgba(26,26,26,.85) 40%, rgba(95,95,95,.55) 100%);
    }

    .aw-ext .hero__content {
        position: relative;
        z-index: 2;
        max-width: 1280px;
        margin: 0 auto;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 64px;
    }

    .aw-ext .hero__eyebrow {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: var(--aon-teal-light);
        margin-bottom: 6px;
    }

    .aw-ext .hero h1 {
        font-family: var(--font-display);
        font-weight: 700;
        font-size: 32px;
        line-height: 1.15;
        color: #fff;
        margin: 0 0 8px;
        max-width: 640px;
    }

    .aw-ext .hero p {
        font-size: 14px;
        line-height: 1.45;
        color: rgba(255,255,255,.88);
        max-width: 560px;
        margin: 0 0 14px;
    }

    .aw-ext .hero__actions {
        display: flex;
        gap: 16px;
    }

    .aw-ext .btn-primary {
        display: inline-block;
        padding: 12px 28px;
        background: var(--aon-teal);
        color: #fff;
        font-family: var(--font-text);
        font-size: 17px;
        font-weight: 700;
        border: none;
        border-radius: var(--radius-sm);
        cursor: pointer;
    }

        .aw-ext .btn-primary:hover {
            background: var(--aon-teal-hover);
            color: #fff;
        }

    /* ---------- Stats ---------- */
    .aw-ext .stats {
        flex: 1 1 0;
        min-height: 0;
        background: var(--aon-navy);
        display: flex;
        align-items: center;
    }

    .aw-ext .stats__grid {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 64px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
    }

    .aw-ext .stats__item {
        text-align: center;
    }

    .aw-ext .stats__value {
        font-family: var(--font-display);
        font-weight: 700;
        font-size: 32px;
        color: #fff;
    }

    .aw-ext .stats__label {
        font-size: 13px;
        color: rgba(255,255,255,.68);
        margin-top: 4px;
    }

    /* ---------- Intro ---------- */
    .aw-ext .intro {
        flex: 0.8 1 0;
        min-height: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
        text-align: center;
    }

        .aw-ext .intro h2 {
            font-family: var(--font-display);
            font-weight: 700;
            font-size: 22px;
            /* the app has a global h2{text-transform:uppercase} rule that isn't part of
       this design and only makes the line harder to fit on one row — opt out */
            text-transform: none;
            color: var(--neutral-900);
            margin: 0 auto;
            white-space: nowrap;
        }

    /* ---------- Features ---------- */
    .aw-ext .features {
        flex: 1.9 1 0;
        min-height: 0;
        max-width: 1280px;
        width: 100%;
        margin: 0 auto;
        padding: 0 64px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-content: center;
        gap: 18px;
    }

    .aw-ext .feature-card {
        background: #fff;
        border: 1px solid var(--neutral-200);
        border-radius: var(--radius-md);
        padding: 16px;
        box-shadow: var(--elev-1);
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .aw-ext .feature-card__icon {
        width: 38px;
        height: 38px;
        border-radius: var(--radius-sm);
        background: var(--aon-info-bg);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }

        .aw-ext .feature-card__icon i {
            font-size: 18px;
            color: var(--aon-teal);
        }

    .aw-ext .feature-card__title {
        font-size: 16px;
        font-weight: 700;
        color: var(--neutral-900);
        margin-bottom: 6px;
    }

    .aw-ext .feature-card__body {
        font-size: 13px;
        line-height: 1.5;
        color: var(--neutral-500);
        margin: 0;
    }

    /* ---------- Contact CTA ---------- */
    .aw-ext .contact-cta {
        flex: 0.8 1 0;
        min-height: 0;
        max-width: 1280px;
        width: 100%;
        margin: 0 auto;
        padding: 0 64px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 40px;
        flex-wrap: wrap;
    }

        .aw-ext .contact-cta h3 {
            font-family: var(--font-display);
            font-weight: 700;
            font-size: 22px;
            color: var(--neutral-900);
            margin: 0 0 6px;
        }

        .aw-ext .contact-cta p {
            font-size: 14px;
            color: var(--neutral-500);
            margin: 0;
        }

        .aw-ext .contact-cta a {
            color: var(--neutral-500);
        }

            .aw-ext .contact-cta a:hover {
                color: var(--aon-teal);
            }

    /* ---------- Footer — scoped restyle of the shared _Footer.cshtml partial ----------
   The legacy bundles (AonWrap.css, style1.css) declare a fixed 36px #footer height
   and an !important 9px/10px/12px/0 padding meant for the old single-line footer.
   Both must be beaten explicitly (!important + height:auto) or the new footer's
   second row (legal links + copyright) gets clipped by the 36px box. */
    .aw-ext footer#footer {
        flex: 0 0 auto;
        position: static !important;
        height: auto !important;
        min-height: 0;
        background: var(--aon-navy);
        padding: 14px 40px !important;
        font-family: var(--font-text);
    }

        .aw-ext footer#footer .row {
            max-width: 1280px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }
            /* Bootstrap's col-sm-12/col-md-6 plus the legacy .w-42/.w-53 (!important) classes
   cap the left/right footer columns at ~42%/52% of the row — nowhere near enough
   room for "Site Map | … | Cookie Notice | © 2026 …" on one line. Let each column
   size to its own content instead so the link row has the full width to spread out. */
            .aw-ext footer#footer .row > div:first-child {
                width: auto !important;
                flex: 0 0 auto;
            }

            .aw-ext footer#footer .row > div:nth-child(2) {
                width: auto !important;
                flex: 1 1 auto;
                min-width: 0;
            }

                .aw-ext footer#footer .row > div:nth-child(2) table {
                    width: auto;
                    margin-left: auto;
                }

        .aw-ext footer#footer .h3.footer-left-link {
            color: #fff !important;
            font-size: 14px !important;
            font-weight: 700;
            margin-right: 8px;
        }

        .aw-ext footer#footer .h3-normal.footer-left-link a {
            color: var(--aon-teal-light) !important;
            font-size: 14px !important;
        }

            .aw-ext footer#footer .h3-normal.footer-left-link a:hover {
                text-decoration: underline;
            }

        .aw-ext footer#footer .footer-bottom-line {
            display: flex;
            justify-content: flex-end;
        }

            .aw-ext footer#footer .footer-bottom-line ul {
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
                list-style: none;
                margin: 0;
                padding: 0;
                white-space: nowrap;
            }

            .aw-ext footer#footer .footer-bottom-line li {
                display: flex;
                align-items: center;
                flex: 0 0 auto;
            }

            .aw-ext footer#footer .footer-bottom-line p, .aw-ext footer#footer .footer-bottom-line a {
                color: rgba(255,255,255,.75) !important;
                font-size: 13px !important;
                margin: 0;
            }

                .aw-ext footer#footer .footer-bottom-line a:hover {
                    color: #fff;
                }
            /* the "|" separators are li>span (direct child); .copyright-year is nested inside the
   <p> instead, so the child combinator keeps this dim styling off the "2026" text */
            .aw-ext footer#footer .footer-bottom-line li > span {
                color: rgba(255,255,255,.3);
                margin: 0 10px;
            }

            .aw-ext footer#footer .footer-bottom-line .copyright-year {
                color: inherit !important;
                margin: 0;
            }

        .aw-ext footer#footer .social-link {
            float: none;
            flex: 0 0 auto;
            margin: 0 0 0 20px;
        }

            .aw-ext footer#footer .social-link img {
                opacity: .8;
            }

                .aw-ext footer#footer .social-link img:hover {
                    opacity: 1;
                }

/* ---------- Responsive ----------
   The one-viewport, no-scroll layout above only works with the 3-column desktop
   grids. Below 900px, stats/features stack to a single column, so forcing
   everything into 100vh would just squash or clip it — restore normal
   top-to-bottom scrolling and let every section size itself by its content. */
@media (max-width: 900px) {
    html, body {
        height: auto;
        overflow: auto;
    }

    .aw-ext {
        height: auto;
        overflow: visible;
    }

        .aw-ext main {
            overflow: visible;
        }

        .aw-ext .hero,
        .aw-ext .stats,
        .aw-ext .intro,
        .aw-ext .features,
        .aw-ext .contact-cta {
            flex: none;
        }

        /* the single-line footer only fits on wide viewports — let it wrap/stack again below 900px */
        .aw-ext footer#footer .row > div:first-child,
        .aw-ext footer#footer .row > div:nth-child(2) {
            width: 100% !important;
            flex: none;
        }

            .aw-ext footer#footer .row > div:nth-child(2) table {
                width: auto;
                margin-left: 0;
            }

        .aw-ext footer#footer .footer-bottom-line {
            justify-content: flex-start;
        }

            .aw-ext footer#footer .footer-bottom-line ul {
                flex-wrap: wrap;
                white-space: normal;
            }

        .aw-ext footer#footer .social-link {
            margin: 8px 0 0;
        }

        .aw-ext .site-header,
        .aw-ext .hero__content,
        .aw-ext .stats__grid,
        .aw-ext .intro,
        .aw-ext .features,
        .aw-ext .contact-cta {
            padding-left: 24px;
            padding-right: 24px;
        }

        .aw-ext .stats__grid {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .aw-ext .intro {
            padding-top: 32px;
            padding-bottom: 4px;
        }

            .aw-ext .intro h2 {
                white-space: normal;
            }

        .aw-ext .features {
            padding-top: 20px;
            padding-bottom: 28px;
        }

        .aw-ext .contact-cta {
            padding-top: 24px;
            padding-bottom: 48px;
        }

        .aw-ext .stats__grid,
        .aw-ext .features {
            grid-template-columns: 1fr;
        }

        .aw-ext .hero {
            height: auto;
        }

        .aw-ext .hero__content {
            height: auto;
            padding-top: 40px;
            padding-bottom: 40px;
        }
}

@media (max-width: 600px) {
    .aw-ext .site-header,
    .aw-ext .hero__content,
    .aw-ext .stats__grid,
    .aw-ext .intro,
    .aw-ext .features,
    .aw-ext .contact-cta {
        padding-left: 16px;
        padding-right: 16px;
    }

    .aw-ext .hero h1 {
        font-size: 28px;
    }

    .aw-ext .contact-cta {
        flex-direction: column;
        align-items: flex-start;
    }
}