:root{--primary-color:#0284c7;--secondary-color:#0369a1;--bg-color:#ffffff;--text-primary:#0f172a;--text-secondary:#475569;--glass-bg:#ffffff;--glass-border:#e2e8f0;--font-family:"Plus Jakarta Sans", "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-color);color:#0f172a;line-height:1.6;position:relative;overflow-x:hidden}.glow-bg{z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(2, 132, 199, 0.08),#0000 60%),radial-gradient(circle at 80% 20%,rgba(3, 105, 161, 0.08),#0000 40%);width:200%;height:200%;position:fixed;top:-50%;left:-50%}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;background:rgba(255,255,255,0.92);border-bottom:1px solid #e2e8f0;width:100%;padding:.85rem 0;transition:all .3s;position:fixed;top:0;left:0}.header-container{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logo-ev{color:#0f172a}.logo-mission{color:var(--primary-color)}nav{align-items:center;gap:2rem;display:flex}nav ul{align-items:center;gap:2rem;list-style:none;display:flex}nav a{color:#475569;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s}nav a:hover{color:#0f172a}.btn-primary,.btn-secondary,.btn-outline{cursor:pointer;text-align:center;font-weight:600;font-family:var(--font-family);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#ffffff;box-shadow:0 4px 15px rgba(2, 132, 199, 0.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(2, 132, 199, 0.5)}.btn-secondary{color:#0f172a;border:1px solid var(--glass-border);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-outline{color:var(--primary-color);border:1px solid var(--primary-color);background:0 0}.btn-outline:hover{background:rgba(2, 132, 199, 0.1)}.w-full{width:100%}.hero{text-align:center;background:#ffffff;justify-content:center;align-items:center;min-height:55vh;padding:140px 0 50px;display:flex;position:relative;overflow:hidden}.hero-bg-overlay{display:none}.hero-content{z-index:2;max-width:960px;position:relative}.hero-title{letter-spacing:-.03em;color:#0f172a;margin-bottom:1.25rem;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.15}.hero-title .highlight{background:linear-gradient(135deg, #38bdf8 0%, #0284c7 50%, #0369a1 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(2, 132, 199, 0.35));-webkit-background-clip:text}.hero-subtitle{color:#475569;max-width:780px;margin:0 auto 2.25rem;font-size:clamp(1.05rem,1.8vw,1.2rem);font-weight:400;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.glass-panel{background:#ffffff;border:1px solid #e2e8f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:2rem;box-shadow:0 8px 30px rgba(15,23,42,0.06)}#map-section{padding:1.25rem 0;scroll-margin-top:80px}.map-container-wrapper{padding:1.25rem 1.5rem}.map-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.map-header-info h2{color:#0f172a;letter-spacing:-.02em;margin-bottom:.15rem;font-size:1.5rem;font-weight:700}.map-header-subtitle{color:#475569;font-size:.85rem}.region-filter-wrapper{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-label{color:#475569;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.filter-pills{border:1px solid #e2e8f0;background:#f1f5f9;border-radius:10px;gap:3px;padding:3px;display:inline-flex}.region-pill{color:#64748b;font-size:.8rem;font-weight:500;font-family:var(--font-family);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.35rem .8rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.region-pill:hover{color:#0f172a;background:#ffffff0f}.region-pill.active{background:linear-gradient(135deg, #0284c7 0%, #0369a1 100%);color:#ffffff;font-weight:700;box-shadow:0 2px 10px rgba(2,132,199,0.35)}.category-filter-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.4rem;margin-bottom:.75rem;padding:.65rem .9rem;display:flex}.category-filter-header{justify-content:space-between;align-items:center;display:flex}.category-chips-group{flex-wrap:wrap;gap:.45rem;display:flex}.category-chip{color:#475569;font-size:.82rem;font-weight:500;font-family:var(--font-family);cursor:pointer;background:#ffffff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.45rem;padding:.35rem .85rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.category-chip:hover{color:#fff;background:rgba(2, 132, 199, 0.08);border-color:rgba(2, 132, 199, 0.3);transform:translateY(-1px);box-shadow:0 3px 10px rgba(2, 132, 199, 0.2)}.category-chip:active{transform:scale(.98)}.category-chip.active{border-color:var(--primary-color);color:var(--primary-color);background:rgba(2,132,199,0.08);font-weight:600;box-shadow:0 2px 10px rgba(2,132,199,0.15)}.chip-icon{font-size:.95rem;line-height:1}.chip-name{white-space:nowrap}.chip-count{color:#334155;background:#e2e8f0;border-radius:9999px;padding:.1rem .45rem;font-size:.72rem;font-weight:600;transition:all .2s}.category-chip.active .chip-count{color:#334155;background:#e2e8f0;border-radius:9999px;padding:.1rem .45rem;font-size:.72rem;font-weight:600;transition:all .2s}.category-chip:hover .chip-count{color:#334155;background:#e2e8f0;border-radius:9999px;padding:.1rem .45rem;font-size:.72rem;font-weight:600;transition:all .2s}.metrics-row{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:.75rem;display:grid}.metric-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.2rem;padding:.55rem .9rem;display:flex}.metric-label{color:#475569;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.metric-value{color:var(--primary-color);font-size:1.65rem;font-weight:700;line-height:1.1}.map-view{border-radius:10px;width:100%;height:clamp(340px,44vh,480px);overflow:hidden}#contact{background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:4rem 0 6rem;scroll-margin-top:80px}.contact-section-inner{max-width:680px;margin:0 auto}.contact-header-centered{text-align:center;margin-bottom:2rem}.contact-header-centered h2{color:#0f172a;letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.2rem;font-weight:800}.contact-header-centered .subtitle{color:#475569;max-width:540px;margin:0 auto;font-size:1rem;line-height:1.5}.contact-form-container{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:2.25rem;box-shadow:0 10px 40px rgba(15,23,42,0.06)}.form-panel-wrapper{background:#111;border:1px solid #ffffff14;border-radius:12px;padding:2rem}.new-contact-form .form-group{margin-bottom:1.5rem}.new-contact-form label{color:#0f172a;letter-spacing:.05em;margin-bottom:.5rem;font-size:.78rem;font-weight:700;display:block}.new-contact-form input,.new-contact-form textarea,.new-contact-form select{color:#0f172a;width:100%;font-family:var(--font-family);background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.8rem 1rem;font-size:.95rem;transition:all .3s}.new-contact-form input:focus,.new-contact-form textarea:focus,.new-contact-form select:focus{border-color:#0284c7;box-shadow:0 0 10px rgba(2, 132, 199, 0.2)}.custom-select-wrapper{position:relative}.custom-select-wrapper:after{content:"▼";color:#38bdf8;pointer-events:none;font-size:.7rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.new-contact-form select{appearance:none}.checkbox-group{align-items:flex-start;gap:.75rem;margin-bottom:2rem;display:flex}.checkbox-group input[type=checkbox]{accent-color:#0284c7;width:18px;height:18px;margin-top:.2rem}.checkbox-group label{color:#475569;letter-spacing:normal;text-transform:none;cursor:pointer;font-size:.85rem;font-weight:400;line-height:1.4}.btn-mint{color:#ffffff;cursor:pointer;font-weight:700;font-family:var(--font-family);background:linear-gradient(135deg, #0284c7 0%, #0369a1 100%);border:none;border-radius:999px;width:fit-content;padding:.85rem 2.2rem;font-size:1rem;box-shadow:0 4px 18px rgba(2, 132, 199, 0.35);transition:all .3s ease;display:inline-block}.btn-mint:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(2, 132, 199, 0.55);background:linear-gradient(135deg, #0369a1 0%, #0284c7 100%)}.recaptcha-notice{color:#666;margin-top:2rem;font-size:.75rem;line-height:1.5}.recaptcha-notice a{color:#888;text-decoration:underline}.mobile-menu-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;display:none}.mobile-menu-btn span{background:var(--text-primary);transform-origin:1px;border-radius:10px;width:100%;height:3px;transition:all .3s linear;position:relative}.mobile-nav{-webkit-backdrop-filter:blur(20px);z-index:999;background:#050b14f2;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;transform:translateY(-100%)}.mobile-nav.open{transform:translateY(0)}.mobile-link{text-transform:uppercase;color:#f8fafc;margin:1.5rem 0;font-size:2rem;font-weight:700;text-decoration:none;transition:color .3s linear}.mobile-link:hover{color:var(--primary-color)}footer{border-top:1px solid #e2e8f0;background:#f8fafc;margin-top:4rem;padding:2rem 0;color:#64748b;font-size:0.9rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (width<=768px){.hero h1{font-size:2.2rem}.map-view{height:360px}.desktop-nav{display:none}.mobile-menu-btn{display:flex}.metrics-row{grid-template-columns:1fr 1fr}.btn-mint{color:#ffffff;cursor:pointer;font-weight:700;font-family:var(--font-family);background:linear-gradient(135deg, #0284c7 0%, #0369a1 100%);border:none;border-radius:999px;width:fit-content;padding:.85rem 2.2rem;font-size:1rem;box-shadow:0 4px 18px rgba(2, 132, 199, 0.35);transition:all .3s ease;display:inline-block}.footer-content{text-align:center;flex-direction:column}}@media (width<=480px){.metrics-row{grid-template-columns:1fr 1fr}.metric-value{font-size:1.4rem}}

.hero { text-align: center; position: relative; overflow: hidden; justify-content: center; align-items: center; min-height: 58vh; padding: 160px 0 65px; display: flex; background: #ffffff; }
.hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; }
.hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; opacity: 0.88; filter: brightness(1.02) contrast(1.02); transition: transform 12s cubic-bezier(0.1, 0.9, 0.2, 1), opacity 0.5s ease; }
.hero:hover .hero-bg img { transform: scale(1.03); }
.hero-bg-mist { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.65) 30%, rgba(255, 255, 255, 0.88) 60%, #ffffff 100%); }
.hero-bg-mist-radial { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; background: radial-gradient(ellipse 90% 80% at 50% 25%, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.88) 50%, #ffffff 100%); }
.hero-content { z-index: 3; max-width: 960px; position: relative; }


/* ========================================================
   Executive Compactness for Map & Ecosystem Overview
======================================================== */
.map-container-wrapper {
    padding: 1.15rem 1.35rem !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05) !important;
}
.map-header {
    margin-bottom: 0.65rem !important;
    gap: 0.75rem !important;
}
.map-header-info h2 {
    font-size: 1.35rem !important;
    margin-bottom: 2px !important;
}
.map-header-subtitle {
    font-size: 0.82rem !important;
}
.region-filter-wrapper {
    gap: 0.4rem !important;
}
.filter-pills {
    padding: 2px !important;
    border-radius: 8px !important;
}
.region-pill {
    padding: 0.25rem 0.65rem !important;
    font-size: 0.78rem !important;
}
.category-filter-section {
    padding: 0.5rem 0.75rem !important;
    margin-bottom: 0.6rem !important;
    border-radius: 10px !important;
    gap: 0.3rem !important;
}
.category-filter-header .filter-label {
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.category-chips-group {
    gap: 0.35rem !important;
}
.category-chip {
    padding: 0.22rem 0.65rem !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    gap: 0.4rem !important;
}
.category-chip .chip-name {
    font-weight: 600 !important;
}
.category-chip .chip-count {
    padding: 0.05rem 0.35rem !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
}
.metrics-row {
    gap: 0.6rem !important;
    margin-bottom: 0.6rem !important;
}
.metric-card {
    padding: 0.4rem 0.75rem !important;
    border-radius: 8px !important;
    gap: 0 !important;
}
.metric-label {
    font-size: 0.68rem !important;
    margin-bottom: 1px !important;
}
.metric-value {
    font-size: 1.28rem !important;
    line-height: 1.1 !important;
}
.map-view {
    height: 310px !important;
    border-radius: 8px !important;
}
@media (max-width: 768px) {
    .map-view {
        height: 240px !important;
    }
}

.grecaptcha-badge { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }


/* Executive Split Left-Aligned Hero for Database */
.hero {
    position: relative;
    min-height: 82vh;
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    padding: 6.5rem 0 3.5rem 0;
    text-align: left;
}

.hero > .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    box-sizing: border-box;
}

.hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
    transform: scale(1.02);
    transition: transform 10s cubic-bezier(0.16, 1, 0.3, 1);
}

.hero:hover .hero-bg img {
    transform: scale(1.04);
}

.hero-bg-mist {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0.98) 0%,
        rgba(255, 255, 255, 0.94) 32%,
        rgba(255, 255, 255, 0.82) 48%,
        rgba(255, 255, 255, 0.45) 68%,
        rgba(255, 255, 255, 0.15) 85%,
        rgba(255, 255, 255, 0.05) 100%
    );
    pointer-events: none;
    z-index: 2;
    /* Interactive Mouse Spotlight: reveals crisp background fleet photo under cursor */
    -webkit-mask-image: radial-gradient(
        circle 140px at var(--mouse-x, -999px) var(--mouse-y, -999px),
        transparent 0%,
        rgba(0, 0, 0, 0.25) 55%,
        black 100%
    );
    mask-image: radial-gradient(
        circle 140px at var(--mouse-x, -999px) var(--mouse-y, -999px),
        transparent 0%,
        rgba(0, 0, 0, 0.25) 55%,
        black 100%
    );
    transition: -webkit-mask-position 0.05s ease-out, mask-position 0.05s ease-out;
}

@media (max-width: 900px) {
    .hero-bg-mist {
        background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.98) 0%,
            rgba(255, 255, 255, 0.94) 52%,
            rgba(255, 255, 255, 0.82) 75%,
            rgba(255, 255, 255, 0.45) 100%
        );
        -webkit-mask-image: none;
        mask-image: none;
    }
}

