.wt-page {
  --wt-ink: #0b1925;
  --wt-paper: #eef2f4;
  --wt-steel: #dfe7ec;
  --wt-line: #bcc9d1;
  --wt-muted: #536572;
  --wt-green: #9acde2;
  --wt-green-dark: #245f7e;
  --wt-red: #245f7e;
  overflow: clip;
  background: var(--wt-paper);
  color: var(--wt-ink);
}

.wt-page * { min-width: 0; }
.wt-page .section-inner { width: min(calc(100% - 48px), 1280px); margin-inline: auto; }
.wt-page .section-kicker { margin: 0 0 13px; color: #245f7e; font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.wt-section { scroll-margin-top: 92px; padding: 92px 0; }
.wt-section-head { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(310px, .7fr); gap: 36px 76px; align-items: end; margin-bottom: 48px; }
.wt-section-head h2, .wt-control-copy h2, .wt-production-copy h2, .wt-quote-prep h2, .wt-quote-copy h2, .wt-principle-copy h2 { margin: 0; font-size: clamp(2.1rem, 4vw, 4rem); line-height: 1.02; letter-spacing: -.045em; }
.wt-section-head > p, .wt-control-copy > p, .wt-production-copy > p, .wt-quote-copy > p { margin: 0; color: var(--wt-muted); line-height: 1.7; }

.wt-hero { padding: 66px 0 62px; border-bottom: 1px solid var(--wt-line); background: #e7eef2; }
.wt-hero-grid { display: grid; grid-template-columns: minmax(0, .88fr) minmax(430px, .82fr); grid-template-areas: "copy machine" "details machine"; gap: 34px 54px; align-items: center; }
.wt-hero-copy { grid-area: copy; }
.wt-hero-machine { grid-area: machine; margin: 0; border: 1px solid #aebbbc; background: #fff; box-shadow: 18px 18px 0 #c9dde7; }
.wt-hero-details { grid-area: details; align-self: start; }
.wt-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 34px; color: #50656e; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.wt-breadcrumb a { color: #294956; }
.wt-hero h1 { max-width: 720px; margin: 0; font-size: clamp(3rem, 5.8vw, 5.2rem); line-height: .94; letter-spacing: -.055em; }
.wt-material-labels { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.wt-material-labels span { padding: 7px 9px; border: 1px solid #9eacad; background: #f5f7f5; color: #27434f; font-size: .72rem; font-weight: 850; }
.wt-hero-image-frame { display: grid; min-height: 560px; place-items: center; padding: 16px; }
.wt-hero-image-frame img { width: 100%; max-height: 610px; object-fit: contain; }
.wt-hero-machine figcaption { display: flex; justify-content: space-between; gap: 18px; padding: 17px 20px; border-top: 5px solid #6fa9c2; background: #dfe7ec; }
.wt-hero-machine figcaption span { color: #245f7e; font-weight: 900; text-transform: uppercase; }
.wt-hero-machine figcaption strong { color: #17303a; text-align: right; }
.wt-hero-lead { margin: 0; color: #3f5660; font-size: 1.02rem; line-height: 1.65; }
.wt-hero-note { display: grid; gap: 5px; margin-top: 20px; padding: 15px 17px; border-left: 5px solid var(--wt-red); background: #d9e9f1; }
.wt-hero-note strong { color: #102b3c; }
.wt-hero-note span { color: #5c6262; font-size: .83rem; line-height: 1.5; }
.wt-hero .button-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }

.wt-signal-strip { background: #dfe7ec; }
.wt-signal-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.wt-signal-grid article { padding: 21px 23px; border-right: 1px solid #aebbbc; }
.wt-signal-grid article:first-child { border-left: 1px solid #aebbbc; }
.wt-signal-grid span { display: block; margin-bottom: 6px; color: #536870; font-size: .68rem; font-weight: 850; text-transform: uppercase; }
.wt-signal-grid strong { color: #263c46; font-size: .96rem; }
.wt-page-nav { border-bottom: 1px solid var(--wt-line); background: #e7eef2; }
.wt-page-nav .section-inner { display: flex; overflow-x: auto; }
.wt-page-nav a { flex: 0 0 auto; padding: 15px 18px; border-right: 1px solid var(--wt-line); color: #29434f; font-size: .78rem; font-weight: 800; text-decoration: none; }

.wt-fit { background: #eef2f4; }
.wt-fit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.wt-fit-card { align-self: start; padding: 34px; border: 1px solid var(--wt-line); background: #fff; }
.wt-fit-card.is-match { border-top: 6px solid #245f7e; }
.wt-fit-card.is-mismatch { border-top: 6px solid var(--wt-red); }
.wt-card-tag { display: inline-block; margin-bottom: 20px; color: #51656d; font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.wt-fit-card h3 { margin: 0 0 18px; font-size: clamp(1.35rem, 2vw, 1.9rem); }
.wt-fit-card ul { display: grid; gap: 10px; margin: 0; padding-left: 20px; color: #465a63; line-height: 1.55; }

.wt-principle { background: #fff; }
.wt-principle .section-inner { display: grid; gap: 42px; }
.wt-principle-copy > p:not(.section-kicker) { max-width: 880px; color: var(--wt-muted); line-height: 1.7; }
.wt-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 34px 0 0; padding: 0; list-style: none; }
.wt-flow li { display: grid; grid-template-columns: 52px 1fr; gap: 16px; padding: 20px; border: 1px solid var(--wt-line); background: #f7f8f5; }
.wt-flow li > span { color: #245f7e; font-family: monospace; font-weight: 900; }
.wt-flow strong { display: block; margin-bottom: 5px; }
.wt-flow p { margin: 0; color: var(--wt-muted); font-size: .9rem; line-height: 1.5; }
.wt-principle-media { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: start; }
.wt-principle-media figure, .wt-live-grid figure, .wt-production-media figure { align-self: start; margin: 0; border: 1px solid var(--wt-line); background: #f7f8f5; }
.wt-principle-media img, .wt-live-grid img, .wt-production-media img { width: 100%; }
.wt-principle-media figcaption, .wt-live-grid figcaption, .wt-production-media figcaption { padding: 14px 16px; border-top: 1px solid var(--wt-line); color: #4f646c; font-size: .82rem; line-height: 1.5; }

.wt-models { background: #dfe7ec; }
.wt-selection-rule { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 16px; align-items: center; margin-bottom: 28px; }
.wt-selection-rule article { align-self: start; padding: 24px; border: 1px solid #aebbbc; background: #f6f8f6; }
.wt-selection-rule article.is-result { border-color: #6fa9c2; background: #d9e9f1; }
.wt-selection-rule article > span { display: block; margin-bottom: 15px; color: #245f7e; font-family: monospace; font-weight: 900; }
.wt-selection-rule strong { display: block; margin-bottom: 8px; }
.wt-selection-rule p { margin: 0; color: #50656d; font-size: .88rem; line-height: 1.5; }
.wt-selection-rule > div { color: #245f7e; font-size: 1.5rem; font-weight: 900; }
.wt-page .af-unit-bar { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin: 28px 0 18px; padding: 18px 20px; border: 1px solid #aebbbc; background: #edf1ef; }
.wt-page .af-unit-label { display: block; margin-bottom: 3px; color: #245f7e; font-size: .73rem; font-weight: 880; text-transform: uppercase; }
.wt-page .af-unit-bar p { margin: 0; color: #52666e; font-size: .82rem; }
.wt-page .af-unit-toggle { display: flex; padding: 3px; border: 1px solid #8e9fa2; }
.wt-page .af-unit-toggle button { min-width: 88px; padding: 9px 13px; border: 0; background: transparent; color: #2d4854; font-weight: 850; cursor: pointer; }
.wt-page .af-unit-toggle button.is-active { background: var(--wt-green); color: #0b1925; }
.wt-table-wrap { overflow-x: auto; border: 1px solid #aebbbc; background: #fff; }
.wt-table-wrap table { width: 100%; min-width: 850px; border-collapse: collapse; color: #152b35; font-variant-numeric: tabular-nums; }
.wt-table-wrap caption { padding: 15px 18px; background: #dbe3e0; color: #233c47; font-size: .76rem; text-align: left; }
.wt-table-wrap th, .wt-table-wrap td { padding: 17px 18px; border-right: 1px solid #d0d9da; border-bottom: 1px solid #d0d9da; color: #1a303a; text-align: left; white-space: nowrap; }
.wt-table-wrap thead th { background: #edf1ef; color: #425962; font-size: .71rem; text-transform: uppercase; }
.wt-table-wrap tbody th { color: #245f7e; }
.wt-model-notes { display: grid; grid-template-columns: minmax(0, 640px); margin-top: 20px; }
.wt-model-notes article { padding: 20px; border-top: 3px solid #245f7e; background: #f7f9f6; }
.wt-model-notes p { margin: 7px 0 0; color: #53676f; font-size: .84rem; }

.wt-control { background: #e7eef2; }
.wt-control-grid { display: grid; grid-template-columns: minmax(600px, 1.05fr) minmax(0, .75fr); gap: 52px; align-items: start; }
.wt-control-figure { align-self: start; margin: 0; border: 1px solid var(--wt-line); background: #fff; }
.wt-control-figure img { width: 100%; }
.wt-control-figure figcaption { padding: 14px 17px; border-top: 1px solid var(--wt-line); color: var(--wt-muted); font-size: .82rem; }
.wt-control-copy > p:not(.section-kicker) { margin-top: 20px; }
.wt-technical-key { margin-top: 28px; padding: 24px; border: 1px solid #bfc6c1; border-left: 6px solid #245f7e; background: #fff; }
.wt-technical-key > strong { display: block; margin-bottom: 14px; text-transform: uppercase; }
.wt-technical-key dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 18px; margin: 0 0 16px; }
.wt-technical-key dl > div { padding: 12px 13px; border: 1px solid #dce1dd; background: #f7f8f5; }
.wt-technical-key dt { margin-bottom: 5px; color: #21343e; font-size: .73rem; font-weight: 850; }
.wt-technical-key dd { margin: 0; color: #465b63; font-size: .8rem; line-height: 1.45; }
.wt-technical-key small { color: #61747b; }
.wt-response-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 48px; border-top: 1px solid var(--wt-line); border-left: 1px solid var(--wt-line); }
.wt-response-flow article { padding: 24px; border-right: 1px solid var(--wt-line); border-bottom: 1px solid var(--wt-line); background: #f7f8f5; }
.wt-response-flow article > span { display: block; margin-bottom: 18px; color: #245f7e; font-family: monospace; font-weight: 900; }
.wt-response-flow h3 { margin: 0 0 8px; font-size: 1.03rem; }
.wt-response-flow p { margin: 0; color: var(--wt-muted); font-size: .82rem; line-height: 1.5; }

.wt-configurations { background: #fff; }
.wt-config-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 22px; align-items: start; }
.wt-config-grid figure { display: grid; align-self: start; margin: 0; border: 1px solid var(--wt-line); background: #f5f6f3; }
.wt-config-grid figure.is-primary { grid-column: span 6; grid-template-columns: 1fr; }
.wt-config-grid figure.is-supporting { grid-column: span 6; grid-template-columns: minmax(448px, 1fr) minmax(0, 1fr); }
.wt-config-grid figure > div { padding: 14px; background: #fff; }
.wt-config-grid img { width: 100%; object-fit: contain; }
.wt-config-grid figcaption { display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 20px; border-left: 1px solid var(--wt-line); }
.wt-config-grid figure.is-primary figcaption { border-top: 1px solid var(--wt-line); border-left: 0; }
.wt-config-grid figcaption span { color: #245f7e; font-size: .68rem; font-weight: 850; text-transform: uppercase; }
.wt-config-grid figcaption strong { color: #172f39; line-height: 1.35; }

.wt-integration { background: #dfe7ec; }
.wt-integration-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: start; margin-bottom: 44px; }
.wt-integration-grid article { align-self: start; padding: 26px; border: 1px solid #aebbbc; background: #f7f8f6; }
.wt-integration-grid article > span { display: inline-block; margin-bottom: 34px; padding: 7px 9px; background: var(--wt-green); color: #0b1925; font-family: monospace; font-weight: 900; }
.wt-integration-grid h3 { margin: 0 0 10px; font-size: 1.3rem; }
.wt-integration-grid p { margin: 0; color: #4e636b; line-height: 1.6; }
.wt-live-grid { display: grid; grid-template-columns: minmax(560px, 2fr) minmax(320px, .85fr); gap: 22px; align-items: start; }
.wt-live-grid figcaption { display: grid; gap: 5px; }
.wt-live-grid figcaption strong { color: #18313b; }

.wt-production { background: #e7eef2; }
.wt-production-grid { display: grid; gap: 54px; }
.wt-production-copy > p:not(.section-kicker) { margin-top: 20px; }
.wt-production-copy dl { display: grid; margin: 30px 0 0; }
.wt-production-copy dl > div { padding: 16px 0; border-top: 1px solid var(--wt-line); }
.wt-production-copy dt { margin-bottom: 4px; color: #245f7e; font-size: .75rem; font-weight: 850; text-transform: uppercase; }
.wt-production-copy dd { margin: 0; color: #53676f; line-height: 1.5; }
.wt-after-sales { margin-top: 28px; padding: 20px; border: 1px solid #cdd4cf; border-left: 5px solid #245f7e; background: #fff; }
.wt-after-sales p { margin: 8px 0 0; color: #53676f; font-size: .84rem; line-height: 1.6; }
.wt-production-media { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 12px; align-items: start; }
.wt-production-media figure:first-child { grid-column: span 6; }
.wt-production-media figure:nth-child(n+2) { grid-column: span 3; }

.wt-quote-prep { background: #c9e1ec; }
.wt-quote-prep header { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 54px; align-items: end; margin-bottom: 42px; }
.wt-quote-prep .section-kicker { margin: 0; color: #245f7e; }
.wt-data-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; border-top: 1px solid #7ca2b7; border-left: 1px solid #7ca2b7; list-style: none; }
.wt-data-list li { padding: 25px; border-right: 1px solid #7ca2b7; border-bottom: 1px solid #7ca2b7; }
.wt-data-list li > span { display: block; margin-bottom: 28px; font-family: monospace; font-weight: 900; }
.wt-data-list strong { display: block; margin-bottom: 8px; }
.wt-data-list p { margin: 0; color: #304b5a; font-size: .86rem; line-height: 1.5; }

.wt-faq { background: #f6f7f4; }
.wt-faq-list { display: grid; border-top: 1px solid var(--wt-line); }
.wt-faq-list details { border-bottom: 1px solid var(--wt-line); background: #fff; }
.wt-faq-list summary { display: grid; grid-template-columns: 48px 1fr auto; gap: 16px; align-items: center; padding: 23px 26px; color: #172f39; cursor: pointer; font-weight: 850; list-style: none; }
.wt-faq-list summary::after { color: #245f7e; content: "+"; font-size: 1.35rem; }
.wt-faq-list details[open] summary::after { content: "−"; }
.wt-faq-list summary span { color: #245f7e; font-family: monospace; }
.wt-faq-list details p { max-width: 900px; margin: -4px 72px 24px 90px; color: var(--wt-muted); line-height: 1.7; }

.wt-quote { background: #dfe7ec; }
.wt-quote-grid { display: grid; grid-template-columns: minmax(300px, .62fr) minmax(0, 1.38fr); gap: 56px; align-items: start; }
.wt-quote-copy > p:not(.section-kicker) { margin-top: 20px; }
.wt-quote-copy ul { display: grid; gap: 10px; padding-left: 20px; color: #405761; line-height: 1.55; }
.wt-page .hnl-inquiry-form { background: #f8f9f7; color: #10232d; }

@media (max-width: 1080px) {
  .wt-hero-grid { grid-template-columns: minmax(0, .9fr) minmax(370px, .8fr); gap: 28px 40px; }
  .wt-control-grid { grid-template-columns: minmax(470px, 1fr) minmax(0, .85fr); gap: 40px; }
  .wt-response-flow, .wt-data-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wt-config-grid figure.is-supporting { grid-template-columns: 1fr; }
  .wt-config-grid figcaption { border-top: 1px solid var(--wt-line); border-left: 0; }
}

@media (max-width: 820px) {
  .wt-hero-grid { grid-template-columns: 1fr; grid-template-areas: "copy" "machine" "details"; }
  .wt-hero-machine { width: min(100%, 610px); }
  .wt-hero-image-frame { min-height: 0; }
  .wt-signal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wt-section { padding: 70px 0; }
  .wt-section-head, .wt-control-grid, .wt-quote-prep header, .wt-quote-grid { grid-template-columns: 1fr; }
  .wt-fit-grid, .wt-integration-grid, .wt-selection-rule { grid-template-columns: 1fr; }
  .wt-selection-rule > div { transform: rotate(90deg); justify-self: center; }
  .wt-page .af-unit-bar { align-items: flex-start; flex-direction: column; }
  .wt-principle-media, .wt-live-grid, .wt-flow { grid-template-columns: 1fr; }
  .wt-config-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wt-config-grid figure.is-primary { grid-column: 1 / -1; }
  .wt-config-grid figure.is-supporting { grid-column: span 1; }
  .wt-production-media figure:first-child { grid-column: 1 / -1; }
  .wt-production-media figure:nth-child(n+2) { grid-column: span 6; }
}

@media (max-width: 560px) {
  .wt-page .section-inner { width: min(calc(100% - 28px), 1280px); }
  .wt-hero { padding: 38px 0 44px; }
  .wt-hero h1 { font-size: clamp(2.4rem, 11.5vw, 3.35rem); }
  .wt-hero .button-row, .wt-hero .button-row .button { width: 100%; }
  .wt-signal-grid, .wt-response-flow, .wt-production-media, .wt-data-list { grid-template-columns: 1fr; }
  .wt-signal-grid article { border-left: 1px solid #aebbbc; border-bottom: 1px solid #aebbbc; }
  .wt-section { padding: 58px 0; }
  .wt-page .af-unit-toggle, .wt-page .af-unit-toggle button { width: 100%; }
  .wt-technical-key dl { grid-template-columns: 1fr; }
  .wt-config-grid { grid-template-columns: 1fr; }
  .wt-config-grid figure.is-primary, .wt-config-grid figure.is-supporting { grid-column: 1; }
  .wt-production-media figure:first-child, .wt-production-media figure:nth-child(n+2) { grid-column: 1; }
  .wt-faq-list details p { margin: -4px 22px 24px 22px; }
}
/* The source layout already defines section-level anchor clearance. */
html:has(.wt-page){scroll-padding-top:0}
.wt-image-zoom { position: relative; display: block; overflow: hidden; color: #fff; text-decoration: none; }
.wt-image-zoom span { position: absolute; right: 14px; bottom: 14px; padding: 9px 12px; background: rgb(7 19 29 / 88%); color: #fff; font-size: .72rem; font-weight: 850; }
.wt-image-zoom:focus-visible { outline: 3px solid #245f7e; outline-offset: 3px; }