/* === FONT === */
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');                      
  /* =============================================
     DESKTOP STYLES
     ============================================= */

  /* Container: match .com — flex-start, not space-between */
  .ep-nav-container {
      justify-content: flex-start !important;
      gap: 2rem !important;
  }

  /* Nav wrapper fills remaining space */
  nav.ep-nav-links-wrap,
  .ep-nav-links-wrap {
      flex: 1 !important;
      display: flex !important;
      align-items: center !important;
      padding-left: 20px;
  }

  /* UL fills wrapper so margin-left:auto works */
  ul.ep-nav-links,
  ul#menu-top {
      width: 100% !important;
      display: flex !important;
      align-items: center !important;
      gap: 2rem !important;
  }

  /* Push Log In to the right — same as .nav-actions margin-left:auto on .com */
  li#menu-item-195 {
      margin-left: auto !important;
  }

  /* Tighten gap between the two buttons to 0.75rem like .com */
  li#menu-item-113 {
      margin-left: -1.25rem !important;
  }

  /* LOG IN — outline button */
  header.ep-nav #menu-top #menu-item-195 > a,
  header.ep-nav #menu-top #menu-item-195 > a:visited {
      background: transparent !important;
      color: #dc2626 !important;
      border: 2px solid #dc2626 !important;
      padding: 0.5rem 1.25rem !important;
      border-radius: 8px !important;
      font-weight: 600 !important;
      font-size: 0.95rem !important;
      white-space: nowrap;
      display: inline-block !important;
      line-height: 1.4 !important;
      text-decoration: none !important;
  }

  header.ep-nav #menu-top #menu-item-195 > a:hover {
      background: #fef2f2 !important;
      color: #dc2626 !important;
      text-decoration: none !important;
      transform: translateY(-1px);
  }

  #menu-item-195 > a::after {
      display: none !important;
  }

  /* SCHEDULE A DEMO — filled red button */
  header.ep-nav #menu-top #menu-item-113 > a,
  header.ep-nav #menu-top #menu-item-113 > a:visited {
      background: #dc2626 !important;
      color: #ffffff !important;
      border: 2px solid #dc2626 !important;
      padding: 0.5rem 1.25rem !important;
      border-radius: 8px !important;
      font-weight: 600 !important;
      font-size: 0.95rem !important;
      white-space: nowrap;
      display: inline-block !important;
      line-height: 1.4 !important;
      text-decoration: none !important;
  }

  header.ep-nav #menu-top #menu-item-113 > a:hover {
      background: #b91c1c !important;
      border-color: #b91c1c !important;
      color: #ffffff !important;
      text-decoration: none !important;
      transform: translateY(-1px);
      box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
  }

  #menu-item-113 > a::after {
      display: none !important;
  }

  /* =============================================
     MOBILE STYLES (single consolidated block)
     ============================================= */
  @media (max-width: 768px) {

      /* Hamburger next to logo, not far right */
      .ep-nav-container {
          justify-content: flex-start !important;
          gap: 2rem !important;
      }

      /* Collapse nav wrapper so hamburger stays near logo */
      nav.ep-nav-links-wrap,
      .ep-nav-links-wrap {
          flex: 0 !important;
          padding-left: 0 !important;
      }

      /* Hide menu by default */
      ul.ep-nav-links,
      ul#menu-top {
          display: none !important;
          position: absolute;
          top: 100%;
          left: 0;
          right: 0;
          background: #fff;
          flex-direction: column;
          padding: 1rem 2rem;
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
          z-index: 999;
      }

      /* Show menu when toggled open */
      ul.ep-nav-links.is-open,
      ul#menu-top.is-open {
          display: flex !important;
          flex-direction: column !important;
          align-items: flex-start !important;
          text-align: left !important;
          padding: 1rem 2rem !important;
      }

      /* Reset margins on button items */
      li#menu-item-195,
      li#menu-item-113 {
          margin-left: 0 !important;
      }

      /* Strip button styling from Log In */
      header.ep-nav #menu-top #menu-item-195 > a,
      header.ep-nav #menu-top #menu-item-195 > a:visited {
          background: transparent !important;
          border: none !important;
          padding: 0 !important;
          border-radius: 0 !important;
          color: #4b5563 !important;
          font-weight: 500 !important;
          display: inline !important;
      }

      header.ep-nav #menu-top #menu-item-195 > a:hover {
          background: transparent !important;
          color: #dc2626 !important;
          transform: none !important;
      }

      /* Strip button styling from Schedule a Demo */
      header.ep-nav #menu-top #menu-item-113 > a,
      header.ep-nav #menu-top #menu-item-113 > a:visited {
          background: transparent !important;
          border: none !important;
          padding: 0 !important;
          border-radius: 0 !important;
          color: #4b5563 !important;
          font-weight: 500 !important;
          display: inline !important;
          box-shadow: none !important;
      }

      header.ep-nav #menu-top #menu-item-113 > a:hover {
          background: transparent !important;
          color: #dc2626 !important;
          transform: none !important;
          box-shadow: none !important;
      }
  }