/* Custom Scoped Enhancements for FlexStart Home Page */
    .hero-badge-pill {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: rgba(65, 84, 241, 0.08);
        border: 1px solid rgba(65, 84, 241, 0.2);
        color: #4154f1;
        padding: 6px 16px;
        border-radius: 50px;
        font-size: 0.875rem;
        font-weight: 700;
        margin-bottom: 20px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }

    .hero-trust-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-top: 28px;
    }

    .hero-trust-item {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 0.9rem;
        font-weight: 600;
        color: #444444;
        background: #ffffff;
        padding: 10px 14px;
        border-radius: 10px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
        border: 1px solid #f0f2f8;
    }

    .hero-trust-item i {
        font-size: 1.25rem;
        flex-shrink: 0;
    }

    .pillar-card {
        background: #ffffff;
        border-radius: 16px;
        padding: 32px 26px;
        height: 100%;
        box-shadow: 0 10px 30px rgba(1, 41, 112, 0.06);
        border: 1px solid #f1f3f9;
        transition: all 0.35s ease;
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .pillar-card:hover {
        transform: translateY(-7px);
        box-shadow: 0 18px 40px rgba(1, 41, 112, 0.12);
        border-color: rgba(65, 84, 241, 0.3);
    }

    .pillar-icon-box {
        width: 58px;
        height: 58px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.75rem;
        margin-bottom: 20px;
        flex-shrink: 0;
    }

    .pillar-number {
        position: absolute;
        top: 20px;
        right: 22px;
        font-size: 1.5rem;
        font-weight: 800;
        color: #e9edf7;
        font-family: 'Nunito', sans-serif;
    }

    .pillar-card h3 {
        font-size: 1.22rem;
        font-weight: 700;
        color: #012970;
        margin-bottom: 12px;
    }

    .pillar-card p {
        font-size: 0.92rem;
        color: #555555;
        line-height: 1.6;
        margin-bottom: 18px;
        flex-grow: 1;
    }

    .pillar-features {
        list-style: none;
        padding: 0;
        margin: 0;
        border-top: 1px dashed #e5e9f2;
        padding-top: 14px;
    }

    .pillar-features li {
        font-size: 0.85rem;
        color: #333333;
        margin-bottom: 6px;
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 500;
    }

    .pillar-features li i {
        color: #15be56;
        font-size: 0.95rem;
        flex-shrink: 0;
    }

    /* Gradient colors for pillars */
    .pillar-blue .pillar-icon-box { background: rgba(65, 84, 241, 0.12); color: #4154f1; }
    .pillar-green .pillar-icon-box { background: rgba(21, 190, 86, 0.12); color: #15be56; }
    .pillar-orange .pillar-icon-box { background: rgba(238, 108, 32, 0.12); color: #ee6c20; }
    .pillar-purple .pillar-icon-box { background: rgba(113, 44, 242, 0.12); color: #712cf2; }
    .pillar-red .pillar-icon-box { background: rgba(223, 21, 58, 0.12); color: #df153a; }
    .pillar-teal .pillar-icon-box { background: rgba(8, 155, 171, 0.12); color: #089bab; }
    .pillar-indigo .pillar-icon-box { background: rgba(30, 41, 102, 0.12); color: #1e2966; }

    /* Dashboard Preview Card */
    .dashboard-preview-card {
        background: #ffffff;
        border-radius: 20px;
        padding: 24px;
        box-shadow: 0 20px 60px rgba(1, 41, 112, 0.12);
        border: 1px solid #e2e8f5;
        position: relative;
        overflow: hidden;
    }

    .dashboard-header-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 16px;
        margin-bottom: 18px;
        border-bottom: 1px solid #f0f3fa;
    }

    .dash-dot-group {
        display: flex;
        gap: 6px;
    }

    .dash-dot {
        width: 11px;
        height: 11px;
        border-radius: 50%;
    }

    .dash-dot-red { background: #ff5f56; }
    .dash-dot-yellow { background: #ffbd2e; }
    .dash-dot-green { background: #27c93f; }

    .dash-metric-card {
        background: #f8faff;
        border: 1px solid #eef2fb;
        border-radius: 12px;
        padding: 14px;
        margin-bottom: 12px;
    }

    .dash-metric-title {
        font-size: 0.78rem;
        color: #718096;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 4px;
    }

    .dash-metric-value {
        font-size: 1.25rem;
        font-weight: 800;
        color: #012970;
    }

    .dash-metric-trend {
        font-size: 0.78rem;
        font-weight: 600;
    }

    .dash-branch-pill {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: #eef2ff;
        color: #3b82f6;
        padding: 4px 10px;
        border-radius: 20px;
        font-size: 0.78rem;
        font-weight: 600;
    }

    /* Comparison Table Styling */
    .comparison-table-wrap {
        background: #ffffff;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(1, 41, 112, 0.06);
        border: 1px solid #f0f3fa;
    }

    .comparison-table th {
        background: #012970;
        color: #ffffff;
        padding: 16px 20px;
        font-weight: 700;
        border: none;
    }

    .comparison-table td {
        padding: 14px 20px;
        vertical-align: middle;
        border-bottom: 1px solid #f0f3fa;
        font-size: 0.92rem;
    }

    /* Home Enquiry Section Styling */
    .home-enquiry-card {
        background: #ffffff;
        border-radius: 20px;
        padding: 40px;
        box-shadow: 0 20px 60px rgba(1, 41, 112, 0.1);
        border: 1px solid #eef2fb;
    }

    .home-enquiry-label {
        font-weight: 700;
        font-size: 0.88rem;
        color: #012970;
        margin-bottom: 6px;
    }

    .home-enquiry-input {
        border-radius: 10px;
        padding: 12px 16px;
        border: 1.5px solid #dce2f0;
        font-size: 0.95rem;
        transition: all 0.25s ease;
    }

    .home-enquiry-input:focus {
        border-color: #4154f1;
        box-shadow: 0 0 0 4px rgba(65, 84, 241, 0.12);
    }

    @@media (max-width: 768px) {
        .hero-trust-grid {
            grid-template-columns: 1fr;
        }
        .home-enquiry-card {
            padding: 24px 18px;
        }
    }

/* Match this landing page's header to its navy hero without changing other pages. */
    body:has(.qukest-home) #header {
        --nav-color:#e1eaf8; --nav-hover-color:#f4c66c; --heading-color:#ffffff;
        background:#071f49; padding:16px 0; border-bottom:1px solid #294166;
    }
    body:has(.qukest-home) #header .logo h1 { color:#fff; font-size:28px; }
    body:has(.qukest-home) #header .site-logo { height:32px; }
    body:has(.qukest-home) #header .header-actions .btn-getstarted {
        background:#f4c66c; color:#10294a; border:1px solid #f4c66c;
        padding:10px 20px; min-height:44px; border-radius:8px; font-size:14px; font-weight:700;
    }
    body:has(.qukest-home) #header .header-actions .btn-outline-primary { color:#fff; border-color:#8196b8; }
    body:has(.qukest-home) #header .header-actions .btn-outline-primary:hover { background:#24436f; border-color:#b6c7e1; }
    body:has(.qukest-home) #header a:focus-visible, body:has(.qukest-home) #header .mobile-nav-toggle:focus-visible { outline:3px solid #f4c66c; outline-offset:4px; }
    body:has(.qukest-home).scrolled #header { padding:12px 0; box-shadow:0 4px 18px #071f4926; }
    @@media(min-width:1200px) {
        body:has(.qukest-home) #header .navmenu > ul > li > a { color:#e1eaf8; }
        body:has(.qukest-home) #header .navmenu > ul > li > a:hover,
        body:has(.qukest-home) #header .navmenu > ul > li > a.active { color:#f4c66c; }
    }
    @@media(max-width:1199px) {
        body:has(.qukest-home) #header .mobile-nav-toggle { color:#fff; }
        body:has(.qukest-home) #header .navmenu ul { background:#fff; }
        body:has(.qukest-home) #header .navmenu ul a { color:#17365f; }
        body:has(.qukest-home) #header .navmenu ul a:hover,
        body:has(.qukest-home) #header .navmenu ul a.active { color:#245bd1; }
    }
    body:has(.qukest-home) #header .navmenu .dropdown ul { background:#fff; }
    body:has(.qukest-home) #header .navmenu .dropdown ul a { color:#17365f; min-height:44px; }
    body:has(.qukest-home) #header .navmenu .dropdown ul a:hover,
    body:has(.qukest-home) #header .navmenu .dropdown ul a:focus-visible,
    body:has(.qukest-home) #header .navmenu .dropdown ul a.active { color:#1746a2; background:#edf3fc; }
    @@media(max-width:480px) {
        body:has(.qukest-home) #header .logo h1 { font-size:21px; }
        body:has(.qukest-home) #header .site-logo { height:27px; }
        body:has(.qukest-home) #header .header-actions .btn-getstarted { padding:10px; font-size:12px; }
        body:has(.qukest-home) #header .mobile-nav-toggle { margin-right:0; }
    }
    .qukest-home { --qh-navy:#071f49; --qh-blue:#245bd1; --qh-gold:#f4c66c; }
    .qukest-home #hero { background:#071f49; padding:130px 0 64px; min-height:0; position:relative; }
    .qukest-home #hero::before, .qukest-home #hero::after { display:none; }
    .qukest-home .qh-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); align-items:center; gap:48px; }
    .qukest-home .qh-copy { min-width:0; padding:24px 0; }
    .qukest-home .qh-eyebrow { display:inline-flex; align-items:center; gap:10px; color:#f4c66c; font-size:12px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; margin-bottom:24px; }
    .qukest-home #hero h1 { color:#fff; font-size:clamp(36px,4.5vw,64px); line-height:1.08; letter-spacing:-.035em; font-weight:800; margin:0 0 24px; }
    .qukest-home #hero h1 span { color:#f4c66c; }
    .qukest-home #hero .qh-description { color:#c4d4ed; font-size:18px; line-height:1.75; max-width:540px; margin:0 0 28px; }
    .qukest-home .qh-buttons { display:flex; flex-wrap:wrap; gap:12px; }
    .qukest-home .qh-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 22px; min-height:50px; border-radius:9px; background:#f4c66c; color:#10294a; font-weight:750; text-decoration:none; border:1px solid #f4c66c; }
    .qukest-home .qh-button:hover { background:#ffdb94; color:#10294a; }
    .qukest-home .qh-button-secondary { color:#fff; background:transparent; border-color:#7088ab; }
    .qukest-home .qh-button-secondary:hover { color:#fff; background:#153661; }
    .qukest-home .qh-highlights { display:flex; flex-wrap:wrap; gap:12px 20px; margin-top:26px; padding-top:22px; border-top:1px solid #365077; color:#cfddf2; font-size:13px; }
    .qukest-home .qh-highlights i { color:#f4c66c; margin-right:6px; }
    .qukest-home .qh-art { margin:0; min-width:0; }
    .qukest-home .qh-art img { display:block; width:100%; height:auto; border-radius:20px; }
    .qukest-home .qh-art figcaption { color:#b1c5e4; font-size:12px; text-align:center; margin-top:10px; }
    .qukest-home .qh-module-strip { background:#eef3fb; border-bottom:1px solid #dde5f1; padding:22px 0; }
    .qukest-home .qh-module-strip .container { display:flex; flex-wrap:wrap; gap:12px 28px; align-items:center; justify-content:center; }
    .qukest-home .qh-module-strip a { display:inline-flex; gap:9px; align-items:center; color:#243c60; font-size:14px; font-weight:650; padding:6px 0; }
    .qukest-home .qh-module-strip i { color:#245bd1; }
    .qukest-home .section-title h2 { color:#245bd1; letter-spacing:.12em; }
    .qukest-home .section-title p { color:#102c54; }
    .qukest-home .pillar-card { border-color:#dfe7f3; box-shadow:0 5px 22px rgba(7,31,73,.045); border-radius:18px; }
    .qukest-home #about .content { border-radius:20px; background:#eef3fb; }
    .qukest-home #modules .qh-module-picture { display:block; width:108px; height:99px; margin:0 auto 20px; object-fit:contain; }
    .qukest-home #values img.qh-value-image { display:block; width:100%; height:auto; aspect-ratio:3 / 2; object-fit:contain; padding:0; border-radius:14px; transform:none; }
    .qukest-home #enquiry { background:#eef3fb; }
    .qukest-home a:focus-visible, .qukest-home button:focus-visible { outline:3px solid #dca344; outline-offset:4px; }
    .qukest-home section { scroll-margin-top:95px; }
    @@media(max-width:991px) {
        .qukest-home #hero { padding:110px 0 44px; }
        .qukest-home .qh-hero-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
        .qukest-home .qh-copy { padding:0; }
        .qukest-home .qh-art { width:100%; max-width:580px; justify-self:center; }
        .qukest-home #hero .qh-description { max-width:none; }
    }
    @@media(max-width:575px) {
        .qukest-home #hero { padding:100px 0 32px; }
        .qukest-home #hero h1 { font-size:38px; }
        .qukest-home #hero .qh-description { font-size:16px; }
        .qukest-home .qh-eyebrow { font-size:10px; letter-spacing:.08em; }
        .qukest-home .qh-buttons { flex-direction:column; }
        .qukest-home .qh-button { width:100%; }
        .qukest-home .qh-highlights { gap:12px; flex-direction:column; }
        .qukest-home .qh-module-strip .container { justify-content:flex-start; gap:12px 20px; }
    }