/* ============================================================
   NEAT Analytics — Shared Navigation & Mega Menu Styles
   Include on every page: <link href="css/neat-nav.css" ...>
   (from subfolders use ../css/neat-nav.css)
   ============================================================ */

/* ── White Navigation Bar Overrides ── */
.master-navigation {
  z-index: 1000 !important;
}
.master-navigation .nav-bg {
  display: none !important;
}
.master-navigation .navbar {
  background-color: transparent !important;
}
.master-navigation .left-nav {
  background-color: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid #e8e5de !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
}
.master-navigation .nav-link,
.master-navigation .nav-link div,
.master-navigation .dropdown-toggle div,
.master-navigation .dropdown-toggle .nav-link div {
  color: #1a1a1b !important;
}
.master-navigation .nav-link:hover div,
.master-navigation .dropdown-toggle:hover .nav-link div {
  color: #1B4F72 !important;
}
.master-navigation .divider-nav {
  background-color: #e8e5de !important;
}
.master-navigation .right-nav .cta-small .button-text {
  color: #ffffff !important;
}
.master-navigation .right-nav .cta-small .button-bg {
  background-color: #1B4F72 !important;
}
.master-navigation .right-nav .cta-small {
  border-color: #1B4F72 !important;
}
.master-navigation .icon-menu svg path {
  stroke: #1a1a1b !important;
}

/* ── Logo vertical alignment fix ── */
.master-navigation .brand-nav {
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
  line-height: 0 !important;
}
.master-navigation .logo-navigation {
  display: flex !important;
  align-items: center !important;
  line-height: 0 !important;
}
.master-navigation .logo-navigation img {
  display: block !important;
  height: 36px !important;
  width: auto !important;
  max-height: 36px !important;
  vertical-align: middle !important;
  transform: translateY(-3px) !important;
}

/* Hide old Industries simple dropdown & old Webflow Product dropdown */
.v7-ind-menu { display: none !important; }
.master-navigation .dropdown .dropdown-list { display: none !important; }

/* ── Nav Blur Overlay ── */
.nav-blur-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 10, 11, 0.15);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 998;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.nav-blur-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

/* ── Shared Mega Menu Base ── */
.solutions-mega-wrap,
.industries-mega-wrap {
  position: relative;
  display: inline-block;
}
.mega-panel {
  display: none;
  position: fixed;
  top: 80px;
  left: var(--mega-left, 32px);
  width: auto;
  max-width: calc(100vw - var(--mega-left, 32px) - 20px);
  background: #ffffff;
  border: 1px solid #e8e5de;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.10), 0 1px 3px rgba(0,0,0,0.04);
  z-index: 1001;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.18s ease, transform 0.18s ease;
  box-sizing: border-box;
}
.mega-panel.open {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
.mega-panel::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  height: 20px;
}

