/* ═══════════════════════════════════════════════════════════════
   Innowell — universal header (top login bar + main nav + sticky bar)

   This is the CSS from the original Elementor HTML widget, VERBATIM.
   Not one value has been changed, on desktop or on mobile. The only
   removal is the two @font-face blocks, which pointed at
   innowell.org/wp-content/uploads/... — the theme emits those itself
   from a URL resolved at runtime (functions.php), so the design is
   identical and no production domain is baked into a file.

   Markup for this stylesheet is generated from WordPress menus by
   inc/nav-menus.php. Every id/class below is the one the widget used,
   so the two are interchangeable.
   ═══════════════════════════════════════════════════════════════ */

  /* ── Nuke padding/margin on every Elementor wrapper around us ── */
  .elementor-widget-html:has(#iw-header-outer),
  .elementor-widget-html:has(#iw-header-outer) .elementor-widget-container,
  .elementor-element:has(#iw-header-outer),
  .elementor-element:has(#iw-header-outer) .elementor-widget-container,
  .e-con:has(#iw-header-outer),
  .e-con-inner:has(#iw-header-outer),
  .elementor-section:has(#iw-header-outer),
  .elementor-section:has(#iw-header-outer) > .elementor-container,
  .elementor-column:has(#iw-header-outer),
  .elementor-column:has(#iw-header-outer) > .elementor-column-wrap,
  .elementor-column:has(#iw-header-outer) > .elementor-column-wrap > .elementor-widget-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    row-gap: 0 !important;
    gap: 0 !important;
  }

  /* ===================================================================
     OUTER TEAL WRAPPER
  ================================================================== */
  #iw-header-outer {
    background: rgba(68, 175, 183, 1) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 5px 0 5px !important;
    margin: 0 !important;
    position: relative !important;
    overflow: visible !important;
  }

  /* ===================================================================
     SECTION 1 — TOP LOGIN BAR
  ================================================================== */
  #iw-topbar-strip {
    width: 100% !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #iw-login-pill {
    position: relative !important;
    width: 160px !important;
    height: 26px !important;
    border-radius: 50px !important;
    background: rgba(32, 145, 153, 1) !important;
    border: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    outline: none !important;
  }
  #iw-login-pill:hover { opacity: 0.88 !important; }

  #iw-login-label {
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 150% !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    color: #FDF8F5 !important;
    white-space: nowrap !important;
    display: block !important;
    margin: 0px !important;
    padding: 0 !important;
    vertical-align: middle !important;
  }

  #iw-login-arrow {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 11px !important;
    height: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
  }
  #iw-login-arrow svg {
    display: block !important;
    width: 11px !important;
    height: 10px !important;
    flex-shrink: 0 !important;
  }

  /* ===================================================================
     SHARED WHITE CARD
  ================================================================== */
  #iw-header-card {
    width: 100% !important;
    max-width: 1900px !important;
    margin: 0 auto !important;
    background: #FDF8F5 !important;
    border-radius: 20px 20px 0px 0px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    position: relative !important;
  }

  /* ===================================================================
     SECTION 2 — HEADER NAV
  ================================================================== */
  #iwh3-card {
    width: 100% !important;
    height: 88px !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    box-sizing: border-box !important;
    padding: 0 33px !important;
  }

  /* ── Desktop Nav ───────────────────────────────────────────────── */
  #iwh3-nav {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
  }
  #iwh3-nav li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    position: relative !important;
  }

  /* Top-level nav links */
  #iwh3-nav li > a,
  #iwh3-nav li > button.iwh3-nav-trigger {
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 150% !important;
    letter-spacing: 0 !important;
    color: #0C4A4E !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    border-radius: 8px !important;
    transition: background 0.15s ease !important;
  }
  #iwh3-nav li > a:hover,
  #iwh3-nav li > button.iwh3-nav-trigger:hover {
    background: rgba(68, 175, 183, 0.10) !important;
    opacity: 1 !important;
  }

  /* Chevron icon for dropdown triggers */
  .iwh3-chevron {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
    transition: transform 0.2s ease !important;
  }
  .iwh3-has-dropdown:hover .iwh3-chevron,
  .iwh3-has-dropdown.is-open .iwh3-chevron {
    transform: rotate(180deg) !important;
  }

  /* ── Dropdown panel ─────────────────────────────────────────────── */
  /* top is 100% with padding-top: 6px so the mouse never leaves the
     hoverable hit-area moving from the nav button into the submenu. */
  .iwh3-dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 220px !important;
    background: transparent !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    padding: 6px 0 0 0 !important;
    list-style: none !important;
    margin: 0 !important;
    z-index: 9990 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-6px) !important;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease !important;
  }
  .iwh3-has-dropdown:hover .iwh3-dropdown,
  .iwh3-has-dropdown.is-open .iwh3-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
  .iwh3-dropdown-inner {
    display: block !important;
    background: #FDF8F5 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 32px rgba(12, 74, 78, 0.14), 0 2px 8px rgba(12, 74, 78, 0.08) !important;
    padding: 12px !important;
    list-style: none !important;
    margin: 0 !important;
  }
  .iwh3-dropdown-inner > ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }
  .iwh3-dropdown li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
  .iwh3-dropdown li a {
    display: block !important;
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 150% !important;
    color: #0C4A4E !important;
    text-decoration: none !important;
    padding: 12px 18px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    transition: background 0.15s ease !important;
  }
  .iwh3-dropdown li a:hover {
    background: rgba(68, 175, 183, 0.14) !important;
    color: #0C4A4E !important;
  }

  /* ── Divider inside dropdown ─ */
  .iwh3-dropdown-divider {
    height: 1px !important;
    background: rgba(12, 74, 78, 0.10) !important;
    margin: 6px 8px !important;
  }

  /* ── Nested flyout submenu (e.g. "Integrations" → "Heidi Integration") ── */
  .iwh3-has-submenu {
    position: relative !important;
  }
  .iwh3-submenu-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 150% !important;
    color: #0C4A4E !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 12px 14px 12px 18px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    text-align: left !important;
    box-sizing: border-box !important;
    transition: background 0.15s ease !important;
  }
  .iwh3-submenu-trigger:hover {
    background: rgba(68, 175, 183, 0.14) !important;
  }
  .iwh3-submenu-arrow {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
    margin-left: 8px !important;
  }
  .iwh3-submenu {
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    min-width: 220px !important;
    background: transparent !important;
    padding: 0 0 0 6px !important;
    list-style: none !important;
    margin: 0 !important;
    z-index: 9991 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(-6px) !important;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease !important;
  }
  .iwh3-has-submenu:hover > .iwh3-submenu,
  .iwh3-has-submenu.is-open > .iwh3-submenu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
  }
  .iwh3-submenu-inner {
    display: block !important;
    background: #FDF8F5 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 32px rgba(12, 74, 78, 0.14), 0 2px 8px rgba(12, 74, 78, 0.08) !important;
    padding: 12px !important;
    list-style: none !important;
    margin: 0 !important;
  }
  .iwh3-submenu-inner > ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .iwh3-submenu li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
  .iwh3-submenu li a {
    display: block !important;
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 150% !important;
    color: #0C4A4E !important;
    text-decoration: none !important;
    padding: 12px 18px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    transition: background 0.15s ease !important;
  }
  .iwh3-submenu li a:hover {
    background: rgba(68, 175, 183, 0.14) !important;
  }

  /* Centered logo — exact Figma asset (node 2059:229) everywhere */
  #iwh3-logo {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    line-height: 0 !important;
    text-decoration: none !important;
  }
  #iwh3-logo svg { width: 160px !important; height: 34px !important; display: block !important; }

  /* Right CTA group */
  #iwh3-cta {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
  }

  #iwh3-btn-contact {
    all: unset !important;
    display: block !important;
    position: relative !important;
    width: 154px !important;
    height: 60px !important;
    border-radius: 50px !important;
    background: rgba(68, 175, 183, 1) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
  }
  #iwh3-btn-contact:hover { opacity: 0.88 !important; }
  #iwh3-contact-inner {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #iwh3-contact-text {
    display: block !important;
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 150% !important;
    letter-spacing: 0 !important;
    color: #FDF8F5 !important;
    white-space: nowrap !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #iwh3-btn-demo {
    all: unset !important;
    display: block !important;
    position: relative !important;
    width: 210px !important;
    height: 60px !important;
    border-radius: 50px !important;
    background: rgba(255, 136, 109, 1) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
  }
  #iwh3-btn-demo:hover { opacity: 0.88 !important; }
  #iwh3-demo-inner {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 6px 0 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  #iwh3-demo-label {
    flex: 1 1 0% !important;
    display: block !important;
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 150% !important;
    letter-spacing: 0 !important;
    color: #FDF8F5 !important;
    white-space: nowrap !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #iwh3-demo-icon {
    width: 48px !important;
    height: 48px !important;
    flex-shrink: 0 !important;
    display: block !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #iwh3-demo-icon svg { display: block !important; width: 48px !important; height: 48px !important; }

  /* Mobile hamburger — hidden on desktop. Figma node 2059:172 "Button - Menu" */
  #iwh3-burger {
    display: none !important;
    width: 40px !important;
    height: 26px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin-left: auto !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }
  #iwh3-burger svg {
    display: block !important;
    width: 26px !important;
    height: 12px !important;
    flex-shrink: 0 !important;
  }

  /* Mobile left tray */
  #iwh3-mobile-backdrop {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 9998 !important;
    background: rgba(12, 74, 78, 0.42) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
  }
  #iwh3-mobile-backdrop.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  #iwh3-mobile-menu {
    display: flex !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 9999 !important;
    width: min(86vw, 380px) !important;
    height: 100vh !important;
    height: 100dvh !important;
    box-sizing: border-box !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 2px !important;
    padding: 20px 24px 30px !important;
    background: #FDF8F5 !important;
    box-shadow: 14px 0 40px rgba(12, 74, 78, 0.18) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    transform: translateX(-105%) !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: transform 0.32s ease, visibility 0.32s ease !important;
  }
  #iwh3-mobile-menu.is-open {
    transform: translateX(0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  #iwh3-mobile-menu-header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: 44px !important;
    margin-bottom: 12px !important;
  }
  #iwh3-mobile-close {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(68, 175, 183, 0.12) !important;
    color: #0C4A4E !important;
    font-family: Arial, sans-serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    cursor: pointer !important;
  }

  /* Mobile nav items */
  #iwh3-mobile-menu a.iwh3-mobile-link {
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    line-height: 150% !important;
    color: #0C4A4E !important;
    text-decoration: none !important;
    padding: 9px 4px !important;
    display: block !important;
  }
  #iwh3-mobile-menu a.iwh3-mobile-link:hover { opacity: 0.65 !important; }

  /* Mobile accordion trigger */
  .iwh3-mobile-accordion-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    line-height: 150% !important;
    color: #0C4A4E !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 9px 4px !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
  .iwh3-mobile-accordion-trigger .iwh3-chevron {
    transition: transform 0.2s ease !important;
    flex-shrink: 0 !important;
  }
  .iwh3-mobile-accordion-trigger.is-open .iwh3-chevron {
    transform: rotate(180deg) !important;
  }

  /* Mobile accordion panel */
  .iwh3-mobile-accordion-panel {
    display: none !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 0 4px 16px !important;
  }
  .iwh3-mobile-accordion-panel.is-open {
    display: flex !important;
  }
  .iwh3-mobile-accordion-panel a {
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: rgba(12, 74, 78, 0.75) !important;
    text-decoration: none !important;
    padding: 7px 4px !important;
    display: block !important;
  }
  .iwh3-mobile-accordion-panel a:hover { color: #0C4A4E !important; }

  /* Nested (level 2) accordion trigger — e.g. "Integrations" inside "Resources" */
  .iwh3-mobile-subaccordion-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 150% !important;
    color: rgba(12, 74, 78, 0.75) !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 7px 4px !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
  .iwh3-mobile-subaccordion-trigger:hover { color: #0C4A4E !important; }
  .iwh3-mobile-subaccordion-trigger .iwh3-chevron {
    transition: transform 0.2s ease !important;
    flex-shrink: 0 !important;
    width: 12px !important;
    height: 12px !important;
  }
  .iwh3-mobile-subaccordion-trigger.is-open .iwh3-chevron {
    transform: rotate(180deg) !important;
  }
  .iwh3-mobile-subaccordion-panel {
    display: none !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 0 2px 16px !important;
  }
  .iwh3-mobile-subaccordion-panel.is-open {
    display: flex !important;
  }
  .iwh3-mobile-subaccordion-panel a {
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: rgba(12, 74, 78, 0.6) !important;
    text-decoration: none !important;
    padding: 6px 4px !important;
    display: block !important;
  }
  .iwh3-mobile-subaccordion-panel a:hover { color: #0C4A4E !important; }

  /* Mobile divider */
  .iwh3-mobile-divider {
    height: 1px !important;
    background: rgba(12, 74, 78, 0.10) !important;
    margin: 6px 0 !important;
  }

  /* Mobile CTA buttons */
  #iwh3-mobile-menu .iwh3-mobile-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }
  #iwh3-mobile-menu .iwh3-mobile-cta a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 52px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 150% !important;
    text-align: center !important;
    color: #FDF8F5 !important;
  }
  #iwh3-mobile-menu .iwh3-mobile-contact { background: rgba(68, 175, 183, 1) !important; }
  #iwh3-mobile-menu .iwh3-mobile-demo { background: rgba(255, 136, 109, 1) !important; }

  /* ===================================================================
     RESPONSIVE — Tablet & mobile (burger nav) <= 1024px
  ================================================================== */
  @media (max-width: 1024px) {
    #iw-header-outer { overflow: visible !important; }
    #iw-header-card { overflow: visible !important; }
    #iwh3-card { padding: 0 20px !important; height: 70px !important; }
    #iwh3-nav { display: none !important; }
    #iwh3-cta { display: none !important; }
    #iwh3-burger { display: flex !important; }
    #iwh3-logo { left: 20px !important; transform: translate(0, -50%) !important; }
    #iwh3-logo svg { width: 143.207px !important; height: 20px !important; }
  }

  @media (min-width: 1025px) {
    #iwh3-mobile-menu,
    #iwh3-mobile-backdrop {
      display: none !important;
    }
  }

  body.iwh3-menu-open {
    overflow: hidden !important;
  }

  /* ===================================================================
     RESPONSIVE — Phone <= 767px
  ================================================================== */
  @media (max-width: 767px) {
    #iw-header-outer { padding: 0 6px 0 6px !important; }
    #iw-header-card { border-radius: 16px 16px 0 0 !important; }

    /* Topbar */
    #iw-topbar-strip { height: 28px !important; }
    #iw-login-pill { width: 140px !important; height: 24px !important; }
    #iw-login-label { font-size: 15px !important; }
  }

  /* ===================================================================
     STICKY COMPACT HEADER — shows ONLY on scroll-up, hides on scroll-down.
     Figma: node 282:148 (desktop), node 282:228 (mobile pill).
  ================================================================== */

  #iw-sticky-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9980 !important;
    box-sizing: border-box !important;
    transform: translateY(-120%) !important;
    transition: transform 0.32s ease !important;
    pointer-events: none !important;
    padding: 12px 16px 0 16px !important;
    margin: 0 !important;
  }
  #iw-sticky-header.iw-sticky-visible {
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  /* ---------- DESKTOP sticky bar (Figma 282:148) ---------- */
  #iw-sticky-desktop {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    width: 100% !important;
    max-width: 1430px !important;
    height: 80px !important;
    margin: 0 auto !important;
    background: #FDF8F5 !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(12, 74, 78, 0.16), 0 2px 10px rgba(12, 74, 78, 0.08) !important;
    box-sizing: border-box !important;
    padding: 0 34px !important;
  }

  #iwsd-nav {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
  }
  #iwsd-nav li { margin: 0 !important; padding: 0 !important; list-style: none !important; position: relative !important; }

  #iwsd-nav li > a,
  #iwsd-nav li > button.iwsd-nav-trigger {
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 150% !important;
    color: #0C4A4E !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    border-radius: 8px !important;
    transition: background 0.15s ease !important;
  }
  #iwsd-nav li > a:hover,
  #iwsd-nav li > button.iwsd-nav-trigger:hover {
    background: rgba(68, 175, 183, 0.10) !important;
  }

  #iwsd-nav .iwsd-chevron,
  #iw-sticky-desktop svg.iwsd-chevron,
  button.iwsd-nav-trigger svg.iwsd-chevron {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    flex-shrink: 0 !important;
    overflow: visible !important;
    transition: transform 0.2s ease !important;
  }
  #iwsd-nav .iwsd-chevron path,
  #iw-sticky-desktop svg.iwsd-chevron path {
    stroke: #0C4A4E !important;
    fill: none !important;
  }
  .iwsd-has-dropdown:hover .iwsd-chevron,
  .iwsd-has-dropdown.is-open .iwsd-chevron {
    transform: rotate(180deg) !important;
  }
  .iwsd-has-dropdown .iwsd-dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 220px !important;
    background: transparent !important;
    padding: 6px 0 0 0 !important;
    list-style: none !important;
    margin: 0 !important;
    z-index: 9990 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-6px) !important;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease !important;
  }
  .iwsd-has-dropdown:hover .iwsd-dropdown,
  .iwsd-has-dropdown.is-open .iwsd-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
  .iwsd-dropdown-inner {
    display: block !important;
    background: #FDF8F5 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 32px rgba(12, 74, 78, 0.14), 0 2px 8px rgba(12, 74, 78, 0.08) !important;
    padding: 12px !important;
    margin: 0 !important;
  }
  .iwsd-dropdown-inner > ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .iwsd-dropdown li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
  .iwsd-dropdown li a {
    display: block !important;
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 150% !important;
    color: #0C4A4E !important;
    text-decoration: none !important;
    padding: 12px 18px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    transition: background 0.15s ease !important;
  }
  .iwsd-dropdown li a:hover {
    background: rgba(68, 175, 183, 0.14) !important;
  }

  /* ── Nested flyout submenu (sticky nav) ── */
  .iwsd-has-submenu {
    position: relative !important;
  }
  .iwsd-submenu-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 150% !important;
    color: #0C4A4E !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 12px 14px 12px 18px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    text-align: left !important;
    box-sizing: border-box !important;
    transition: background 0.15s ease !important;
  }
  .iwsd-submenu-trigger:hover {
    background: rgba(68, 175, 183, 0.14) !important;
  }
  .iwsd-submenu-arrow {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
    margin-left: 8px !important;
  }
  .iwsd-submenu {
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    min-width: 220px !important;
    background: transparent !important;
    padding: 0 0 0 6px !important;
    list-style: none !important;
    margin: 0 !important;
    z-index: 9991 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(-6px) !important;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease !important;
  }
  .iwsd-has-submenu:hover > .iwsd-submenu,
  .iwsd-has-submenu.is-open > .iwsd-submenu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
  }
  .iwsd-submenu-inner {
    display: block !important;
    background: #FDF8F5 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 32px rgba(12, 74, 78, 0.14), 0 2px 8px rgba(12, 74, 78, 0.08) !important;
    padding: 12px !important;
    list-style: none !important;
    margin: 0 !important;
  }
  .iwsd-submenu-inner > ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .iwsd-submenu li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
  .iwsd-submenu li a {
    display: block !important;
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 150% !important;
    color: #0C4A4E !important;
    text-decoration: none !important;
    padding: 12px 18px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    transition: background 0.15s ease !important;
  }
  .iwsd-submenu li a:hover {
    background: rgba(68, 175, 183, 0.14) !important;
  }

  #iwsd-logo {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    line-height: 0 !important;
    text-decoration: none !important;
  }
  #iwsd-logo svg { width: 160px !important; height: 34px !important; display: block !important; }

  #iwsd-cta {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
  }

  #iwsd-btn-contact {
    all: unset !important;
    display: block !important;
    position: relative !important;
    width: 154px !important;
    height: 60px !important;
    border-radius: 50px !important;
    background: rgba(68, 175, 183, 1) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
  }
  #iwsd-btn-contact:hover { opacity: 0.88 !important; }
  #iwsd-contact-inner {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #iwsd-contact-text {
    display: block !important;
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 150% !important;
    color: #FDF8F5 !important;
    white-space: nowrap !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #iwsd-btn-demo {
    all: unset !important;
    display: block !important;
    position: relative !important;
    width: 210px !important;
    height: 60px !important;
    border-radius: 50px !important;
    background: rgba(255, 136, 109, 1) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
  }
  #iwsd-btn-demo:hover { opacity: 0.88 !important; }
  #iwsd-demo-inner {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 6px 0 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  #iwsd-demo-label {
    flex: 1 1 0% !important;
    display: block !important;
    font-family: "PPPangramSans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 150% !important;
    color: #FDF8F5 !important;
    white-space: nowrap !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #iwsd-demo-icon {
    width: 48px !important;
    height: 48px !important;
    flex-shrink: 0 !important;
    display: block !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #iwsd-demo-icon svg { display: block !important; width: 48px !important; height: 48px !important; }

  /* ---------- MOBILE sticky pill (Figma 282:228) ---------- */
  #iw-sticky-mobile {
    display: none !important;
    align-items: center !important;
    position: relative !important;
    width: 100% !important;
    max-width: 380px !important;
    height: 56px !important;
    margin: 0 auto !important;
    background: #FDF8F5 !important;
    border-radius: 50px !important;
    box-shadow: 0 10px 30px rgba(12, 74, 78, 0.16), 0 2px 10px rgba(12, 74, 78, 0.08) !important;
    box-sizing: border-box !important;
    padding: 0 10px 0 18px !important;
  }
  #iwsm-logo {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    line-height: 0 !important;
  }
  #iwsm-logo svg { width: 120px !important; height: 26px !important; display: block !important; }
  #iwsm-burger {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    width: 44px !important;
    height: 44px !important;
    margin-left: auto !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
  }
  #iwsm-burger span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background: #0C4A4E !important;
    border-radius: 2px !important;
  }

  /* ---------- Sticky bar responsive switch ---------- */
  @media (min-width: 1025px) {
    #iw-sticky-desktop { display: flex !important; }
    #iw-sticky-mobile { display: none !important; }
    #iw-sticky-header { padding: 16px 20px 0 20px !important; }
  }
  @media (max-width: 1024px) {
    #iw-sticky-desktop { display: none !important; }
    #iw-sticky-mobile { display: flex !important; }
  }
  @media (max-width: 767px) {
    #iw-sticky-header { padding: 10px 14px 0 14px !important; }
    #iw-sticky-mobile { height: 48px !important; padding: 0 6px 0 14px !important; }
    #iwsm-logo svg { width: 105px !important; height: 22px !important; }
  }