.hero-bg-mist-radial {
    position: absolute;
    top: 15%;
    left: 2%;
    width: 65%;
    height: 75%;
    background: radial-gradient(
        ellipse at center,
        rgba(240, 249, 255, 0.9) 0%,
        rgba(255, 255, 255, 0.6) 50%,
        transparent 75%
    );
    pointer-events: none;
    z-index: 3;
    filter: blur(25px);
}

@media (max-width: 900px) {
    .hero-bg-mist-radial {
        width: 100%;
        left: 0;
        top: 0;
        height: 85%;
        background: radial-gradient(
            ellipse at 50% 30%,
            rgba(255, 255, 255, 0.96) 0%,
            rgba(255, 255, 255, 0.75) 60%,
            transparent 90%
        );
    }
}

.hero-content {
    position: relative;
    z-index: 10;
    max-width: 680px;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0369a1;
    background: rgba(255, 255, 255, 0.92);
    padding: 5px 14px;
    border-radius: 999px;
    margin-bottom: 1.25rem;
    border: 1px solid rgba(2, 132, 199, 0.25);
    backdrop-filter: blur(8px);
    box-shadow: 0 2px 10px rgba(12, 23, 45, 0.05);
}

.hero-eyebrow-dot {
    width: 6px;
    height: 6px;
    background: #0284c7;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(2, 132, 199, 0.6);
}

