/* Force compact sidebar */
    .sidebar { width: 256px !important; }
    .main-content { margin-left: 256px !important; }
    @media (max-width: 1024px) { .main-content { margin-left: 0 !important; } }
    .sidebar-header { padding: 18px 16px !important; }
    .profile-avatar { width: 96px !important; height: 96px !important; }
    .profile-name { font-size: 15px !important; }
    .profile-title { font-size: 11px !important; }
    .nav-menu { padding: 10px 12px !important; }
    .nav-section { margin-bottom: 10px !important; }
    .nav-label { font-size: 9px !important; margin-bottom: 5px !important; }
    .nav-item { padding: 6px 9px !important; font-size: 11.5px !important; gap: 8px !important; margin-bottom: 1px !important; }
    .nav-icon { width: 14px !important; height: 14px !important; }
    .nav-item-dropdown-btn { font-size: 11.5px !important; padding: 6px 9px !important; }
    .nav-sub-item { font-size: 10.5px !important; padding: 4px 9px !important; }
    .quick-links { padding: 8px 12px 6px !important; }
    .quick-links-title { font-size: 8px !important; margin-bottom: 5px !important; }
    .quick-link svg { width: 15px !important; height: 15px !important; }
    .audit-cta { padding: 8px 10px !important; font-size: 11px !important; margin-top: 8px !important; }
    .calendly-btn { padding: 7px 10px !important; font-size: 10.5px !important; margin-top: 5px !important; }

    /* Page layout */
    .svc-hub { max-width: 1100px; margin: 0 auto; padding: 40px 48px 80px; }
    @media (max-width: 768px) { .svc-hub { padding: 20px 20px 60px; } }
    @media (max-width: 1024px) { .svc-hub { padding-top: 72px; } }

    /* Hero */
    .hub-hero { margin-bottom: 40px; }
    .hub-hero h1 {
      font-family: 'Space Grotesk', sans-serif;
      font-size: clamp(28px, 4vw, 40px);
      font-weight: 700; letter-spacing: -0.02em; margin-bottom: 10px;
      background: linear-gradient(270deg, #64728d, #3559df, #647fac, #526db6, #64728d);
      background-size: 300% 100%;
      -webkit-background-clip: text; -webkit-text-fill-color: transparent;
      animation: gradientShift 6s ease infinite;
    }
    @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
    .hub-desc { font-size: 15px; color: var(--muted); line-height: 1.7; max-width: 600px; }

    /* Category filters */
    .hub-filters { display: flex; gap: 6px; margin-bottom: 32px; flex-wrap: wrap; }
    .hub-filter {
      padding: 7px 16px; font-family: inherit; font-size: 12px; font-weight: 600;
      color: var(--muted); background: rgba(53,100,77,0.03); border: 1px solid var(--line);
      border-radius: 100px; cursor: pointer; transition: all 0.2s;
    }
    .hub-filter:hover { color: var(--text); border-color: rgba(53,100,77,0.2); }
    .hub-filter.active { color:var(--text); background: linear-gradient(135deg, var(--accent-1), var(--accent-2)); border-color: transparent; box-shadow: 0 2px 12px rgba(53,100,77,0.2); }

    /* Service cards grid */
    .hub-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 48px; }
    @media (max-width: 900px) { .hub-grid { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 560px) { .hub-grid { grid-template-columns: 1fr; } }

    .hub-card {
      padding: 24px 22px; background: rgba(53,100,77,0.02);
      border: 1px solid var(--line); border-radius: 14px;
      text-decoration: none; color: var(--text);
      display: flex; flex-direction: column; gap: 10px;
      transition: all 0.3s; position: relative; overflow: hidden;
    }
    .hub-card::before {
      content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
      background: linear-gradient(135deg, #526db6, #647fac); opacity: 0; transition: opacity 0.3s;
    }
    .hub-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.3); border-color: rgba(53,100,77,.25); }
    .hub-card:hover::before { opacity: 1; }
    .hub-card.hidden { display: none; }
    .hub-card-cat { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--accent-2); }
    .hub-card-title { font-size: 15px; font-weight: 700; line-height: 1.3; }
    .hub-card-desc { font-size: 12px; color: var(--muted); line-height: 1.5; flex-grow: 1; }
    .hub-card-arrow { font-size: 12px; font-weight: 600; color: var(--accent-3); display: flex; align-items: center; gap: 6px; transition: gap 0.3s; }
    .hub-card:hover .hub-card-arrow { gap: 10px; }

    /* Dividers */
    .divider { border: none !important; height: 1px !important; background: linear-gradient(to right,transparent,rgba(53,100,77,0.12),transparent) !important; margin: 0 !important; }

    /* Footer */
    .footer-line { height: 1px; background: linear-gradient(to right, transparent, rgba(53,100,77,0.12), transparent); margin: 48px 0 20px; }
    .footer { display: flex; justify-content: space-between; font-size: 13px; color: var(--muted); }
    .footer a { color: var(--muted); text-decoration: none; }
    @media (max-width: 480px) { .footer { flex-direction: column; gap: 8px; text-align: center; } }

    /* Lang switch */
    .lang-switch { position: fixed !important; top: 20px !important; right: 20px !important; z-index: 200 !important; }
    .lang-btn { display: flex; align-items: center; gap: 6px; padding: 8px 14px; background: rgba(255,254,250,0.85); backdrop-filter: blur(12px); border: 1px solid rgba(53,100,77,0.08); border-radius: 10px; color: var(--muted); font-size: 12px; font-weight: 600; font-family: inherit; cursor: pointer; text-transform: uppercase; letter-spacing: 0.05em; box-shadow: 0 4px 16px rgba(0,0,0,0.3); transition: all 0.2s; }
    .lang-btn:hover { color: var(--text); }
    .lang-btn svg { width: 14px; height: 14px; opacity: 0.6; }
    .lang-dropdown { display: none; position: absolute; top: 100%; right: 0; margin-top: 8px; background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 8px; min-width: 200px; max-height: 320px; overflow-y: auto; scrollbar-width: none; box-shadow: 0 16px 48px rgba(0,0,0,0.5); z-index: 201; flex-wrap: wrap; gap: 4px; }
    .lang-dropdown::-webkit-scrollbar { display: none; }
    .lang-switch.open .lang-dropdown { display: flex; }
    .lang-option { padding: 6px 10px; font-size: 11px; font-weight: 600; color: var(--muted); text-decoration: none; border-radius: 6px; transition: all 0.15s; text-transform: uppercase; }
    .lang-option:hover { color: var(--text); background: rgba(53,100,77,0.08); }
    .lang-option.active { color: var(--accent-2); background: rgba(53,100,77,0.1); }
    @media (max-width: 1024px) { .lang-switch { right: 70px !important; } }