:root {
    --color-bg: #f8fafc;
    --color-bg-warm: #f1f5f9;
    --color-bg-card: #ffffff;
    --color-bg-dark: #0f172a;
    --color-bg-dark-elevated: #1e293b;
    --color-text: #0f172a;
    --color-text-muted: #475569;
    --color-text-subtle: #94a3b8;
    --color-text-on-dark: #ffffff;
    --color-text-on-dark-muted: #cbd5e1;
    --color-accent: #2563eb;
    --color-accent-light: #3b82f6;
    --color-accent-dark: #1d4ed8;
    --color-accent-bg: rgba(37,99,235,0.08);
    --color-success: #16a34a;
    --color-success-bg: rgba(22,163,74,0.1);
    --color-urgent: #dc2626;
    --color-urgent-bg: rgba(220,38,38,0.1);
    --color-border: rgba(15,23,42,0.06);
    --color-border-strong: rgba(15,23,42,0.12);
    --font-display: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 24px; --radius-full: 100px;
    --shadow-sm: 0 1px 3px rgba(15,23,42,0.08);
    --shadow-md: 0 4px 12px rgba(15,23,42,0.1);
    --shadow-lg: 0 12px 40px rgba(15,23,42,0.12);
    --shadow-xl: 0 25px 60px rgba(15,23,42,0.15);
    --transition-fast: 0.15s ease; --transition-medium: 0.3s ease;
}
/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all var(--transition-medium)}
.nav.scrolled{background:rgba(250,248,244,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:14px 0;box-shadow:var(--shadow-sm)}
.nav-inner{display:flex;justify-content:space-between;align-items:center}
.nav-logo{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--color-text);text-decoration:none;display:flex;align-items:center;gap:10px}
.nav-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.nav-links{display:flex;gap:28px;list-style:none;align-items:center}
.nav-links>li{position:relative}
.nav-links>li>a{color:var(--color-text-muted);font-size:.9rem;font-weight:500;transition:color var(--transition-fast);padding:8px 0;position:relative}
.nav-links>li>a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent);transition:width var(--transition-fast)}
.nav-links>li>a:hover,.nav-links>li>a.active{color:var(--color-text)}
.nav-links>li>a:hover::after,.nav-links>li>a.active::after{width:100%}
.nav-cta{background:var(--color-accent);color:#fff;padding:12px 24px;border-radius:var(--radius-full);font-weight:600;font-size:.875rem;transition:all var(--transition-fast);white-space:nowrap}
.nav-cta:hover{background:var(--color-accent-dark);transform:translateY(-2px)}
.nav-dropdown{position:absolute;top:100%;left:-16px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 0;min-width:220px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--transition-fast);z-index:100;list-style:none}
.nav-links>li:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown a{display:block;padding:8px 20px;font-size:.85rem;color:var(--color-text-muted);transition:all var(--transition-fast)}
.nav-dropdown a::after{display:none!important}
.nav-dropdown a:hover{background:var(--color-accent-bg);color:var(--color-accent)}
.nav-mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}
.nav-mobile-toggle span{width:24px;height:2px;background:var(--color-text);transition:all var(--transition-fast)}
.nav-mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);z-index:9999;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto;padding:80px 24px 120px;}
.nav-mobile-menu.open{display:flex}
.nav-mobile-menu a{font-family:var(--font-display);font-size:1.2rem;color:var(--color-text);padding:12px 0;text-decoration:none;width:100%;text-align:center;border-bottom:1px solid var(--color-border);}
.nav-mobile-menu a:last-of-type{border-bottom:none;}
.nav-mobile-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:2rem;cursor:pointer;color:var(--color-text);z-index:10;width:44px;height:44px;display:flex;align-items:center;justify-content:center;}

/* Mobile Nav Phone Button in Header */
.nav-phone-mobile {
    display: none;
    width: 44px;
    height: 44px;
    background: var(--color-success);
    color: #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    margin-right: 8px;
    box-shadow: 0 2px 8px rgba(22,163,74,0.3);
}

/* Mobile Menu CTAs - HIDDEN to prevent overlap */
.nav-mobile-cta {
    display: none !important;
}

.nav-mobile-call-btn {
    display: none !important;
}

.nav-mobile-bottom-cta {
    display: none !important;
}

/* Hide floating buttons when mobile menu is open */
body.mobile-menu-open .floating-buttons {
    display: none !important;
}

body.mobile-menu-open .sticky-cta {
    display: none !important;
}

@media (max-width: 768px) {
    .nav-phone-mobile {
        display: flex;
    }
    
    .nav-mobile-menu {
        padding-top: 70px;
        padding-bottom: 100px;
        gap: 0;
    }
    
    .nav-mobile-menu > a {
        font-size: 1.15rem;
        padding: 14px 0;
    }
}


.nav{position:sticky;background:#f8fafc;font-family:Inter,Arial,sans-serif}
.nav .container{max-width:1200px;margin:0 auto;padding:0 24px}
.nav a{text-decoration:none;line-height:1.6}
.nav-links{margin:0;padding:0;gap:24px}
.nav-logo img{width:auto;max-width:none;display:block}
.nav-links>li:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:none}
.nav-mobile-menu{font-family:Inter,Arial,sans-serif}
.nav-mobile-menu .nav-mobile-close{line-height:1}
.summary{top:110px}
.transparency-banner{text-align:center;background:#eaf0ff;padding:15px 24px;color:#203d78;font-size:14px}
.transparency-banner strong{display:block;font-size:19px;color:#134bcf;margin-bottom:3px}
@media(max-width:1100px){.nav-links{gap:14px}.nav-links>li>a{font-size:12px}.nav-cta{padding:10px 14px;font-size:12px}}
@media(max-width:900px){.nav-links,.nav-cta{display:none}.nav-mobile-toggle{display:flex}.nav-phone-mobile{display:flex;margin-left:auto;margin-right:16px}.summary{top:100px}}
@media(max-width:600px){.transparency-banner{font-size:12px;padding:12px 18px}.transparency-banner strong{font-size:17px}}