.hero-title {
    font-size: clamp(2.3rem, 5vw, 3.55rem);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.04em;
    color: #0c172d;
    margin-bottom: 1.5rem;
    /* Crisp light protective outline halo against background */
    text-shadow: 
        0 1px 2px rgba(255, 255, 255, 0.95),
        0 0 10px rgba(255, 255, 255, 0.9),
        0 0 24px rgba(255, 255, 255, 0.8);
}

.hero-title .highlight {
    color: #0284c7;
    background: none;
    -webkit-text-fill-color: initial;
    filter: none;
    text-shadow: 
        0 1px 2px rgba(255, 255, 255, 0.95),
        0 0 12px rgba(255, 255, 255, 0.9),
        0 0 28px rgba(255, 255, 255, 0.85);
}

.hero-subtitle {
    font-size: 1.15rem;
    line-height: 1.62;
    color: #1e293b;
    margin-bottom: 2.25rem;
    max-width: 600px;
    font-weight: 600;
    /* Clean text halo for crystal-clear readability */
    text-shadow: 
        0 1px 2px rgba(255, 255, 255, 0.95),
        0 0 8px rgba(255, 255, 255, 0.9),
        0 0 16px rgba(255, 255, 255, 0.75);
}

@media (max-width: 768px) {
    .hero {
        padding: 5.5rem 0 3rem 0;
        min-height: auto;
    }
    .hero-title {
        font-size: 2.15rem;
        line-height: 1.14;
        margin-bottom: 1.15rem;
    }
    .hero-subtitle {
        font-size: 1rem;
        line-height: 1.55;
        margin-bottom: 1.75rem;
        color: #0f172a;
    }
}

