*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: 'Manrope', sans-serif; background: #fff; color: #18181b; overflow-x: hidden; }

    /* ── HEADER ── */
    .header {
      position: sticky; top: 0; z-index: 100;
      background: rgba(255,255,255,0.95);
      border-bottom: 1px solid #e4e4e7;
    }
    .header-inner {
      max-width: 1280px; margin: 0 auto; padding: 0 32px;
      height: 64px; display: flex; align-items: center; justify-content: space-between;
    }
    .header-logo { display: flex; align-items: center; height: 44px; }
    .header-nav { display: flex; align-items: center; gap: 24px; }
    .header-nav a {
      font-size: 14px; font-weight: 600; color: #52525b;
      text-decoration: none; white-space: nowrap;
    }
    .header-nav a:hover { color: #18181b; }
    .header-nav a.active { color: #8a1175; }
    .header-nav-track {
      display: flex; align-items: center; gap: 6px;
    }
    a.header-btn-intranet {
      background: #8a1175; color: #fff; font-size: 13px; font-weight: 700;
      text-decoration: none; padding: 10px 20px; border-radius: 14px;
      white-space: nowrap;
    }

    /* ── HAMBURGER BUTTON (mobile only) ── */
    .header-hamburger {
      display: none; background: none; border: none; cursor: pointer;
      width: 32px; height: 32px; padding: 4px;
      flex-direction: column; justify-content: center; align-items: center; gap: 5px;
    }
    .header-hamburger span {
      display: block; width: 22px; height: 2px; background: #18181b; border-radius: 2px;
      transition: all 0.25s ease;
    }

    /* ── MOBILE MENU DRAWER ── */
    .mobile-menu {
      position: fixed; inset: 0; z-index: 200;
      background: #fff;
      display: flex; flex-direction: column;
      transform: translateX(100%);
      transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .mobile-menu.is-open { transform: translateX(0); }
    .mobile-menu-top {
      display: flex; align-items: center; justify-content: space-between;
      padding: 16px 24px; border-bottom: 1px solid #e4e4e7; flex-shrink: 0;
    }
    .mobile-menu-logo { height: 44px; width: 76px; display: flex; align-items: center; }
    .mobile-menu-close {
      background: none; border: none; cursor: pointer;
      width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;
    }
    .mobile-menu-close img { width: 32px; height: 32px; }
    .mobile-menu-nav { flex: 1; overflow-y: auto; }
    .mobile-menu-nav a {
      display: flex; align-items: center; gap: 6px;
      padding: 16px 24px; font-size: 14px; font-weight: 600; color: #52525b;
      text-decoration: none; border-bottom: 1px solid #f4f4f5;
    }
    .mobile-menu-nav a.track { color: #8a1175; }
    .mobile-menu-nav a:hover { background: #f9f9f9; }
    .mobile-menu-nav a.active { color: #8a1175; }

    .mobile-menu-bottom { padding: 24px; flex-shrink: 0; }
    a.mobile-menu-intranet {
      display: flex; align-items: center; justify-content: center;
      width: 100%; padding: 10px 20px; border-radius: 14px;
      background: #8a1175; color: #fff; font-size: 13px; font-weight: 700;
      text-decoration: none;
    }

    /* ── MOBILE OVERLAY ── */
    .mobile-overlay {
      display: none; position: fixed; inset: 0; z-index: 199;
      background: rgba(0,0,0,0.4);
    }
    .mobile-overlay.is-open { display: block; }

    /* ── RESPONSIVE ── */
    @media (max-width: 768px) {
      .header-inner { padding: 0 20px; }
      .header-nav { display: none; }
      .header-hamburger { display: flex; }
    }