#njp-test-page {
  --rp-font: "Plus Jakarta Sans", Arial, Helvetica, sans-serif;
  --rp-blue: #1e3252; --rp-red: #c8102e; --rp-green: #008447;
  --rp-ink: #23282f; --rp-muted: #59636e; --rp-gray: #f5f5f5;
  --rp-border: #dedede; --rp-gutter: clamp(16px, 3cqw, 40px);
  container: test-page / inline-size; color-scheme: light;
  width: 100%; max-width: 1360px; margin-inline: auto; background: #fff;
  color: var(--rp-ink); font: 400 16px/1.7 var(--rp-font);
  overflow-wrap: normal; word-break: normal; hyphens: none;
}
#njp-test-page *, #njp-test-page *::before, #njp-test-page *::after { box-sizing: border-box; }
#njp-test-page h1, #njp-test-page h2, #njp-test-page h3, #njp-test-page p, #njp-test-page figure { margin: 0; }
#njp-test-page h1, #njp-test-page h2, #njp-test-page h3 { font-family: var(--rp-font); color: var(--rp-blue); font-weight: 600; text-wrap: balance; }
#njp-test-page h1 { font-size: clamp(36px, 5.1cqw, 66px); line-height: 1.11; letter-spacing: -.045em; }
#njp-test-page h2 { font-size: clamp(27px, 3.2cqw, 40px); line-height: 1.24; letter-spacing: -.035em; }
#njp-test-page h3 { font-size: 21px; line-height: 1.4; letter-spacing: -.025em; }
#njp-test-page p { text-wrap: pretty; }
#njp-test-page a { color: inherit; text-underline-offset: 4px; }
#njp-test-page img { display: block; max-width: 100%; }
#njp-test-page button, #njp-test-page input, #njp-test-page select, #njp-test-page textarea { font: inherit; }
#njp-test-page button { max-width: 100%; }
#njp-test-page button:disabled { opacity: 1; -webkit-text-fill-color: currentColor; cursor: default; }
#njp-test-page [hidden] { display: none !important; }
#njp-test-page section { scroll-margin-top: 24px; }
#njp-test-page .rp-shell { padding-inline: var(--rp-gutter); }
#njp-test-page .rp-review { display: flex; flex-wrap: wrap; gap: 5px 24px; justify-content: space-between; padding: 14px 112px 10px var(--rp-gutter); color: #737b84; font-size: 11px; line-height: 1.6; letter-spacing: .07em; text-transform: uppercase; }
#njp-test-page .rp-header-top { display: grid; grid-template-columns: 210px minmax(0,1fr); grid-template-areas: "logo contacts" "logo actions"; align-items: center; gap: 12px 24px; padding: 18px 0 25px; }
#njp-test-page .rp-logo { grid-area: logo; position: relative; width: 206px; max-width: 100%; aspect-ratio: 670 / 340; overflow: hidden; }
#njp-test-page .rp-logo img { position: absolute; width: 149.253732%; max-width: none; height: auto; left: -24.626866%; top: -94.117647%; }
#njp-test-page .rp-contacts { grid-area: contacts; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px 22px; color: var(--rp-muted); font-size: 12px; line-height: 1.5; }
#njp-test-page .rp-contacts a { text-decoration: none; white-space: nowrap; }
#njp-test-page .rp-header-actions { grid-area: actions; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 12px 24px; }
#njp-test-page .rp-text-link { border: 0; background: transparent; color: #303944; padding: 8px 0; text-decoration: none; font-size: 14px; font-weight: 600; line-height: 1.5; text-align: left; }
#njp-test-page .rp-nav { display: flex; align-items: stretch; justify-content: space-between; gap: 14px; border-block: 1px solid #e1e5e9; }
#njp-test-page .rp-nav > * { position: relative; display: flex; align-items: center; flex: 0 0 auto; min-width: 0; min-height: 62px; padding: 15px 0; border: 0; background: transparent; color: #303944; font-size: 16px; font-weight: 600; line-height: 1.45; text-decoration: none; white-space: nowrap; }
#njp-test-page .rp-nav [aria-current="page"] { color: var(--rp-red); }
#njp-test-page .rp-nav [aria-current="page"]::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 44px; height: 3px; border-radius: 3px 3px 0 0; background: var(--rp-red); }
#njp-test-page .rp-nav .rp-catalog-link { color: var(--rp-red); }
#njp-test-page .rp-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 50px; padding: 13px 24px; border: 1px solid var(--rp-blue); border-radius: 999px; background: var(--rp-blue); color: #fff; font-size: 14px; font-weight: 600; line-height: 1.45; text-align: center; text-decoration: none; box-shadow: 0 4px 12px #253c5010; }
#njp-test-page .rp-quote { background: var(--rp-green); border-color: var(--rp-green); color: #fff; white-space: nowrap; box-shadow: 0 5px 14px #00894920; }
#njp-test-page .rp-send { background: var(--rp-red); border-color: var(--rp-red); }
#njp-test-page .rp-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; padding: 21px 2px; color: var(--rp-muted); font-size: 12px; }
#njp-test-page .rp-breadcrumb span:last-child { color: var(--rp-blue); }
#njp-test-page .rp-hero { position: relative; isolation: isolate; display: grid; min-height: 520px; min-height: clamp(490px,45cqw,570px); overflow: hidden; border-radius: 30px; background: #142238; box-shadow: 0 12px 32px #12213715; }
#njp-test-page .rp-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 58% 50%; }
#njp-test-page .rp-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; background: linear-gradient(90deg, #08162cef 0%, #101f36db 26%, #101f36a8 46%, #101f362b 76%, #101f360a 100%), linear-gradient(0deg, #101f3660, transparent 50%); }
#njp-test-page .rp-hero-copy { grid-area: 1 / 1; position: relative; z-index: 1; align-self: center; min-width: 0; padding: clamp(30px,4.4cqw,60px); }
#njp-test-page .rp-hero h1 { max-width: 9.6em; color: #fff; text-wrap: initial; }
#njp-test-page .rp-eyebrow { display: flex; align-items: center; gap: 9px; margin-bottom: 17px; color: var(--rp-red); font-size: 11px; font-weight: 600; line-height: 1.6; letter-spacing: .12em; text-transform: uppercase; }
#njp-test-page .rp-eyebrow::before { content: ""; flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
#njp-test-page .rp-hero .rp-eyebrow { color: #fff; }
#njp-test-page .rp-hero-copy > p { max-width: 370px; margin-top: 24px; color: #fff; font-size: 16px; line-height: 1.8; }
#njp-test-page .rp-hero .rp-button { margin-top: 30px; }
#njp-test-page .rp-hero-note { display: block; margin-top: 30px; color: #e5eaf2; font-size: 12px; }
#njp-test-page .rp-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.08fr); align-items: start; gap: 56px; padding: 64px 8px 38px; }
#njp-test-page .rp-intro p { margin-top: 2px; color: var(--rp-muted); font-size: 16px; line-height: 1.85; }
#njp-test-page .rp-agreements { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; padding: 0 8px 64px; }
#njp-test-page .rp-agreement { padding-top: 17px; border-top: 1px solid var(--rp-border); }
#njp-test-page .rp-agreement h3 { display: flex; align-items: center; gap: 11px; margin-bottom: 9px; font-size: 18px; }
#njp-test-page .rp-agreement h3 span { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex: 0 0 24px; border: 1px solid var(--rp-red); color: var(--rp-red); border-radius: 50%; font-size: 12px; }
#njp-test-page .rp-agreement p { color: var(--rp-muted); font-size: 14px; line-height: 1.75; }
#njp-test-page .rp-rfq { padding: clamp(24px,4cqw,48px); background: #eee; border: 1px solid #dedede; border-radius: 30px; box-shadow: 0 10px 28px #172d4610; }
#njp-test-page .rp-form-head { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 20px 32px; margin-bottom: 32px; }
#njp-test-page .rp-form-head p { margin-top: 13px; max-width: 49ch; color: #424e5b; font-size: 15px; }
#njp-test-page .rp-tag { display: inline-block; max-width: 100%; padding: 7px 13px; border: 1px solid var(--rp-red); border-radius: 999px; background: #fff; color: var(--rp-red); font-size: 11px; font-weight: 600; line-height: 1.6; }
#njp-test-page fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
#njp-test-page legend { display: block; width: 100%; margin-bottom: 16px; padding: 0; color: var(--rp-blue); font-size: 16px; font-weight: 600; }
#njp-test-page .rp-fields { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 18px 22px; }
#njp-test-page .rp-fields > * { min-width: 0; }
#njp-test-page .rp-fields .rp-wide { grid-column: 1 / -1; }
#njp-test-page label { display: flex; flex-direction: column; gap: 8px; color: #232b35; font-size: 13px; font-weight: 600; line-height: 1.6; }
#njp-test-page .rp-label-note { color: #5b6370; font-size: 12px; font-weight: 400; }
#njp-test-page input, #njp-test-page select, #njp-test-page textarea { width: 100%; min-width: 0; min-height: 51px; padding: 13px 18px; border: 1px solid #87929e; border-radius: 999px; background: #fff; color: #232b35; font-size: 16px; font-weight: 400; line-height: 1.5; box-shadow: inset 0 2px 3px #172d4604; }
#njp-test-page input::placeholder, #njp-test-page textarea::placeholder { color: #606b78; opacity: 1; }
#njp-test-page select { padding-right: 30px; }
#njp-test-page textarea { min-height: 110px; resize: vertical; border-radius: 22px; }
#njp-test-page .rp-upload { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px 28px; margin: 22px 0 30px; padding: 20px 22px; background: #e6e6e6; border-radius: 22px; }
#njp-test-page .rp-upload h3 { font-size: 16px; margin-bottom: 6px; }
#njp-test-page .rp-upload p { color: #555f6a; font-size: 12px; }
#njp-test-page .rp-files { width: 100%; margin-top: 8px; padding-left: 20px; color: var(--rp-muted); font-size: 13px; overflow-wrap: anywhere; }
#njp-test-page .rp-contact-fieldset { padding-top: 25px; border-top: 1px solid #cfd3d8; }
#njp-test-page .rp-submit-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px 26px; margin-top: 28px; }
#njp-test-page .rp-submit-row p { max-width: 54ch; color: #555f6a; font-size: 12px; }
#njp-test-page .rp-submit-row .rp-button { min-width: 169px; }
#njp-test-page .rp-form-status { margin-top: 18px; color: var(--rp-blue); font-size: 14px; font-weight: 500; }
#njp-test-page .rp-process { padding: 72px 8px; }
#njp-test-page .rp-section-top { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: end; gap: 40px; margin-bottom: 35px; }
#njp-test-page .rp-section-top p { color: var(--rp-muted); font-size: 15px; max-width: 48ch; }
#njp-test-page .rp-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 34px; margin: 0; padding: 0; list-style: none; }
#njp-test-page .rp-step { position: relative; min-width: 0; padding-top: 22px; border-top: 1px solid var(--rp-border); }
#njp-test-page .rp-step-number { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 22px; border-radius: 50%; background: var(--rp-gray); color: var(--rp-red); font-size: 13px; font-weight: 600; }
#njp-test-page .rp-step h3 { margin-bottom: 12px; font-size: 20px; }
#njp-test-page .rp-step p { color: var(--rp-muted); font-size: 14px; line-height: 1.8; }
#njp-test-page .rp-to-order { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); background: var(--rp-gray); border-radius: 30px; overflow: hidden; }
#njp-test-page .rp-to-order-image { width: 100%; height: 100%; min-height: 350px; object-fit: cover; object-position: center; }
#njp-test-page .rp-to-order-copy { align-self: center; padding: clamp(28px,3.6cqw,44px); }
#njp-test-page .rp-to-order-copy h2 { margin: 19px 0 18px; }
#njp-test-page .rp-to-order-copy p { color: var(--rp-muted); font-size: 15px; line-height: 1.8; }
#njp-test-page .rp-to-order-copy .rp-button { margin-top: 24px; }
#njp-test-page .rp-faq { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); align-items: start; gap: 56px; padding: 72px 8px; }
#njp-test-page .rp-faq details { border-bottom: 1px solid var(--rp-border); }
#njp-test-page .rp-faq details:first-child { border-top: 1px solid var(--rp-border); }
#njp-test-page .rp-faq summary { position: relative; padding: 20px 30px 20px 0; color: var(--rp-blue); font-size: 15px; font-weight: 600; line-height: 1.7; list-style: none; }
#njp-test-page .rp-faq summary::-webkit-details-marker { display: none; }
#njp-test-page .rp-faq summary::after { content: "+"; position: absolute; right: 2px; top: 17px; color: var(--rp-red); font-size: 22px; font-weight: 400; }
#njp-test-page .rp-faq details[open] summary::after { content: "−"; }
#njp-test-page .rp-faq details p { padding: 0 22px 22px 0; color: var(--rp-muted); font-size: 14px; line-height: 1.8; }
#njp-test-page .rp-footer { padding: 40px var(--rp-gutter) 26px; border-radius: 0; background: #2e3239; color: #fff; }
#njp-test-page .rp-footer-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr); gap: 35px; }
#njp-test-page .rp-footer-grid > div { min-width: 0; }
#njp-test-page .rp-footer .rp-logo { width: 196px; margin-bottom: 25px; }
#njp-test-page .rp-footer .rp-logo img { mix-blend-mode: lighten; filter: contrast(1.3); }
#njp-test-page .rp-footer h3 { margin: 6px 0 17px; color: #fff; font-size: 16px; line-height: 1.5; }
#njp-test-page .rp-footer-contacts { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 19px; font-size: 14px; line-height: 1.6; }
#njp-test-page .rp-footer-contacts a { overflow-wrap: anywhere; }
#njp-test-page .rp-footer address, #njp-test-page .rp-footer p { color: #c0c8d2; font-size: 13px; line-height: 1.9; font-style: normal; }
#njp-test-page .rp-footer .rp-text-link { display: block; margin-bottom: 4px; padding: 6px 0; color: #cbd3dc; font-size: 13px; font-weight: 500; }
#njp-test-page .rp-footer .rp-quote { margin-top: 22px; font-size: 13px; }
#njp-test-page .rp-footer-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px 28px; margin-top: 33px; padding-top: 23px; border-top: 1px solid #ffffff20; color: #b0bac7; font-size: 12px; line-height: 1.7; }
@container test-page (max-width: 879px) {
  #njp-test-page .rp-nav > * { font-size: 14px; }
  #njp-test-page .rp-intro { gap: 30px; }
  #njp-test-page .rp-agreements, #njp-test-page .rp-steps { gap: 22px; }
  #njp-test-page .rp-to-order { grid-template-columns: minmax(0,1fr); }
  #njp-test-page .rp-to-order-image { height: auto; min-height: 0; aspect-ratio: 2 / 1; }
  #njp-test-page .rp-to-order-copy { max-width: 640px; }
  #njp-test-page .rp-faq { gap: 32px; }
  #njp-test-page .rp-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
  #njp-test-page .rp-footer-grid > div:first-child { grid-column: 1 / -1; }
}
@container test-page (max-width: 699px) {
  #njp-test-page .rp-intro, #njp-test-page .rp-section-top, #njp-test-page .rp-faq { grid-template-columns: minmax(0,1fr); gap: 23px; }
  #njp-test-page .rp-intro { padding-top: 45px; }
  #njp-test-page .rp-agreements { gap: 22px; padding-bottom: 45px; }
  #njp-test-page .rp-agreement h3 { align-items: flex-start; flex-direction: column; font-size: 16px; }
  #njp-test-page .rp-agreement p { font-size: 13px; }
  #njp-test-page .rp-process, #njp-test-page .rp-faq { padding-block: 48px; }
  #njp-test-page .rp-steps { grid-template-columns: minmax(0,1fr); gap: 23px; }
  #njp-test-page .rp-step { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: start; column-gap: 18px; }
  #njp-test-page .rp-step-number { grid-row: 1 / 3; margin-bottom: 0; }
  #njp-test-page .rp-step p { grid-column: 2; }
  #njp-test-page .rp-step h3 { margin-bottom: 7px; }
}
@container test-page (max-width: 639px) {
  #njp-test-page .rp-header-top { grid-template-columns: minmax(0,1fr); grid-template-areas: "logo" "contacts" "actions"; gap: 17px; padding: 16px 0 24px; }
  #njp-test-page .rp-logo { width: 180px; }
  #njp-test-page .rp-contacts, #njp-test-page .rp-header-actions { justify-content: flex-start; }
  #njp-test-page .rp-header-actions { gap: 16px; }
  #njp-test-page .rp-header-actions .rp-button { margin-left: auto; }
  #njp-test-page .rp-nav { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; padding: 9px 0; }
  #njp-test-page .rp-nav > * { min-height: 44px; padding: 10px 0; font-size: 15px; white-space: normal; }
  #njp-test-page .rp-nav [aria-current="page"]::after { width: 3px; height: 21px; border-radius: 3px; bottom: auto; left: auto; right: 0; }
  #njp-test-page .rp-hero { display: flex; flex-direction: column; min-height: 0; }
  #njp-test-page .rp-hero::after { display: none; }
  #njp-test-page .rp-hero-copy { order: 0; padding: 30px 24px 29px; }
  #njp-test-page .rp-hero-image { position: static; order: 1; min-height: 0; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
  #njp-test-page .rp-hero h1 { font-size: clamp(33px,7.9cqw,48px); }
  #njp-test-page .rp-hero-copy > p { font-size: 15px; margin-top: 20px; }
  #njp-test-page .rp-hero-note { margin-top: 22px; }
  #njp-test-page .rp-agreements { grid-template-columns: minmax(0,1fr); gap: 19px; }
  #njp-test-page .rp-agreement h3 { flex-direction: row; align-items: center; font-size: 18px; }
  #njp-test-page .rp-agreement p { font-size: 14px; }
  #njp-test-page .rp-fields { grid-template-columns: minmax(0,1fr); }
  #njp-test-page .rp-form-head { gap: 18px; }
  #njp-test-page .rp-upload { padding: 19px; }
  #njp-test-page .rp-upload .rp-button { width: 100%; }
  #njp-test-page .rp-submit-row { flex-direction: column; align-items: stretch; }
  #njp-test-page .rp-to-order-image { aspect-ratio: 3 / 2; }
  #njp-test-page .rp-to-order-copy { padding: 27px 24px 30px; }
}
@container test-page (max-width: 399px) {
  #njp-test-page .rp-header-actions .rp-button { margin-left: 0; width: 100%; }
  #njp-test-page .rp-header-actions { column-gap: 26px; }
  #njp-test-page .rp-rfq { padding: 25px 18px; border-radius: 24px; }
  #njp-test-page .rp-footer-grid { grid-template-columns: minmax(0,1fr); }
  #njp-test-page .rp-hero-copy { padding-inline: 22px; }
  #njp-test-page .rp-review { padding-right: 104px; }
}