/* ── Solutions Mega Menu ── */
.solutions-mega-menu {
  padding: 28px 28px 24px;
}
.solutions-inner {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Each row: 1 large card + 4 small cards (2×2) */
.solutions-row {
  display: flex;
  gap: 10px;
  align-items: stretch;
}

/* Large feature cards */
.mega-card-lg {
  flex: 0 0 240px;
  display: flex;
  flex-direction: column;
  padding: 14px;
  border-radius: 12px;
  background: #f4f3f0;
  border: 1px solid #eae7e0;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
.mega-card-lg:hover {
  background: #eceae5;
  border-color: #d5d0c7;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.07);
}
.mega-card-lg-img {
  width: 100%;
  flex: 1;
  min-height: 70px;
  background-color: rgba(27, 79, 114, 0.08);
  border-radius: 8px;
  margin-bottom: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px 32px;
}
.mega-card-lg-title {
  font-family: 'Geist Variable', Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1b;
  letter-spacing: -0.01em;
}

/* 2×2 grid of small cards beside each large card */
.solutions-row-grid {
  display: grid;
  grid-template-columns: auto auto;
  gap: 8px;
}

/* Small cards */
.mega-card-sm {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  background: #f4f3f0;
  border: 1px solid #eae7e0;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 253px;
  white-space: nowrap;
}
.mega-card-sm:hover {
  background: #eceae5;
  border-color: #d5d0c7;
  transform: translateY(-1px);
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.mega-card-sm-img {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  background-color: rgba(27, 79, 114, 0.08);
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}
.mega-card-sm-title {
  font-family: 'Geist Variable', Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1b;
  letter-spacing: -0.005em;
  line-height: 1.35;
  min-width: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* ── Industries Mega Menu ── */
.industries-mega-menu {
  padding: 24px 24px 20px;
}
.industries-grid {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 8px;
}
.ind-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 24px 12px 16px;
  border-radius: 10px;
  background: #f4f3f0;
  border: 1px solid #eae7e0;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 246px;
  white-space: nowrap;
}
.ind-card:hover {
  background: #eceae5;
  border-color: #d5d0c7;
  transform: translateY(-1px);
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.ind-card-icon {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  background-color: rgba(27, 79, 114, 0.08);
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}
.ind-card-title {
  font-family: 'Geist Variable', Arial, sans-serif;
  font-size: 14.5px;
  font-weight: 500;
  color: #1a1a1b;
  letter-spacing: -0.005em;
  min-width: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* ── Solution Icons (outline SVG, brand blue #1B4F72) ── */
/* ── Large feature cards ── */
/* AI Search — magnifying glass + lightning bolt (AI) */
.solutions-inner .solutions-row:nth-child(1) > .mega-card-lg .mega-card-lg-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3Cpath d='M13 8l-2 3h3l-2 3'/%3E%3C/svg%3E");
}
/* Theft Detection — shield with exclamation */
.solutions-inner .solutions-row:nth-child(2) > .mega-card-lg .mega-card-lg-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2L3 7v5c0 5.25 3.75 10.15 9 11.35C17.25 22.15 21 17.25 21 12V7L12 2z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
}
/* Productivity Analysis — rising bar chart */
.solutions-inner .solutions-row:nth-child(3) > .mega-card-lg .mega-card-lg-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='20' x2='18' y2='10'/%3E%3Cline x1='12' y1='20' x2='12' y2='4'/%3E%3Cline x1='6' y1='20' x2='6' y2='14'/%3E%3Cline x1='3' y1='20' x2='21' y2='20'/%3E%3C/svg%3E");
}
/* ── Row 1 small cards ── */
/* Facial Recognition — face scan corners */
.solutions-inner .solutions-row:nth-child(1) .mega-card-sm:nth-child(1) .mega-card-sm-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8V5a2 2 0 012-2h3M16 3h3a2 2 0 012 2v3M21 16v3a2 2 0 01-2 2h-3M8 21H5a2 2 0 01-2-2v-3'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M9 16a3 3 0 006 0'/%3E%3C/svg%3E");
}
/* License Plate Recognition — plate rectangle */
.solutions-inner .solutions-row:nth-child(1) .mega-card-sm:nth-child(2) .mega-card-sm-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='10' rx='2'/%3E%3Cline x1='6' y1='12' x2='18' y2='12'/%3E%3Cline x1='6' y1='10' x2='10' y2='10'/%3E%3Cline x1='14' y1='10' x2='18' y2='10'/%3E%3C/svg%3E");
}
/* Perimeter Protection — shield with checkmark */
.solutions-inner .solutions-row:nth-child(1) .mega-card-sm:nth-child(3) .mega-card-sm-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2L3 7v5c0 5.25 3.75 10.15 9 11.35C17.25 22.15 21 17.25 21 12V7L12 2z'/%3E%3Cpolyline points='9 12 11 14 15 10'/%3E%3C/svg%3E");
}
/* Safety Alerts — bell */
.solutions-inner .solutions-row:nth-child(1) .mega-card-sm:nth-child(4) .mega-card-sm-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 01-3.46 0'/%3E%3Cline x1='12' y1='2' x2='12' y2='4'/%3E%3C/svg%3E");
}
/* ── Row 2 small cards ── */
/* Weapon Detection — warning triangle */
.solutions-inner .solutions-row:nth-child(2) .mega-card-sm:nth-child(1) .mega-card-sm-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
}
/* Vape and Smoke Detection — wind/air waves */
.solutions-inner .solutions-row:nth-child(2) .mega-card-sm:nth-child(2) .mega-card-sm-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.59 4.59A2 2 0 1111 8H2m10.59 11.41A2 2 0 1014 16H2m15.73-8.27A2.5 2.5 0 1119.5 12H2'/%3E%3C/svg%3E");
}
/* PPE Detection — clipboard with checkmark */
.solutions-inner .solutions-row:nth-child(2) .mega-card-sm:nth-child(3) .mega-card-sm-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2'/%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3Cpolyline points='9 14 11 16 15 12'/%3E%3C/svg%3E");
}
/* Human and Vehicle Counter — group of users */
.solutions-inner .solutions-row:nth-child(2) .mega-card-sm:nth-child(4) .mega-card-sm-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 00-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 010 7.75'/%3E%3C/svg%3E");
}
/* ── Row 3 small cards ── */
/* Peak Period Detection — clock */
.solutions-inner .solutions-row:nth-child(3) .mega-card-sm:nth-child(1) .mega-card-sm-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
}
/* Queue Detection — row of people */
.solutions-inner .solutions-row:nth-child(3) .mega-card-sm:nth-child(2) .mega-card-sm-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='7' r='2.5'/%3E%3Ccircle cx='12' cy='7' r='2.5'/%3E%3Ccircle cx='19' cy='7' r='2.5'/%3E%3Cpath d='M2 21v-3a3.5 3.5 0 013.5-3.5h3A3.5 3.5 0 0112 18v3'/%3E%3Cline x1='15' y1='16' x2='22' y2='16'/%3E%3Cline x1='15' y1='20' x2='22' y2='20'/%3E%3C/svg%3E");
}
/* Tailgate Detection — two figures + direction arrow */
.solutions-inner .solutions-row:nth-child(3) .mega-card-sm:nth-child(3) .mega-card-sm-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='7' r='3'/%3E%3Cpath d='M5 20v-3a4 4 0 014-4h2'/%3E%3Ccircle cx='17' cy='7' r='3'/%3E%3Cpath d='M15 13h2a4 4 0 014 4v3'/%3E%3Cpath d='M20 10l2 2-2 2'/%3E%3C/svg%3E");
}
/* Heatmap Insights — concentric circles (target/heat) */
.solutions-inner .solutions-row:nth-child(3) .mega-card-sm:nth-child(4) .mega-card-sm-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E");
}

