{"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\/ja\/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 and letter case do not affect the search. Try an example: MCBH8M Burton 5501-1508-0002 ODI-25 Series 8-Pin Bulkhead Match found Your cross-reference result Verified family match Current Model HYSF Model Pins Thread Rating Compatibility Compatibility evidence Use this checklist for preliminary evaluation. Final approval follows drawing and sample verification. Compare the original model and HYSF [&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\/ja\/wp-json\/wp\/v2\/pages\/8494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hysfsubsea.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hysfsubsea.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hysfsubsea.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hysfsubsea.com\/ja\/wp-json\/wp\/v2\/comments?post=8494"}],"version-history":[{"count":4,"href":"https:\/\/hysfsubsea.com\/ja\/wp-json\/wp\/v2\/pages\/8494\/revisions"}],"predecessor-version":[{"id":8498,"href":"https:\/\/hysfsubsea.com\/ja\/wp-json\/wp\/v2\/pages\/8494\/revisions\/8498"}],"wp:attachment":[{"href":"https:\/\/hysfsubsea.com\/ja\/wp-json\/wp\/v2\/media?parent=8494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}