PageSourceSearch

https://knockouttreat.com/

html knockouttreat.com collected 2026-10-08 05:24:09 UTC 85,221 bytes, 717 lines download raw bytes

1<!DOCTYPE html>
2
3<html lang="en">
4<head><meta charset="utf-8">
5
6<meta content="width=device-width, initial-scale=1" name="viewport"/>
7<title>Knock Out Treatment | Industrial water treatment</title>
8<meta content="Knock Out Treatment solves industrial water-treatment challenges from testing and engineering through integration and operation. Visit our Lake Elsinore Solution Center." name="description"/>
9<link href="https://fonts.googleapis.com" rel="preconnect"/>
10<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
11<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&amp;family=Inter:wght@400;500;600;700&amp;display=swap" rel="stylesheet"/>
12<style>
13/* ============ KOT CONCEPT v2 — industrial. Red / charcoal / white. No blue, no teal, no pills. ============ */
14:root{
15  --red:#C4271F; --red-600:#A81C16; --red-700:#8A1410; --red-400:#D8493C;
16  --ink:#1C1714; --char:#1C1714; --char-2:#262019; --char-3:#332B24;
17  --muted:#6B6058; --muted-d:#B3A79D;
18  --paper:#FFFFFF; --warm:#F6F2ED; --warm-2:#EDE7DF;
19  --line:rgba(28,23,20,.14); --line-soft:rgba(28,23,20,.08); --line-lt:rgba(255,255,255,.16);
20  --font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
21  --font-head:'Archivo','Inter',system-ui,sans-serif;
22  --r:4px;
23  --wrap:1240px; --pad:clamp(20px,4vw,52px);
24}
25*{box-sizing:border-box;margin:0;padding:0}
26html{scroll-behavior:smooth}
27body{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}
28img{max-width:100%;display:block}
29a{color:inherit;text-decoration:none}
30ul{list-style:none}
31.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
32h1,h2,h3,h4{font-family:var(--font-head);line-height:1;letter-spacing:0}
33h2{font-size:clamp(26px,3.3vw,42px);font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:1.04}
34h3{font-size:17.5px;font-weight:700;line-height:1.25}
35section{position:relative}
36
37/* kicker */
38.kick{display:flex;align-items:center;gap:12px;font-family:var(--font-head);font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--red)}
39.kick::before{content:"";width:28px;height:3px;background:var(--red);flex:none}
40.kick.on-dark{color:#E9A79E}.kick.on-dark::before{background:var(--red-400)}
41.lede{color:var(--muted);font-size:16.5px;line-height:1.62}
42.head2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,72px);align-items:end}
43.head2 .lede{padding-bottom:4px}
44@media (max-width:900px){.head2{grid-template-columns:1fr;align-items:start}}
45
46/* buttons — squared industrial */
47.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-head);font-weight:700;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;padding:15px 26px;border-radius:var(--r);border:1px solid transparent;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease;white-space:nowrap}
48.btn-red{background:var(--red);color:#fff}
49.btn-red:hover{background:var(--red-600)}
50.btn-outline-dark{border-color:rgba(28,23,20,.35);color:var(--ink)}
51.btn-outline-dark:hover{border-color:var(--ink);background:var(--ink);color:#fff}
52.btn-outline-light{border-color:rgba(255,255,255,.42);color:#fff}
53.btn-outline-light:hover{border-color:#fff;background:rgba(255,255,255,.1)}
54.btn-white{background:#fff;color:var(--red-600)}
55.btn-white:hover{background:#F3EAE8}
56.btn-lg{padding:17px 32px;font-size:13px}
57.btn svg{flex:none}
58
59/* reveal (subtle, failsafe) */
60.rv{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
61.rv.in{opacity:1;transform:none}
62@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
63
64/* ============ utility bar ============ */
65.util{background:var(--char);color:rgba(255,255,255,.78);font-size:12px;letter-spacing:.02em}
66.util .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:9px;padding-bottom:9px;flex-wrap:wrap}
67.util a{display:inline-flex;align-items:center;gap:7px;color:inherit}
68.util a:hover{color:#fff}
69.util .r{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
70.util b{color:#fff;font-weight:600}
71.util .sep{color:rgba(255,255,255,.28)}
72.util svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
73
74/* ============ nav ============ */
75.nav{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line);
75transition:box-shadow .2s ease}
76.nav.scrolled{box-shadow:0 8px 24px -18px rgba(28,23,20,.5)}
77.nav-in{display:flex;align-items:center;gap:26px;padding-top:12px;padding-bottom:12px}
78.brand img{height:40px;width:auto;filter:brightness(0)}
79.links{display:flex;align-items:center;gap:2px;margin-left:auto}
80.links>a,.dd>button{font-family:var(--font-head);font-weight:600;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding:11px 14px;border-radius:var(--r);background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
81.links>a:hover,.dd>button:hover{background:var(--warm)}
82.dd{position:relative}
83.dd svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
84.dd-panel{display:none;position:absolute;top:calc(100% + 10px);left:-10px;width:560px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 30px 60px -30px rgba(28,23,20,.45);padding:22px;grid-template-columns:1.2fr 1fr;gap:8px 26px}
85.dd:hover .dd-panel,.dd:focus-within .dd-panel,.dd.open .dd-panel{display:grid}
86.dd-panel .ttl{grid-column:1/-1;font-family:var(--font-head);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-bottom:8px;border-bottom:1px solid var(--line-soft);margin-bottom:6px}
87.dd-panel a{display:block;padding:9px 10px;border-radius:var(--r);font-size:14.5px;font-weight:500}
88.dd-panel a:hover{background:var(--warm)}
89.dd-panel a b{display:block;font-family:var(--font-head);font-size:13.5px;letter-spacing:.02em;text-transform:uppercase}
90.dd-panel a span{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
91.dd-panel .cta{grid-column:1/-1;margin-top:10px;padding-top:14px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--warm);border-radius:var(--r);padding:14px}
92.dd-panel .cta p{font-size:13.5px;color:var(--muted)}
93.dd-panel .cta a{font-family:var(--font-head);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);padding:0}
94.nav-cta{display:flex;align-items:center;gap:14px}
95.nav-cta .btn{padding:12px 22px}
96.burger{display:none;background:none;border:1px solid var(--line);border-radius:var(--r);color:var(--ink);font-size:19px;line-height:1;cursor:pointer;padding:8px 11px}
97@media (max-width:1080px){
98  .links{display:none}
99  .burger{display:block}
100  .links.open{display:flex;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:10px 18px 20px;gap:2px;border-bottom:1px solid var(--line);box-shadow:0 30px 50px -30px rgba(28,23,20,.4)}
101  .links.open>a,.links.open .dd>button{padding:14px 10px;font-size:14px;width:100%;justify-content:flex-start;border-bottom:1px solid var(--line-soft)}
102  .links.open .dd-panel{display:none;position:static;width:auto;box-shadow:none;border:0;padding:6px 0 10px 14px;grid-template-columns:1fr}
103  .links.open .dd.open .dd-panel{display:grid}
104  .links.open .dd-panel .cta{display:none}
105}
106@media (max-width:560px){
107  .util .wrap{justify-content:center;text-align:center}
108  .util .sep{display:none}
109  .brand img{height:34px}
110  .nav-in{gap:12px}
111}
112
113/* ============ hero ============ */
114.hero{background:var(--char);color:#fff;overflow:hidden}
115.hero-bg{position:absolute;inset:0}
116.hero-bg img,.hero-bg video{width:100%;height:100%;object-fit:cover;object-position:center 36%;display:block;opacity:.62;filter:saturate(.88) contrast(1.04)}
117.hero-ov{position:absolute;inset:0;background:linear-gradient(97deg,rgba(20,15,12,.95) 4%,rgba(20,15,12,.82) 44%,rgba(20,15,12,.42) 76%,rgba(20,15,12,.6) 100%)}
118.hero-in{position:relative;padding-top:clamp(64px,8.5vw,112px);padding-bottom:clamp(60px,7.5vw,96px)}
119.hero .eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-head);font-weight:700;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:#E9A79E;margin-bottom:24px}
120.hero .eyebrow::before{content:"";width:34px;height:3px;background:var(--red-400)}
121.hero h1{font-size:clamp(44px,7.2vw,96px);font-weight:900;text-transform:uppercase;letter-spacing:-.015em;line-height:.99}
122.hero h1 .ln{display:block}
123.hero .lede{margin-top:26px;color:rgba(255,255,255,.84);font-size:clamp(16px,1.7vw,19px);max-width:620px}
124.hero-cta{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}
125.hero-note{margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);display:flex;gap:26px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.66)}
126.hero-note b{color:#fff;font-weight:600}
127.hero-note .tag{display:inline-flex;align-items:center;gap:8px}
128.hero-note svg{width:14px;
128height:14px;stroke:var(--red-400);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
129
130/* ============ stats band (alternating red / charcoal tiles) ============ */
131.band{background:var(--warm-2);padding:0}
132.band .grid{display:grid;grid-template-columns:repeat(4,1fr)}
133.tile{padding:clamp(26px,3vw,40px) clamp(20px,2.4vw,34px);min-height:210px;display:flex;flex-direction:column;color:#fff;position:relative}
134.tile.red{background:var(--red)}
135.tile.dark{background:var(--char)}
136.tile .ic{width:34px;height:34px;margin-bottom:auto}
137.tile .ic svg{width:34px;height:34px;stroke:rgba(255,255,255,.9);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
138.tile b{display:block;font-family:var(--font-head);font-weight:800;font-size:clamp(30px,3vw,42px);letter-spacing:-.01em;margin-top:26px}
139.tile span{display:block;font-family:var(--font-head);font-weight:600;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-top:8px}
140.tile p{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.72);margin-top:10px}
141@media (max-width:1000px){.band .grid{grid-template-columns:1fr 1fr}}
142@media (max-width:560px){.band .grid{grid-template-columns:1fr}.tile{min-height:0}}
143
144/* ============ brands marquee ============ */
145.brands{background:var(--paper);padding:clamp(60px,7vw,96px) 0 clamp(50px,6vw,80px);border-bottom:1px solid var(--line)}
146.mq{overflow:hidden;margin-top:clamp(34px,4vw,52px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
147.mq + .mq{margin-top:6px}
148.mq-track{display:flex;align-items:center;gap:clamp(44px,5vw,72px);width:max-content;padding:14px 0;animation:slide 46s linear infinite}
149.mq-rev .mq-track{animation-direction:reverse;animation-duration:52s}
150.mq:hover .mq-track{animation-play-state:paused}
151.mq-track img{height:32px;width:auto;max-width:150px;object-fit:contain;opacity:.9;transition:opacity .2s ease}
152.mq-track img:hover{opacity:1}
153.mq-track .lg-inv{filter:brightness(0);opacity:.8}
154.mq-track .lg-inv:hover{opacity:1}
155@keyframes slide{to{transform:translateX(-50%)}}
156@media (prefers-reduced-motion:reduce){.mq-track{animation:none}}
157.mq-note{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:28px;font-size:13px;color:var(--muted)}
158.mq-note b{color:var(--ink);font-family:var(--font-head);letter-spacing:.04em}
159
160/* ============ triad ============ */
161.triad{background:var(--paper);padding:clamp(68px,8vw,112px) 0}
162.triad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(36px,4.5vw,56px);border:1px solid var(--line)}
163.tcard{padding:34px 30px 32px;border-right:1px solid var(--line);position:relative;background:#fff;transition:background .18s ease}
164.tcard:last-child{border-right:0}
165.tcard::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--red)}
166.tcard:hover{background:var(--warm)}
167.tcard .num{font-family:var(--font-head);font-weight:800;font-size:12px;letter-spacing:.2em;color:var(--red);text-transform:uppercase}
168.tcard .ico{width:40px;height:40px;border:1px solid var(--line);border-radius:var(--r);display:flex;align-items:center;justify-content:center;margin:20px 0 18px}
169.tcard .ico svg{width:21px;height:21px;stroke:var(--red);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
170.tcard h3{font-size:20px;font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:1.15}
171.tcard p{color:var(--muted);font-size:14.5px;line-height:1.62;margin-top:12px}
172.tcard ul{margin-top:18px;border-top:1px solid var(--line-soft);padding-top:14px;display:grid;gap:9px}
173.tcard li{display:flex;gap:10px;font-size:14px;font-weight:500;align-items:flex-start}
174.tcard li::before{content:"";flex:none;width:6px;height:6px;background:var(--red);margin-top:6.5px}
175@media (max-width:980px){.triad-grid{grid-template-columns:1fr}.tcard{border-right:0;border-bottom:1px solid var(--line)}.tcard:last-child{border-bottom:0}}
176
177/* ============ solution center ============ */
178.sc{background:var(--char);color:#fff;padding:clamp(72px,8.5vw,120px) 0}
179.sc-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(30px,4.5vw,64px);align-items:stretch}
180.sc-media{position:relative;min-height:420px}
181.sc-media .ph{position:absolute;inset:0;overflow:hidden;border:1px solid var(--line-lt)}
182.sc-media img,.sc-media video{width:100%;height:100%;object-fit:cover;display:block}
183.sample-tag{position:absolute;z-index:4;top:14px;right:14px;font-family:var(--font-head);font-weight:700;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85);background:rgba(12,9,8,.55);border:1px solid rgba(255,255,255,.28);padding:5px 9px;border-radius:3px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none}
184.hero .sample-tag{top:auto;bottom:16px}
185.sc-media .cap{position:absolute;
185left:0;bottom:0;right:0;padding:18px 22px;background:linear-gradient(180deg,transparent,rgba(15,11,9,.88));font-size:12.5px;color:rgba(255,255,255,.8);display:flex;justify-content:space-between;gap:12px;align-items:end}
186.sc-media .cap b{display:block;font-family:var(--font-head);font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;color:#fff}
187.sc-box{border:1px solid var(--line-lt);padding:clamp(26px,3.4vw,44px);display:flex;flex-direction:column}
188.sc-box h2{margin-top:16px;color:#fff}
189.sc-box .lede{color:rgba(255,255,255,.76);margin-top:16px}
190.sc-list{margin-top:26px;border-top:1px solid var(--line-lt)}
191.sc-item{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line-lt)}
192.sc-item .n{font-family:var(--font-head);font-weight:800;font-size:15px;color:var(--red-400);padding-top:2px}
193.sc-item b{display:block;font-family:var(--font-head);font-size:15.5px;letter-spacing:.02em;text-transform:uppercase}
194.sc-item p{color:rgba(255,255,255,.68);font-size:14px;line-height:1.55;margin-top:6px}
195.sc-cta{margin-top:30px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
196.sc-where{font-size:13px;color:rgba(255,255,255,.66);line-height:1.6}
197.sc-where b{color:#fff;display:block;font-family:var(--font-head);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}
198@media (max-width:980px){.sc-grid{grid-template-columns:1fr}.sc-media{min-height:300px}}
199
200/* ============ field strip ============ */
201.field{background:var(--warm);padding:clamp(64px,7.5vw,104px) 0}
202.field-slider-head{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:28px}.field-arrow{width:44px;height:44px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:21px;cursor:pointer;transition:.18s}.field-arrow:hover,.field-arrow:focus-visible{background:var(--ink);color:#fff;border-color:var(--ink)}.field-count{font-family:var(--font-head);font-size:11px;letter-spacing:.12em;color:var(--muted);min-width:58px;text-align:center}
203.field-grid{display:flex;gap:0;margin-top:14px;overflow:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.field-grid::-webkit-scrollbar{display:none}
204.fitem{background:#fff;border:1px solid var(--line);flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);align-items:stretch}
205.fitem .im{aspect-ratio:16/9;overflow:hidden;border:0}
206.fitem .im img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
207.fitem:hover .im img{transform:scale(1.035)}
208.fitem .bd{padding:clamp(28px,4vw,60px);display:flex;flex-direction:column;justify-content:center}
209.fitem .cat{font-family:var(--font-head);font-weight:700;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--red)}
210.fitem h3{font-size:15px;margin-top:7px;text-transform:uppercase;letter-spacing:.02em;line-height:1.3}
211.fitem p{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.5}
212@media (max-width:760px){.field-slider-head{justify-content:space-between}.fitem{grid-template-columns:1fr}.fitem .im{aspect-ratio:16/10}.fitem .bd{padding:24px 20px 28px}}
213
214/* ============ education ============ */
215.edu{background:var(--paper);padding:clamp(68px,8vw,112px) 0}
216.edu-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(30px,4.5vw,64px);align-items:start}
217.edu-rows{margin-top:30px;border-top:1px solid var(--line)}
218.edu-row{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:center;padding:17px 2px;border-bottom:1px solid var(--line)}
219.edu-row .ico{width:38px;height:38px;border:1px solid var(--line);border-radius:var(--r);display:flex;align-items:center;justify-content:center}
220.edu-row .ico svg{width:19px;height:19px;stroke:var(--red);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
221.edu-row b{font-family:var(--font-head);font-size:15px;letter-spacing:.02em;text-transform:uppercase;display:block}
222.edu-row p{font-size:13.5px;color:var(--muted);margin-top:3px;line-height:1.5}
223.edu-row .no{font-family:var(--font-head);font-weight:800;font-size:12px;color:var(--muted-d);letter-spacing:.14em}
224.edu-media img{width:100%;border:1px solid var(--line)}
225.edu-media .cap{margin-top:12px;font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:center;text-transform:uppercase;font-family:var(--font-head);letter-spacing:.08em;font-weight:600}
226.edu-media .cap::before{content:"";width:8px;height:8px;background:var(--red);flex:none}
227.edu-cta{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}
228@media (max-width:980px){.edu-grid{grid-template-columns:1fr}}
229
230/* ============ industries ============ */
231.ind{background:var(--char);color:#fff;padding:clamp(64px,7.5vw,104px) 0}
232.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-lt);border:1px solid var(--line-lt);margin-top:clamp(32px,4vw,48px)}
233.ind-tile{background:var(--char);padding:26px 22px;display:flex;flex-direction:column;gap:14px;transition:background .18s ease}
234.ind-tile:hover{background:var(--char-2)}
235.ind-tile svg{width:26px;height:26px;stroke:var(--red-400);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
236.ind-tile b{font-family:var(--font-head);font-size:13.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
237.ind-tile span{font-size:12.5px;color:rgba(255,255,255,.6);line-height:1.5}
238@media (max-width:1000px){.ind-grid{grid-template-columns:1fr 1fr}}
239@media (max-width:560px){.ind-grid{grid-template-columns:1fr}}
240
241/* ============ insights ============ */
242.ins{background:var(--paper);padding:clamp(64px,7.5vw,104px) 0;border-bottom:1px solid var(--line)}
243.ins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(32px,4vw,48px)}
244.icard{border:1px solid var(--line);background:#fff;padding:24px 22px 22px;position:relative;transition:background .18s ease}
245.icard::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--char)}
246.icard:hover{background:var(--warm)}
247.icard .cat{font-family:var(--font-head);font-weight:700;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--red)}
248.icard h3{margin-top:12px;font-size:17px;line-height:1.3}
249.icard p{font-size:13.5px;color:var(--muted);margin-top:10px;line-height:1.55}
250.icard .rm{margin-top:16px;font-family:var(--font-head);font-weight:700;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:8px}
251.icard:hover .rm{color:var(--red)}
252.icard .rm svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
253@media (max-width:900px){.ins-grid{grid-template-columns:1fr}}
254
255/* ============ proof ============ */
256.proof{background:var(--char-2);color:#fff;padding:clamp(60px,7vw,96px) 0}
257.proof-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4.5vw,64px);align-items:center}
258.certs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-lt);border:1px solid var(--line-lt);margin-top:28px}
259.cert{background:var(--char-2);padding:18px 20px}
260.cert b{display:block;font-family:var(--font-head);font-size:13px;letter-spacing:.1em;text-transform:uppercase}
261.cert span{display:block;font-size:12.5px;color:rgba(255,255,255,.6);margin-top:5px}
262.quote{border:1px solid var(--line-lt);padding:34px 32px;position:relative}
263.quote::before{content:"“";position:absolute;top:2px;left:24px;font-family:var(--font-head);font-size:84px;font-weight:900;color:var(--red-400);opacity:.45;line-height:1}
264.quote p{font-size:clamp(16.5px,1.8vw,19px);line-height:1.6;color:rgba(255,255,255,.92);padding-top:32px}
265.quote footer{margin-top:18px;font-size:13px;color:rgba(255,255,255,.6)}
266.quote footer b{color:#fff;display:block;font-family:var(--font-head);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
267@media (max-width:980px){.proof-grid{grid-template-columns:1fr}.certs{grid-template-columns:1fr}}
268
269/* ============ final cta ============ */
270.final{background:var(--red);color:#fff;padding:clamp(68px,8vw,110px) 0}
271.final-in{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,4.5vw,64px);align-items:center}
272.final h2{color:#fff;font-size:clamp(30px,4.2vw,52px)}
273.final p{margin-top:16px;color:rgba(255,255,255,.9);font-size:16.5px;line-height:1.6;max-width:560px}
274.final-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
275.final-info{display:flex;gap:28px;margin-top:26px;flex-wrap:wrap;font-size:13.5px;color:rgba(255,255,255,.88)}
276.final-info b{display:block;font-family:var(--font-head);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:4px}
277@media (max-width:980px){.final-in{grid-template-columns:1fr}.final-cta{justify-content:flex-start}}
278
279/* ============ footer ============ */
280.foot{background:#17120F;color:rgba(255,255,255,.72);padding:clamp(52px,6vw,76px) 0 0;font-size:14px}
281.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.25fr;gap:clamp(24px,3vw,48px)}
282.foot .brandcol img{height:44px;width:auto;margin-bottom:16px}
283.foot h4{font-family:var(--font-head);color:#fff;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}
284.foot ul{display:grid;gap:9px}
285.foot ul a{font-size:13.5px;color:rgba(255,255,255,.72)}
286.foot ul a:hover{color:#fff}
287.foot .ct li{margin-bottom:4px}
288.foot .ct b{display:block;font-family:var(--font-head);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-top:12px}
289.foot .ct b:first-child{margin-top:0}
290.foot .brandcol p{font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.6);margin-bottom:14px}
291.foot .cerline{font-size:12px;color:rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.1);padding-top:14px;line-height:1.7}
292.foot-bar{margin-top:clamp(36px,4.5vw,56px);border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:12px;color:rgba(255,255,255,.42)}
293.foot-bar .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
294@media (max-width:1080px){.foot-grid{grid-template-columns:1fr 1fr 1fr}}
295@media (max-width:680px){.foot-grid{grid-template-columns:1fr}}
296
297/* Solution Center — film-led lab experience */
298.sc.lab-film-section{background:#202522;color:#fff;padding:90px 0 85px}
299.lab-film-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:38px}
300.lab-film-section .kick{color:#e59d94;font-size:10px;letter-spacing:.15em;line-height:1.6}
301.lab-film-heading h2{font-size:clamp(40px,4.7vw,66px);font-weight:500;letter-spacing:-.045em;line-height:1.06;text-transform:none;margin-top:23px}
302.lab-film-intro{max-width:430px;padding-bottom:5px}.lab-film-label{font-size:15px;font-weight:600;color:#fff;margin-bottom:12px}.lab-film-intro>p:last-child{font-size:16px;line-height:1.75;
302color:#c2c9c4}
303.lab-film{margin:0}.lab-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#111512;outline-offset:5px}.lab-film figcaption{display:flex;justify-content:space-between;gap:15px;padding:16px 0 20px;border-bottom:1px solid #47504a;color:#b9c1bb;font-size:11px;letter-spacing:.04em}.lab-film figcaption span:first-child{color:#fff}
304.lab-visit-details{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;margin-top:52px}.lab-visit-heading h3{font-size:34px;font-weight:500;line-height:1.15;letter-spacing:-.025em;margin-top:18px}.lab-visit-heading .btn{margin-top:27px;text-transform:none;letter-spacing:0;font-size:13px}.lab-appointment{font-size:11px;color:#b9c1bb;margin-top:14px}.lab-visit-steps{list-style:none;margin:0;padding:0}.lab-visit-steps li{display:grid;grid-template-columns:30px 1fr;gap:21px;border-bottom:1px solid #47504a;padding:21px 0}.lab-visit-steps li:first-child{padding-top:0}.lab-visit-steps li>span{font-size:12px;color:#e59d94;padding-top:3px}.lab-visit-steps h4{font-size:18px;font-weight:500;letter-spacing:-.01em}.lab-visit-steps p{font-size:13px;line-height:1.7;color:#c2c9c4;margin-top:9px}
305@media(max-width:760px){.sc.lab-film-section{padding:52px 0}.lab-film-heading{grid-template-columns:1fr;gap:23px;margin-bottom:26px}.lab-film-heading h2{font-size:43px;margin-top:17px}.lab-film-intro>p:last-child{font-size:14px}.lab-film figcaption{font-size:10px;letter-spacing:0;flex-wrap:wrap;padding:12px 0 16px}.lab-visit-details{grid-template-columns:1fr;gap:32px;margin-top:32px}.lab-visit-heading h3{font-size:30px}.lab-visit-heading h3 br{display:none}.lab-visit-steps li{gap:14px}.lab-film-section .kick{font-size:9px}}
306
307/* KOT Jar Test Kit */
308.kit-feature{background:#f3f0eb;padding:clamp(64px,8vw,108px) 0;border-bottom:1px solid var(--line)}
309.kit-feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(42px,6vw,88px);align-items:center}
310.kit-feature-media{position:relative;padding:0 34px 34px 0}.kit-feature-media::after{content:"";position:absolute;right:0;bottom:0;width:48%;height:48%;background:var(--red);z-index:0}.kit-feature-media img{position:relative;z-index:1;width:100%;height:500px;object-fit:contain;object-position:center;background:#000;box-shadow:0 24px 55px rgba(28,23,20,.18)}.kit-feature-media p{position:absolute;z-index:2;left:0;bottom:34px;background:#202522;color:#fff;padding:13px 18px;font-size:11px;letter-spacing:.04em}
311.kit-feature-copy h2{font-size:clamp(38px,4.2vw,60px);font-weight:600;line-height:1.02;letter-spacing:-.04em;text-transform:none;margin-top:23px}.kit-feature-lede{font-size:16px;line-height:1.75;color:var(--muted);margin-top:24px;max-width:560px}.kit-feature-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:28px 0 20px}.kit-feature-flow span{display:flex;align-items:center;gap:8px;font-family:var(--font-head);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.kit-feature-flow span:not(:last-child)::after{content:"→";color:var(--red)}.kit-feature-note{border-left:3px solid var(--red);padding-left:17px;color:var(--ink);font-size:13px;line-height:1.65;max-width:520px}.kit-feature-copy .btn{margin-top:27px;text-transform:none;letter-spacing:0;font-size:13px}
312@media(max-width:820px){.kit-feature-grid{grid-template-columns:1fr;gap:38px}.kit-feature-copy{grid-row:1}.kit-feature-media{grid-row:2;padding:0 18px 18px 0}.kit-feature-media img{height:440px}.kit-feature-media p{bottom:18px}.kit-feature-copy h2{font-size:42px}.kit-feature-flow{gap:6px}}
313@media(max-width:480px){.kit-feature-media img{height:380px}.kit-feature-flow span{font-size:9px}.kit-feature-lede{font-size:14px}}
314</style>
315<style>/* Refined editorial layout. Manufacturer marquees retain their original styling. */
316:root{--char:#20211f;--ink:#252623;--warm:#f4f3ef;--muted:#666863;--wrap:1320px;--r:2px}
317html{scroll-padding-top:90px}h2{font-size:clamp(30px,3.2vw,44px);font-weight:600;text-transform:none;line-height:1.13;letter-spacing:-.035em}h3{font-weight:600;letter-spacing:-.015em}.kick{font-size:10px;letter-spacing:.14em;margin-bottom:20px}.kick:before{display:none}.lede{font-size:16px;line-height:1.75}.btn{font-size:13px;font-weight:600;text-transform:none;letter-spacing:0;padding:14px 22px}.nav-in{padding-block:19px}.links>a,.dd>button{font-size:13px;text-transform:none;letter-spacing:0}.util{font-size:11px}.util .wrap{padding-block:7px}.util .r .sep,.util .r>span:last-child{display:none}
318.hero{background:#20211f;min-height:590px}
318.hero-bg{left:43%}.hero-bg img{opacity:1;filter:none;object-position:65% center}.hero-ov{background:linear-gradient(90deg,#20211f 0%,#20211f 34%,rgba(32,33,31,.82) 47%,rgba(32,33,31,.08) 72%,transparent)}.hero-in{padding-block:76px 56px}.hero h1{font-size:clamp(40px,5vw,68px);font-weight:600;text-transform:none;line-height:1.07;letter-spacing:-.045em;max-width:700px}.hero h1 span{color:#d4d4ce}.hero .eyebrow{font-size:10px;letter-spacing:.13em;color:#dfddd6;margin-bottom:25px}.hero .eyebrow:before{display:none}.hero .lede{font-size:17px;max-width:450px;margin-top:24px}.hero-cta{align-items:center;gap:25px;margin-top:28px}.hero-link{font-size:13px;border-bottom:1px solid #999;padding-block:8px}.hero-note{border:0;padding:0;margin-top:35px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#a9aaa4}
319.band{background:white;border-bottom:1px solid var(--line)}.band .grid{padding-block:30px}.tile,.tile.red,.tile.dark{background:none;color:var(--ink);min-height:0;padding:0 30px;border-right:1px solid var(--line)}.tile:first-child{padding-left:0}.tile:last-child{border:0}.tile b{font-size:30px;font-weight:500;margin:0}.tile span{color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.07em;margin-top:6px}
320.brands{padding:55px 0 42px}.brands h2{font-size:28px;max-width:440px}.brands .lede{font-size:14px}.brands .mq{margin-top:25px}.brands .mq+.mq{margin-top:6px}.mq-note{font-size:11px;margin-top:18px}
321.sc{background:var(--warm);color:var(--ink);padding:100px 0}.sc-grid{grid-template-columns:1.12fr 1fr;gap:80px;align-items:center}.sc-media{min-height:0;padding-bottom:75px}.sc-photo img{height:410px;width:100%;object-fit:cover}.sc-detail{position:relative;width:53%;margin:-80px -20px 0 auto;background:var(--warm);padding:10px 0 0 10px}.sc-detail img{height:160px;width:100%;object-fit:cover}.sc-detail p{font-size:10px;color:var(--muted);margin-top:10px}.sc-box{border:0;padding:0}.sc-box h2{color:var(--ink);margin-top:0}.sc-box .lede{color:var(--muted)}.kick.on-dark{color:var(--red)}.sc-list{border-top:1px solid var(--line);margin-top:22px}.sc-item{display:block;border-bottom:1px solid var(--line);padding:14px 0}.sc-item b{text-transform:none;font-size:15px;font-weight:600}.sc-item p{color:var(--muted);font-size:13px;margin-top:4px}.sc-where{color:var(--muted);font-size:11px}.sc-cta{gap:22px;margin-top:25px}
322.triad{padding:90px 0}.triad-grid{border:0;gap:44px;margin-top:42px}.tcard{border:0;border-top:1px solid var(--line);padding:24px 0 0}.tcard:before{display:none}.tcard:hover{background:none}.tcard h3{text-transform:none;font-size:22px;letter-spacing:-.02em}.tcard p{font-size:14px}.tcard ul{border:0;padding:0;margin-top:20px;gap:10px}.tcard li{font-size:13px;font-weight:400;color:var(--muted)}.tcard li:before{display:none}.text-link{display:inline-block;font-size:13px;font-weight:600;border-bottom:1px solid #b9b9b2;padding-bottom:5px;margin-top:25px}
323.field{padding:85px 0;background:#f4f3ef}.field-grid{display:flex;gap:0;overflow:hidden}.fitem,.fitem:first-child{border:0;background:#fff;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:0;align-items:stretch;flex:0 0 100%}.fitem .im,.fitem:first-child .im{border:0;aspect-ratio:16/9;min-height:0}.fitem .im img{object-position:center 55%}.fitem .bd,.fitem:first-child .bd{padding:clamp(28px,4vw,60px);display:flex;flex-direction:column;justify-content:center}.fitem h3,.fitem:first-child h3{text-transform:none;font-size:clamp(23px,2.4vw,34px);letter-spacing:-.025em}.fitem .cat{font-size:9px;letter-spacing:.1em}.fitem p,.fitem:first-child p{font-size:14px;line-height:1.65;max-width:430px}.fitem .text-link{margin-top:20px}
324.edu{padding:90px 0}.edu-grid{gap:85px;align-items:center}.edu-media img{border:0;aspect-ratio:1.2;object-fit:cover}.edu-media .cap{font-size:10px;text-transform:none;letter-spacing:0}.edu-media .cap:before{display:none}.edu-row{display:block;padding:13px 0}.edu-row b{text-transform:none;font-size:14px}.edu-row p{font-size:13px}.edu h2{max-width:540px}
325.ind{background:white;color:var(--ink);padding:0 0 80px}.ind .wrap{border-top:1px solid var(--line);padding-top:65px}.ind h2{font-size:32px}.ind .lede{color:var(--muted)!important;font-size:14px}.ind-grid{grid-template-columns:1fr 1fr;background:none;border:0;gap:0 60px;margin-top:30px}.ind-tile{background:none;padding:15px 0;display:grid;grid-template-columns:180px 1fr;gap:20px;border-bottom:1px solid var(--line)}.ind-tile:hover{background:none}.ind-tile b{font-size:13px;text-transform:none;letter-spacing:0;font-weight:500}.ind-tile span{color:var(--muted);font-size:12px}
326.final{background:var(--warm);color:var(--ink);padding:80px 0 35px}.final-in{grid-template-columns:1fr 1fr;gap:100px;align-items:start}.final h2{color:var(--ink);font-size:44px}.final p{color:var(--muted);font-size:15px}.final .kick{color:var(--red);font-size:10px;margin-top:0}.contact-details{display:grid;gap:10px;margin-top:30px;font-size:17px}.contact-details p{font-size:13px;margin-top:6px}
326.contact-details span{display:inline-block;margin-top:9px}#visit-form{border-top:2px solid var(--red);padding-top:24px}#visit-form h3{font-size:22px;margin-bottom:22px}label{display:grid;gap:8px;font-size:12px;font-weight:500;margin-bottom:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{width:100%;min-width:0;border:1px solid #cbcdc5;border-radius:2px;background:#fff;padding:12px;font:14px var(--font);color:var(--ink)}textarea{resize:vertical}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:4px}.final .form-note,.final #form-status{font-size:11px;line-height:1.6;margin-top:12px}.certs{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line);padding-top:24px;margin-top:55px}.cert{background:none;border:0;padding:0;flex:1}.cert b{color:var(--ink);font-size:11px}.cert span{color:var(--muted);font-size:10px}.foot{background:white;color:var(--muted);padding:35px 0}.footer-simple{display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-simple img{filter:brightness(0);width:125px}.footer-simple nav{display:flex;gap:24px;font-size:12px}.footer-simple p{font-size:10px;line-height:1.7}
327@media(max-width:1080px){.nav-cta{margin-left:auto}.sc-grid,.edu-grid{gap:40px}.final-in{gap:45px}.hero h1{font-size:58px}.hero-bg{left:35%}.ind-tile{display:block}.ind-tile span{display:block;margin-top:5px}}
328@media(max-width:760px){.util .r{display:none}.util .wrap{justify-content:center}.hero{min-height:0}.hero-bg{left:0;height:270px;position:relative}.hero-bg img{object-position:65% 55%}.hero-ov{display:none}.hero-in{padding-block:35px 38px}.hero h1{font-size:43px;max-width:600px}.hero .eyebrow{font-size:9px;line-height:1.6;margin-bottom:17px}.hero .lede{font-size:15px;max-width:500px}.hero-note{margin-top:24px;font-size:10px}.hero-cta{gap:18px}.hero-link{font-size:12px}.band .grid{grid-template-columns:1fr 1fr;padding-block:8px}.tile,.tile:first-child{padding:18px 12px}.tile:nth-child(2){border-right:0}.tile b{font-size:26px}.tile span{font-size:9px}.brands{padding:38px 0}.brands h2{font-size:27px}.head2{gap:18px}.sc,.triad,.field,.edu{padding:55px 0}.sc-grid,.edu-grid,.final-in{grid-template-columns:1fr;gap:32px}.sc-media{padding-bottom:0}.sc-photo img{height:280px}.sc-detail{margin-right:0;width:46%}.sc-detail img{height:115px}.sc-grid .sc-box{padding-top:12px}.triad-grid{grid-template-columns:1fr;gap:30px}.tcard{border-bottom:0}.tcard ul{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-grid{gap:0}.fitem,.fitem:first-child{grid-template-columns:1fr}.fitem .im,.fitem:first-child .im{aspect-ratio:16/10}.fitem .bd,.fitem:first-child .bd{padding:24px 20px 28px}.fitem:first-child h3{font-size:25px}.edu-grid{gap:35px}.edu-media img{aspect-ratio:1.5}.ind{padding-bottom:50px}.ind .wrap{padding-top:40px}.ind-grid{gap:0 24px}.ind h2{font-size:30px}.final{padding-top:50px}.final h2{font-size:36px}.certs{gap:22px}.cert{flex-basis:40%}.footer-simple{flex-direction:column;align-items:flex-start;gap:24px}.footer-simple nav{flex-wrap:wrap;gap:16px 22px}.btn{white-space:normal}.nav-in{padding-block:14px}.nav-cta .btn{padding:10px 14px}.brand img{height:34px}}
329@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
330
331/* Solution Center — film-led lab experience */
332.sc.lab-film-section{background:#202522;color:#fff;padding:90px 0 85px}
333.lab-film-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:38px}
334.lab-film-section .kick{color:#e59d94;font-size:10px;letter-spacing:.15em;line-height:1.6}
335.lab-film-heading h2{font-size:clamp(40px,4.7vw,66px);font-weight:500;letter-spacing:-.045em;line-height:1.06;text-transform:none;margin-top:23px}
336.lab-film-intro{max-width:430px;padding-bottom:5px}.lab-film-label{font-size:15px;font-weight:600;color:#fff;margin-bottom:12px}.lab-film-intro>p:last-child{font-size:16px;line-height:1.75;color:#c2c9c4}
337.lab-film{margin:0}.lab-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#111512;outline-offset:5px}
337.lab-film figcaption{display:flex;justify-content:space-between;gap:15px;padding:16px 0 20px;border-bottom:1px solid #47504a;color:#b9c1bb;font-size:11px;letter-spacing:.04em}.lab-film figcaption span:first-child{color:#fff}
338.lab-visit-details{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;margin-top:52px}.lab-visit-heading h3{font-size:34px;font-weight:500;line-height:1.15;letter-spacing:-.025em;margin-top:18px}.lab-visit-heading .btn{margin-top:27px;text-transform:none;letter-spacing:0;font-size:13px}.lab-appointment{font-size:11px;color:#b9c1bb;margin-top:14px}.lab-visit-steps{list-style:none;margin:0;padding:0}.lab-visit-steps li{display:grid;grid-template-columns:30px 1fr;gap:21px;border-bottom:1px solid #47504a;padding:21px 0}.lab-visit-steps li:first-child{padding-top:0}.lab-visit-steps li>span{font-size:12px;color:#e59d94;padding-top:3px}.lab-visit-steps h4{font-size:18px;font-weight:500;letter-spacing:-.01em}.lab-visit-steps p{font-size:13px;line-height:1.7;color:#c2c9c4;margin-top:9px}
339@media(max-width:760px){.sc.lab-film-section{padding:52px 0}.lab-film-heading{grid-template-columns:1fr;gap:23px;margin-bottom:26px}.lab-film-heading h2{font-size:43px;margin-top:17px}.lab-film-intro>p:last-child{font-size:14px}.lab-film figcaption{font-size:10px;letter-spacing:0;flex-wrap:wrap;padding:12px 0 16px}.lab-visit-details{grid-template-columns:1fr;gap:32px;margin-top:32px}.lab-visit-heading h3{font-size:30px}.lab-visit-heading h3 br{display:none}.lab-visit-steps li{gap:14px}.lab-film-section .kick{font-size:9px}}
340</style><style>
341/* Video hero and proof-of-concept lab location */
342.hero-bg{inset:0;position:absolute;height:auto}.hero-bg video{width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:1;filter:none}.hero-ov{display:block;position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,24,23,.92),rgba(20,24,23,.76) 39%,rgba(20,24,23,.17) 78%)}.hero{min-height:610px}.hero h1{max-width:710px}.hero .sample-tag{bottom:18px;right:20px;top:auto;font-size:9px}.lab-location{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center;border-top:1px solid var(--line);padding-top:45px;margin-top:32px}.lab-map svg{display:block;width:100%;height:auto}.lab-address h3{font-size:25px;line-height:1.2;max-width:400px}.lab-address>p:not(.kick){font-size:14px;line-height:1.7;color:var(--muted);margin-top:18px}.lab-address .lab-prep{font-size:13px}.lab-address .text-link{margin-top:15px}.sc-box h2{font-size:clamp(32px,3.4vw,46px)}
343@media(max-width:760px){.hero{min-height:0}.hero-bg{position:absolute;height:100%;inset:0}.hero-ov{background:linear-gradient(90deg,rgba(20,24,23,.88),rgba(20,24,23,.61))}.hero-in{padding-block:58px 66px}.hero .sample-tag{font-size:8px;bottom:12px}.lab-location{grid-template-columns:1fr;gap:28px;margin-top:36px;padding-top:32px}.lab-address h3{font-size:24px}.nav-cta .btn{font-size:11px;padding:10px}.nav-in{gap:10px}.lab-map{margin-inline:-5px}}
344
345/* Solution Center — film-led lab experience */
346.sc.lab-film-section{background:#202522;color:#fff;padding:90px 0 85px}
347.lab-film-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:38px}
348.lab-film-section .kick{color:#e59d94;font-size:10px;letter-spacing:.15em;line-height:1.6}
349.lab-film-heading h2{font-size:clamp(40px,4.7vw,66px);font-weight:500;letter-spacing:-.045em;line-height:1.06;text-transform:none;margin-top:23px}
350.lab-film-intro{max-width:430px;padding-bottom:5px}.lab-film-label{font-size:15px;font-weight:600;color:#fff;margin-bottom:12px}.lab-film-intro>p:last-child{font-size:16px;line-height:1.75;color:#c2c9c4}
351.lab-film{margin:0}.lab-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#111512;outline-offset:5px}.lab-film figcaption{display:flex;justify-content:space-between;gap:15px;padding:16px 0 20px;border-bottom:1px solid #47504a;color:#b9c1bb;font-size:11px;letter-spacing:.04em}.lab-film figcaption span:first-child{color:#fff}
352.lab-visit-details{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;margin-top:52px}.lab-visit-heading h3{font-size:34px;font-weight:500;line-height:1.15;letter-spacing:-.025em;margin-top:18px}.lab-visit-heading .btn{margin-top:27px;text-transform:none;letter-spacing:0;font-size:13px}.lab-appointment{font-size:11px;color:#b9c1bb;margin-top:14px}.lab-visit-steps{list-style:none;margin:0;padding:0}.lab-visit-steps li{display:grid;grid-template-columns:30px 1fr;gap:21px;border-bottom:1px solid #47504a;padding:21px 0}.lab-visit-steps li:first-child{padding-top:0}.lab-visit-steps li>span{font-size:12px;color:#e59d94;padding-top:3px}.lab-visit-steps h4{font-size:18px;font-weight:500;letter-spacing:-.01em}.lab-visit-steps p{font-size:13px;line-height:1.7;
352color:#c2c9c4;margin-top:9px}
353@media(max-width:760px){.sc.lab-film-section{padding:52px 0}.lab-film-heading{grid-template-columns:1fr;gap:23px;margin-bottom:26px}.lab-film-heading h2{font-size:43px;margin-top:17px}.lab-film-intro>p:last-child{font-size:14px}.lab-film figcaption{font-size:10px;letter-spacing:0;flex-wrap:wrap;padding:12px 0 16px}.lab-visit-details{grid-template-columns:1fr;gap:32px;margin-top:32px}.lab-visit-heading h3{font-size:30px}.lab-visit-heading h3 br{display:none}.lab-visit-steps li{gap:14px}.lab-film-section .kick{font-size:9px}}
354</style><style>.lab-visit{background:#fff;padding:60px 0}.lab-visit .lab-location{border-top:0;padding-top:0;margin-top:0}@media(max-width:760px){.lab-visit{padding:42px 0}}
355/* Solution Center — film-led lab experience */
356.sc.lab-film-section{background:#202522;color:#fff;padding:90px 0 85px}
357.lab-film-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:38px}
358.lab-film-section .kick{color:#e59d94;font-size:10px;letter-spacing:.15em;line-height:1.6}
359.lab-film-heading h2{font-size:clamp(40px,4.7vw,66px);font-weight:500;letter-spacing:-.045em;line-height:1.06;text-transform:none;margin-top:23px}
360.lab-film-intro{max-width:430px;padding-bottom:5px}.lab-film-label{font-size:15px;font-weight:600;color:#fff;margin-bottom:12px}.lab-film-intro>p:last-child{font-size:16px;line-height:1.75;color:#c2c9c4}
361.lab-film{margin:0}.lab-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#111512;outline-offset:5px}.lab-film figcaption{display:flex;justify-content:space-between;gap:15px;padding:16px 0 20px;border-bottom:1px solid #47504a;color:#b9c1bb;font-size:11px;letter-spacing:.04em}.lab-film figcaption span:first-child{color:#fff}
362.lab-visit-details{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;margin-top:52px}.lab-visit-heading h3{font-size:34px;font-weight:500;line-height:1.15;letter-spacing:-.025em;margin-top:18px}.lab-visit-heading .btn{margin-top:27px;text-transform:none;letter-spacing:0;font-size:13px}.lab-appointment{font-size:11px;color:#b9c1bb;margin-top:14px}.lab-visit-steps{list-style:none;margin:0;padding:0}.lab-visit-steps li{display:grid;grid-template-columns:30px 1fr;gap:21px;border-bottom:1px solid #47504a;padding:21px 0}.lab-visit-steps li:first-child{padding-top:0}.lab-visit-steps li>span{font-size:12px;color:#e59d94;padding-top:3px}.lab-visit-steps h4{font-size:18px;font-weight:500;letter-spacing:-.01em}.lab-visit-steps p{font-size:13px;line-height:1.7;color:#c2c9c4;margin-top:9px}
363@media(max-width:760px){.sc.lab-film-section{padding:52px 0}.lab-film-heading{grid-template-columns:1fr;gap:23px;margin-bottom:26px}.lab-film-heading h2{font-size:43px;margin-top:17px}.lab-film-intro>p:last-child{font-size:14px}.lab-film figcaption{font-size:10px;letter-spacing:0;flex-wrap:wrap;padding:12px 0 16px}.lab-visit-details{grid-template-columns:1fr;gap:32px;margin-top:32px}.lab-visit-heading h3{font-size:30px}.lab-visit-heading h3 br{display:none}.lab-visit-steps li{gap:14px}.lab-film-section .kick{font-size:9px}}
364</style><style>
365.manufacturer-grid{margin:40px auto 0;max-width:1120px;display:grid;gap:8px}.manufacturer-row{display:flex;justify-content:center;gap:12px}.manufacturer-logo{width:calc((100% - 48px)/5);height:95px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:2px;padding:23px 19px;cursor:pointer;transition:background .2s ease}.manufacturer-logo img{display:block;width:auto;max-width:100%;height:auto;max-height:43px;object-fit:contain;filter:grayscale(1);opacity:.72;transition:filter .25s ease,opacity .25s ease}.manufacturer-logo:hover img,.manufacturer-logo:focus-visible img,.manufacturer-logo.is-color img{filter:grayscale(0);opacity:1}.manufacturer-logo:hover,.manufacturer-logo.is-color{background:#f7f7f3}.manufacturer-logo:focus-visible{outline:2px solid var(--red);outline-offset:2px}@media(max-width:760px){.manufacturer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:28px}.manufacturer-row{display:contents}.manufacturer-logo{width:100%;height:80px;padding:16px 10px}.manufacturer-logo img{max-height:33px}}@media(prefers-reduced-motion:reduce){.manufacturer-logo,.manufacturer-logo img{transition:none}}
366
367/* Solution Center — film-led lab experience */
368.sc.lab-film-section{background:#202522;color:#fff;padding:90px 0 85px}
369.lab-film-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:38px}
370.lab-film-section .kick{color:#e59d94;font-size:10px;letter-spacing:.15em;line-height:1.6}
371.lab-film-heading h2{font-size:clamp(40px,4.7vw,66px);font-weight:500;letter-spacing:-.045em;line-height:1.06;text-transform:none;margin-top:23px}
372.lab-film-intro{max-width:430px;padding-bottom:5px}.lab-film-label{font-size:15px;font-weight:600;color:#fff;margin-bottom:12px}.lab-film-intro>p:last-child{font-size:16px;line-height:1.75;
372color:#c2c9c4}
373.lab-film{margin:0}.lab-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#111512;outline-offset:5px}.lab-film figcaption{display:flex;justify-content:space-between;gap:15px;padding:16px 0 20px;border-bottom:1px solid #47504a;color:#b9c1bb;font-size:11px;letter-spacing:.04em}.lab-film figcaption span:first-child{color:#fff}
374.lab-visit-details{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;margin-top:52px}.lab-visit-heading h3{font-size:34px;font-weight:500;line-height:1.15;letter-spacing:-.025em;margin-top:18px}.lab-visit-heading .btn{margin-top:27px;text-transform:none;letter-spacing:0;font-size:13px}.lab-appointment{font-size:11px;color:#b9c1bb;margin-top:14px}.lab-visit-steps{list-style:none;margin:0;padding:0}.lab-visit-steps li{display:grid;grid-template-columns:30px 1fr;gap:21px;border-bottom:1px solid #47504a;padding:21px 0}.lab-visit-steps li:first-child{padding-top:0}.lab-visit-steps li>span{font-size:12px;color:#e59d94;padding-top:3px}.lab-visit-steps h4{font-size:18px;font-weight:500;letter-spacing:-.01em}.lab-visit-steps p{font-size:13px;line-height:1.7;color:#c2c9c4;margin-top:9px}
375@media(max-width:760px){.sc.lab-film-section{padding:52px 0}.lab-film-heading{grid-template-columns:1fr;gap:23px;margin-bottom:26px}.lab-film-heading h2{font-size:43px;margin-top:17px}.lab-film-intro>p:last-child{font-size:14px}.lab-film figcaption{font-size:10px;letter-spacing:0;flex-wrap:wrap;padding:12px 0 16px}.lab-visit-details{grid-template-columns:1fr;gap:32px;margin-top:32px}.lab-visit-heading h3{font-size:30px}.lab-visit-heading h3 br{display:none}.lab-visit-steps li{gap:14px}.lab-film-section .kick{font-size:9px}}
376</style><style>.manufacturer-light-logo img{filter:grayscale(1) brightness(0);opacity:.55}.manufacturer-light-logo:hover,.manufacturer-light-logo:focus-visible,.manufacturer-light-logo.is-color{background:#252623}.manufacturer-light-logo:hover img,.manufacturer-light-logo:focus-visible img,.manufacturer-light-logo.is-color img{filter:none;opacity:1}
377/* Solution Center — film-led lab experience */
378.sc.lab-film-section{background:#202522;color:#fff;padding:90px 0 85px}
379.lab-film-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:38px}
380.lab-film-section .kick{color:#e59d94;font-size:10px;letter-spacing:.15em;line-height:1.6}
381.lab-film-heading h2{font-size:clamp(40px,4.7vw,66px);font-weight:500;letter-spacing:-.045em;line-height:1.06;text-transform:none;margin-top:23px}
382.lab-film-intro{max-width:430px;padding-bottom:5px}.lab-film-label{font-size:15px;font-weight:600;color:#fff;margin-bottom:12px}.lab-film-intro>p:last-child{font-size:16px;line-height:1.75;color:#c2c9c4}
383.lab-film{margin:0}.lab-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#111512;outline-offset:5px}.lab-film figcaption{display:flex;justify-content:space-between;gap:15px;padding:16px 0 20px;border-bottom:1px solid #47504a;color:#b9c1bb;font-size:11px;letter-spacing:.04em}.lab-film figcaption span:first-child{color:#fff}
384.lab-visit-details{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;margin-top:52px}.lab-visit-heading h3{font-size:34px;font-weight:500;line-height:1.15;letter-spacing:-.025em;margin-top:18px}.lab-visit-heading .btn{margin-top:27px;text-transform:none;letter-spacing:0;font-size:13px}.lab-appointment{font-size:11px;color:#b9c1bb;margin-top:14px}.lab-visit-steps{list-style:none;margin:0;padding:0}.lab-visit-steps li{display:grid;grid-template-columns:30px 1fr;gap:21px;border-bottom:1px solid #47504a;padding:21px 0}.lab-visit-steps li:first-child{padding-top:0}.lab-visit-steps li>span{font-size:12px;color:#e59d94;padding-top:3px}.lab-visit-steps h4{font-size:18px;font-weight:500;letter-spacing:-.01em}.lab-visit-steps p{font-size:13px;line-height:1.7;color:#c2c9c4;margin-top:9px}
385@media(max-width:760px){.sc.lab-film-section{padding:52px 0}.lab-film-heading{grid-template-columns:1fr;gap:23px;margin-bottom:26px}.lab-film-heading h2{font-size:43px;margin-top:17px}.lab-film-intro>p:last-child{font-size:14px}.lab-film figcaption{font-size:10px;letter-spacing:0;flex-wrap:wrap;padding:12px 0 16px}.lab-visit-details{grid-template-columns:1fr;gap:32px;margin-top:32px}.lab-visit-heading h3{font-size:30px}.lab-visit-heading h3 br{display:none}.lab-visit-steps li{gap:14px}.lab-film-section .kick{font-size:9px}}
386</style><style>
387/* Client review: fewer labels, larger readable copy. */
388.util,.eyebrow,.kick,.mq-note,.fitem .cat,.edu-media .cap,.lab-film-label,
389.lab-film figcaption,.lab-appointment,.kit-feature-media p,.kit-feature-flow,
390.kit-feature-note,.dd-panel .ttl,.dd-panel a span,.dd-panel .cta p,
391.lab-visit-steps li>span{display:none!important}
392.nav-in{padding-block:21px}.links>a,.dd>button{font-size:15px}
393.dd-panel{gap:4px}.dd-panel a{padding-block:12px}
394.hero-in{padding-block:88px 75px}.hero .lede{font-size:19px;max-width:530px}
395.hero-link,.btn,.nav-cta .btn,.lab-visit-heading .btn,.kit-feature-copy .btn{font-size:15px}
396.tile span{font-size:14px;letter-spacing:0;line-height:1.35}
397.brands .lede,.head2 .lede{font-size:16px;line-height:1.6}
398.lab-film-heading h2,.kit-feature-copy h2{margin-top:0}
399.lab-film-intro>p:last-child,.lab-address>p:not(.kick),.lab-prep,
400.kit-feature-lede,.tcard p,.tcard li,.fitem p,.fitem:first-child p,
401.edu .lede,.ind .lede,.ind-tile span,.final p{font-size:16px;line-height:1.65}
402.lab-visit-steps li{grid-template-columns:1fr;gap:0}
403.lab-visit-steps p{font-size:16px;line-height:1.65}
404.lab-visit-heading h3{margin-top:0}
405.fitem .bd,.fitem:first-child .bd{gap:9px}
406.fitem h3,.fitem:first-child h3{margin-top:0}
407.field-count,.text-link,.edu-cta .text-link{font-size:15px}
408.contact-details p{font-size:15px}
409#visit-form label{font-size:14px}
410#visit-form input,#visit-form select,#visit-form textarea{font-size:16px}
411.final .form-note,.final #form-status{font-size:13px}
412.cert b{font-size:14px}.cert span{font-size:13px}
413.foot,.footer-simple nav{font-size:13px}.footer-simple p{font-size:13px}
414.lab-map svg text[font-size="10"]{display:none}
415.lab-map svg g[font-size="13"] text{font-size:15px}
416@media(max-width:760px){.hero-in{padding-block:62px 58px}.hero .lede{font-size:17px}.lab-film-intro>p:last-child{font-size:16px}.fitem .bd,.fitem:first-child .bd{padding:26px 22px 30px}.nav-cta .btn{font-size:13px}}
417</style></head>
418<body>
419<!-- utility bar -->
420<div class="util">
421<div class="wrap">
422<div class="r">
423<a href="tel:+1-951-618-2740"><svg viewbox="0 0 24 24">
423<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>(951) 618-2740</a>
424<a href="/cdn-cgi/l/email-protection#94fdfaf2fbd4fffafbf7fffbe1e0e0e6f1f5e0baf7fbf9"><svg viewbox="0 0 24 24"><rect height="16" rx="1" width="20" x="2" y="4"></rect><path d="m22 6-10 7L2 6"></path></svg><span class="__cf_email__" data-cfemail="c2abaca4ad82a9acada1a9adb7b6b6b0a7a3b6eca1adaf">[email&#160;protected]</span></a>
425</div>
426<div class="r">
427<span><b>MBE Certified</b> <span class="sep">·</span> DGS Small Business #2044011</span>
428<span>31951 Corydon Ave, Suite 130/140, Lake Elsinore, CA</span>
429</div>
430</div>
431</div>
432<!-- nav -->
433<header class="nav" id="nav">
434<div class="wrap nav-in">
435<a aria-label="Knock Out Treatment" class="brand" href="#top">
436<img alt="Knock Out Treatment" src="assets/img/kot-logo.png"/>
437</a>
438<nav aria-label="Main" class="links" id="navlinks"><div class="dd" id="dd-solutions"><button aria-expanded="false" type="button">Solutions <svg viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"></path></svg></button><div class="dd-panel"><p class="ttl">Solutions</p><a href="/industrial-wastewater-treatment-solutions/index.html"><b>Industrial Wastewater Treatment</b></a><a href="/industrial-water-recycling-systems/index.html"><b>Water Recycling Systems</b></a><a href="/wastewater-system-design-engineering/index.html"><b>System Design & Engineering</b></a><a href="/wastewater-operations-maintenance-services/index.html"><b>Operations & Maintenance</b></a><a href="/ai-powered-water-wastewater-solutions/index.html"><b>AI-Powered Solutions</b></a><a href="/industrial-treatability-studies/index.html"><b>Treatability Studies</b></a><a href="/pfas-treatment-solutions/index.html"><b>PFAS Treatment Solutions</b></a><a href="/data-center-water-treatment-solutions/index.html"><b>Data Center Water Treatment</b></a><a href="/industrial-vacuum-truck-services/index.html"><b>Vacuum Truck Services</b></a><a href="/industrial-water-filtration-systems/index.html"><b>Water Filtration Systems</b></a><a href="/industrial-water-treatment-chemicals/index.html"><b>Water Treatment Chemicals</b></a><a href="/industrial-reverse-osmosis-systems/index.html"><b>Reverse Osmosis Systems</b></a><a href="/industrial-water-softening-systems/index.html"><b>Water Softening Systems</b></a><a href="/index.html#engineering"><b>Wastewater Engineering</b></a><a href="/index.html#engineering"><b>Engineering Studies & Reports</b></a></div></div><a href="/locations/">Locations</a><a href="/data-center-water-treatment-solutions/">Data Centers</a><a href="/blog/">Blog</a><a href="/about-us/">About</a></nav>
439<div class="nav-cta"><a class="btn btn-red" href="/request-a-consultation/">Schedule a Consultation</a><button aria-expanded="false" aria-label="Toggle menu" class="burger" id="burger">☰</button>
440</div>
441</div>
442</header>
443<!-- hero -->
444<section class="hero" id="top">
445<div class="hero-bg"><video aria-hidden="true" autoplay="" loop="" muted="" playsinline="" poster="assets/video/hero-poster.jpg" preload="metadata"><source src="assets/video/hero-loop.mp4" type="video/mp4"/></video></div>
446<div class="hero-ov"></div>
447<div class="wrap hero-in">
448<p class="eyebrow">Knock Out Treatment · Lake Elsinore, California</p>
449<h1>Industrial water treatment.<br/><span>From testing to operation.</span></h1>
450</div>
451</section>
452<!-- stats band -->
453<div aria-label="Company facts" class="band">
454<div class="grid wrap">
455<div class="tile red">
456<b>25+</b><span>Years in the field</span>
457</div>
458<div class="tile dark">
459<b>50</b><span>States served</span>
460</div>
461<div class="tile red">
462<b>24/7</b><span>Operational support</span>
463</div>
464<div class="tile dark">
465<b>21</b><span>Leading brand partners</span>
466</div>
467</div>
468</div>
469<!-- brands -->
470<section class="brands" id="brands">
471<div class="wrap">
472<div class="head2">
473<div>
474<p class="kick">Technology ecosystem</p>
475<h2>The right solution starts with the right technologies.</h2>
476</div>
477<p class="lede">We evaluate, integrate and apply technologies from across the industry around the needs of your water and operation.</p>
478</div>
479</div>
480<div aria-label="Manufacturer partners" class="manufacturer-grid"><div class="manufacturer-row"><button aria-label="Show Alfa Laval logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="Alfa Laval" loading="lazy" src="assets/vendor-logos/alfalaval.svg"/></button><button aria-label="Show ANDRITZ logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="ANDRITZ" loading="lazy" src="assets/vendor-logos/andritz.png"/></button><button aria-label="Show ABB logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="ABB" loading="lazy" src="assets/vendor-logos/abb.svg"/>
480</button><button aria-label="Show Buckman logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="Buckman" loading="lazy" src="assets/vendor-logos/buckman.png"/></button></div><div class="manufacturer-row"><button aria-label="Show ChemTreat logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="ChemTreat" loading="lazy" src="assets/vendor-logos/chemtreat.png"/></button><button aria-label="Show Cloacina logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="Cloacina" loading="lazy" src="assets/vendor-logos/cloacina.png"/></button><button aria-label="Show Endress+Hauser logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="Endress+Hauser" loading="lazy" src="assets/vendor-logos/endress-hauser.svg"/></button><button aria-label="Show Grundfos logo in color" aria-pressed="false" class="manufacturer-logo manufacturer-light-logo" type="button"><img alt="Grundfos" loading="lazy" src="assets/vendor-logos/grundfos.svg"/></button></div><div class="manufacturer-row"><button aria-label="Show Hach logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="Hach" loading="lazy" src="assets/vendor-logos/hach.png"/></button><button aria-label="Show Hanna Instruments logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="Hanna Instruments" loading="lazy" src="assets/vendor-logos/hanna.png"/></button><button aria-label="Show Hydranautics logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="Hydranautics" loading="lazy" src="assets/vendor-logos/hydranautics.png"/></button><button aria-label="Show Kurita logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="Kurita" loading="lazy" src="assets/vendor-logos/kurita.svg"/></button><button aria-label="Show Myron L Company logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="Myron L Company" loading="lazy" src="assets/vendor-logos/myronl.svg"/></button></div><div class="manufacturer-row"><button aria-label="Show Nalco Water, an Ecolab company logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="Nalco Water, an Ecolab company" loading="lazy" src="assets/vendor-logos/nalco-water.svg"/></button><button aria-label="Show Pentair logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="Pentair" loading="lazy" src="assets/vendor-logos/pentair.svg"/></button><button aria-label="Show Rockwell Automation logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="Rockwell Automation" loading="lazy" src="assets/vendor-logos/rockwell.svg"/></button><button aria-label="Show Solenis logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="Solenis" loading="lazy" src="assets/vendor-logos/solenis.svg"/></button></div><div class="manufacturer-row"><button aria-label="Show Toray logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="Toray" loading="lazy" src="assets/vendor-logos/toray.svg"/></button><button aria-label="Show Veolia logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="Veolia" loading="lazy" src="assets/vendor-logos/veolia.png"/></button><button aria-label="Show WesTech logo in color" aria-pressed="false" class="manufacturer-logo manufacturer-light-logo" type="button"><img alt="WesTech" loading="lazy" src="assets/vendor-logos/westech.svg"/></button><button aria-label="Show Xylem logo in color" aria-pressed="false" class="manufacturer-logo" type="button"><img alt="Xylem" loading="lazy" src="assets/vendor-logos/xylem.svg"/></button></div></div>
481<div class="wrap">
482<p class="mq-note"><b>21 LEADING MANUFACTURERS</b><span>Plus specialty suppliers across chemicals, membranes, pumps, instrumentation, and controls.</span></p>
483</div>
484</section><section aria-label="Plan your lab visit" class="lab-visit" id="plan-lab-visit"><div class="wrap"><div class="lab-location"><div class="lab-map"><svg aria-labelledby="map-title map-desc" role="img" viewbox="0 0 640 370" xmlns="http://www.w3.org/2000/svg"><title id="map-title">Southern California — Lake Elsinore Solution Center</title><desc id="map-desc">Schematic regional map locating Lake Elsinore southeast of Los Angeles, south of Riverside and n
484orth of San Diego. Not for navigation.</desc><rect fill="#e7eced" height="370" width="640"></rect><path d="M0 0H640V370H418L401 325L388 280L369 243L339 216L295 205L259 186L228 164L207 130L169 115L135 99L85 92L42 73L0 65Z" fill="#f8f7f2"></path><g fill="#626962" font-family="Inter,Arial,sans-serif" font-size="13"><circle cx="171" cy="106" fill="#777d76" r="4"></circle><text x="130" y="87">Los Angeles</text><circle cx="296" cy="182" fill="#777d76" r="4"></circle><text x="241" y="165">Orange County</text><circle cx="400" cy="99" fill="#777d76" r="4"></circle><text x="413" y="94">Riverside</text><circle cx="414" cy="329" fill="#777d76" r="4"></circle><text x="430" y="335">San Diego</text><text fill="#899b9d" font-size="15" font-style="italic" x="96" y="269">Pacific Ocean</text><text font-size="10" letter-spacing="2" x="29" y="32">SOUTHERN CALIFORNIA</text></g><circle cx="403" cy="197" fill="#c4271f" opacity=".12" r="20"></circle><circle cx="403" cy="197" fill="#c4271f" r="8" stroke="white" stroke-width="3"></circle><g font-family="Inter,Arial,sans-serif"><text fill="#252623" font-size="13" font-weight="700" x="469" y="187"><tspan x="440" y="187">Knockout Treat</tspan><tspan x="440" y="204">Solution Center</tspan></text><text fill="#c4271f" font-size="10" x="440" y="222">Proof-of-concept lab</text></g></svg></div><div class="lab-address"><p class="kick">Plan your lab visit</p><h3>A Southern California destination for hands-on testing.</h3><p>Knock Out Treatment Solution Center<br/>31951 Corydon Avenue, Suite 130/140<br/>Lake Elsinore, CA 92530</p><p class="lab-prep">Tell us about your application when you schedule. We’ll discuss the sample requirements and testing scope before your visit.</p><a class="text-link" href="https://www.google.com/maps/search/?api=1&amp;query=31951%20Corydon%20Avenue%2C%20Lake%20Elsinore%2C%20CA%2092530" rel="noopener noreferrer" target="_blank">Get directions <span aria-hidden="true">↗</span></a></div></div></div></section><section class="sc lab-film-section" id="solution-center" aria-labelledby="lab-film-title">
485<div class="wrap">
486<div class="lab-film-heading"><div><p class="kick">Knockout Treatment Solution Center</p><h2 id="lab-film-title">See your solution<br/>in action.</h2></div><div class="lab-film-intro"><p class="lab-film-label">A proof-of-concept lab visit</p><p>Bring your water. Evaluate technologies, compare approaches, measure results and refine a treatment strategy before implementation.</p></div></div>
487<figure class="lab-film"><video id="solution-film" controls playsinline preload="none" poster="solution-center-poster.jpg" aria-label="Knockout Treatment Solution Center — 30-second film"><source src="solution-center-film.mp4" type="video/mp4"/>Your browser does not support video. <a href="solution-center-film.mp4">Watch the Solution Center film</a>.</video><figcaption><span>Inside the Solution Center</span><span>30 seconds · Watch with sound</span></figcaption></figure>
488<div class="lab-visit-details"><div class="lab-visit-heading"><p class="kick">From question to proof of concept</p><h3>A visit built around <br/>your water.</h3><a class="btn btn-red" href="#contact" onclick="document.querySelector('#visit-form select').value='Proof-of-concept lab visit'">Schedule your lab visit <span aria-hidden="true">↗</span></a><p class="lab-appointment">By appointment · Lake Elsinore, CA</p></div><ol class="lab-visit-steps"><li><span>01</span><div><h4>Bring the challenge.</h4><p>Share your water analysis, operating conditions and goals. We’ll agree on sample requirements and the testing scope before you arrive.</p></div></li><li><span>02</span><div><h4>See the process.</h4><p>Observe application-specific testing and explore suitable equipment, filtration and chemistry with our team.</p></div></li><li><span>03</span><div><h4>Shape your solution.</h4><p>Review the results together, compare treatment options and define the next steps for your operation.</p></div></li></ol></div>
489</div></section>
490<!-- KOT test kit -->
491<section class="kit-feature" id="test-kit" aria-labelledby="kit-title">
492<div class="wrap kit-feature-grid">
493<div class="kit-feature-media"><img alt="Front and back views of the Knock Out Treatment Jar Test Kit bucket" loading="lazy" src="kot-test-kit.jpg"/><p>Everything for repeatable jar testing—in one KOT bucket.</p></div>
494<div class="kit-feature-copy"><p class="kick">The portable Solution Center</p><h2 id="kit-title">Stop guessing.<br/>Start testing.</h2><p class="kit-feature-lede">Not ready for a Solution Center visit? Use one reusable kit to perform basic jar testing wherever the water challenge is.</p>
495<div class="kit-feature-flow" aria-label="Jar test process"><span>Sample</span><span>Dose</span><span>Mix</span><span>Observe</span><span>Adjust</span></div>
496<p class="kit-feature-note">Essential measuring and mixing tools, organized around a repeatable five-round process.</p>
497<a class="btn btn-red" href="https://kot.llc" rel="noopener noreferrer" target="_blank">Buy the KOT Test Kit — $38.99 Shipped <span aria-hidden="true">↗</span></a></div>
498</div>
499</section>
500<!-- triad -->
501<section class="triad" id="engineering">
502<div class="wrap">
503<div class="head2">
504<div>
505<p class="kick">Industrial water-treatment problem solvers</p>
506<h2>From evaluation and engineering to implementation.</h2>
507</div>
508<p class="lede">We select, integrate, test and implement the technologies needed to solve the problem—not simply supply another product.</p>
509</div>
510<div class="triad-grid">
511<article class="tcard">
512<h3>Equipment &amp; chemicals</h3>
513<p>Treatment chemicals, membranes, pumps and instrumentation selected for your application.</p>
514<ul>
515<li>Water treatment chemicals &amp; polymers</li>
516<li>RO &amp; filtration membranes</li>
517<li>Pumps, dosing &amp; disinfection equipment</li>
518<li>Instrumentation &amp; lab supplies</li>
519</ul>
520<a class="text-link" href="#contact">Discuss your requirements →</a></article>
521<article class="tcard" data-d="80">
522<h3>Engineering &amp; integration</h3>
523<p>Studies, evaluations, system design, equipment integration and controls, from retrofit planning through commissioning.</p>
524<ul>
525<li>Engineering studies &amp; reports</li>
526<li>Wastewater evaluations &amp; retrofit design</li>
527<li>
527Controls, SCADA &amp; monitoring</li>
528<li>Installation &amp; commissioning</li>
529</ul>
530<a class="text-link" href="#contact">Discuss your requirements →</a></article>
531<article class="tcard" data-d="160">
532<h3>Technical service</h3>
533<p>Water analysis, troubleshooting, optimization and operator training for ongoing operations.</p>
534<ul>
535<li>Treatability studies &amp; water analysis</li>
536<li>System optimization</li>
537<li>Operator training</li>
538<li>24/7 nationwide support</li>
539</ul>
540<a class="text-link" href="#contact">Discuss your requirements →</a></article>
541</div>
542</div>
543</section>
544<!-- solution center -->
545<!-- field / projects -->
546<section class="field" id="field">
547<div class="wrap">
548<div class="head2">
549<div>
550<p class="kick">Applications in the field</p>
551<h2>From equipment to installation.</h2>
552</div>
553<p class="lede">A closer look at facility construction, equipment delivery, installation, membrane filtration and chemical programs. Images and project details rotate automatically.</p>
554</div>
555<div class="field-slider-head"><button aria-label="Previous gallery image" class="field-arrow" id="field-prev" type="button">←</button><span aria-live="polite" class="field-count" id="field-count">01 / 06</span><button aria-label="Next gallery image" class="field-arrow" id="field-next" type="button">→</button></div>
556<div class="field-grid" id="field-gallery" tabindex="0">
557<article class="fitem">
558<div class="im"><img alt="Treatment system installation in progress" src="assets/img/field-install.jpg"/></div>
559<div class="bd"><p class="cat">Installation &amp; integration</p><h3>Connecting the system to the site.</h3><p>Equipment selection is one part of the job. Site access, utilities, controls and commissioning all need to work together.</p><a class="text-link" href="#contact">Discuss an installation →</a></div>
560</article>
561<article class="fitem" data-d="60">
562<div class="im"><img alt="Reverse osmosis membrane elements" src="assets/img/field-membranes.jpg"/></div>
563<div class="bd"><p class="cat">Membranes</p><h3>RO elements &amp; filtration programs</h3><p>Selection, cleaning and replacement support for reverse osmosis membranes.</p></div>
564</article>
565<article class="fitem" data-d="120">
566<div class="im"><img alt="Chemical process equipment and IBC tote" src="assets/img/field-chemicals.jpg"/></div>
567<div class="bd"><p class="cat">Chemicals</p><h3>Bulk chemical supply &amp; dosing</h3><p>Chemical storage, metering and delivery matched to the treatment process.</p></div>
568</article>
569<article class="fitem">
570<div class="im"><img alt="Large municipal water treatment clarifiers under construction" loading="lazy" src="field-construction.jpg"/></div>
571<div class="bd"><p class="cat">Facility construction</p><h3>
571Treatment infrastructure taking shape</h3><p>Real-world construction brings civil works, process equipment, piping, electrical and controls together.</p></div>
572</article>
573<article class="fitem">
574<div class="im"><img alt="Grundfos industrial pump secured on a shipping pallet" loading="lazy" src="field-grundfos-pallet.jpg"/></div>
575<div class="bd"><p class="cat">Partner equipment · Grundfos</p><h3>Equipment prepared for delivery</h3><p>Industrial pump equipment staged on a pallet before integration into the treatment system.</p></div>
576</article>
577<article class="fitem">
578<div class="im"><img alt="WesTech mobile ballasted flocculation clarifier ready for deployment" loading="lazy" src="field-westech-mobile.jpg"/></div>
579<div class="bd"><p class="cat">Partner equipment · WesTech</p><h3>Mobile treatment, ready to deploy</h3><p>A transportable treatment system designed for rapid setup and application-specific field operation.</p></div>
580</article>
581</div>
582</div>
583</section>
584<!-- education -->
585<section class="edu" id="education">
586<div class="wrap">
587<div class="edu-grid">
588<div class="">
589<p class="kick">Technical support</p>
590<h2>Practical knowledge for the people running the system.</h2>
591<p class="lede" style="margin-top:16px">Operator training and application-focused guidance are available through the Solution Center or at your facility.</p>
592<div class="edu-cta"><a class="text-link" href="#contact">Ask about operator training →</a></div>
593</div>
594<div class="edu-media" data-d="80">
595<img alt="Water samples being analyzed during a training session" src="assets/img/education.jpg"/>
596<p class="cap">Water samples prepared for testing</p>
597</div>
598</div>
599</div>
600</section>
601<!-- industries -->
602<section aria-label="Industries served" class="ind" id="industries">
603<div class="wrap">
604<div class="head2">
605<div>
606<p class="kick on-dark">Markets We Serve</p>
607<h2>Treatment shaped by your industry.</h2>
608</div>
609<p class="lede" style="color:rgba(255,255,255,.72)">Process water, wastewater and reuse requirements vary by facility. Start with your application and operating limits.</p>
610</div>
611<div class="ind-grid">
612<div class="ind-tile"><b>Manufacturing</b><span>Process water, pretreatment, and discharge compliance.</span></div>
613<div class="ind-tile" data-d="50"><b>Food &amp; Beverage</b><span>High-strength waste, fats/oils/grease, and reuse-ready effluent.</span></div>
614<div class="ind-tile" data-d="100"><b>Data Centers</b><span>Cooling water programs, scale control, and uptime-first service.</span></div>
615<div class="ind-tile" data-d="150"><b>Oil &amp; Gas</b><span>Produced water, drilling waste, and disposal-stream handling.</span></div>
616<div class="ind-tile"><b>Mining &amp; Aggregates</b><span>Settlement, dewatering, and permit-driven treatment.</span></div>
617<div class="ind-tile" data-d="50"><b>Chemical Processing</b><span>Specialty streams, brine, and reuse-driven water balance.</span></div>
618<div class="ind-tile" data-d="100"><b>Municipal &amp; Public Works</b><span>Public-agency projects with certified SB/MBE participation.</span></div>
619<div class="ind-tile" data-d="150"><b>Agriculture &amp; Irrigation</b><span>Well water, reuse, and soil-driven water quality programs.</span></div>
620</div>
621</div>
622</section>
623<!-- insights -->
624<!-- proof -->
625<!-- final cta -->
626<section class="final" id="contact">
627<div class="wrap"><div class="final-in"><div><p class="kick">Let’s talk water</p><h2>Bring us your next challenge.</h2><p>Schedule an introductory call or arrange a proof-of-concept lab visit to discuss and test treatment options for your water.</p><div class="contact-details"><a href="tel:+19516182740">(951) 618-2740</a><a href="/cdn-cgi/l/email-protection#ed84838b82ad8683828e86829899999f888c99c38e8280"><span class="__cf_email__" data-cfemail="620b0c040d22090c0d01090d171616100703164c010d0f">[email&#160;protected]</span></a><p>31951 Corydon Avenue, Suite 130/140<br/>Lake Elsinore, CA 92530<br/><span>Monday–Friday · 7:00 AM–3:00 PM</span></p></div></div><form id="visit-form"><h3>Request a conversation</h3><div class="form-row"><label>Name<input autocomplete="name" name="name" required=""/></label><label>Work email<input autocomplete="email" name="email" required="" type="email"/></label></div><label>What can we help with?<select name="interest"><option>Introductory call</option><option>Proof-of-concept lab visit</option><option>Engineering study or report</option><option>Equipment &amp; chemicals</option><option>System integration</option><option>Technical service</option><option>Operator training</option></select></label><label>Tell us a little about your needs<textarea name="message" placeholder="Your application, water challenge or preferred visit dates" required="" rows="3"></textarea></label><button class="btn btn-red" type="submit">Prepare email request <span aria-hidden="true">↗</span></button><p class="form-note">Opens your email app with these details. Send the email to request a conversation; visit times are confirmed by our team.</p><p id="form-status" role="status"></p></form></div><div class="certs">
628<div class="cert"><b>MBE Certified</b><span>Minority Business Enterprise</span></div>
629<div class="cert"><b>DGS Small Business</b><span>California #2044011</span></div>
630<div class="cert"><b>Micro Business</b><span>California certified</span></div>
631<div class="cert"><b>25+ Years</b><span>Family of companies in wastewater</span></div>
632</div></div>
633</section>
634<!-- footer -->
635<footer class="foot"><div class="wrap footer-simple"><a href="#top"><img alt="Knock Out Treatment" src="assets/img/kot-logo.png" width="150"/></a><nav aria-label="Footer"><a href="#engineering">Engineering</a><a href="#solution-center">Solution Center</a><a href="/locations/">Locations</a><a href="#brands">Manufacturers</a><a href="#education">Training</a><a href="#contact">Contact</a></nav><p>© 2026 Knock Out Treatment LLC<br/>Lake Elsinore, California</p></div></footer>
vendor: 109 bytes, lines 635-636
635
636<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
636<script>
637// nav shadow on scroll
638var nav = document.getElementById('nav');
639function onScroll(){ nav.classList.toggle('scrolled', window.scrollY > 8); }
640onScroll(); window.addEventListener('scroll', onScroll, {passive:true});
641
642// mobile menu + dropdown
643var burger = document.getElementById('burger');
644var links = document.getElementById('navlinks');
645burger.addEventListener('click', function(){
646  var open = links.classList.toggle('open');
647  burger.setAttribute('aria-expanded', open ? 'true' : 'false');
648});
649links.addEventListener('click', function(e){
650  if (e.target.tagName === 'A' && !e.target.closest('.dd-panel')) {
651    links.classList.remove('open'); burger.setAttribute('aria-expanded','false');
652  }
653});
654// dropdown toggle (touch/click)
655var dd = document.getElementById('dd-solutions');
656var ddBtn = dd.querySelector('button');
657ddBtn.addEventListener('click', function(e){
658  e.preventDefault();
659  var open = dd.classList.toggle('open');
660  ddBtn.setAttribute('aria-expanded', open ? 'true' : 'false');
661});
662document.addEventListener('click', function(e){
663  if (!dd.contains(e.target)) { dd.classList.remove('open'); ddBtn.setAttribute('aria-expanded','false'); }
664});
665
666// respect reduced motion: keep posters instead of playing video
667if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
668  document.querySelectorAll('video').forEach(function(v){ v.removeAttribute('autoplay'); try { v.pause(); } catch(e){} });
669}
670
671// reveal with failsafe
672(function(){
673  var els = document.querySelectorAll('.rv');
674  if (!('IntersectionObserver' in window)) { els.forEach(function(e){ e.classList.add('in'); }); return; }
675  var io = new IntersectionObserver(function(entries){
676    entries.forEach(function(en){ if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); } });
677  }, {rootMargin: '0px 0px -6% 0px', threshold: 0.05});
678  els.forEach(function(e){ io.observe(e); });
679  els.forEach(function(e){ var r = e.getBoundingClientRect(); if (r.top < window.innerHeight * 0.94) e.classList.add('in'); });
680  setTimeout(function(){ els.forEach(function(e){ e.classList.add('in'); }); }, 2600);
681})();
682</script>
vendor: 1 bytes, line 682
682
683<script>
684(function(){
685  var gallery=document.getElementById('field-gallery');
686  if(!gallery)return;
687  var cards=Array.prototype.slice.call(gallery.querySelectorAll('.fitem'));
688  var count=document.getElementById('field-count');
689  function current(){
690    var left=gallery.scrollLeft, best=0, distance=Infinity;
691    cards.forEach(function(card,i){var d=Math.abs(card.offsetLeft-gallery.offsetLeft-left);if(d<distance){distance=d;best=i;}});
692    return best;
693  }
694  function update(){var i=current();count.textContent=String(i+1).padStart(2,'0')+' / '+String(cards.length).padStart(2,'0');}
695  var timer;
696  function go(index){index=(index+cards.length)%cards.length;gallery.scrollTo({left:cards[index].offsetLeft-gallery.offsetLeft,behavior:'smooth'});setTimeout(update,450);}
697  function move(direction){go(current()+direction);}
698  function start(){clearInterval(timer);if(!window.matchMedia('(prefers-reduced-motion: reduce)').matches){timer=setInterval(function(){move(1);},3000);}}
699  function pause(){clearInterval(timer);}
700  document.getElementById('field-prev').addEventListener('click',function(){move(-1);start();});
701  document.getElementById('field-next').addEventListener('click',function(){move(1);start();});
702  gallery.addEventListener('mouseenter',pause);
703  gallery.addEventListener('mouseleave',start);
704  gallery.addEventListener('focusin',pause);
705  gallery.addEventListener('focusout',start);
706  gallery.addEventListener('touchstart',pause,{passive:true});
707  gallery.addEventListener('touchend',start,{passive:true});
708  gallery.addEventListener('scroll',function(){clearTimeout(gallery._fieldTimer);gallery._fieldTimer=setTimeout(update,80);},{passive:true});
709  gallery.addEventListener('keydown',function(e){if(e.key==='ArrowLeft'){e.preventDefault();move(-1);}if(e.key==='ArrowRight'){e.preventDefault();move(1);}});
710  update();start();
711})();
712</script>
vendor: 1 bytes, line 712
712
713<script>document.getElementById('visit-form').addEventListener('submit',function(e){e.preventDefault();if(!this.reportValidity())return;var d=new FormData(this);var body='Name: '+d.get('name')+'\nEmail: '+d.get('email')+'\nInterest: '+d.get('interest')+'\n\n'+d.get('message');window.location.href='mailto:[email protected]?subject='+encodeURIComponent(d.get('interest')+' request')+'&body='+encodeURIComponent(body);document.getElementById('form-status').textContent='Your email draft is ready to open. Send it from your email app, or call (951) 618-2740 if no app opens.';});document.querySelectorAll('#navlinks a').forEach(function(a){a.addEventListener('click',function(){links.classList.remove('open');dd.classList.remove('open');burger.setAttribute('aria-expanded','false');ddBtn.setAttribute('aria-expanded','false');});});document.addEventListener('keydown',function(e){if(e.key==='Escape'){links.classList.remove('open');dd.classList.remove('open');burger.setAttribute('aria-expanded','false');ddBtn.setAttribute('aria-expanded','false');}});</script>
713<script>document.querySelectorAll('.manufacturer-logo').forEach(function(button){button.addEventListener('click',function(){var active=button.classList.toggle('is-color');button.setAttribute('aria-pressed',String(active));});});</script>
713<elevenlabs-convai agent-id="agent_5201m0d4w4gre7z9rbwdqjpwam9k"></elevenlabs-convai>
714<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>
vendor: 1 bytes, line 714
714
715<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"86d1d1ed898f4bffaedbeb374f04f3b4","r":1,"spa":2}' crossorigin="anonymous"></script>
715
716</body>
717</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.