/* ── Industry Icons (outline SVG, brand blue #1B4F72) ── */
/* 1. Schools & Universities — graduation cap */
.industries-grid .ind-card:nth-child(1) .ind-card-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3L2 9l10 6 10-6-10-6z'/%3E%3Cpath d='M6 13v5a6 6 0 0012 0v-5'/%3E%3Cline x1='20' y1='9' x2='20' y2='14'/%3E%3C/svg%3E");
}
/* 2. Retail — shopping bag */
.industries-grid .ind-card:nth-child(2) .ind-card-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 01-8 0'/%3E%3C/svg%3E");
}
/* 3. Manufacturing — factory */
.industries-grid .ind-card:nth-child(3) .ind-card-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 22V9l6 4V9l6 4V6l6 3v13'/%3E%3Cline x1='3' y1='22' x2='21' y2='22'/%3E%3Crect x='9' y='15' width='4' height='7'/%3E%3C/svg%3E");
}
/* 4. Construction — hard hat */
.industries-grid .ind-card:nth-child(4) .ind-card-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12a7 7 0 0114 0'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M2 12v3.5a1 1 0 001 1h18a1 1 0 001-1V12'/%3E%3C/svg%3E");
}
/* 5. Healthcare — medical cross */
.industries-grid .ind-card:nth-child(5) .ind-card-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cline x1='12' y1='8' x2='12' y2='16'/%3E%3Cline x1='8' y1='12' x2='16' y2='12'/%3E%3C/svg%3E");
}
/* 6. Restaurants & Fast Food — fork and knife */
.industries-grid .ind-card:nth-child(6) .ind-card-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8.5' y1='2' x2='8.5' y2='22'/%3E%3Cpath d='M5.5 2v6a3 3 0 006 0V2'/%3E%3Cline x1='15.5' y1='2' x2='15.5' y2='22'/%3E%3Cpath d='M18.5 5a3 3 0 00-3 3'/%3E%3C/svg%3E");
}
/* 7. Property Management — house */
.industries-grid .ind-card:nth-child(7) .ind-card-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
}
/* 8. Gyms — dumbbell */
.industries-grid .ind-card:nth-child(8) .ind-card-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='12' x2='17' y2='12'/%3E%3Cline x1='5' y1='8.5' x2='5' y2='15.5'/%3E%3Cline x1='3' y1='10' x2='3' y2='14'/%3E%3Cline x1='19' y1='8.5' x2='19' y2='15.5'/%3E%3Cline x1='21' y1='10' x2='21' y2='14'/%3E%3C/svg%3E");
}
/* 9. Petrol Stations — fuel pump */
.industries-grid .ind-card:nth-child(9) .ind-card-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 22V4a1 1 0 011-1h9a1 1 0 011 1v18'/%3E%3Cline x1='3' y1='22' x2='17' y2='22'/%3E%3Crect x='6' y='6' width='5' height='5' rx='1'/%3E%3Cpath d='M17 8h2.5a1.5 1.5 0 011.5 1.5v5a1.5 1.5 0 01-1.5 1.5H17'/%3E%3C/svg%3E");
}