.hero-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2.5rem;
    justify-content: flex-start;
}

.hero-actions .btn-primary {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 700;
    padding: 0.9rem 2.2rem;
    border-radius: 999px;
    box-shadow: 0 4px 18px rgba(2, 132, 199, 0.32);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    cursor: pointer;
}

.hero-actions .btn-primary:hover {
    background: linear-gradient(135deg, #0369a1 0%, #075985 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.45);
}

.hero-trust-bar {
    display: flex;
    align-items: center;
    gap: 2.25rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(15, 23, 42, 0.12);
    max-width: 680px;
}

.trust-col {
    display: flex;
    flex-direction: column;
}

.trust-number {
    font-size: 1.35rem;
    font-weight: 800;
    color: #0c172d;
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin-bottom: 4px;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.95), 0 0 10px rgba(255, 255, 255, 0.85);
}

.trust-label {
    font-size: 0.74rem;
    font-weight: 700;
    color: #1e293b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.25;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.95), 0 0 10px rgba(255, 255, 255, 0.85);
}

@media (max-width: 640px) {
    .hero-trust-bar {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem 1rem;
        padding-top: 1.5rem;
    }
}

/* ========================================================
   100% Header & Typography Synchronization with Main Site
======================================================== */
.site-header {
    height: 74px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(12, 23, 45, 0.08) !important;
    box-shadow: 0 4px 20px -5px rgba(12, 23, 45, 0.06) !important;
}

.header-container {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 2rem !important;
    height: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.logo {
    display: flex !important;
    align-items: center !important;
}

.logo img {
    height: 38px !important;
    width: auto !important;
    margin: 0 !important;
    transition: transform 0.2s ease !important;
}

.logo img:hover {
    transform: scale(1.02) !important;
}

.nav-links {
    display: flex !important;
    align-items: center !important;
    gap: 2rem !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.nav-links a:not(.btn-primary) {
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.nav-links a:not(.btn-primary):hover {
    color: var(--primary-color) !important;
}

.nav-links .btn-primary,
.nav-links .nav-btn {
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
    padding: 0.65rem 1.4rem !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.28) !important;
    border: none !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
}

.nav-links .btn-primary:hover,
.nav-links .nav-btn:hover {
    background: linear-gradient(135deg, var(--secondary-color) 0%, #075985 100%) !important;
    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.38) !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 991px) {
    .site-header {
        height: 64px !important;
    }
    .header-container {
        padding: 0 1.25rem !important;
    }
    .logo img {
        height: 32px !important;
    }
    .container {
        padding: 0 1.25rem !important;
    }
}