:root {--primary:#0077B6; --secondary:#2A9D8F; --dark:#12314f; --text:#4A5568; --bg:#F7FAFC; --radius:14px; --shadow:0 10px 30px rgba(0,0,0,.08)}
* {box-sizing:border-box; margin:0; padding:0} 
body {font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif; line-height:1.6; color:var(--text); background:var(--bg)}
img {max-width:100%; display:block} 
a {text-decoration:none} 
.container {width:min(1120px,calc(100% - 40px)); margin:auto}

/* Base Header Fallbacks */
.site-header {position:sticky; top:0; background:rgba(255,255,255,.96); backdrop-filter:blur(8px); box-shadow:0 2px 12px rgba(0,0,0,.05); z-index:100}
.nav-wrap {display:flex; justify-content:space-between; align-items:center; padding:16px 0; gap:20px}
.brand {display:flex; align-items:center; gap:12px; color:var(--dark); font-weight:700; font-size:1.3rem}
.brand img {height:56px}
nav {display:flex; align-items:center; gap:24px; flex-wrap:wrap} 
nav a {color:var(--dark); font-weight:500}

/* Home Page Sections */
.hero {padding:100px 0; background:linear-gradient(135deg,#0b5d8d,#12314f); color:#fff}
.hero-content {max-width:900px; text-align:center}
.eyebrow {color:#9fe5db; font-weight:700; text-transform:uppercase; letter-spacing:.08em; font-size:.82rem; margin-bottom:16px}
h1 {font-size:clamp(2.4rem,5vw,4.2rem); line-height:1.1; margin-bottom:22px}
.lead {font-size:1.2rem; max-width:780px; margin:0 auto 28px}
.trust-badges {display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-bottom:32px}
.trust-badges span {background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); padding:10px 14px; border-radius:999px}
.hero-actions {display:flex; justify-content:center; gap:16px; flex-wrap:wrap}
.btn {display:inline-block; padding:14px 26px; border-radius:10px; font-weight:700}
.btn-primary {background:var(--secondary); color:#fff}
.btn-secondary {background:#fff; color:var(--dark)}
.btn-sm {padding:10px 18px}
.section, .stats, .cta {padding:80px 0}
.section-head {text-align:center; max-width:760px; margin:0 auto 48px}
.section-head h2, .cta h2 {font-size:clamp(2rem,4vw,3rem); color:var(--dark); margin-bottom:14px}
.grid-3, .grid-4 {display:grid; gap:24px}
.grid-3 {grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid-4 {grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card {background:#fff; padding:30px; border-radius:var(--radius); box-shadow:var(--shadow)} 
.card h3 {color:var(--dark); margin-bottom:10px}
.stat {text-align:center}
.stat h3 {font-size:2.2rem; color:var(--primary)}
.cta-box {text-align:center; background:#fff; padding:60px; border-radius:24px; box-shadow:var(--shadow)}
.site-footer {background:var(--dark); color:#d8e6f2; padding:40px 0}
.footer-wrap {display:flex; justify-content:space-between; gap:30px; flex-wrap:wrap}
.site-footer h3 {color:#fff; margin-bottom:10px}

/* ==========================================================================
   VELYNCR RCM GLOBAL - MASTER HEADER & MOBILE MENU STYLES
   ========================================================================== */

/* --- 1. DESKTOP DROPDOWN HOVER FIX --- */
.dropdown:hover .dropdown-content {
    display: block !important;
}

.dropdown-content a:hover {
    background-color: #F4F9F9;
    color: #0077B6 !important;
}

/* --- 2. MOBILE SLIDE-IN MENU & BUTTON POSITIONING --- */
@media (max-width: 900px) {
    
    .mobile-menu-btn {
        display: block !important;
        position: absolute !important; 
        right: 25px !important;         
        top: 50% !important;            
        transform: translateY(-50%) !important; 
        z-index: 1001;
    }
    
    .nav-links {
        display: flex;
        position: fixed;
        top: 0;
        right: -100%; 
        width: 280px;
        height: 100vh;
        background-color: #ffffff;
        box-shadow: -5px 0 15px rgba(0,0,0,0.1);
        padding-top: 90px;
        transition: right 0.4s ease-in-out;
        z-index: 1000;
    }

    .nav-links ul {
        flex-direction: column;
        width: 100%;
        align-items: flex-start !important;
    }

    .nav-links ul li {
        width: 100%;
        border-bottom: 1px solid #f0f0f0;
    }

    .nav-links ul li a {
        display: block;
        padding: 15px 25px;
        font-size: 18px;
    }

    .dropdown-content {
        position: static !important;
        display: block !important;
        box-shadow: none !important;
        padding-left: 20px !important;
        background: #fafafa !important;
    }

    .nav-links.active {
        right: 0 !important; 
    }
}