{"id":8494,"date":"2026-08-08T08:55:42","date_gmt":"2026-08-08T08:55:42","guid":{"rendered":"https:\/\/hysfsubsea.com\/?page_id=8494"},"modified":"2026-10-06T12:20:33","modified_gmt":"2026-10-06T12:20:33","slug":"hysf-cross-reference-tool","status":"publish","type":"page","link":"https:\/\/hysfsubsea.com\/nb\/hysf-cross-reference-tool\/","title":{"rendered":"HYSF Cross Reference Tool"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8494\" class=\"elementor elementor-8494\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-259ded1 e-flex e-con-boxed e-con e-parent\" data-id=\"259ded1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4df5c2 elementor-widget elementor-widget-html\" data-id=\"f4df5c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta charset=\"UTF-8\">\r\n\r\n<!--\r\n  HYSF Cross Reference Tool\r\n  Paste this entire file into a WordPress\/Elementor \"Custom HTML\" block.\r\n  Install the companion HYSF Cross-Reference Mailer plugin for automatic email.\r\n  Keep all SMTP credentials in FluentSMTP; never place them in this file.\r\n-->\r\n\r\n<style>\r\n  #hysf-xref,\r\n  #hysf-xref * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #hysf-xref {\r\n    --hx-navy: #073b57;\r\n    --hx-navy-deep: #052b40;\r\n    --hx-blue: #0e749f;\r\n    --hx-orange: #c14e00;\r\n    --hx-orange-dark: #973c00;\r\n    --hx-ink: #102a3a;\r\n    --hx-muted: #5d7180;\r\n    --hx-line: #dbe5eb;\r\n    --hx-soft: #f2f7fa;\r\n    --hx-white: #ffffff;\r\n    --hx-green: #17885d;\r\n    --hx-shadow: 0 22px 65px rgba(5, 43, 64, 0.13);\r\n    color: var(--hx-ink);\r\n    font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\r\n      Arial, sans-serif;\r\n    line-height: 1.55;\r\n    margin: 0 auto;\r\n    max-width: 1240px;\r\n    padding: 72px 24px;\r\n  }\r\n\r\n  #hysf-xref button,\r\n  #hysf-xref input,\r\n  #hysf-xref select,\r\n  #hysf-xref textarea {\r\n    font: inherit;\r\n  }\r\n\r\n  #hysf-xref button:focus-visible,\r\n  #hysf-xref a:focus-visible,\r\n  #hysf-xref input:focus-visible,\r\n  #hysf-xref select:focus-visible,\r\n  #hysf-xref textarea:focus-visible,\r\n  #hysf-xref summary:focus-visible {\r\n    outline: 3px solid #53bde2;\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  #hysf-xref button,\r\n  #hysf-xref .hx-link-button {\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  #hysf-xref .hx-eyebrow {\r\n    align-items: center;\r\n    color: var(--hx-orange-dark);\r\n    display: flex;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    gap: 10px;\r\n    letter-spacing: 0.13em;\r\n    margin: 0 0 14px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #hysf-xref .hx-eyebrow::before {\r\n    background: var(--hx-orange);\r\n    content: \"\";\r\n    height: 2px;\r\n    width: 34px;\r\n  }\r\n\r\n  #hysf-xref .hx-heading {\r\n    font-size: clamp(34px, 5vw, 58px);\r\n    letter-spacing: -0.045em;\r\n    line-height: 1.06;\r\n    margin: 0;\r\n    max-width: 830px;\r\n  }\r\n\r\n  #hysf-xref .hx-intro {\r\n    color: var(--hx-muted);\r\n    font-size: 18px;\r\n    margin: 20px 0 38px;\r\n    max-width: 760px;\r\n  }\r\n\r\n  #hysf-xref .hx-tool-shell {\r\n    background: var(--hx-white);\r\n    border: 1px solid var(--hx-line);\r\n    border-radius: 24px;\r\n    box-shadow: var(--hx-shadow);\r\n    overflow: hidden;\r\n  }\r\n\r\n  #hysf-xref .hx-search-panel {\r\n    background:\r\n      radial-gradient(circle at 95% 0%, rgba(14, 116, 159, 0.42), transparent 38%),\r\n      linear-gradient(135deg, var(--hx-navy-deep), var(--hx-navy));\r\n    color: var(--hx-white);\r\n    padding: 38px;\r\n  }\r\n\r\n  #hysf-xref .hx-search-title {\r\n    font-size: 24px;\r\n    letter-spacing: -0.02em;\r\n    margin: 0 0 22px;\r\n  }\r\n\r\n  #hysf-xref .hx-form-grid {\r\n    align-items: end;\r\n    display: grid;\r\n    gap: 16px;\r\n    grid-template-columns: minmax(190px, 0.8fr) minmax(260px, 1.35fr) auto;\r\n  }\r\n\r\n  #hysf-xref .hx-field label {\r\n    display: block;\r\n    font-size: 13px;\r\n    font-weight: 750;\r\n    letter-spacing: 0.03em;\r\n    margin: 0 0 8px;\r\n  }\r\n\r\n  #hysf-xref .hx-field input,\r\n  #hysf-xref .hx-field select {\r\n    background: var(--hx-white);\r\n    border: 2px solid transparent;\r\n    border-radius: 10px;\r\n    color: var(--hx-ink);\r\n    height: 54px;\r\n    outline: none;\r\n    padding: 0 15px;\r\n    transition: border-color 0.18s ease, box-shadow 0.18s ease;\r\n    width: 100%;\r\n  }\r\n\r\n  #hysf-xref .hx-field input:focus,\r\n  #hysf-xref .hx-field select:focus {\r\n    border-color: #62c6e8;\r\n    box-shadow: 0 0 0 4px rgba(98, 198, 232, 0.18);\r\n  }\r\n\r\n  #hysf-xref .hx-primary-button,\r\n  #hysf-xref .hx-secondary-button,\r\n  #hysf-xref .hx-outline-button {\r\n    align-items: center;\r\n    border-radius: 10px;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    font-weight: 800;\r\n    gap: 9px;\r\n    justify-content: center;\r\n    min-height: 50px;\r\n    padding: 12px 19px;\r\n    text-decoration: none;\r\n    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;\r\n  }\r\n\r\n  #hysf-xref .hx-primary-button {\r\n    background: var(--hx-orange);\r\n    border: 1px solid var(--hx-orange);\r\n    color: var(--hx-white);\r\n    min-height: 54px;\r\n  }\r\n\r\n  #hysf-xref .hx-primary-button:hover {\r\n    background: var(--hx-orange-dark);\r\n    border-color: var(--hx-orange-dark);\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  #hysf-xref .hx-search-hint {\r\n    color: rgba(255, 255, 255, 0.72);\r\n    font-size: 13px;\r\n    margin: 16px 0 0;\r\n  }\r\n\r\n  #hysf-xref .hx-examples {\r\n    align-items: center;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin-top: 18px;\r\n  }\r\n\r\n  #hysf-xref .hx-examples > span {\r\n    color: rgba(255, 255, 255, 0.7);\r\n    font-size: 12px;\r\n  }\r\n\r\n  #hysf-xref .hx-example-chip {\r\n    background: rgba(255, 255, 255, 0.08);\r\n    border: 1px solid rgba(255, 255, 255, 0.22);\r\n    border-radius: 999px;\r\n    color: var(--hx-white);\r\n    cursor: pointer;\r\n    font-size: 12px;\r\n    padding: 6px 10px;\r\n  }\r\n\r\n  #hysf-xref .hx-example-chip:hover {\r\n    background: rgba(255, 255, 255, 0.16);\r\n  }\r\n\r\n  #hysf-xref .hx-message {\r\n    background: #fff7e8;\r\n    border-left: 4px solid var(--hx-orange);\r\n    color: #69420d;\r\n    margin: 0;\r\n    padding: 15px 38px;\r\n  }\r\n\r\n  #hysf-xref .hx-message[hidden],\r\n  #hysf-xref .hx-result-panel[hidden] {\r\n    display: none;\r\n  }\r\n\r\n  #hysf-xref .hx-result-panel {\r\n    padding: 36px 38px 40px;\r\n  }\r\n\r\n  #hysf-xref .hx-result-heading-row {\r\n    align-items: flex-start;\r\n    display: flex;\r\n    gap: 24px;\r\n    justify-content: space-between;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  #hysf-xref .hx-result-kicker {\r\n    color: var(--hx-green);\r\n    font-size: 12px;\r\n    font-weight: 850;\r\n    letter-spacing: 0.12em;\r\n    margin: 0 0 4px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #hysf-xref .hx-result-heading {\r\n    font-size: 27px;\r\n    letter-spacing: -0.025em;\r\n    margin: 0;\r\n  }\r\n\r\n  #hysf-xref .hx-confidence {\r\n    background: #e7f7f0;\r\n    border: 1px solid #bfe7d5;\r\n    border-radius: 999px;\r\n    color: #0b6846;\r\n    flex: none;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    padding: 7px 11px;\r\n  }\r\n\r\n  #hysf-xref .hx-table-wrap {\r\n    border: 1px solid var(--hx-line);\r\n    border-radius: 14px;\r\n    overflow-x: auto;\r\n  }\r\n\r\n  #hysf-xref .hx-table {\r\n    border-collapse: collapse;\r\n    min-width: 850px;\r\n    width: 100%;\r\n  }\r\n\r\n  #hysf-xref .hx-table th {\r\n    background: var(--hx-soft);\r\n    color: var(--hx-muted);\r\n    font-size: 11px;\r\n    font-weight: 850;\r\n    letter-spacing: 0.07em;\r\n    padding: 13px 15px;\r\n    text-align: left;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #hysf-xref .hx-table td {\r\n    border-top: 1px solid var(--hx-line);\r\n    font-size: 14px;\r\n    padding: 17px 15px;\r\n    vertical-align: top;\r\n  }\r\n\r\n  #hysf-xref .hx-table td:nth-child(2) {\r\n    color: var(--hx-navy);\r\n    font-weight: 850;\r\n  }\r\n\r\n  #hysf-xref .hx-compatibility {\r\n    color: var(--hx-green);\r\n    font-weight: 800;\r\n  }\r\n\r\n  #hysf-xref .hx-compatibility.hx-review {\r\n    color: #a65a00;\r\n  }\r\n\r\n  #hysf-xref .hx-benefit-grid {\r\n    display: grid;\r\n    gap: 12px;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    margin: 20px 0 22px;\r\n  }\r\n\r\n  #hysf-xref .hx-benefit {\r\n    align-items: flex-start;\r\n    background: var(--hx-soft);\r\n    border-radius: 10px;\r\n    display: flex;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    gap: 8px;\r\n    min-height: 58px;\r\n    padding: 11px 12px;\r\n  }\r\n\r\n  #hysf-xref .hx-check {\r\n    align-items: center;\r\n    background: var(--hx-green);\r\n    border-radius: 50%;\r\n    color: white;\r\n    display: inline-flex;\r\n    flex: 0 0 19px;\r\n    font-size: 12px;\r\n    height: 19px;\r\n    justify-content: center;\r\n    margin-top: 1px;\r\n  }\r\n\r\n  #hysf-xref .hx-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n  }\r\n\r\n  #hysf-xref .hx-secondary-button {\r\n    background: var(--hx-navy);\r\n    border: 1px solid var(--hx-navy);\r\n    color: var(--hx-white);\r\n  }\r\n\r\n  #hysf-xref .hx-secondary-button:hover {\r\n    background: var(--hx-navy-deep);\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  #hysf-xref .hx-outline-button {\r\n    background: var(--hx-white);\r\n    border: 1px solid #aebfc9;\r\n    color: var(--hx-navy);\r\n  }\r\n\r\n  #hysf-xref .hx-outline-button:hover {\r\n    border-color: var(--hx-navy);\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  #hysf-xref .hx-disclaimer {\r\n    color: var(--hx-muted);\r\n    font-size: 12px;\r\n    margin: 18px 0 0;\r\n  }\r\n\r\n  #hysf-xref .hx-seo-block {\r\n    display: grid;\r\n    gap: 30px;\r\n    grid-template-columns: 1.1fr 0.9fr;\r\n    margin-top: 44px;\r\n  }\r\n\r\n  #hysf-xref .hx-seo-block h3 {\r\n    font-size: 23px;\r\n    letter-spacing: -0.02em;\r\n    margin: 0 0 11px;\r\n  }\r\n\r\n  #hysf-xref .hx-seo-block p {\r\n    color: var(--hx-muted);\r\n    margin: 0;\r\n  }\r\n\r\n  #hysf-xref .hx-popular-list {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 9px;\r\n  }\r\n\r\n  #hysf-xref .hx-popular-button {\r\n    background: var(--hx-white);\r\n    border: 1px solid var(--hx-line);\r\n    border-radius: 9px;\r\n    color: var(--hx-navy);\r\n    cursor: pointer;\r\n    font-size: 13px;\r\n    padding: 9px 11px;\r\n  }\r\n\r\n  #hysf-xref .hx-popular-button:hover {\r\n    border-color: var(--hx-blue);\r\n  }\r\n\r\n  #hysf-xref .hx-contact-card {\r\n    background:\r\n      radial-gradient(circle at 100% 0%, rgba(14, 116, 159, 0.38), transparent 42%),\r\n      linear-gradient(135deg, var(--hx-navy-deep), var(--hx-navy));\r\n    border-radius: 20px;\r\n    color: var(--hx-white);\r\n    margin-top: 38px;\r\n    padding: 32px;\r\n  }\r\n\r\n  #hysf-xref .hx-contact-card h3 {\r\n    font-size: 25px;\r\n    letter-spacing: -0.025em;\r\n    margin: 0 0 6px;\r\n  }\r\n\r\n  #hysf-xref .hx-contact-intro {\r\n    color: rgba(255, 255, 255, 0.72);\r\n    margin: 0 0 22px;\r\n  }\r\n\r\n  #hysf-xref .hx-contact-grid {\r\n    display: grid;\r\n    gap: 12px;\r\n    grid-template-columns: 0.85fr 0.9fr 1.8fr;\r\n  }\r\n\r\n  #hysf-xref .hx-contact-item {\r\n    background: rgba(255, 255, 255, 0.08);\r\n    border: 1px solid rgba(255, 255, 255, 0.16);\r\n    border-radius: 12px;\r\n    color: var(--hx-white);\r\n    min-height: 106px;\r\n    padding: 15px 16px;\r\n    text-decoration: none;\r\n  }\r\n\r\n  #hysf-xref a.hx-contact-item:hover {\r\n    background: rgba(255, 255, 255, 0.14);\r\n    border-color: rgba(255, 255, 255, 0.34);\r\n  }\r\n\r\n  #hysf-xref .hx-contact-label {\r\n    color: #7ed9f5;\r\n    display: block;\r\n    font-size: 11px;\r\n    font-weight: 850;\r\n    letter-spacing: 0.09em;\r\n    margin-bottom: 7px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #hysf-xref .hx-contact-value {\r\n    display: block;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  #hysf-xref .hx-honeypot {\r\n    height: 1px !important;\r\n    left: -10000px !important;\r\n    opacity: 0 !important;\r\n    overflow: hidden !important;\r\n    position: absolute !important;\r\n    width: 1px !important;\r\n  }\r\n\r\n  #hysf-xref .hx-catalog-library {\r\n    background: var(--hx-white);\r\n    border: 1px solid var(--hx-line);\r\n    border-radius: 18px;\r\n    margin-top: 24px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #hysf-xref .hx-catalog-library summary {\r\n    align-items: center;\r\n    cursor: pointer;\r\n    display: flex;\r\n    font-size: 19px;\r\n    font-weight: 850;\r\n    gap: 12px;\r\n    justify-content: space-between;\r\n    list-style: none;\r\n    padding: 21px 24px;\r\n  }\r\n\r\n  #hysf-xref .hx-catalog-library summary::-webkit-details-marker {\r\n    display: none;\r\n  }\r\n\r\n  #hysf-xref .hx-catalog-library summary::after {\r\n    align-items: center;\r\n    background: var(--hx-soft);\r\n    border-radius: 50%;\r\n    color: var(--hx-navy);\r\n    content: \"+\";\r\n    display: inline-flex;\r\n    flex: 0 0 34px;\r\n    font-size: 23px;\r\n    height: 34px;\r\n    justify-content: center;\r\n  }\r\n\r\n  #hysf-xref .hx-catalog-library[open] summary::after {\r\n    content: \"\u2212\";\r\n  }\r\n\r\n  #hysf-xref .hx-catalog-content {\r\n    border-top: 1px solid var(--hx-line);\r\n    padding: 22px 24px 25px;\r\n  }\r\n\r\n  #hysf-xref .hx-catalog-note {\r\n    color: var(--hx-muted);\r\n    font-size: 14px;\r\n    margin: 0 0 17px;\r\n  }\r\n\r\n  #hysf-xref .hx-catalog-grid {\r\n    display: grid;\r\n    gap: 10px;\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  #hysf-xref .hx-catalog-link {\r\n    align-items: center;\r\n    background: var(--hx-soft);\r\n    border: 1px solid transparent;\r\n    border-radius: 10px;\r\n    color: var(--hx-navy);\r\n    display: flex;\r\n    font-size: 13px;\r\n    font-weight: 750;\r\n    gap: 10px;\r\n    justify-content: space-between;\r\n    min-height: 52px;\r\n    padding: 10px 12px;\r\n    text-decoration: none;\r\n  }\r\n\r\n  #hysf-xref .hx-catalog-link:hover {\r\n    background: var(--hx-white);\r\n    border-color: var(--hx-blue);\r\n  }\r\n\r\n  #hysf-xref .hx-catalog-link.hx-featured {\r\n    background: #fff5e9;\r\n    border-color: #f5c592;\r\n    color: #8c4800;\r\n  }\r\n\r\n  #hysf-xref .hx-pdf-mark {\r\n    color: var(--hx-orange-dark);\r\n    flex: none;\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.05em;\r\n  }\r\n\r\n  #hysf-xref .hx-result-subsection {\r\n    border-top: 1px solid var(--hx-line);\r\n    margin-top: 23px;\r\n    padding-top: 22px;\r\n  }\r\n\r\n  #hysf-xref .hx-result-subsection h4 {\r\n    font-size: 18px;\r\n    letter-spacing: -0.015em;\r\n    margin: 0 0 4px;\r\n  }\r\n\r\n  #hysf-xref .hx-result-subsection > p {\r\n    color: var(--hx-muted);\r\n    font-size: 13px;\r\n    margin: 0 0 15px;\r\n  }\r\n\r\n  #hysf-xref .hx-evidence-grid {\r\n    display: grid;\r\n    gap: 10px;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  }\r\n\r\n  #hysf-xref .hx-evidence-item {\r\n    background: var(--hx-soft);\r\n    border: 1px solid #e3edf2;\r\n    border-radius: 10px;\r\n    min-height: 96px;\r\n    padding: 12px;\r\n  }\r\n\r\n  #hysf-xref .hx-evidence-top {\r\n    align-items: center;\r\n    display: flex;\r\n    gap: 8px;\r\n    justify-content: space-between;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  #hysf-xref .hx-evidence-label {\r\n    color: var(--hx-muted);\r\n    font-size: 11px;\r\n    font-weight: 850;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #hysf-xref .hx-evidence-value {\r\n    display: block;\r\n    font-size: 13px;\r\n    font-weight: 750;\r\n  }\r\n\r\n  #hysf-xref .hx-status-badge {\r\n    border-radius: 999px;\r\n    flex: none;\r\n    font-size: 10px;\r\n    font-weight: 850;\r\n    padding: 4px 7px;\r\n  }\r\n\r\n  #hysf-xref .hx-status-badge.hx-matched {\r\n    background: #dff3e9;\r\n    color: #0b6846;\r\n  }\r\n\r\n  #hysf-xref .hx-status-badge.hx-confirm {\r\n    background: #fff0d4;\r\n    color: #8a4b00;\r\n  }\r\n\r\n  #hysf-xref .hx-result-details {\r\n    border: 1px solid var(--hx-line);\r\n    border-radius: 11px;\r\n    margin-top: 16px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #hysf-xref .hx-result-details summary {\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    font-weight: 850;\r\n    list-style: none;\r\n    padding: 13px 15px;\r\n  }\r\n\r\n  #hysf-xref .hx-result-details summary::-webkit-details-marker {\r\n    display: none;\r\n  }\r\n\r\n  #hysf-xref .hx-compare-wrap {\r\n    border-top: 1px solid var(--hx-line);\r\n    overflow-x: auto;\r\n  }\r\n\r\n  #hysf-xref .hx-compare-table {\r\n    border-collapse: collapse;\r\n    min-width: 660px;\r\n    width: 100%;\r\n  }\r\n\r\n  #hysf-xref .hx-compare-table th,\r\n  #hysf-xref .hx-compare-table td {\r\n    border-bottom: 1px solid var(--hx-line);\r\n    font-size: 12px;\r\n    padding: 11px 13px;\r\n    text-align: left;\r\n    vertical-align: top;\r\n  }\r\n\r\n  #hysf-xref .hx-compare-table th {\r\n    background: var(--hx-soft);\r\n    color: var(--hx-muted);\r\n    font-weight: 850;\r\n  }\r\n\r\n  #hysf-xref .hx-compare-table td:first-child {\r\n    color: var(--hx-muted);\r\n    font-weight: 800;\r\n    width: 23%;\r\n  }\r\n\r\n  #hysf-xref .hx-share-row {\r\n    align-items: center;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin-top: 15px;\r\n  }\r\n\r\n  #hysf-xref .hx-share-label {\r\n    color: var(--hx-muted);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    margin-right: 2px;\r\n  }\r\n\r\n  #hysf-xref .hx-share-button {\r\n    background: var(--hx-white);\r\n    border: 1px solid var(--hx-line);\r\n    border-radius: 8px;\r\n    color: var(--hx-navy);\r\n    cursor: pointer;\r\n    font-size: 12px;\r\n    font-weight: 750;\r\n    padding: 7px 10px;\r\n  }\r\n\r\n  #hysf-xref .hx-share-button:hover {\r\n    border-color: var(--hx-blue);\r\n  }\r\n\r\n  #hysf-xref .hx-share-status {\r\n    color: var(--hx-green);\r\n    font-size: 11px;\r\n    min-height: 17px;\r\n  }\r\n\r\n  #hysf-xref .hx-content-section {\r\n    margin-top: 52px;\r\n  }\r\n\r\n  #hysf-xref .hx-section-head {\r\n    margin-bottom: 22px;\r\n    max-width: 780px;\r\n  }\r\n\r\n  #hysf-xref .hx-section-head .hx-mini-label {\r\n    color: var(--hx-orange-dark);\r\n    display: block;\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.1em;\r\n    margin-bottom: 7px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #hysf-xref .hx-section-head h3 {\r\n    font-size: clamp(25px, 3vw, 34px);\r\n    letter-spacing: -0.035em;\r\n    line-height: 1.14;\r\n    margin: 0 0 9px;\r\n  }\r\n\r\n  #hysf-xref .hx-section-head p {\r\n    color: var(--hx-muted);\r\n    margin: 0;\r\n  }\r\n\r\n  #hysf-xref .hx-upload-card {\r\n    align-items: center;\r\n    background: linear-gradient(135deg, #edf6fa, #f8fbfc);\r\n    border: 1px solid #cfe1e9;\r\n    border-radius: 18px;\r\n    display: grid;\r\n    gap: 26px;\r\n    grid-template-columns: 1.4fr auto;\r\n    padding: 28px;\r\n  }\r\n\r\n  #hysf-xref .hx-upload-card h3 {\r\n    font-size: 25px;\r\n    letter-spacing: -0.025em;\r\n    margin: 0 0 8px;\r\n  }\r\n\r\n  #hysf-xref .hx-upload-card p {\r\n    color: var(--hx-muted);\r\n    margin: 0;\r\n    max-width: 730px;\r\n  }\r\n\r\n  #hysf-xref .hx-upload-notes {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin-top: 15px;\r\n  }\r\n\r\n  #hysf-xref .hx-upload-note {\r\n    background: var(--hx-white);\r\n    border: 1px solid var(--hx-line);\r\n    border-radius: 999px;\r\n    color: var(--hx-navy);\r\n    font-size: 11px;\r\n    font-weight: 750;\r\n    padding: 5px 9px;\r\n  }\r\n\r\n  #hysf-xref .hx-process-grid {\r\n    display: grid;\r\n    gap: 12px;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  }\r\n\r\n  #hysf-xref .hx-process-step {\r\n    background: var(--hx-white);\r\n    border: 1px solid var(--hx-line);\r\n    border-radius: 14px;\r\n    min-height: 184px;\r\n    padding: 19px;\r\n    position: relative;\r\n  }\r\n\r\n  #hysf-xref .hx-step-number {\r\n    align-items: center;\r\n    background: var(--hx-navy);\r\n    border-radius: 50%;\r\n    color: var(--hx-white);\r\n    display: inline-flex;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    height: 35px;\r\n    justify-content: center;\r\n    margin-bottom: 18px;\r\n    width: 35px;\r\n  }\r\n\r\n  #hysf-xref .hx-process-step h4 {\r\n    font-size: 16px;\r\n    margin: 0 0 8px;\r\n  }\r\n\r\n  #hysf-xref .hx-process-step p {\r\n    color: var(--hx-muted);\r\n    font-size: 13px;\r\n    margin: 0;\r\n  }\r\n\r\n  #hysf-xref .hx-qa-grid,\r\n  #hysf-xref .hx-case-grid {\r\n    display: grid;\r\n    gap: 13px;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  }\r\n\r\n  #hysf-xref .hx-qa-card {\r\n    background: var(--hx-navy-deep);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 14px;\r\n    color: var(--hx-white);\r\n    min-height: 148px;\r\n    padding: 18px;\r\n  }\r\n\r\n  #hysf-xref .hx-qa-code {\r\n    color: #78d6f4;\r\n    display: block;\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.08em;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  #hysf-xref .hx-qa-card h4 {\r\n    font-size: 16px;\r\n    margin: 0 0 6px;\r\n  }\r\n\r\n  #hysf-xref .hx-qa-card p {\r\n    color: rgba(255, 255, 255, 0.7);\r\n    font-size: 12px;\r\n    margin: 0;\r\n  }\r\n\r\n  #hysf-xref .hx-qa-footer {\r\n    align-items: center;\r\n    background: #eaf6f1;\r\n    border: 1px solid #c9e7d9;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    gap: 20px;\r\n    justify-content: space-between;\r\n    margin-top: 14px;\r\n    padding: 15px 17px;\r\n  }\r\n\r\n  #hysf-xref .hx-qa-footer p {\r\n    color: #155f46;\r\n    font-size: 13px;\r\n    margin: 0;\r\n  }\r\n\r\n  #hysf-xref .hx-case-card {\r\n    background: var(--hx-white);\r\n    border: 1px solid var(--hx-line);\r\n    border-radius: 15px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 245px;\r\n    padding: 20px;\r\n  }\r\n\r\n  #hysf-xref .hx-case-type {\r\n    color: var(--hx-orange-dark);\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.09em;\r\n    margin-bottom: 16px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #hysf-xref .hx-case-card h4 {\r\n    font-size: 18px;\r\n    letter-spacing: -0.015em;\r\n    margin: 0 0 9px;\r\n  }\r\n\r\n  #hysf-xref .hx-case-card p {\r\n    color: var(--hx-muted);\r\n    font-size: 13px;\r\n    margin: 0 0 16px;\r\n  }\r\n\r\n  #hysf-xref .hx-case-link {\r\n    color: var(--hx-navy);\r\n    font-size: 13px;\r\n    font-weight: 850;\r\n    margin-top: auto;\r\n    text-decoration: none;\r\n  }\r\n\r\n  #hysf-xref .hx-case-link:hover {\r\n    color: var(--hx-orange-dark);\r\n  }\r\n\r\n  #hysf-xref .hx-case-note {\r\n    color: var(--hx-muted);\r\n    font-size: 11px;\r\n    margin: 12px 0 0;\r\n  }\r\n\r\n  #hysf-xref .hx-procurement-grid {\r\n    display: grid;\r\n    gap: 10px;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  }\r\n\r\n  #hysf-xref .hx-procurement-item {\r\n    background: var(--hx-soft);\r\n    border-radius: 12px;\r\n    min-height: 110px;\r\n    padding: 15px;\r\n  }\r\n\r\n  #hysf-xref .hx-procurement-item span {\r\n    color: var(--hx-muted);\r\n    display: block;\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.06em;\r\n    margin-bottom: 8px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #hysf-xref .hx-procurement-item strong {\r\n    display: block;\r\n    font-size: 14px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  #hysf-xref .hx-faq-list {\r\n    border-bottom: 1px solid var(--hx-line);\r\n  }\r\n\r\n  #hysf-xref .hx-faq-item {\r\n    border-top: 1px solid var(--hx-line);\r\n  }\r\n\r\n  #hysf-xref .hx-faq-item summary {\r\n    cursor: pointer;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    list-style: none;\r\n    padding: 17px 42px 17px 0;\r\n    position: relative;\r\n  }\r\n\r\n  #hysf-xref .hx-faq-item summary::-webkit-details-marker {\r\n    display: none;\r\n  }\r\n\r\n  #hysf-xref .hx-faq-item summary::after {\r\n    color: var(--hx-orange-dark);\r\n    content: \"+\";\r\n    font-size: 22px;\r\n    position: absolute;\r\n    right: 8px;\r\n    top: 11px;\r\n  }\r\n\r\n  #hysf-xref .hx-faq-item[open] summary::after {\r\n    content: \"\u2212\";\r\n  }\r\n\r\n  #hysf-xref .hx-faq-answer {\r\n    color: var(--hx-muted);\r\n    font-size: 14px;\r\n    max-width: 900px;\r\n    padding: 0 42px 17px 0;\r\n  }\r\n\r\n  #hysf-xref .hx-faq-answer p {\r\n    margin: 0;\r\n  }\r\n\r\n  #hysf-xref .hx-engineer-card {\r\n    align-items: center;\r\n    background: linear-gradient(135deg, var(--hx-navy-deep), #0a526f);\r\n    border-radius: 20px;\r\n    color: var(--hx-white);\r\n    display: grid;\r\n    gap: 25px;\r\n    grid-template-columns: auto 1fr auto;\r\n    padding: 28px;\r\n  }\r\n\r\n  #hysf-xref .hx-engineer-avatar {\r\n    align-items: center;\r\n    background: var(--hx-orange);\r\n    border: 4px solid rgba(255, 255, 255, 0.2);\r\n    border-radius: 50%;\r\n    color: var(--hx-white);\r\n    display: flex;\r\n    flex: 0 0 76px;\r\n    font-size: 22px;\r\n    font-weight: 900;\r\n    height: 76px;\r\n    justify-content: center;\r\n    width: 76px;\r\n  }\r\n\r\n  #hysf-xref .hx-engineer-card h3 {\r\n    font-size: 24px;\r\n    margin: 0 0 5px;\r\n  }\r\n\r\n  #hysf-xref .hx-engineer-card p {\r\n    color: rgba(255, 255, 255, 0.72);\r\n    font-size: 13px;\r\n    margin: 0;\r\n  }\r\n\r\n  #hysf-xref .hx-engineer-meta {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px 15px;\r\n    margin-top: 12px;\r\n  }\r\n\r\n  #hysf-xref .hx-engineer-meta span {\r\n    color: var(--hx-white);\r\n    font-size: 12px;\r\n    font-weight: 750;\r\n  }\r\n\r\n  #hysf-xref .hx-engineer-actions {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  #hysf-xref .hx-engineer-actions a,\r\n  #hysf-xref .hx-engineer-actions button {\r\n    min-width: 165px;\r\n  }\r\n\r\n  #hysf-xref .hx-file-help {\r\n    color: var(--hx-muted);\r\n    display: block;\r\n    font-size: 10px;\r\n    margin-top: 5px;\r\n  }\r\n\r\n  #hysf-xref .hx-lead-field input[type=\"file\"] {\r\n    background: var(--hx-soft);\r\n    font-size: 12px;\r\n    padding: 8px;\r\n  }\r\n\r\n  #hysf-xref .hx-lead-field input[type=\"file\"]::file-selector-button {\r\n    background: var(--hx-navy);\r\n    border: 0;\r\n    border-radius: 7px;\r\n    color: var(--hx-white);\r\n    cursor: pointer;\r\n    font-weight: 750;\r\n    margin-right: 9px;\r\n    padding: 8px 10px;\r\n  }\r\n\r\n  #hysf-xref .hx-sticky-cta {\r\n    display: none;\r\n  }\r\n\r\n  #hysf-xref button:focus-visible,\r\n  #hysf-xref a:focus-visible,\r\n  #hysf-xref input:focus-visible,\r\n  #hysf-xref select:focus-visible,\r\n  #hysf-xref textarea:focus-visible,\r\n  #hysf-xref summary:focus-visible {\r\n    box-shadow: 0 0 0 2px #ffffff, 0 0 0 6px #075985 !important;\r\n    outline: 0;\r\n  }\r\n\r\n  #hysf-xref .hx-modal {\r\n    border: 0;\r\n    border-radius: 18px;\r\n    box-shadow: 0 28px 90px rgba(5, 43, 64, 0.32);\r\n    max-height: 90vh;\r\n    max-width: 620px;\r\n    padding: 0;\r\n    width: calc(100% - 32px);\r\n  }\r\n\r\n  #hysf-xref .hx-modal::backdrop {\r\n    background: rgba(4, 28, 42, 0.72);\r\n  }\r\n\r\n  #hysf-xref .hx-modal-inner {\r\n    padding: 28px;\r\n  }\r\n\r\n  #hysf-xref .hx-modal-head {\r\n    align-items: flex-start;\r\n    display: flex;\r\n    gap: 20px;\r\n    justify-content: space-between;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  #hysf-xref .hx-modal-head h3 {\r\n    font-size: 25px;\r\n    margin: 0 0 5px;\r\n  }\r\n\r\n  #hysf-xref .hx-modal-head p {\r\n    color: var(--hx-muted);\r\n    font-size: 14px;\r\n    margin: 0;\r\n  }\r\n\r\n  #hysf-xref .hx-modal-close {\r\n    align-items: center;\r\n    background: var(--hx-soft);\r\n    border: 0;\r\n    border-radius: 50%;\r\n    color: var(--hx-ink);\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    flex: 0 0 38px;\r\n    font-size: 22px;\r\n    height: 38px;\r\n    justify-content: center;\r\n  }\r\n\r\n  #hysf-xref .hx-lead-grid {\r\n    display: grid;\r\n    gap: 14px;\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  #hysf-xref .hx-lead-field.hx-full {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  #hysf-xref .hx-lead-field label {\r\n    display: block;\r\n    font-size: 13px;\r\n    font-weight: 750;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  #hysf-xref .hx-lead-field input,\r\n  #hysf-xref .hx-lead-field textarea {\r\n    border: 1px solid #b7c7d0;\r\n    border-radius: 9px;\r\n    outline: none;\r\n    padding: 11px 12px;\r\n    width: 100%;\r\n  }\r\n\r\n  #hysf-xref .hx-lead-field input:focus,\r\n  #hysf-xref .hx-lead-field textarea:focus {\r\n    border-color: var(--hx-blue);\r\n    box-shadow: 0 0 0 3px rgba(14, 116, 159, 0.12);\r\n  }\r\n\r\n  #hysf-xref .hx-lead-field textarea {\r\n    min-height: 94px;\r\n    resize: vertical;\r\n  }\r\n\r\n  #hysf-xref .hx-modal-footer {\r\n    align-items: center;\r\n    display: flex;\r\n    gap: 14px;\r\n    justify-content: space-between;\r\n    margin-top: 19px;\r\n  }\r\n\r\n  #hysf-xref .hx-privacy {\r\n    color: var(--hx-muted);\r\n    font-size: 11px;\r\n    margin: 0;\r\n    max-width: 270px;\r\n  }\r\n\r\n  #hysf-xref .hx-form-status {\r\n    border-radius: 8px;\r\n    font-size: 13px;\r\n    margin-top: 14px;\r\n    padding: 10px 12px;\r\n  }\r\n\r\n  #hysf-xref .hx-form-status:empty {\r\n    display: none;\r\n  }\r\n\r\n  #hysf-xref .hx-form-status.hx-success {\r\n    background: #e7f7f0;\r\n    color: #0b6846;\r\n  }\r\n\r\n  #hysf-xref .hx-form-status.hx-error {\r\n    background: #fff0ed;\r\n    color: #a42d20;\r\n  }\r\n\r\n  @media (max-width: 860px) {\r\n    #hysf-xref {\r\n      padding: 54px 18px;\r\n    }\r\n\r\n    #hysf-xref .hx-form-grid,\r\n    #hysf-xref .hx-seo-block,\r\n    #hysf-xref .hx-contact-grid,\r\n    #hysf-xref .hx-catalog-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    #hysf-xref .hx-benefit-grid {\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    #hysf-xref .hx-evidence-grid,\r\n    #hysf-xref .hx-qa-grid {\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    #hysf-xref .hx-process-grid,\r\n    #hysf-xref .hx-procurement-grid {\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    #hysf-xref .hx-case-grid,\r\n    #hysf-xref .hx-upload-card,\r\n    #hysf-xref .hx-engineer-card {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    #hysf-xref .hx-engineer-actions {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    #hysf-xref .hx-search-panel,\r\n    #hysf-xref .hx-result-panel {\r\n      padding: 25px 19px;\r\n    }\r\n\r\n    #hysf-xref .hx-message {\r\n      padding-left: 19px;\r\n      padding-right: 19px;\r\n    }\r\n\r\n    #hysf-xref .hx-tool-shell {\r\n      border-radius: 16px;\r\n    }\r\n\r\n    #hysf-xref .hx-result-heading-row {\r\n      display: block;\r\n    }\r\n\r\n    #hysf-xref .hx-confidence {\r\n      display: inline-block;\r\n      margin-top: 10px;\r\n    }\r\n\r\n    #hysf-xref .hx-benefit-grid,\r\n    #hysf-xref .hx-lead-grid,\r\n    #hysf-xref .hx-evidence-grid,\r\n    #hysf-xref .hx-qa-grid,\r\n    #hysf-xref .hx-process-grid,\r\n    #hysf-xref .hx-procurement-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    #hysf-xref .hx-actions > *,\r\n    #hysf-xref .hx-modal-footer .hx-primary-button {\r\n      width: 100%;\r\n    }\r\n\r\n    #hysf-xref .hx-modal-footer {\r\n      align-items: stretch;\r\n      flex-direction: column;\r\n    }\r\n\r\n    #hysf-xref .hx-lead-field.hx-full {\r\n      grid-column: auto;\r\n    }\r\n\r\n    #hysf-xref .hx-upload-card,\r\n    #hysf-xref .hx-engineer-card {\r\n      padding: 22px 18px;\r\n    }\r\n\r\n    #hysf-xref .hx-qa-footer {\r\n      align-items: stretch;\r\n      flex-direction: column;\r\n    }\r\n\r\n    #hysf-xref .hx-engineer-actions,\r\n    #hysf-xref .hx-engineer-actions a,\r\n    #hysf-xref .hx-engineer-actions button {\r\n      width: 100%;\r\n    }\r\n\r\n    #hysf-xref .hx-share-label {\r\n      width: 100%;\r\n    }\r\n\r\n    #hysf-xref .hx-sticky-cta.hx-visible {\r\n      align-items: center;\r\n      background: rgba(5, 43, 64, 0.96);\r\n      bottom: 0;\r\n      box-shadow: 0 -10px 30px rgba(5, 43, 64, 0.2);\r\n      display: grid;\r\n      gap: 8px;\r\n      grid-template-columns: 1fr 1fr;\r\n      left: 0;\r\n      padding: 10px 12px calc(10px + env(safe-area-inset-bottom));\r\n      position: fixed;\r\n      right: 0;\r\n      z-index: 999;\r\n    }\r\n\r\n    #hysf-xref .hx-sticky-cta a,\r\n    #hysf-xref .hx-sticky-cta button {\r\n      border-radius: 8px;\r\n      font-size: 12px;\r\n      min-height: 44px;\r\n      padding: 9px 10px;\r\n    }\r\n  }\r\n\r\n  @media print {\r\n    #hysf-xref .hx-search-panel,\r\n    #hysf-xref .hx-actions,\r\n    #hysf-xref .hx-share-row,\r\n    #hysf-xref .hx-upload-card,\r\n    #hysf-xref .hx-contact-card,\r\n    #hysf-xref .hx-catalog-library,\r\n    #hysf-xref .hx-sticky-cta,\r\n    #hysf-xref .hx-engineer-actions {\r\n      display: none !important;\r\n    }\r\n\r\n    #hysf-xref {\r\n      max-width: none;\r\n      padding: 0;\r\n    }\r\n\r\n    #hysf-xref .hx-tool-shell {\r\n      box-shadow: none;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #hysf-xref *,\r\n    #hysf-xref *::before,\r\n    #hysf-xref *::after {\r\n      scroll-behavior: auto !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"hysf-xref\" aria-labelledby=\"hx-title\">\r\n  <p class=\"hx-eyebrow\">Connector Cross-Reference<\/p>\r\n  <h2 class=\"hx-heading\" id=\"hx-title\">Find Your HYSF Equivalent<\/h2>\r\n  <p class=\"hx-intro\">\r\n    Enter the manufacturer and part number you use today. Get an instant HYSF\r\n    cross-reference for supported subsea connector families, or send an unknown\r\n    model to our engineers for review.\r\n  <\/p>\r\n\r\n  <div class=\"hx-tool-shell\">\r\n    <form class=\"hx-search-panel\" id=\"hx-search-form\" novalidate>\r\n      <h3 class=\"hx-search-title\">Search by current part number<\/h3>\r\n      <div class=\"hx-form-grid\">\r\n        <div class=\"hx-field\">\r\n          <label for=\"hx-manufacturer\">Current manufacturer<\/label>\r\n          <select id=\"hx-manufacturer\" name=\"manufacturer\" required>\r\n            <option value=\"\">Select manufacturer<\/option>\r\n            <option value=\"subconn\">SubConn<\/option>\r\n            <option value=\"seacon\">SEACON<\/option>\r\n            <option value=\"burton\">Burton<\/option>\r\n            <option value=\"impulse\">Impulse<\/option>\r\n            <option value=\"blue-robotics\">Blue Robotics<\/option>\r\n            <option value=\"odi\">ODI \/ Ocean Design<\/option>\r\n            <option value=\"teledyne\">Teledyne<\/option>\r\n            <option value=\"other\">Other<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"hx-field\">\r\n          <label for=\"hx-part-number\">Part number<\/label>\r\n          <input\r\n            id=\"hx-part-number\"\r\n            name=\"partNumber\"\r\n            type=\"text\"\r\n            placeholder=\"e.g. MCBH8M\"\r\n            autocomplete=\"off\"\r\n            maxlength=\"80\"\r\n            required\r\n          >\r\n        <\/div>\r\n\r\n        <button class=\"hx-primary-button\" type=\"submit\">\r\n          Find Equivalent <span aria-hidden=\"true\">\u2192<\/span>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <p class=\"hx-search-hint\">\r\n        Spaces, hyphens and letter case do not affect the search.\r\n      <\/p>\r\n      <div class=\"hx-examples\" aria-label=\"Example searches\">\r\n        <span>Try an example:<\/span>\r\n        <button class=\"hx-example-chip\" type=\"button\" data-brand=\"subconn\" data-part=\"MCBH8M\">MCBH8M<\/button>\r\n        <button class=\"hx-example-chip\" type=\"button\" data-brand=\"burton\" data-part=\"5501-1508-0002\">Burton 5501-1508-0002<\/button>\r\n        <button class=\"hx-example-chip\" type=\"button\" data-brand=\"odi\" data-part=\"ODI-25 Series\">ODI-25 Series<\/button>\r\n        <button class=\"hx-example-chip\" type=\"button\" data-brand=\"blue-robotics\" data-part=\"8-Pin Bulkhead\">8-Pin Bulkhead<\/button>\r\n      <\/div>\r\n    <\/form>\r\n\r\n    <p class=\"hx-message\" id=\"hx-message\" role=\"alert\" hidden><\/p>\r\n\r\n    <div class=\"hx-result-panel\" id=\"hx-result-panel\" aria-live=\"polite\" hidden>\r\n      <div class=\"hx-result-heading-row\">\r\n        <div>\r\n          <p class=\"hx-result-kicker\" id=\"hx-result-kicker\">Match found<\/p>\r\n          <h3 class=\"hx-result-heading\" id=\"hx-result-heading\">Your cross-reference result<\/h3>\r\n        <\/div>\r\n        <span class=\"hx-confidence\" id=\"hx-confidence\">Verified family match<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"hx-table-wrap\" tabindex=\"0\" aria-label=\"Cross-reference result table; scroll horizontally if needed\">\r\n        <table class=\"hx-table\">\r\n          <thead>\r\n            <tr>\r\n              <th scope=\"col\">Current Model<\/th>\r\n              <th scope=\"col\">HYSF Model<\/th>\r\n              <th scope=\"col\">Pins<\/th>\r\n              <th scope=\"col\">Thread<\/th>\r\n              <th scope=\"col\">Rating<\/th>\r\n              <th scope=\"col\">Compatibility<\/th>\r\n            <\/tr>\r\n          <\/thead>\r\n          <tbody id=\"hx-result-body\"><\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n\r\n      <div class=\"hx-result-subsection\">\r\n        <h4>Compatibility evidence<\/h4>\r\n        <p>Use this checklist for preliminary evaluation. Final approval follows drawing and sample verification.<\/p>\r\n        <div class=\"hx-evidence-grid\" id=\"hx-evidence-grid\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hx-benefit-grid\" id=\"hx-benefits\"><\/div>\r\n\r\n      <details class=\"hx-result-details\">\r\n        <summary>Compare the original model and HYSF equivalent<\/summary>\r\n        <div class=\"hx-compare-wrap\" tabindex=\"0\" aria-label=\"Original and HYSF comparison table; scroll horizontally if needed\">\r\n          <table class=\"hx-compare-table\">\r\n            <thead>\r\n              <tr>\r\n                <th scope=\"col\">Check<\/th>\r\n                <th scope=\"col\">Current \/ OEM Model<\/th>\r\n                <th scope=\"col\">HYSF Equivalent<\/th>\r\n                <th scope=\"col\">Status<\/th>\r\n              <\/tr>\r\n            <\/thead>\r\n            <tbody id=\"hx-compare-body\"><\/tbody>\r\n          <\/table>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <div class=\"hx-actions\">\r\n        <button class=\"hx-secondary-button hx-cta\" type=\"button\" data-action=\"sample\">\r\n          Request Sample\r\n        <\/button>\r\n        <a class=\"hx-outline-button\" id=\"hx-result-catalog\" data-result-catalog href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-SUBSEA-Catalog-2026.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          View Series Catalog\r\n        <\/a>\r\n        <button class=\"hx-outline-button hx-cta\" type=\"button\" data-action=\"product-drawing\">\r\n          Request Product Drawing\r\n        <\/button>\r\n        <button class=\"hx-outline-button hx-cta\" type=\"button\" data-action=\"engineer\">\r\n          Ask an Engineer\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"hx-share-row\" aria-label=\"Share cross-reference result\">\r\n        <span class=\"hx-share-label\">Save or share:<\/span>\r\n        <button class=\"hx-share-button\" type=\"button\" data-share=\"copy\">Copy Result<\/button>\r\n        <button class=\"hx-share-button\" type=\"button\" data-share=\"email\">Email<\/button>\r\n        <button class=\"hx-share-button\" type=\"button\" data-share=\"whatsapp\">WhatsApp<\/button>\r\n        <button class=\"hx-share-button\" type=\"button\" data-share=\"print\">Print \/ PDF<\/button>\r\n        <span class=\"hx-share-status\" id=\"hx-share-status\" role=\"status\"><\/span>\r\n      <\/div>\r\n\r\n      <p class=\"hx-disclaimer\" id=\"hx-disclaimer\">\r\n        * Final compatibility must be confirmed against the original drawing,\r\n        pinout, material, voltage\/current and operating depth before purchase.\r\n        Third-party names are used only for identification and do not imply\r\n        affiliation or endorsement.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <section class=\"hx-content-section\" aria-labelledby=\"hx-upload-title\">\r\n    <div class=\"hx-upload-card\">\r\n      <div>\r\n        <h3 id=\"hx-upload-title\">Part number not found? Upload a drawing or connector photo.<\/h3>\r\n        <p>Send the product marking, mating-face photo, drawing or pinout. HYSF application engineering will identify the interface and return an engineer-reviewed cross-reference.<\/p>\r\n        <div class=\"hx-upload-notes\" aria-label=\"Helpful files\">\r\n          <span class=\"hx-upload-note\">Mating-face photo<\/span>\r\n          <span class=\"hx-upload-note\">Product marking<\/span>\r\n          <span class=\"hx-upload-note\">PDF drawing<\/span>\r\n          <span class=\"hx-upload-note\">Pinout \/ wiring<\/span>\r\n          <span class=\"hx-upload-note\">STEP \/ STP<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <button class=\"hx-primary-button\" type=\"button\" data-open-intake>Upload for Engineer Review<\/button>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"hx-content-section\" aria-labelledby=\"hx-process-title\">\r\n    <div class=\"hx-section-head\">\r\n      <span class=\"hx-mini-label\">Controlled replacement process<\/span>\r\n      <h3 id=\"hx-process-title\">From cross-reference to approved replacement<\/h3>\r\n      <p>The online result is the starting point. Critical applications should complete drawing review and sample validation before production release.<\/p>\r\n    <\/div>\r\n    <div class=\"hx-process-grid\">\r\n      <article class=\"hx-process-step\">\r\n        <span class=\"hx-step-number\">1<\/span>\r\n        <h4>Preliminary match<\/h4>\r\n        <p>Search the existing manufacturer and part number to identify the closest HYSF family.<\/p>\r\n      <\/article>\r\n      <article class=\"hx-process-step\">\r\n        <span class=\"hx-step-number\">2<\/span>\r\n        <h4>Engineering review<\/h4>\r\n        <p>Compare interface, mounting dimensions, thread, pinout, materials and electrical requirements.<\/p>\r\n      <\/article>\r\n      <article class=\"hx-process-step\">\r\n        <span class=\"hx-step-number\">3<\/span>\r\n        <h4>Sample validation<\/h4>\r\n        <p>Complete visual, mating, continuity and application-specific pressure testing where required.<\/p>\r\n      <\/article>\r\n      <article class=\"hx-process-step\">\r\n        <span class=\"hx-step-number\">4<\/span>\r\n        <h4>Production approval<\/h4>\r\n        <p>Approve the final drawing, cable specification, test scope, quantity and delivery plan.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"hx-content-section\" aria-labelledby=\"hx-quality-title\">\r\n    <div class=\"hx-section-head\">\r\n      <span class=\"hx-mini-label\">Verification &amp; quality evidence<\/span>\r\n      <h3 id=\"hx-quality-title\">Evidence for your technical file<\/h3>\r\n      <p>Inspection and test documentation depends on the selected product and order requirements. Tell us what your project requires before quotation.<\/p>\r\n    <\/div>\r\n    <div class=\"hx-qa-grid\">\r\n      <article class=\"hx-qa-card\"><span class=\"hx-qa-code\">MECH<\/span><h4>Dimensional inspection<\/h4><p>Critical dimensions, threads, marking, seals and visual condition can be checked against the released drawing.<\/p><\/article>\r\n      <article class=\"hx-qa-card\"><span class=\"hx-qa-code\">ELEC<\/span><h4>Electrical checks<\/h4><p>Applicable checks may include continuity, insulation resistance, dielectric withstand and contact resistance.<\/p><\/article>\r\n      <article class=\"hx-qa-card\"><span class=\"hx-qa-code\">PRESS<\/span><h4>Pressure validation<\/h4><p>Test pressure, duration and acceptance criteria are agreed for the selected model and application.<\/p><\/article>\r\n      <article class=\"hx-qa-card\"><span class=\"hx-qa-code\">DOC<\/span><h4>Materials &amp; traceability<\/h4><p>Certificates of conformity, material certificates and inspection records are available where specified.<\/p><\/article>\r\n    <\/div>\r\n    <div class=\"hx-qa-footer\">\r\n      <p><strong>Need a test report?<\/strong> Tell us your operating depth, voltage\/current and acceptance standard.<\/p>\r\n      <button class=\"hx-outline-button\" type=\"button\" data-request-action=\"test-report\">Request Test Documentation<\/button>\r\n    <\/div>\r\n    <p class=\"hx-case-note\">Standard underwater connectors carry a 12-month warranty from delivery. Custom-product terms follow the contract. <a class=\"hx-case-link\" href=\"https:\/\/hysfsubsea.com\/knowledge-base\/what-is-your-warranty-policy-for-underwater-connectors\/\" target=\"_blank\" rel=\"noopener noreferrer\">View warranty policy \u2192<\/a><\/p>\r\n  <\/section>\r\n\r\n  <section class=\"hx-content-section\" aria-labelledby=\"hx-cases-title\">\r\n    <div class=\"hx-section-head\">\r\n      <span class=\"hx-mini-label\">Engineering examples<\/span>\r\n      <h3 id=\"hx-cases-title\">Related HYSF engineering examples<\/h3>\r\n      <p>Examples of interface matching, compact geometry and high-pressure connector development from HYSF.<\/p>\r\n    <\/div>\r\n    <div class=\"hx-case-grid\">\r\n      <article class=\"hx-case-card\">\r\n        <span class=\"hx-case-type\">Compact geometry<\/span>\r\n        <h4>Right-Angle Molded Micro Bulkhead Connector<\/h4>\r\n        <p>LPMBH-IL12\/16MF-compatible configuration.<\/p>\r\n      <\/article>\r\n      <article class=\"hx-case-card\">\r\n        <span class=\"hx-case-type\">Micro-flange interface<\/span>\r\n        <h4>Micro-Flange 3-Pin Subsea Bulkhead Connector<\/h4>\r\n        <p>IL4MF-compatible configuration.<\/p>\r\n      <\/article>\r\n      <article class=\"hx-case-card\">\r\n        <span class=\"hx-case-type\">High-pressure development<\/span>\r\n        <h4>60 MPa Metal-Shell Bulkhead Connector<\/h4>\r\n        <p>Triple-seal family, 4\u201361 contacts.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n    <p class=\"hx-case-note\"><a class=\"hx-case-link\" href=\"https:\/\/hysfsubsea.com\/case-studies\/\" target=\"_blank\" rel=\"noopener noreferrer\">View All Case Studies \u2192<\/a> Exact configuration and performance must be confirmed for the current application.<\/p>\r\n  <\/section>\r\n\r\n  <section class=\"hx-content-section\" aria-labelledby=\"hx-procurement-title\">\r\n    <div class=\"hx-section-head\">\r\n      <span class=\"hx-mini-label\">Procurement snapshot<\/span>\r\n      <h3 id=\"hx-procurement-title\">What buyers usually need before requesting a quote<\/h3>\r\n      <p>Availability, lead time and documentation are confirmed against the exact configuration and quantity.<\/p>\r\n    <\/div>\r\n    <div class=\"hx-procurement-grid\">\r\n      <div class=\"hx-procurement-item\"><span>Evaluation samples<\/span><strong>Available for selected models; quantity and availability are confirmed with the quotation<\/strong><\/div>\r\n      <div class=\"hx-procurement-item\"><span>MOQ<\/span><strong>Varies by product and customization; sample quantities may be available<\/strong><\/div>\r\n      <div class=\"hx-procurement-item\"><span>Lead time<\/span><strong>Confirmed after model, quantity, cable and test requirements are fixed<\/strong><\/div>\r\n      <div class=\"hx-procurement-item\"><span>Technical files<\/span><strong>Series catalogs are available now; controlled drawings and STEP files by request where applicable<\/strong><\/div>\r\n      <div class=\"hx-procurement-item\"><span>Customization<\/span><strong>Cable length, termination, materials and configuration are subject to engineering review<\/strong><\/div>\r\n      <div class=\"hx-procurement-item\"><span>Warranty<\/span><strong>12 months from delivery for standard underwater connectors; custom terms follow the contract<\/strong><\/div>\r\n    <\/div>\r\n    <div class=\"hx-qa-footer\">\r\n      <p><strong>Ready to plan your order?<\/strong> Send the exact model, quantity, cable and test requirements.<\/p>\r\n      <button class=\"hx-outline-button\" type=\"button\" data-request-action=\"quote\">Request Price &amp; Lead Time<\/button>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"hx-content-section\" aria-labelledby=\"hx-faq-title\">\r\n    <div class=\"hx-section-head\">\r\n      <span class=\"hx-mini-label\">Buyer FAQ<\/span>\r\n      <h3 id=\"hx-faq-title\">Common questions before replacing an underwater connector<\/h3>\r\n    <\/div>\r\n    <div class=\"hx-faq-list\">\r\n      <details class=\"hx-faq-item\"><summary>Is the online result a final replacement approval?<\/summary><div class=\"hx-faq-answer\"><p>No. It is a preliminary family-level cross-reference. Confirm the drawing, mating interface, gender, keying, pin assignment, materials, electrical load and operating depth before purchase.<\/p><\/div><\/details>\r\n      <details class=\"hx-faq-item\"><summary>What should I send for engineering verification?<\/summary><div class=\"hx-faq-answer\"><p>Send the original part number or drawing, pinout, clear mating-face and side photos, operating depth, voltage\/current, cable requirement and quantity.<\/p><\/div><\/details>\r\n      <details class=\"hx-faq-item\"><summary>Can an HYSF connector mate with my existing connector?<\/summary><div class=\"hx-faq-answer\"><p>Many HYSF families are developed as alternatives for common subsea interfaces. Intermateability must be confirmed for the exact model, gender, keying, insert layout and dimensions.<\/p><\/div><\/details>\r\n      <details class=\"hx-faq-item\"><summary>Can I get a drawing or STEP file?<\/summary><div class=\"hx-faq-answer\"><p>The series catalog can be opened from the result. Controlled drawings and STEP files are available on request where applicable.<\/p><\/div><\/details>\r\n      <details class=\"hx-faq-item\"><summary>Can I order an evaluation sample?<\/summary><div class=\"hx-faq-answer\"><p>Samples may be available after the exact configuration is confirmed. Availability, price and lead time are provided with the quotation.<\/p><\/div><\/details>\r\n      <details class=\"hx-faq-item\"><summary>What testing is available?<\/summary><div class=\"hx-faq-answer\"><p>Depending on the model and order, HYSF can provide dimensional, electrical and pressure-test documentation. Ask the engineer to confirm the applicable test scope.<\/p><\/div><\/details>\r\n      <details class=\"hx-faq-item\"><summary>What warranty applies?<\/summary><div class=\"hx-faq-answer\"><p>Standard underwater connectors carry a 12-month warranty from delivery. Custom-product terms are defined in the contract; exclusions are listed in the warranty policy.<\/p><\/div><\/details>\r\n      <details class=\"hx-faq-item\"><summary>What if my part number is not listed?<\/summary><div class=\"hx-faq-answer\"><p>Submit the manufacturer, part number and available evidence. HYSF Application Engineering can review a standard or custom equivalent.<\/p><\/div><\/details>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"hx-content-section\" aria-labelledby=\"hx-engineer-title\">\r\n    <div class=\"hx-engineer-card\">\r\n      <div class=\"hx-engineer-avatar\" aria-hidden=\"true\">AE<\/div>\r\n      <div>\r\n        <h3 id=\"hx-engineer-title\">Reviewed by HYSF Application Engineering<\/h3>\r\n        <p>Get a human review of the mating interface, dimensions, pinout, electrical load, depth requirement and documentation package.<\/p>\r\n        <div class=\"hx-engineer-meta\">\r\n          <span>Technical response: we aim to reply within 12 hours<\/span>\r\n          <span>Email: Info@hysfsubsea.com<\/span>\r\n          <span>WhatsApp: +86 15960131727<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hx-engineer-actions\">\r\n        <button class=\"hx-outline-button\" type=\"button\" data-request-action=\"engineer\">Ask an Engineer<\/button>\r\n        <a class=\"hx-primary-button\" href=\"https:\/\/wa.me\/8615960131727\" target=\"_blank\" rel=\"noopener noreferrer\">WhatsApp<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"hx-seo-block\">\r\n    <div>\r\n      <h3>SubConn, Burton, ODI and Blue Robotics alternatives<\/h3>\r\n      <p>\r\n        Search HYSF equivalents for commonly used underwater bulkhead and inline\r\n        connectors. Supported families include SubConn MCBH, MCM and MCR;\r\n        Burton-compatible Metal Shell 55\/66 Series; ODI 10\/15\/25\/40 series; and\r\n        Blue Robotics 2, 4, 6 and 8-pin bulkhead models. For an unknown part\r\n        number, submit the model for an engineering cross-reference.\r\n      <\/p>\r\n    <\/div>\r\n    <div>\r\n      <h3>Popular searches<\/h3>\r\n      <div class=\"hx-popular-list\">\r\n        <button class=\"hx-popular-button\" type=\"button\" data-brand=\"subconn\" data-part=\"MCBH8M\">MCBH8M alternative<\/button>\r\n        <button class=\"hx-popular-button\" type=\"button\" data-brand=\"subconn\" data-part=\"MCBH4M\">SubConn MCBH4M replacement<\/button>\r\n        <button class=\"hx-popular-button\" type=\"button\" data-brand=\"burton\" data-part=\"5507-1508-0001\">Burton 5507-1508-0001 equivalent<\/button>\r\n        <button class=\"hx-popular-button\" type=\"button\" data-brand=\"odi\" data-part=\"ODI-25 Series\">ODI-25 equivalent<\/button>\r\n        <button class=\"hx-popular-button\" type=\"button\" data-brand=\"blue-robotics\" data-part=\"4-Pin Bulkhead\">Blue Robotics 4-pin alternative<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <aside class=\"hx-contact-card\" aria-labelledby=\"hx-contact-title\">\r\n    <h3 id=\"hx-contact-title\">Contact HYSF directly<\/h3>\r\n    <p class=\"hx-contact-intro\">Send us your current part number, drawing or connector photo for a fast engineering match.<\/p>\r\n    <div class=\"hx-contact-grid\">\r\n      <a class=\"hx-contact-item\" href=\"mailto:Info@hysfsubsea.com\">\r\n        <span class=\"hx-contact-label\">Email<\/span>\r\n        <span class=\"hx-contact-value\">Info@hysfsubsea.com<\/span>\r\n      <\/a>\r\n      <a class=\"hx-contact-item\" href=\"https:\/\/wa.me\/8615960131727\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n        <span class=\"hx-contact-label\">WhatsApp<\/span>\r\n        <span class=\"hx-contact-value\">+86 15960131727<\/span>\r\n      <\/a>\r\n      <div class=\"hx-contact-item\">\r\n        <span class=\"hx-contact-label\">Address<\/span>\r\n        <span class=\"hx-contact-value\">1-1207, Building A1#, Shengde Garden, No. 133 Yonghua Road, Anci District, Langfang City, Hebei Province, China<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/aside>\r\n\r\n  <details class=\"hx-catalog-library\">\r\n    <summary>Browse all HYSF product catalogs<\/summary>\r\n    <div class=\"hx-catalog-content\">\r\n      <p class=\"hx-catalog-note\">Open any PDF catalog in a new tab to review drawings, dimensions and product options.<\/p>\r\n      <div class=\"hx-catalog-grid\">\r\n        <a class=\"hx-catalog-link hx-featured\" data-catalog=\"HYSF SUBSEA Catalog 2026\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-SUBSEA-Catalog-2026.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>HYSF SUBSEA Catalog 2026<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"All-Electric Metal Connectors\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-All-Electric-Metal-Connectors.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>All-Electric Metal Connectors<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"Branched Watertight Connection Cable\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Branched-Watertight-Connection-Cable.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Branched Watertight Connection Cable<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"Bulkhead Series Watertight Connectors\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Bulkhead-Series-Watertight-Connectors.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Bulkhead Series Watertight Connectors<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"Cable Fixing Fittings\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Cable-Fixing-Fittings.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Cable Fixing Fittings<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"Coaxial Series Watertight Connectors\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Coaxial-Series-Watertight-Connectors.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Coaxial Series Watertight Connectors<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"Flat-Series Watertight Connectors\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Flat-Series-Watertight-Connectors.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Flat-Series Watertight Connectors<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"Gigabit Ethernet Series Watertight Cable Assembly\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Gigabit-Ethernet-Series-Watertight-Cable-Assembly.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Gigabit Ethernet Series Cable Assembly<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"High-Current High-Power Watertight Connector\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-High-Current-High-Power-Watertight-Connector.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>High-Current High-Power Connector<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"High-pressure Sealed Chamber and Junction Box\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-High-pressure-Sealed-Chamber-and-Junction-Box.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>High-pressure Chamber &amp; Junction Box<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"Metal Optoelectronic Connectors\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Metal-Optoelectronic-Connectors.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Metal Optoelectronic Connectors<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"Micro Watertight Connectors\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Micro-Watertight-Connectors.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Micro Watertight Connectors<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"Non-standard Customization\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Non-standard-Customization.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Non-standard Customization<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"Round Compact Watertight Connectors\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Round-Compact-Watertight-Connectors.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Round Compact Watertight Connectors<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"Standard Watertight Connectors\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Standard-Watertight-Connectors.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Standard Watertight Connectors<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"Ultra Small Watertight Connectors\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Ultra-Small-Watertight-Connectors.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Ultra Small Watertight Connectors<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"Underwater Monitoring Equipment\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Underwater-Monitoring-Equipment.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Underwater Monitoring Equipment<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"Underwater Network Camera\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Underwater-Network-Camera.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Underwater Network Camera<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"Underwater Searchlight\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Underwater-Searchlight.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Underwater Searchlight<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n        <a class=\"hx-catalog-link\" data-catalog=\"Split-Type Connector Series\" href=\"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/07\/HYSF-SUBSEA-Split-Type-Connector-Series.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><span>SUBSEA Split-Type Connector Series<\/span><span class=\"hx-pdf-mark\">PDF \u2197<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <dialog class=\"hx-modal\" id=\"hx-lead-modal\" aria-labelledby=\"hx-modal-title\" aria-describedby=\"hx-modal-copy\">\r\n    <div class=\"hx-modal-inner\">\r\n      <div class=\"hx-modal-head\">\r\n        <div>\r\n          <h3 id=\"hx-modal-title\">Request a sample<\/h3>\r\n          <p id=\"hx-modal-copy\">Tell us where to send the cross-reference details.<\/p>\r\n        <\/div>\r\n        <button class=\"hx-modal-close\" id=\"hx-modal-close\" type=\"button\" aria-label=\"Close\">\u00d7<\/button>\r\n      <\/div>\r\n\r\n      <form id=\"hx-lead-form\">\r\n        <input id=\"hx-request-type\" name=\"requestType\" type=\"hidden\">\r\n        <input id=\"hx-selected-brand\" name=\"manufacturer\" type=\"hidden\">\r\n        <input id=\"hx-selected-part\" name=\"partNumber\" type=\"hidden\">\r\n        <input id=\"hx-selected-equivalent\" name=\"hysfEquivalent\" type=\"hidden\">\r\n\r\n        <div class=\"hx-lead-grid\">\r\n          <div class=\"hx-lead-field\">\r\n            <label for=\"hx-name\">Name *<\/label>\r\n            <input id=\"hx-name\" name=\"name\" type=\"text\" autocomplete=\"name\" maxlength=\"150\" required>\r\n          <\/div>\r\n          <div class=\"hx-lead-field\">\r\n            <label for=\"hx-email\">Working email *<\/label>\r\n            <input id=\"hx-email\" name=\"email\" type=\"email\" autocomplete=\"email\" maxlength=\"254\" required>\r\n          <\/div>\r\n          <div class=\"hx-lead-field\">\r\n            <label for=\"hx-company\">Company<\/label>\r\n            <input id=\"hx-company\" name=\"company\" type=\"text\" autocomplete=\"organization\" maxlength=\"200\">\r\n          <\/div>\r\n          <div class=\"hx-lead-field\">\r\n            <label for=\"hx-phone\">Phone \/ WhatsApp<\/label>\r\n            <input id=\"hx-phone\" name=\"phone\" type=\"tel\" autocomplete=\"tel\" maxlength=\"100\" placeholder=\"Include country code\">\r\n          <\/div>\r\n          <div class=\"hx-lead-field\">\r\n            <label for=\"hx-quantity\">Estimated quantity<\/label>\r\n            <input id=\"hx-quantity\" name=\"quantity\" type=\"text\" inputmode=\"numeric\" maxlength=\"100\" placeholder=\"e.g. 10 pcs\">\r\n          <\/div>\r\n          <div class=\"hx-lead-field\">\r\n            <label for=\"hx-depth\">Operating depth \/ pressure<\/label>\r\n            <input id=\"hx-depth\" name=\"operatingDepth\" type=\"text\" maxlength=\"200\" placeholder=\"e.g. 1,000 m \/ 10 MPa\">\r\n          <\/div>\r\n          <div class=\"hx-lead-field\">\r\n            <label for=\"hx-electrical\">Voltage \/ current \/ signal<\/label>\r\n            <input id=\"hx-electrical\" name=\"electricalRequirement\" type=\"text\" maxlength=\"250\" placeholder=\"e.g. 48 VDC, 5 A, RS485\">\r\n          <\/div>\r\n          <div class=\"hx-lead-field\">\r\n            <label for=\"hx-required-date\">Required delivery date<\/label>\r\n            <input id=\"hx-required-date\" name=\"requiredDate\" type=\"date\">\r\n          <\/div>\r\n          <div class=\"hx-lead-field hx-full\">\r\n            <label for=\"hx-application\">Application \/ message<\/label>\r\n            <textarea id=\"hx-application\" name=\"application\" maxlength=\"5000\" placeholder=\"Describe the equipment, mating connector, cable and any special requirements.\"><\/textarea>\r\n          <\/div>\r\n          <div class=\"hx-lead-field hx-full\">\r\n            <label for=\"hx-files\">Drawing, pinout or connector photos<\/label>\r\n            <input id=\"hx-files\" name=\"files[]\" type=\"file\" accept=\"image\/jpeg,image\/png,image\/webp,application\/pdf,.step,.stp,.dwg,.dxf\" aria-describedby=\"hx-file-help\" multiple>\r\n            <span class=\"hx-file-help\" id=\"hx-file-help\">JPG, PNG, WEBP, PDF, STEP\/STP, DWG or DXF. Up to 5 files, maximum 10 MB each and 15 MB total.<\/span>\r\n          <\/div>\r\n          <div class=\"hx-honeypot\" aria-hidden=\"true\">\r\n            <label for=\"hx-website\">Website<\/label>\r\n            <input id=\"hx-website\" name=\"website\" type=\"text\" tabindex=\"-1\" autocomplete=\"off\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hx-modal-footer\">\r\n          <p class=\"hx-privacy\">Your contact details and files are used only to evaluate this cross-reference request.<\/p>\r\n          <button class=\"hx-primary-button\" id=\"hx-send-request\" type=\"submit\">Send Request<\/button>\r\n        <\/div>\r\n        <p class=\"hx-form-status\" id=\"hx-form-status\" role=\"status\"><\/p>\r\n      <\/form>\r\n    <\/div>\r\n  <\/dialog>\r\n\r\n  <div class=\"hx-sticky-cta\" id=\"hx-sticky-cta\" aria-label=\"Quick contact actions\">\r\n    <a class=\"hx-primary-button\" href=\"https:\/\/wa.me\/8615960131727\" target=\"_blank\" rel=\"noopener noreferrer\">WhatsApp<\/a>\r\n    <button class=\"hx-outline-button\" type=\"button\" data-sticky-engineer>Ask Engineer<\/button>\r\n  <\/div>\r\n\r\n  <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"WebApplication\",\r\n      \"name\": \"HYSF Underwater Connector Cross-Reference Tool\",\r\n      \"applicationCategory\": \"BusinessApplication\",\r\n      \"operatingSystem\": \"Any\",\r\n      \"description\": \"Find HYSF alternatives for SubConn, Burton, ODI, Blue Robotics, SEACON, Impulse and Teledyne underwater connector part numbers.\",\r\n      \"provider\": {\r\n        \"@type\": \"Organization\",\r\n        \"name\": \"HYSF Subsea\",\r\n        \"url\": \"https:\/\/hysfsubsea.com\/\"\r\n      }\r\n    }\r\n  <\/script>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    \"use strict\";\r\n\r\n    \/* =========================\r\n       EDIT THESE SETTINGS FIRST\r\n       ========================= *\/\r\n    const CONFIG = {\r\n      \/\/ Public contact shown to visitors. The private form recipient is fixed\r\n      \/\/ in the companion WordPress plugin and is not accepted from the browser.\r\n      publicEmail: \"Info@hysfsubsea.com\",\r\n\r\n      \/\/ The companion WordPress plugin exposes this REST endpoint and sends with\r\n      \/\/ wp_mail(); FluentSMTP automatically applies the site's existing SMTP route.\r\n      \/\/ The injected full URL supports WordPress sites installed in a subdirectory.\r\n      formEndpoint: (window.HYSFXrefConfig && window.HYSFXrefConfig.endpoint)\r\n        || \"\/wp-json\/hysf\/v1\/cross-reference\",\r\n\r\n      \/\/ Product-specific PDF links can be added to the DATA records below.\r\n      responsePromise: \"We aim to provide a technical response within 12 hours\"\r\n    };\r\n\r\n    const CATALOGS = {\r\n      main: \"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-SUBSEA-Catalog-2026.pdf\",\r\n      metal: \"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-All-Electric-Metal-Connectors.pdf\",\r\n      micro: \"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Micro-Watertight-Connectors.pdf\",\r\n      round: \"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Round-Compact-Watertight-Connectors.pdf\",\r\n      standard: \"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Standard-Watertight-Connectors.pdf\",\r\n      bulkhead: \"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Bulkhead-Series-Watertight-Connectors.pdf\",\r\n      ultraSmall: \"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Ultra-Small-Watertight-Connectors.pdf\",\r\n      custom: \"https:\/\/hysfsubsea.com\/wp-content\/uploads\/2026\/06\/HYSF-Non-standard-Customization.pdf\"\r\n    };\r\n\r\n    const root = document.getElementById(\"hysf-xref\");\r\n    if (!root || root.dataset.ready === \"true\") return;\r\n    root.dataset.ready = \"true\";\r\n\r\n    const form = root.querySelector(\"#hx-search-form\");\r\n    const manufacturer = root.querySelector(\"#hx-manufacturer\");\r\n    const partInput = root.querySelector(\"#hx-part-number\");\r\n    const message = root.querySelector(\"#hx-message\");\r\n    const resultPanel = root.querySelector(\"#hx-result-panel\");\r\n    const resultBody = root.querySelector(\"#hx-result-body\");\r\n    const resultKicker = root.querySelector(\"#hx-result-kicker\");\r\n    const resultHeading = root.querySelector(\"#hx-result-heading\");\r\n    const confidence = root.querySelector(\"#hx-confidence\");\r\n    const benefits = root.querySelector(\"#hx-benefits\");\r\n    const evidenceGrid = root.querySelector(\"#hx-evidence-grid\");\r\n    const compareBody = root.querySelector(\"#hx-compare-body\");\r\n    const shareStatus = root.querySelector(\"#hx-share-status\");\r\n    const modal = root.querySelector(\"#hx-lead-modal\");\r\n    const modalTitle = root.querySelector(\"#hx-modal-title\");\r\n    const modalCopy = root.querySelector(\"#hx-modal-copy\");\r\n    const leadForm = root.querySelector(\"#hx-lead-form\");\r\n    const formStatus = root.querySelector(\"#hx-form-status\");\r\n    const sendRequest = root.querySelector(\"#hx-send-request\");\r\n    const stickyCta = root.querySelector(\"#hx-sticky-cta\");\r\n    const primaryActions = root.querySelector(\".hx-actions\");\r\n    const resultCatalog = root.querySelector(\"#hx-result-catalog\");\r\n\r\n    let activeResult = null;\r\n    let lastModalTrigger = null;\r\n    let primaryActionsVisible = true;\r\n\r\n    const normalize = (value) =>\r\n      String(value || \"\")\r\n        .toUpperCase()\r\n        .replace(\/[\\u00AE\\u2122]\/g, \"\")\r\n        .replace(\/[^A-Z0-9]\/g, \"\");\r\n\r\n    const escapeHTML = (value) =>\r\n      String(value == null ? \"\" : value).replace(\/[&<>'\"]\/g, (char) => ({\r\n        \"&\": \"&amp;\",\r\n        \"<\": \"&lt;\",\r\n        \">\": \"&gt;\",\r\n        \"'\": \"&#39;\",\r\n        '\"': \"&quot;\"\r\n      })[char]);\r\n\r\n    const candidateBenefits = [\r\n      \"Part-number family identified\",\r\n      \"Contact count listed for comparison\",\r\n      \"Series catalog available\",\r\n      \"Engineer verification recommended\"\r\n    ];\r\n\r\n    const reviewBenefits = [\r\n      \"Part-number identification\",\r\n      \"Pinout and keying review\",\r\n      \"Drawing comparison\",\r\n      \"Custom alternative available\"\r\n    ];\r\n\r\n    const DATA = [];\r\n\r\n    \/\/ Verified on HYSF's published cross-reference page.\r\n    [2, 4, 6, 8, 10, 14].forEach((pins) => {\r\n      [\"M\", \"F\"].forEach((gender) => {\r\n        const part = `MCBH${pins}${gender}`;\r\n        DATA.push({\r\n          brand: \"subconn\",\r\n          aliases: [part, `SUBCONN${part}`],\r\n          current: part,\r\n          equivalent: `HYSF-${part}`,\r\n          pins: String(pins),\r\n          thread: \"Confirm against the original and HYSF controlled drawings\",\r\n          rating: \"By selected electrical and depth configuration\",\r\n          compatibility: \"Candidate equivalent - final verification required*\",\r\n          status: \"candidate\",\r\n          drawingUrl: CATALOGS.micro\r\n        });\r\n      });\r\n    });\r\n\r\n    [\r\n      [\"MCM4M\", 4],\r\n      [\"MCM6M\", 6],\r\n      [\"MCR4M\", 4],\r\n      [\"MCR8M\", 8]\r\n    ].forEach(([part, pins]) => {\r\n      DATA.push({\r\n        brand: \"subconn\",\r\n        aliases: [part, `SUBCONN${part}`],\r\n        current: part,\r\n        equivalent: `HYSF-${part}`,\r\n        pins: String(pins),\r\n        thread: \"Confirm against original drawing\",\r\n        rating: \"By selected electrical and depth configuration\",\r\n        compatibility: \"Candidate equivalent - final verification required*\",\r\n        status: \"candidate\",\r\n        drawingUrl: part.startsWith(\"MCR\") ? CATALOGS.round : CATALOGS.micro\r\n      });\r\n    });\r\n\r\n    [10, 15, 25, 40].forEach((series) => {\r\n      DATA.push({\r\n        brand: \"odi\",\r\n        aliases: [`ODI${series}`, `ODI${series}SERIES`, `${series}SERIES`],\r\n        current: `ODI-${series} Series`,\r\n        equivalent: `HYSF-ODI${series}`,\r\n        pins: \"By configuration\",\r\n        thread: \"Confirm against the exact ODI and HYSF drawings\",\r\n        rating: \"Confirm from original part number\/drawing\",\r\n        compatibility: \"Family candidate - final verification required*\",\r\n        status: \"candidate\",\r\n        drawingUrl: CATALOGS.metal\r\n      });\r\n    });\r\n\r\n    [2, 4, 6, 8].forEach((pins) => {\r\n      DATA.push({\r\n        brand: \"blue-robotics\",\r\n        aliases: [\r\n          `${pins}PINBULKHEAD`,\r\n          `BLUEROBOTICS${pins}PINBULKHEAD`,\r\n          `BR${pins}M`,\r\n          `HYSFBR${pins}M`\r\n        ],\r\n        current: `${pins}-Pin Bulkhead`,\r\n        equivalent: `HYSF-BR${pins}M`,\r\n        pins: String(pins),\r\n        thread: \"Confirm housing thread from drawing\",\r\n        rating: \"By selected cable and depth configuration\",\r\n        compatibility: \"Family candidate - final verification required*\",\r\n        status: \"candidate\",\r\n        drawingUrl: CATALOGS.micro\r\n      });\r\n    });\r\n\r\n    \/\/ Burton-compatible Metal Shell 55 Series models from the HYSF 2026 catalog.\r\n    [\r\n      {\r\n        part: \"5501-1508-0002\",\r\n        pins: 8,\r\n        thread: \"Mates HYSF Metal Shell 55 (15 shell)\",\r\n        rating: \"300 V \u00b7 3-10 A \u00b7 6000 m\"\r\n      },\r\n      {\r\n        part: \"5507-1508-0001\",\r\n        pins: 8,\r\n        thread: \"5\/8-18 UNF-2A\",\r\n        rating: \"300 V \u00b7 3-10 A \u00b7 6000 m\"\r\n      },\r\n      {\r\n        part: \"5501-2008-0002\",\r\n        pins: 8,\r\n        thread: \"Mates HYSF Metal Shell 55 (20 shell)\",\r\n        rating: \"500 V \u00b7 10-20 A \u00b7 6000 m\"\r\n      },\r\n      {\r\n        part: \"5507-2008-0001\",\r\n        pins: 8,\r\n        thread: \"3\/4-16 UNF-2A\",\r\n        rating: \"500 V \u00b7 10-20 A \u00b7 6000 m\"\r\n      },\r\n      {\r\n        part: \"IE55-1206-FCR\",\r\n        pins: 6,\r\n        thread: \"UNF \/ metric option by configuration\",\r\n        rating: \"300 V \u00b7 3-10 A \u00b7 6000 m\"\r\n      }\r\n    ].forEach((item) => {\r\n      DATA.push({\r\n        brand: \"burton\",\r\n        aliases: [item.part, `BURTON${item.part}`],\r\n        current: item.part,\r\n        equivalent: `HYSF ${item.part}`,\r\n        pins: String(item.pins),\r\n        thread: item.thread,\r\n        rating: item.rating,\r\n        compatibility: \"Burton-compatible candidate*\",\r\n        status: \"candidate\",\r\n        drawingUrl: CATALOGS.metal\r\n      });\r\n    });\r\n\r\n    DATA.push({\r\n      brand: \"seacon\",\r\n      aliases: [\"55012008\", \"MINL16CCPL\"],\r\n      current: \"SEACON model\",\r\n      equivalent: \"HYSF MCBH Series \/ custom cable assembly\",\r\n      pins: \"To confirm\",\r\n      thread: \"To confirm from original drawing\",\r\n      rating: \"Built to application requirement\",\r\n      compatibility: \"Engineering verification\",\r\n      status: \"review\",\r\n      drawingUrl: CATALOGS.main\r\n    });\r\n\r\n    const brandLabels = {\r\n      subconn: \"SubConn\",\r\n      seacon: \"SEACON\",\r\n      burton: \"Burton\",\r\n      impulse: \"Impulse\",\r\n      \"blue-robotics\": \"Blue Robotics\",\r\n      odi: \"ODI \/ Ocean Design\",\r\n      teledyne: \"Teledyne\",\r\n      other: \"Other\"\r\n    };\r\n\r\n    function track(eventName, details) {\r\n      const payload = Object.assign({ event: eventName }, details || {});\r\n      window.dispatchEvent(new CustomEvent(`hysf:${eventName}`, { detail: payload }));\r\n      window.dataLayer = window.dataLayer || [];\r\n      window.dataLayer.push(payload);\r\n    }\r\n\r\n    function findResult(brand, rawPart) {\r\n      const key = normalize(rawPart);\r\n      const matchesBrand = (item) => brand === \"other\" || item.brand === brand;\r\n      const exact = DATA.find((item) =>\r\n        matchesBrand(item) && item.aliases.some((alias) => normalize(alias) === key)\r\n      );\r\n\r\n      if (exact) {\r\n        return Object.assign({}, exact, {\r\n          current: rawPart.trim(),\r\n          requestedBrand: brand\r\n        });\r\n      }\r\n\r\n      if (brand === \"burton\") {\r\n        const burton55 = key.match(\/^(5501|5502|5506|5507|55R1)(15|20)(03|04|06|08|13)(0000|0001|0002)?$\/);\r\n        if (burton55) {\r\n          const shell = burton55[2];\r\n          const pins = Number(burton55[3]);\r\n          const hasCompleteSuffix = Boolean(burton55[4]);\r\n          const isBulkhead = burton55[1] === \"5506\" || burton55[1] === \"5507\";\r\n          const thread = isBulkhead\r\n            ? (shell === \"15\" ? \"5\/8-18 UNF-2A\" : \"3\/4-16 UNF-2A\")\r\n            : `Mates HYSF Metal Shell 55 (${shell} shell)`;\r\n          const rating = shell === \"20\"\r\n            ? (pins === 13 ? \"500 V \u00b7 6-10 A \u00b7 6000 m\" : \"500 V \u00b7 10-20 A \u00b7 6000 m\")\r\n            : \"300 V \u00b7 3-10 A \u00b7 6000 m\";\r\n\r\n          return {\r\n            brand,\r\n            requestedBrand: brand,\r\n            current: rawPart.trim(),\r\n            equivalent: hasCompleteSuffix\r\n              ? `HYSF ${rawPart.trim().toUpperCase()}`\r\n              : `HYSF Metal Shell 55 (${shell} shell \/ ${pins} contacts; suffix to confirm)`,\r\n            pins: String(pins),\r\n            thread,\r\n            rating,\r\n            compatibility: hasCompleteSuffix\r\n              ? \"Burton-compatible family candidate*\"\r\n              : \"Variant confirmation required\",\r\n            status: hasCompleteSuffix ? \"candidate\" : \"review\",\r\n            drawingUrl: CATALOGS.metal\r\n          };\r\n        }\r\n\r\n        return {\r\n          brand,\r\n          requestedBrand: brand,\r\n          current: rawPart.trim(),\r\n          equivalent: key.startsWith(\"55\")\r\n            ? \"HYSF Metal Shell 55\/66 Series\"\r\n            : \"HYSF Burton-compatible custom cable assembly\",\r\n          pins: \"To verify\",\r\n          thread: \"To verify from Burton drawing\",\r\n          rating: \"300-500 V \u00b7 up to 20 A \u00b7 depth options to 6000 m\",\r\n          compatibility: \"Engineering review required\",\r\n          status: \"review\",\r\n          drawingUrl: CATALOGS.metal\r\n        };\r\n      }\r\n\r\n      const catalogByBrand = {\r\n        subconn: CATALOGS.micro,\r\n        seacon: CATALOGS.standard,\r\n        impulse: CATALOGS.round,\r\n        \"blue-robotics\": CATALOGS.micro,\r\n        odi: CATALOGS.metal,\r\n        teledyne: CATALOGS.metal,\r\n        other: CATALOGS.main\r\n      };\r\n\r\n      return {\r\n        brand,\r\n        requestedBrand: brand,\r\n        current: rawPart.trim(),\r\n        equivalent: \"HYSF engineering cross-reference\",\r\n        pins: \"To verify\",\r\n        thread: \"To verify\",\r\n        rating: \"Matched to your application\",\r\n        compatibility: \"Engineering review required\",\r\n        status: \"review\",\r\n        drawingUrl: catalogByBrand[brand] || CATALOGS.main\r\n      };\r\n    }\r\n\r\n    function renderBenefits(items) {\r\n      benefits.innerHTML = items.map((item) => `\r\n        <div class=\"hx-benefit\">\r\n          <span class=\"hx-check\" aria-hidden=\"true\">\u2713<\/span>\r\n          <span>${escapeHTML(item)}<\/span>\r\n        <\/div>\r\n      `).join(\"\");\r\n    }\r\n\r\n    function renderEvidence(result) {\r\n      const isCandidate = result.status === \"candidate\";\r\n      const contactKnown = !\/verify|confirm|configuration\/i.test(result.pins);\r\n      const threadKnown = !\/verify|confirm\/i.test(result.thread);\r\n      const items = [\r\n        {\r\n          label: \"Connector family\",\r\n          value: isCandidate\r\n            ? \"Part-number pattern matches the listed HYSF family.\"\r\n            : \"HYSF Application Engineering must identify the correct family.\",\r\n          badge: isCandidate ? \"Database match\" : \"Engineer check\",\r\n          tone: isCandidate ? \"hx-matched\" : \"hx-confirm\"\r\n        },\r\n        {\r\n          label: \"Contact count\",\r\n          value: contactKnown\r\n            ? `${result.pins} contacts listed; confirm insert layout and numbering.`\r\n            : \"Contact count and insert layout must be confirmed.\",\r\n          badge: contactKnown ? \"Listed\" : \"To confirm\",\r\n          tone: contactKnown ? \"hx-matched\" : \"hx-confirm\"\r\n        },\r\n        {\r\n          label: \"Mating interface\",\r\n          value: \"Confirm exact gender, keying, face geometry and mating half before purchase.\",\r\n          badge: \"To compare\",\r\n          tone: \"hx-confirm\"\r\n        },\r\n        {\r\n          label: \"Mounting \/ thread\",\r\n          value: result.thread,\r\n          badge: threadKnown ? \"Listed\" : \"To confirm\",\r\n          tone: threadKnown ? \"hx-matched\" : \"hx-confirm\"\r\n        },\r\n        {\r\n          label: \"Electrical & depth\",\r\n          value: `${result.rating}; select and approve the required configuration.`,\r\n          badge: \"Engineer check\",\r\n          tone: \"hx-confirm\"\r\n        },\r\n        {\r\n          label: \"Documentation\",\r\n          value: \"Series catalog available; controlled drawing and STEP file available on request where applicable.\",\r\n          badge: \"Available\",\r\n          tone: \"hx-matched\"\r\n        }\r\n      ];\r\n\r\n      evidenceGrid.innerHTML = items.map((item) => `\r\n        <div class=\"hx-evidence-item\">\r\n          <div class=\"hx-evidence-top\">\r\n            <span class=\"hx-evidence-label\">${escapeHTML(item.label)}<\/span>\r\n            <span class=\"hx-status-badge ${item.tone}\">${escapeHTML(item.badge)}<\/span>\r\n          <\/div>\r\n          <span class=\"hx-evidence-value\">${escapeHTML(item.value)}<\/span>\r\n        <\/div>\r\n      `).join(\"\");\r\n    }\r\n\r\n    function renderComparison(result) {\r\n      const contactKnown = !\/verify|confirm|configuration\/i.test(result.pins);\r\n      const threadKnown = !\/verify|confirm\/i.test(result.thread);\r\n      const rows = [\r\n        [\"Model \/ family\", result.current, result.equivalent, result.status === \"candidate\" ? \"Database candidate\" : \"Engineer identification\", result.status === \"candidate\" ? \"hx-matched\" : \"hx-confirm\"],\r\n        [\"Contacts\", \"Confirm from OEM drawing\", result.pins, contactKnown ? \"Listed; compare layout\" : \"To confirm\", contactKnown ? \"hx-matched\" : \"hx-confirm\"],\r\n        [\"Mating face & keying\", \"Confirm exact gender and insert orientation\", \"Confirm against controlled HYSF drawing\", \"Review required\", \"hx-confirm\"],\r\n        [\"Mounting \/ thread\", \"Confirm from OEM drawing\", result.thread, threadKnown ? \"Listed; compare drawing\" : \"To confirm\", threadKnown ? \"hx-matched\" : \"hx-confirm\"],\r\n        [\"Pin assignment\", \"Customer\/OEM pinout\", \"Engineer comparison required\", \"Review required\", \"hx-confirm\"],\r\n        [\"Electrical & depth\", \"Actual application requirement\", result.rating, \"Review required\", \"hx-confirm\"],\r\n        [\"Materials & cable\", \"Confirm existing construction\", \"Select by approved configuration\", \"Review required\", \"hx-confirm\"],\r\n        [\"Technical files\", \"Original\/OEM documentation\", \"Series catalog now; drawing\/STEP by request\", \"Available by request\", \"hx-matched\"]\r\n      ];\r\n\r\n      compareBody.innerHTML = rows.map((row) => `\r\n        <tr>\r\n          <td>${escapeHTML(row[0])}<\/td>\r\n          <td>${escapeHTML(row[1])}<\/td>\r\n          <td>${escapeHTML(row[2])}<\/td>\r\n          <td><span class=\"hx-status-badge ${row[4]}\">${escapeHTML(row[3])}<\/span><\/td>\r\n        <\/tr>\r\n      `).join(\"\");\r\n    }\r\n\r\n    function ensureActiveResult() {\r\n      if (activeResult) return activeResult;\r\n      const brand = manufacturer.value || \"other\";\r\n      const rawPart = partInput.value.trim() || \"Part number not available - identify from uploaded evidence\";\r\n      return {\r\n        brand,\r\n        requestedBrand: brand,\r\n        current: rawPart,\r\n        equivalent: \"HYSF engineer-reviewed cross-reference\",\r\n        pins: \"To verify\",\r\n        thread: \"To verify\",\r\n        rating: \"Matched to the submitted application\",\r\n        compatibility: \"Engineering review required\",\r\n        status: \"review\",\r\n        drawingUrl: CATALOGS.main\r\n      };\r\n    }\r\n\r\n    function getShareText() {\r\n      if (!activeResult) return \"HYSF Underwater Connector Cross-Reference Tool\";\r\n      return [\r\n        \"HYSF Cross-Reference Result\",\r\n        `Manufacturer: ${brandLabels[activeResult.requestedBrand] || activeResult.requestedBrand}`,\r\n        `Current model: ${activeResult.current}`,\r\n        `HYSF candidate: ${activeResult.equivalent}`,\r\n        `Contacts: ${activeResult.pins}`,\r\n        `Mounting \/ thread: ${activeResult.thread}`,\r\n        `Rating: ${activeResult.rating}`,\r\n        `Status: ${activeResult.compatibility}`,\r\n        \"Final drawing and application verification required.\",\r\n        window.location.href\r\n      ].join(\"\\n\");\r\n    }\r\n\r\n    async function copyText(value) {\r\n      if (navigator.clipboard && window.isSecureContext) {\r\n        await navigator.clipboard.writeText(value);\r\n        return;\r\n      }\r\n      const textarea = document.createElement(\"textarea\");\r\n      textarea.value = value;\r\n      textarea.setAttribute(\"readonly\", \"\");\r\n      textarea.style.position = \"fixed\";\r\n      textarea.style.opacity = \"0\";\r\n      document.body.appendChild(textarea);\r\n      textarea.select();\r\n      document.execCommand(\"copy\");\r\n      textarea.remove();\r\n    }\r\n\r\n    function updateStickyCta() {\r\n      const shouldShow = Boolean(activeResult) && !primaryActionsVisible && !modal.open;\r\n      stickyCta.classList.toggle(\"hx-visible\", shouldShow);\r\n    }\r\n\r\n    function renderResult(result) {\r\n      const isCandidate = result.status === \"candidate\";\r\n      activeResult = result;\r\n\r\n      message.hidden = true;\r\n      resultKicker.textContent = isCandidate ? \"Candidate found\" : \"Engineer review available\";\r\n      resultHeading.textContent = isCandidate\r\n        ? \"Candidate HYSF equivalent\"\r\n        : \"We can cross-reference this model\";\r\n      confidence.textContent = isCandidate ? \"Database family match\" : \"Verification needed\";\r\n      confidence.style.background = isCandidate ? \"#e7f7f0\" : \"#fff3dc\";\r\n      confidence.style.borderColor = isCandidate ? \"#bfe7d5\" : \"#f1ce91\";\r\n      confidence.style.color = isCandidate ? \"#0b6846\" : \"#8a4b00\";\r\n\r\n      resultBody.innerHTML = `\r\n        <tr>\r\n          <td>${escapeHTML(result.current)}<\/td>\r\n          <td>${escapeHTML(result.equivalent)}<\/td>\r\n          <td>${escapeHTML(result.pins)}<\/td>\r\n          <td>${escapeHTML(result.thread)}<\/td>\r\n          <td>${escapeHTML(result.rating)}<\/td>\r\n          <td class=\"hx-compatibility ${isCandidate ? \"\" : \"hx-review\"}\">\r\n            ${escapeHTML(result.compatibility)}\r\n          <\/td>\r\n        <\/tr>\r\n      `;\r\n\r\n      renderEvidence(result);\r\n      renderComparison(result);\r\n      renderBenefits(isCandidate ? candidateBenefits : reviewBenefits);\r\n      resultCatalog.href = result.drawingUrl || CATALOGS.main;\r\n      resultPanel.hidden = false;\r\n      const shareUrl = new URL(window.location.href);\r\n      shareUrl.searchParams.set(\"hx_brand\", result.requestedBrand);\r\n      shareUrl.searchParams.set(\"hx_part\", result.current);\r\n      window.history.replaceState({}, \"\", shareUrl);\r\n      const reduceMotion = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n      resultPanel.scrollIntoView({ behavior: reduceMotion ? \"auto\" : \"smooth\", block: \"nearest\" });\r\n      updateStickyCta();\r\n\r\n      track(\"xref-search\", {\r\n        manufacturer: result.requestedBrand,\r\n        part_number: result.current,\r\n        hysf_equivalent: result.equivalent,\r\n        match_status: result.status\r\n      });\r\n    }\r\n\r\n    function runSearch() {\r\n      const brand = manufacturer.value;\r\n      const rawPart = partInput.value.trim();\r\n\r\n      if (!brand || !rawPart) {\r\n        activeResult = null;\r\n        resultPanel.hidden = true;\r\n        message.textContent = \"Please select a manufacturer and enter a part number.\";\r\n        message.hidden = false;\r\n        updateStickyCta();\r\n        (!brand ? manufacturer : partInput).focus();\r\n        return;\r\n      }\r\n\r\n      renderResult(findResult(brand, rawPart));\r\n    }\r\n\r\n    function populateAndSearch(button) {\r\n      manufacturer.value = button.dataset.brand || \"other\";\r\n      partInput.value = button.dataset.part || \"\";\r\n      runSearch();\r\n    }\r\n\r\n    form.addEventListener(\"submit\", (event) => {\r\n      event.preventDefault();\r\n      runSearch();\r\n    });\r\n\r\n    function clearStaleResult() {\r\n      if (!activeResult) return;\r\n      const currentBrand = manufacturer.value;\r\n      const currentPart = partInput.value.trim();\r\n      if (activeResult.requestedBrand !== currentBrand || normalize(activeResult.current) !== normalize(currentPart)) {\r\n        activeResult = null;\r\n        resultPanel.hidden = true;\r\n        updateStickyCta();\r\n      }\r\n    }\r\n\r\n    manufacturer.addEventListener(\"change\", clearStaleResult);\r\n    partInput.addEventListener(\"input\", clearStaleResult);\r\n\r\n    root.querySelectorAll(\"[data-brand][data-part]\").forEach((button) => {\r\n      button.addEventListener(\"click\", () => populateAndSearch(button));\r\n    });\r\n\r\n    root.querySelectorAll(\".hx-catalog-link\").forEach((link) => {\r\n      link.addEventListener(\"click\", () => {\r\n        track(\"xref-catalog\", {\r\n          catalog: link.dataset.catalog,\r\n          url: link.href\r\n        });\r\n      });\r\n    });\r\n\r\n    function openLeadModal(action, trigger) {\r\n      const result = ensureActiveResult();\r\n      const contentByAction = {\r\n        sample: {\r\n          title: \"Request an evaluation sample\",\r\n          copy: `Sample request for ${result.equivalent}. ${CONFIG.responsePromise}.`,\r\n          button: \"Request Sample\"\r\n        },\r\n        drawing: {\r\n          title: \"Open the product series catalog\",\r\n          copy: `View the closest product-series catalog for ${result.equivalent}.`,\r\n          button: \"Open Catalog\"\r\n        },\r\n        \"product-drawing\": {\r\n          title: \"Request a controlled product drawing\",\r\n          copy: `Request the exact drawing, pinout or STEP file for ${result.equivalent}.`,\r\n          button: \"Request Product Drawing\"\r\n        },\r\n        \"test-report\": {\r\n          title: \"Request applicable test documentation\",\r\n          copy: `Tell us the test standard, depth, voltage\/current and acceptance criteria for ${result.equivalent}.`,\r\n          button: \"Request Test Documents\"\r\n        },\r\n        quote: {\r\n          title: \"Request price and lead time\",\r\n          copy: `Send the quantity, cable, test and delivery requirements for ${result.equivalent}.`,\r\n          button: \"Request Price & Lead Time\"\r\n        },\r\n        identify: {\r\n          title: \"Get an engineer-verified match\",\r\n          copy: \"Upload the marking, mating-face photo, drawing or pinout. Include the operating conditions for a faster review.\",\r\n          button: \"Send for Engineer Review\"\r\n        },\r\n        engineer: {\r\n          title: \"Ask a HYSF engineer\",\r\n          copy: `Send your application details for ${result.current}.`,\r\n          button: \"Ask Engineer\"\r\n        }\r\n      };\r\n      const content = contentByAction[action] || contentByAction.engineer;\r\n\r\n      if (action === \"drawing\" && result.drawingUrl) {\r\n        window.open(result.drawingUrl, \"_blank\", \"noopener\");\r\n        track(\"xref-cta\", { action: \"series-catalog\", part_number: result.current });\r\n        return;\r\n      }\r\n\r\n      lastModalTrigger = trigger || document.activeElement;\r\n      modalTitle.textContent = content.title;\r\n      modalCopy.textContent = content.copy;\r\n      sendRequest.textContent = content.button;\r\n      sendRequest.dataset.idleLabel = content.button;\r\n      root.querySelector(\"#hx-request-type\").value = action;\r\n      root.querySelector(\"#hx-selected-brand\").value = brandLabels[result.requestedBrand] || result.requestedBrand;\r\n      root.querySelector(\"#hx-selected-part\").value = result.current;\r\n      root.querySelector(\"#hx-selected-equivalent\").value = result.equivalent;\r\n      formStatus.textContent = \"\";\r\n      formStatus.className = \"hx-form-status\";\r\n\r\n      if (typeof modal.showModal === \"function\" && !modal.open) {\r\n        modal.showModal();\r\n      } else {\r\n        modal.setAttribute(\"open\", \"\");\r\n      }\r\n      updateStickyCta();\r\n\r\n      track(\"xref-cta\", {\r\n        action,\r\n        manufacturer: result.requestedBrand,\r\n        part_number: result.current,\r\n        hysf_equivalent: result.equivalent\r\n      });\r\n    }\r\n\r\n    root.addEventListener(\"click\", async (event) => {\r\n      const target = event.target instanceof Element ? event.target : null;\r\n      if (!target) return;\r\n\r\n      const resultCatalogLink = target.closest(\"[data-result-catalog]\");\r\n      if (resultCatalogLink) {\r\n        track(\"xref-cta\", {\r\n          action: \"series-catalog\",\r\n          part_number: activeResult ? activeResult.current : \"Not provided\",\r\n          url: resultCatalogLink.href\r\n        });\r\n        return;\r\n      }\r\n\r\n      const cta = target.closest(\".hx-cta\");\r\n      if (cta) {\r\n        openLeadModal(cta.dataset.action, cta);\r\n        return;\r\n      }\r\n\r\n      const requestButton = target.closest(\"[data-request-action]\");\r\n      if (requestButton) {\r\n        openLeadModal(requestButton.dataset.requestAction, requestButton);\r\n        return;\r\n      }\r\n\r\n      const intakeButton = target.closest(\"[data-open-intake]\");\r\n      if (intakeButton) {\r\n        openLeadModal(\"identify\", intakeButton);\r\n        return;\r\n      }\r\n\r\n      const stickyEngineer = target.closest(\"[data-sticky-engineer]\");\r\n      if (stickyEngineer) {\r\n        openLeadModal(\"engineer\", stickyEngineer);\r\n        return;\r\n      }\r\n\r\n      const shareButton = target.closest(\"[data-share]\");\r\n      if (!shareButton || !activeResult) return;\r\n      const action = shareButton.dataset.share;\r\n      const shareText = getShareText();\r\n      shareStatus.textContent = \"\";\r\n\r\n      try {\r\n        if (action === \"copy\") {\r\n          await copyText(shareText);\r\n          shareStatus.textContent = \"Result copied.\";\r\n        } else if (action === \"email\") {\r\n          const subject = `HYSF cross-reference: ${activeResult.current}`;\r\n          window.location.href = `mailto:?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(shareText)}`;\r\n        } else if (action === \"whatsapp\") {\r\n          window.open(`https:\/\/wa.me\/?text=${encodeURIComponent(shareText)}`, \"_blank\", \"noopener\");\r\n        } else if (action === \"print\") {\r\n          window.print();\r\n        }\r\n        track(\"xref-share\", { action, part_number: activeResult.current });\r\n      } catch (error) {\r\n        shareStatus.textContent = \"Unable to copy. Please use Email or Print.\";\r\n      }\r\n    });\r\n\r\n    root.querySelector(\"#hx-modal-close\").addEventListener(\"click\", () => modal.close());\r\n    modal.addEventListener(\"click\", (event) => {\r\n      if (event.target === modal) modal.close();\r\n    });\r\n    modal.addEventListener(\"close\", () => {\r\n      updateStickyCta();\r\n      if (lastModalTrigger && typeof lastModalTrigger.focus === \"function\") {\r\n        lastModalTrigger.focus();\r\n      }\r\n    });\r\n\r\n    leadForm.addEventListener(\"submit\", async (event) => {\r\n      event.preventDefault();\r\n      if (!leadForm.reportValidity()) return;\r\n\r\n      const payload = new FormData(leadForm);\r\n      if (payload.get(\"website\")) {\r\n        leadForm.reset();\r\n        modal.close();\r\n        return;\r\n      }\r\n\r\n      payload.delete(\"website\");\r\n      payload.set(\"sourcePage\", window.location.href);\r\n      payload.set(\"submittedAt\", new Date().toISOString());\r\n\r\n      const fileInput = root.querySelector(\"#hx-files\");\r\n      const selectedFiles = Array.from(fileInput.files || []);\r\n      const allowedFile = \/\\.(jpe?g|png|webp|pdf|step|stp|dwg|dxf)$\/i;\r\n      const invalidFile = selectedFiles.find((file) => !allowedFile.test(file.name) || file.size > 10 * 1024 * 1024);\r\n      const totalFileSize = selectedFiles.reduce((total, file) => total + file.size, 0);\r\n      if (selectedFiles.length > 5 || invalidFile || totalFileSize > 15 * 1024 * 1024) {\r\n        formStatus.textContent = selectedFiles.length > 5\r\n          ? \"Please upload no more than 5 files.\"\r\n          : invalidFile\r\n            ? \"Each file must be an allowed JPG, PNG, WEBP, PDF, STEP\/STP, DWG or DXF file no larger than 10 MB.\"\r\n            : \"The combined attachment size must be 15 MB or less.\";\r\n        formStatus.className = \"hx-form-status hx-error\";\r\n        fileInput.focus();\r\n        return;\r\n      }\r\n\r\n      const textValue = (name) => {\r\n        const value = payload.get(name);\r\n        return typeof value === \"string\" ? value : \"\";\r\n      };\r\n      const data = {\r\n        requestType: textValue(\"requestType\"),\r\n        manufacturer: textValue(\"manufacturer\"),\r\n        partNumber: textValue(\"partNumber\"),\r\n        hysfEquivalent: textValue(\"hysfEquivalent\"),\r\n        name: textValue(\"name\"),\r\n        email: textValue(\"email\"),\r\n        company: textValue(\"company\"),\r\n        phone: textValue(\"phone\"),\r\n        quantity: textValue(\"quantity\"),\r\n        operatingDepth: textValue(\"operatingDepth\"),\r\n        electricalRequirement: textValue(\"electricalRequirement\"),\r\n        requiredDate: textValue(\"requiredDate\"),\r\n        application: textValue(\"application\")\r\n      };\r\n\r\n      sendRequest.disabled = true;\r\n      sendRequest.textContent = \"Sending\u2026\";\r\n      formStatus.textContent = \"\";\r\n\r\n      try {\r\n        if (CONFIG.formEndpoint) {\r\n          const response = await fetch(CONFIG.formEndpoint, {\r\n            method: \"POST\",\r\n            headers: { \"Accept\": \"application\/json\" },\r\n            body: payload\r\n          });\r\n          const responseData = await response.json().catch(() => ({}));\r\n\r\n          if (!response.ok) {\r\n            throw new Error(responseData.message || \"The server could not send this request.\");\r\n          }\r\n\r\n          formStatus.textContent = responseData.message || \"Thank you. Your request has been sent to HYSF.\";\r\n          formStatus.className = \"hx-form-status hx-success\";\r\n          leadForm.reset();\r\n          root.querySelector(\"#hx-request-type\").value = data.requestType;\r\n          root.querySelector(\"#hx-selected-brand\").value = data.manufacturer;\r\n          root.querySelector(\"#hx-selected-part\").value = data.partNumber;\r\n          root.querySelector(\"#hx-selected-equivalent\").value = data.hysfEquivalent;\r\n        } else {\r\n          const subject = `${data.requestType}: ${data.partNumber} \u2192 ${data.hysfEquivalent}`;\r\n          const body = [\r\n            `Request type: ${data.requestType}`,\r\n            `Manufacturer: ${data.manufacturer}`,\r\n            `Current part number: ${data.partNumber}`,\r\n            `HYSF equivalent: ${data.hysfEquivalent}`,\r\n            \"\",\r\n            `Name: ${data.name}`,\r\n            `Email: ${data.email}`,\r\n            `Company: ${data.company || \"Not provided\"}`,\r\n            `Phone \/ WhatsApp: ${data.phone || \"Not provided\"}`,\r\n            `Estimated quantity: ${data.quantity || \"Not provided\"}`,\r\n            `Operating depth \/ pressure: ${data.operatingDepth || \"Not provided\"}`,\r\n            `Electrical requirement: ${data.electricalRequirement || \"Not provided\"}`,\r\n            `Required delivery date: ${data.requiredDate || \"Not provided\"}`,\r\n            `Application \/ message: ${data.application || \"Not provided\"}`,\r\n            `Selected files: ${selectedFiles.length ? selectedFiles.map((file) => file.name).join(\", \") : \"None\"}`,\r\n            selectedFiles.length ? \"Please attach the selected files manually before sending this email.\" : \"\"\r\n          ].join(\"\\n\");\r\n\r\n          window.location.href = `mailto:${encodeURIComponent(CONFIG.publicEmail)}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\r\n          formStatus.textContent = selectedFiles.length\r\n            ? \"Your email application has opened. Please attach the selected files manually before sending.\"\r\n            : \"Your email application has opened with the request pre-filled.\";\r\n          formStatus.className = \"hx-form-status hx-success\";\r\n        }\r\n\r\n        track(\"xref-lead\", {\r\n          request_type: data.requestType,\r\n          manufacturer: data.manufacturer,\r\n          part_number: data.partNumber,\r\n          hysf_equivalent: data.hysfEquivalent\r\n        });\r\n      } catch (error) {\r\n        const reason = error instanceof Error && error.message ? ` ${error.message}` : \"\";\r\n        formStatus.textContent = `We could not send the form.${reason} Please email ${CONFIG.publicEmail}.`;\r\n        formStatus.className = \"hx-form-status hx-error\";\r\n      } finally {\r\n        sendRequest.disabled = false;\r\n        sendRequest.textContent = sendRequest.dataset.idleLabel || \"Send Request\";\r\n      }\r\n    });\r\n\r\n    if (\"IntersectionObserver\" in window && primaryActions) {\r\n      const actionObserver = new IntersectionObserver((entries) => {\r\n        primaryActionsVisible = Boolean(entries[0] && entries[0].isIntersecting);\r\n        updateStickyCta();\r\n      }, { threshold: 0.05 });\r\n      actionObserver.observe(primaryActions);\r\n    }\r\n\r\n    const initialParams = new URLSearchParams(window.location.search);\r\n    const initialBrand = initialParams.get(\"hx_brand\");\r\n    const initialPart = initialParams.get(\"hx_part\");\r\n    if (initialBrand && initialPart && Object.prototype.hasOwnProperty.call(brandLabels, initialBrand)) {\r\n      manufacturer.value = initialBrand;\r\n      partInput.value = initialPart;\r\n      runSearch();\r\n    }\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Connector Cross-Reference Find Your HYSF Equivalent Enter the manufacturer and part number you use today. Get an instant HYSF cross-reference for supported subsea connector families, or send an unknown model to our engineers for review. Search by current part number Current manufacturer Select manufacturerSubConnSEACONBurtonImpulseBlue RoboticsODI \/ Ocean DesignTeledyneOther Part number Find Equivalent \u2192 Spaces, hyphens [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8494","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/hysfsubsea.com\/nb\/wp-json\/wp\/v2\/pages\/8494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hysfsubsea.com\/nb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hysfsubsea.com\/nb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hysfsubsea.com\/nb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hysfsubsea.com\/nb\/wp-json\/wp\/v2\/comments?post=8494"}],"version-history":[{"count":4,"href":"https:\/\/hysfsubsea.com\/nb\/wp-json\/wp\/v2\/pages\/8494\/revisions"}],"predecessor-version":[{"id":8498,"href":"https:\/\/hysfsubsea.com\/nb\/wp-json\/wp\/v2\/pages\/8494\/revisions\/8498"}],"wp:attachment":[{"href":"https:\/\/hysfsubsea.com\/nb\/wp-json\/wp\/v2\/media?parent=8494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}