/* ── Responsive mega menus ── */
@media (max-width: 991px) {
  .mega-panel {
    left: 16px !important;
    max-width: calc(100vw - 32px) !important;
  }
  .solutions-mega-menu {
    padding: 20px;
    max-height: 80vh;
    overflow-y: auto;
  }
  .solutions-row {
    flex-direction: column;
  }
  .mega-card-lg {
    flex: none;
  }
  .solutions-row-grid {
    grid-template-columns: 1fr 1fr;
  }
  .mega-card-sm {
    white-space: normal;
    min-width: 120px;
  }
  .ind-card {
    white-space: normal;
    min-width: 0;
  }
  .industries-mega-menu {
    padding: 20px;
  }
  .industries-grid {
    grid-template-columns: repeat(2, auto);
  }
}
@media (max-width: 479px) {
  .solutions-row-grid { grid-template-columns: 1fr; }
  .industries-grid { grid-template-columns: 1fr; }
}

/* -- REV2 fix4: Mobile toolbar - fix double-pill distortion -- */
/* On mobile, Webflow moves the pill styles to .nav-mobile-top and resets */
/* .left-nav to transparent. We override to match the light nav theme.    */
@media (max-width: 991px) {
  .master-navigation .left-nav {
    background-color: transparent !important;
    border-style: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }
  .master-navigation .nav-mobile-top {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid #e8e5de !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }
  .master-navigation .menu-button {
    background-color: transparent !important;
    border: 1px solid #e8e5de !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: #1a1a1b !important;
  }
  .master-navigation .icon-menu svg path {
    stroke: #1a1a1b !important;
  }
  .master-navigation .brand-nav .logo-navigation img {
    transform: translateY(-3px) !important;
  }
}
/* -- REV3 fix4: Mobile toolbar = desktop pill bar (no hamburger dropdown) -- */
/* Reverses REV2 changes. Restores pill to .left-nav and forces              */
/* the full horizontal nav to show at all screen sizes.                      */
@media (max-width: 991px) {

  /* Clear the pill from .nav-mobile-top (REV2 put it there) */
  .master-navigation .nav-mobile-top {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
  }

  /* Restore desktop pill styling on .left-nav */
  .master-navigation .left-nav {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid #e8e5de !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    padding: 6px 14px 6px 12px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    gap: 0 !important;
  }

  /* Hide hamburger - no dropdown */
  .master-navigation .menu-button,
  .master-navigation .w-nav-button {
    display: none !important;
  }

  /* Show the divider */
  .master-navigation .divider-nav {
    display: flex !important;
    min-width: 1px !important;
    flex-shrink: 0 !important;
  }

  /* Force nav-menu to always be visible - override Webflow JS */
  .master-navigation .nav-menu,
  .master-navigation .w-nav-menu {
    display: flex !important;
    position: static !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    flex: 1 !important;
    align-items: center !important;
    width: auto !important;
    min-height: 0 !important;
  }

  /* Nav links in horizontal row */
  .master-navigation .nav-menu-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Nav link - light bg override */
  .master-navigation .nav-link {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    display: flex !important;
    padding: 6px 10px !important;
    color: #1a1a1b !important;
  }
  .master-navigation .nav-link div {
    font-size: 13px !important;
    white-space: nowrap !important;
    color: #1a1a1b !important;
  }

  /* Hide mobile-only expanded nav content */
  .master-navigation .wrap-mobile-menu {
    display: none !important;
  }
}

/* Smaller screens: shrink text and padding to fit */
@media (max-width: 767px) {
  .master-navigation .left-nav {
    padding: 5px 10px 5px 10px !important;
  }
  .master-navigation .nav-link {
    padding: 5px 8px !important;
  }
  .master-navigation .nav-link div {
    font-size: 12px !important;
  }
  .master-navigation .logo-navigation img {
    height: 28px !important;
    max-height: 28px !important;
    transform: translateY(-2px) !important;
  }
}

@media (max-width: 430px) {
  .master-navigation .nav-link {
    padding: 4px 5px !important;
  }
  .master-navigation .nav-link div {
    font-size: 11px !important;
  }
  .master-navigation .logo-navigation img {
    height: 24px !important;
    max-height: 24px !important;
  }
  .master-navigation .divider-nav {
    display: none !important;
  }
}
/* ================================================================
   REV4: Toolbar improvements + mobile-only Request Demo removal
   ================================================================ */
@media (max-width: 991px) {

  /* Fix 5: Hide "Request Demo" button on mobile only.              */
  /* Frees space so the Optara logo can show in the pill toolbar.   */
  .master-navigation .right-nav {
    display: none !important;
  }

  /* Fix 4a: More breathing room between logo and divider.          */
  .master-navigation .brand-nav {
    padding-right: 20px !important;
    flex-shrink: 0 !important;
  }

  /* Fix 4b: Spread nav links evenly across the available space     */
  /* (was justify-content: flex-end which left a gap on the right). */
  .master-navigation .nav-menu-inner {
    justify-content: space-evenly !important;
    flex: 1 !important;
  }
}

/* Extra breathing room at mid-range tablet widths */
@media (min-width: 768px) and (max-width: 991px) {
  .master-navigation .brand-nav {
    padding-right: 28px !important;
  }
  .master-navigation .nav-link {
    padding: 6px 14px !important;
  }
  .master-navigation .nav-link div {
    font-size: 14px !important;
  }
}
/* ================================================================
   REV5 REQUEST 6: Remove faint line under A logo on mobile
   The translateY on the img shifts it visually, leaving a gap.
   Resetting transform + hardening border/outline/shadow removes it.
   ================================================================ */
@media (max-width: 991px) {
  .master-navigation .logo-navigation img {
    transform: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }
  .master-navigation .brand-nav,
  .master-navigation .logo-navigation {
    text-decoration: none !important;
    border-bottom: none !important;
    outline: none !important;
  }
}

/* ================================================================
   REV7: Neutralise Webflow's w-nav-overlay tap interception.
   webflow.js injects .w-nav-overlay for data-collapse="medium" navs.
   This site hides the hamburger on every viewport and replaces it
   with a permanent horizontal pill bar, so the overlay is never
   visually needed. When active it intercepts taps over the pill,
   causing the intermittent "nav links unclickable on mobile" bug.
   pointer-events: none stops tap interception without removing the
   element or affecting its visual rendering.
   ================================================================ */
.w-nav-overlay {
  pointer-events: none !important;
}

/* ================================================================
   REV8: Completely suppress Webflow's w-nav-overlay.
   display:none !important beats any inline display:block set by
   webflow.js, including re-enabling that may happen after scroll.
   Covers the class name AND dynamic IDs (w-nav-overlay-0, etc.).
   Combined with the MutationObserver in index.html for belt+suspenders.
   ================================================================ */
.w-nav-overlay,
[id^="w-nav-overlay"],
[class*="w-nav-overlay"] {
  display: none !important;
  pointer-events: none !important;
}