/* Legacy viewport fallbacks */
@supports not (container-type: inline-size) {
#njp-test-page { --rp-gutter: 24px; }
#njp-test-page h1 { font-size: 48px; }
#njp-test-page h2 { font-size: 34px; }
#njp-test-page .rp-hero-copy, #njp-test-page .rp-rfq { padding: 30px; }
#njp-test-page .rp-to-order-copy { padding: 30px; }
@media (max-width: 879px) {
  #njp-test-page .rp-nav > * { font-size: 14px; }
  #njp-test-page .rp-intro { gap: 30px; }
  #njp-test-page .rp-agreements, #njp-test-page .rp-steps { gap: 22px; }
  #njp-test-page .rp-to-order { grid-template-columns: minmax(0,1fr); }
  #njp-test-page .rp-to-order-image { height: auto; min-height: 0; aspect-ratio: 2 / 1; }
  #njp-test-page .rp-to-order-copy { max-width: 640px; }
  #njp-test-page .rp-faq { gap: 32px; }
  #njp-test-page .rp-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
  #njp-test-page .rp-footer-grid > div:first-child { grid-column: 1 / -1; }
}
@media (max-width: 699px) {
  #njp-test-page .rp-intro, #njp-test-page .rp-section-top, #njp-test-page .rp-faq { grid-template-columns: minmax(0,1fr); gap: 23px; }
  #njp-test-page .rp-intro { padding-top: 45px; }
  #njp-test-page .rp-agreements { gap: 22px; padding-bottom: 45px; }
  #njp-test-page .rp-agreement h3 { align-items: flex-start; flex-direction: column; font-size: 16px; }
  #njp-test-page .rp-agreement p { font-size: 13px; }
  #njp-test-page .rp-process, #njp-test-page .rp-faq { padding-block: 48px; }
  #njp-test-page .rp-steps { grid-template-columns: minmax(0,1fr); gap: 23px; }
  #njp-test-page .rp-step { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: start; column-gap: 18px; }
  #njp-test-page .rp-step-number { grid-row: 1 / 3; margin-bottom: 0; }
  #njp-test-page .rp-step p { grid-column: 2; }
  #njp-test-page .rp-step h3 { margin-bottom: 7px; }
}
@media (max-width: 639px) {
  #njp-test-page .rp-header-top { grid-template-columns: minmax(0,1fr); grid-template-areas: "logo" "contacts" "actions"; gap: 17px; padding: 16px 0 24px; }
  #njp-test-page .rp-logo { width: 180px; }
  #njp-test-page .rp-contacts, #njp-test-page .rp-header-actions { justify-content: flex-start; }
  #njp-test-page .rp-header-actions { gap: 16px; }
  #njp-test-page .rp-header-actions .rp-button { margin-left: auto; }
  #njp-test-page .rp-nav { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; padding: 9px 0; }
  #njp-test-page .rp-nav > * { min-height: 44px; padding: 10px 0; font-size: 15px; white-space: normal; }
  #njp-test-page .rp-nav [aria-current="page"]::after { width: 3px; height: 21px; border-radius: 3px; bottom: auto; left: auto; right: 0; }
  #njp-test-page .rp-hero { display: flex; flex-direction: column; min-height: 0; }
  #njp-test-page .rp-hero::after { display: none; }
  #njp-test-page .rp-hero-copy { order: 0; padding: 30px 24px 29px; }
  #njp-test-page .rp-hero-image { position: static; order: 1; min-height: 0; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
  #njp-test-page .rp-hero h1 { font-size: clamp(33px,7.9cqw,48px); }
  #njp-test-page .rp-hero-copy > p { font-size: 15px; margin-top: 20px; }
  #njp-test-page .rp-hero-note { margin-top: 22px; }
  #njp-test-page .rp-agreements { grid-template-columns: minmax(0,1fr); gap: 19px; }
  #njp-test-page .rp-agreement h3 { flex-direction: row; align-items: center; font-size: 18px; }
  #njp-test-page .rp-agreement p { font-size: 14px; }
  #njp-test-page .rp-fields { grid-template-columns: minmax(0,1fr); }
  #njp-test-page .rp-form-head { gap: 18px; }
  #njp-test-page .rp-upload { padding: 19px; }
  #njp-test-page .rp-upload .rp-button { width: 100%; }
  #njp-test-page .rp-submit-row { flex-direction: column; align-items: stretch; }
  #njp-test-page .rp-to-order-image { aspect-ratio: 3 / 2; }
  #njp-test-page .rp-to-order-copy { padding: 27px 24px 30px; }
}
@media (max-width: 399px) {
  #njp-test-page .rp-header-actions .rp-button { margin-left: 0; width: 100%; }
  #njp-test-page .rp-header-actions { column-gap: 26px; }
  #njp-test-page .rp-rfq { padding: 25px 18px; border-radius: 24px; }
  #njp-test-page .rp-footer-grid { grid-template-columns: minmax(0,1fr); }
  #njp-test-page .rp-hero-copy { padding-inline: 22px; }
  #njp-test-page .rp-review { padding-right: 104px; }
}

@media (max-width: 639px) { #njp-test-page .rp-hero h1 { font-size: 33px; } }

@media (max-width: 399px) { #njp-test-page { --rp-gutter: 16px; } #njp-test-page .rp-rfq { padding: 25px 18px; } }
}

/* Equipment page composition. */
#njp-test-page .ts-jumps { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 5px 28px; padding: 15px 8px; margin: 22px 0 0; border-bottom: 1px solid var(--rp-border); }
#njp-test-page .ts-jumps a { display: flex; justify-content: space-between; align-items: center; gap: 25px; min-height: 44px; color: var(--rp-blue); text-decoration: none; font-size: 14px; font-weight: 600; }
#njp-test-page .ts-jumps a span { color: var(--rp-red); }
#njp-test-page .ts-product { padding: 66px 8px 0; }
#njp-test-page .ts-product-head { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.9fr); align-items: end; gap: 35px; margin-bottom: 30px; }
#njp-test-page .ts-product-head p { max-width: 45ch; color: var(--rp-muted); font-size: 15px; }
#njp-test-page .ts-product-head h2 { font-size: clamp(32px,4cqw,49px); }
#njp-test-page .ts-product-layout { display: grid; grid-template-columns: minmax(0,1.16fr) minmax(0,.84fr); align-items: center; gap: 38px; }
#njp-test-page .ts-picture { border-radius: 28px; overflow: hidden; background: #eef0f2; }
#njp-test-page .ts-picture img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
#njp-test-page .ts-product-copy { min-width: 0; }
#njp-test-page .ts-product-copy h3 { margin: 20px 0 16px; font-size: clamp(23px,2.55cqw,31px); line-height: 1.35; }
#njp-test-page .ts-product-copy > p { color: var(--rp-muted); font-size: 15px; line-height: 1.8; }
#njp-test-page .ts-product-copy .rp-button { margin-top: 25px; }
#njp-test-page .ts-models { display: flex; flex-wrap: wrap; gap: 9px; }
#njp-test-page .ts-models .rp-tag { white-space: nowrap; }
#njp-test-page .ts-inclusions { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 30px; padding: 30px 0 0; margin: 32px 0 0; border-top: 1px solid var(--rp-border); }
#njp-test-page .ts-inclusions dt { margin-bottom: 8px; color: var(--rp-blue); font-size: 15px; font-weight: 600; }
#njp-test-page .ts-inclusions dt::before { content: ""; display: block; width: 17px; height: 2px; background: var(--rp-red); margin-bottom: 16px; }
#njp-test-page .ts-inclusions dd { margin: 0; color: var(--rp-muted); font-size: 13px; line-height: 1.8; }
#njp-test-page .ts-upgrade { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); align-items: center; gap: 30px; padding: 25px 28px; margin-top: 30px; border-radius: 22px; background: var(--rp-gray); }
#njp-test-page .ts-upgrade h3 { font-size: 18px; }
#njp-test-page .ts-upgrade p { color: var(--rp-muted); font-size: 14px; line-height: 1.75; }
#njp-test-page .ts-tooling { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 24px 40px; padding: 32px; margin: 58px 8px; background: var(--rp-gray); border-radius: 26px; }
#njp-test-page .ts-tooling h2 { font-size: clamp(24px,2.6cqw,31px); }
#njp-test-page .ts-tooling p { margin-top: 13px; max-width: 60ch; color: var(--rp-muted); font-size: 14px; line-height: 1.8; }
#njp-test-page .ts-tooling .rp-eyebrow { margin-bottom: 13px; }
#njp-test-page .ts-form-top { margin-bottom: 23px; }
#njp-test-page .ts-dependent { padding-top: 21px; margin-top: 21px; border-top: 1px solid #cfd3d8; }
#njp-test-page .ts-helper { margin: 13px 0 0; color: #4b5868; font-size: 13px; line-height: 1.7; }
#njp-test-page .ts-requirements { margin-top: 22px; }
#njp-test-page .ts-request-label { display: block; margin-bottom: 16px; color: var(--rp-blue); font-size: 16px; font-weight: 600; }
#njp-test-page .rp-upload h3 { max-width: 35ch; }
#njp-test-page .rp-form-head .rp-tag { flex-shrink: 0; }
@container test-page (max-width: 879px) {
  #njp-test-page .ts-product-layout { gap: 28px; grid-template-columns: minmax(0,1fr); }
  #njp-test-page .ts-product-copy { max-width: 650px; }
  #njp-test-page .ts-product-copy h3 { max-width: 25ch; }
  #njp-test-page .ts-picture { max-width: 760px; }
  #njp-test-page .ts-inclusions { gap: 25px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  #njp-test-page .ts-tooling { grid-template-columns: minmax(0,1fr); }
  #njp-test-page .ts-tooling .rp-button { justify-self: start; }
}
@container test-page (max-width: 699px) {
  #njp-test-page .ts-product-head { grid-template-columns: minmax(0,1fr); gap: 17px; }
  #njp-test-page .ts-upgrade { grid-template-columns: minmax(0,1fr); gap: 12px; }
  #njp-test-page .ts-product { padding-top: 45px; }
  #njp-test-page .ts-tooling { margin-block: 45px; padding: 26px; }
}
@container test-page (max-width: 639px) {
  #njp-test-page .ts-jumps { align-items: stretch; flex-direction: column; gap: 3px; padding: 12px 8px; }
  #njp-test-page .ts-jumps a { width: 100%; }
  #njp-test-page .ts-inclusions { gap: 25px 18px; }
  #njp-test-page .ts-upgrade { padding: 24px; }
  #njp-test-page .rp-form-head .rp-tag { flex-shrink: 1; }
}
@container test-page (max-width: 399px) {
  #njp-test-page .ts-inclusions { grid-template-columns: minmax(0,1fr); gap: 24px; }
  #njp-test-page .ts-product { padding-inline: 0; }
  #njp-test-page .ts-product-head h2 { font-size: 32px; }
  #njp-test-page .ts-tooling { margin-inline: 0; padding: 24px; }
}
@supports not (container-type: inline-size) {
#njp-test-page .ts-product-head h2 { font-size: 40px; }
#njp-test-page .ts-product-copy h3 { font-size: 27px; }
#njp-test-page .ts-tooling h2 { font-size: 29px; }
@media (max-width: 879px) {
  #njp-test-page .ts-product-layout { gap: 28px; grid-template-columns: minmax(0,1fr); }
  #njp-test-page .ts-product-copy { max-width: 650px; }
  #njp-test-page .ts-product-copy h3 { max-width: 25ch; }
  #njp-test-page .ts-picture { max-width: 760px; }
  #njp-test-page .ts-inclusions { gap: 25px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  #njp-test-page .ts-tooling { grid-template-columns: minmax(0,1fr); }
  #njp-test-page .ts-tooling .rp-button { justify-self: start; }
}
@media (max-width: 699px) {
  #njp-test-page .ts-product-head { grid-template-columns: minmax(0,1fr); gap: 17px; }
  #njp-test-page .ts-upgrade { grid-template-columns: minmax(0,1fr); gap: 12px; }
  #njp-test-page .ts-product { padding-top: 45px; }
  #njp-test-page .ts-tooling { margin-block: 45px; padding: 26px; }
}
@media (max-width: 639px) {
  #njp-test-page .ts-jumps { align-items: stretch; flex-direction: column; gap: 3px; padding: 12px 8px; }
  #njp-test-page .ts-jumps a { width: 100%; }
  #njp-test-page .ts-inclusions { gap: 25px 18px; }
  #njp-test-page .ts-upgrade { padding: 24px; }
  #njp-test-page .rp-form-head .rp-tag { flex-shrink: 1; }
}
@media (max-width: 399px) {
  #njp-test-page .ts-inclusions { grid-template-columns: minmax(0,1fr); gap: 24px; }
  #njp-test-page .ts-product { padding-inline: 0; }
  #njp-test-page .ts-product-head h2 { font-size: 32px; }
  #njp-test-page .ts-tooling { margin-inline: 0; padding: 24px; }
}

}


#njp-test-page .rp-logo { display: block; }