/* Below-grate application: a quiet, once-through explanation, alongside real photos. */
.why-evidence{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:64px}
.product-explainer{min-width:0;align-self:start;scroll-margin-top:150px}
.explainer-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:0}
.explainer-tabs button{font-size:17px;font-weight:600;padding:12px 0 15px;border-bottom:3px solid transparent;margin-bottom:-1px;min-height:48px;color:var(--muted)}
.explainer-tabs button[aria-selected=true]{color:var(--red);border-color:var(--red)}
.explainer-tabs button:hover{color:var(--red)}
.product-explainer [role=tabpanel][hidden]{display:none}
.inlet-demo{background:#f5f4f0;border:1px solid #e6e6de;border-top:0}
.inlet-demo-heading{padding:27px 28px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.inlet-demo-heading h3{font-size:29px;line-height:1.2;letter-spacing:-.025em}
.inlet-demo-heading p{font-size:14px;line-height:1.5;color:var(--muted);margin-top:10px}
.inlet-playback{display:flex;align-items:center;gap:7px;min-height:44px;font-size:14px;font-weight:500;color:var(--ink);padding:7px 10px;border:1px solid #c8ccc5;background:transparent;white-space:nowrap}
.inlet-playback[hidden]{display:none}
.inlet-playback:hover{background:white;border-color:#929b94}
.inlet-playback svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.inlet-diagram{display:block;width:100%;height:auto;overflow:visible;margin:4px 0 0}
.inlet-annotation{font-family:var(--font);font-size:20px;fill:#59645f;letter-spacing:0}
.inlet-annotation path{fill:none;stroke:#909b94;stroke-width:1.2}
.inlet-inflow{opacity:.82}
.inlet-outflow{opacity:.85}
.inlet-number circle{fill:#f5f4f0;stroke:#9ba69d;stroke-width:1.6}
.inlet-number text{text-anchor:middle;fill:#5f6962;font-family:var(--font);font-size:18px;font-weight:600}
.inlet-number.is-active circle{fill:var(--red);stroke:var(--red)}
.inlet-number.is-active text{fill:white}
.inlet-steps{list-style:none;padding:0 28px;margin:0 0 25px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.inlet-steps li{border-top:2px solid #d9dcd5;padding-top:12px;position:relative}
.inlet-steps li>span{font-size:12px;font-weight:600;letter-spacing:.06em;color:#6a736c;display:block;margin-bottom:5px}
.inlet-steps strong{font-size:17px;font-weight:600;line-height:1.35;display:block;letter-spacing:-.015em}
.inlet-steps p{font-size:14px;color:var(--muted);line-height:1.45;margin-top:6px}
.inlet-steps li.is-active{border-top-color:var(--red)}
.inlet-steps li.is-active>span{color:var(--red)}
.inlet-progress{height:2px;background:#e0e3dc;overflow:hidden}
.inlet-progress span{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left center}
.inlet-note{font-size:13px;line-height:1.5;color:var(--muted);padding:11px 28px}
.product-explainer .why-testing-photo{margin:0;min-height:0}
.product-explainer .why-testing-photo img{aspect-ratio:1.37;object-fit:contain;background:white}
.product-explainer .production-controls{flex-wrap:wrap}
@media(max-width:1100px){.why-evidence{gap:36px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.inlet-demo-heading{padding:24px 22px 0}.inlet-demo-heading h3{font-size:26px}.inlet-steps{padding:0 22px;gap:12px}.inlet-steps strong{font-size:16px}.inlet-steps p{font-size:13px}.inlet-note{padding:10px 22px}}
@media(max-width:850px){.why-evidence{grid-template-columns:1fr;gap:34px}.why-support{display:grid;grid-template-columns:1fr 1fr;gap:32px}.why-reason+.why-reason{margin:0;padding:0;border:0}.inlet-demo-heading{padding:28px 30px 0}.inlet-demo-heading h3{font-size:30px}.inlet-steps{padding:0 30px;gap:24px}.inlet-steps strong{font-size:18px}.inlet-steps p{font-size:15px}.inlet-note{padding:12px 30px}}
@media(max-width:600px){.product-explainer{scroll-margin-top:110px}.explainer-tabs{gap:26px}.explainer-tabs button{font-size:16px}.inlet-demo-heading{padding:22px 20px 0;gap:10px;flex-wrap:wrap}.inlet-demo-heading>div{flex-basis:100%}.inlet-demo-heading h3{font-size:25px}.inlet-demo-heading p{font-size:13px;max-width:210px}.inlet-playback{font-size:13px;padding:7px 9px;margin-top:2px}.inlet-diagram{margin:11px 0 0}.inlet-annotation{font-size:26px}.inlet-steps{padding:0 20px;margin-bottom:20px;grid-template-columns:1fr;gap:0}.inlet-steps li{display:grid;grid-template-columns:27px 1fr;column-gap:5px;border-top:0;border-left:2px solid #d9dcd5;padding:10px 0 10px 12px}.inlet-steps li+li{margin-top:6px}.inlet-steps li>span{font-size:13px;margin:0;grid-column:1;grid-row:1;line-height:25px}.inlet-steps strong{font-size:17px;grid-column:2;grid-row:1;line-height:25px}.inlet-steps p{font-size:14px;grid-column:2;margin-top:1px}.inlet-steps li.is-active{border-left-color:var(--red)}.inlet-note{font-size:12px;padding:11px 20px}.why-support{grid-template-columns:1fr;gap:0}.why-reason+.why-reason{margin-top:25px;padding-top:27px;border-top:1px solid var(--line)}}