@font-face {font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/Montserrat-400.ttf) format("truetype");}
@font-face {font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/Montserrat-500.ttf) format("truetype");}
@font-face {font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/Montserrat-600.ttf) format("truetype");}
@font-face {font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/Montserrat-700.ttf) format("truetype");}
@font-face {font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(assets/fonts/Montserrat-800.ttf) format("truetype");}
:root{--blue:#0f2d46;--teal:#0ba3b8;--green:#3ebe41;--muted:#556773;--line:#d6dde3;--white:#f4f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--blue);font:14px/1.65 Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}a:hover{text-decoration:underline}button{cursor:pointer}.wrap{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}header{max-width:1440px;margin:auto;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}header img{width:235px}nav{display:flex;gap:28px;font-size:12px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--blue);color:white;padding:17px 22px;font-weight:600;font-size:12px}.button:hover{background:#1c435f;text-decoration:none}.button span{font-size:19px}.button.small{padding:10px 18px}.stripe{height:5px;background:linear-gradient(to right,var(--blue) 0 33.333%,var(--teal) 33.333% 66.666%,var(--green) 66.666%)}.hero{padding-top:68px;padding-bottom:68px;display:grid;grid-template-columns:1.2fr 1fr;gap:65px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 26px}.hero h1{font-size:clamp(45px,5.1vw,70px);line-height:1.06;letter-spacing:-3px;margin:0 0 28px;font-weight:700}.hero h1 span{color:#53707e}.hero-copy>p:not(.eyebrow){max-width:460px;color:var(--muted)}.hero-copy .intro{font-size:19px;line-height:1.5;color:var(--blue)!important}.actions{display:flex;gap:22px;align-items:center;margin-top:32px}.textlink{font-size:12px;font-weight:600}.technical{background:var(--white);border:1px solid var(--line);padding:26px 30px;display:flex;flex-direction:column;justify-content:space-between}.tech-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;border-bottom:1px solid var(--line);padding-bottom:18px}.ph{padding-top:32px}.ph>span{font-size:10px;letter-spacing:2px}.ph strong{display:block;font-size:62px;line-height:1.3;letter-spacing:-3px;font-weight:500}.ph strong span{color:var(--teal);padding:0 5px}.ph small{font-size:11px;color:var(--muted)}.vessels{display:flex;align-items:center;justify-content:center;gap:25px;margin:35px 0 8px}.vessel{border:2px solid var(--blue);width:85px;height:102px;position:relative;display:grid;place-items:center;isolation:isolate}.vessel:before{content:'';position:absolute;width:30px;height:9px;background:var(--blue);top:-12px}.vessel i{position:absolute;bottom:0;left:0;right:0;height:65%;background:var(--blue);z-index:-1}.vessel b{font-size:23px;color:white;margin-top:25px}.vessel.water{width:150px;border-color:var(--teal)}.vessel.water:before,.vessel.water i{background:var(--teal)}.vessel.water b{color:var(--blue)}.plus{font-size:25px}.vessel-labels{display:flex;justify-content:center;gap:45px;font-size:8px;letter-spacing:1px}.tech-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:19px;display:flex;justify-content:space-between;gap:12px}.tech-bottom strong{font-size:13px}.tech-bottom>span{font-size:11px;text-align:right}.facts{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:45px}.facts>div{border-top:1px solid var(--line);padding:20px 25px 0 0}.facts span{font-size:9px;letter-spacing:1.2px;display:block;color:var(--muted)}.facts strong{display:block;margin-top:8px;font-weight:500;font-size:16px}.section{padding-top:85px;padding-bottom:85px}h2{font-size:37px;line-height:1.18;letter-spacing:-1.3px;font-weight:600;margin:0 0 24px}p{margin:0 0 20px}.case{background:var(--blue);color:white}.case .eyebrow{color:#80d7e0}.case-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:75px}.case p:not(.eyebrow){color:#d6e0e7}.case .large{font-size:21px;line-height:1.55;color:white!important}.caption{font-size:10px;color:var(--muted);line-height:1.7;margin-top:18px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:25px}.section-head>p{max-width:410px;font-size:12px;color:var(--muted)}.solutions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--blue);border-bottom:1px solid var(--line)}.solution{text-align:left;background:white;border:0;border-right:1px solid var(--line);padding:25px 25px 30px;color:var(--blue);position:relative}.solution:last-child{border-right:0}.solution.active{background:var(--white)}.solution.active:after{content:'';height:4px;background:var(--teal);position:absolute;bottom:0;left:0;right:0}.solution .eyebrow{font-size:9px}.solution strong{display:block;font-size:53px;letter-spacing:-2px;font-weight:500;margin:12px 0}.solution>span:not(.eyebrow){display:block;font-size:13px;font-weight:600;margin-bottom:10px}.solution small{font-size:11px;color:var(--muted)}.mix{background:var(--white);display:flex;justify-content:space-between;align-items:center;padding:22px 25px;margin-top:22px;gap:20px}.mix label{font-size:11px}.mix label span{margin-left:18px}.mix input{width:75px;padding:8px}.mix-result{font-size:12px}.mix-result strong{font-size:17px}.mix-result>span{margin:0 15px;color:var(--teal)}input{border:1px solid #b6c2cc;background:white;border-radius:0;color:var(--blue);padding:10px;width:100%}.cost{background:var(--white)}.calculator{display:grid;grid-template-columns:1.25fr 1fr;background:white;border:1px solid var(--line)}.inputs{padding:30px}.calc-row{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.calc-row label{font-size:12px}.calc-row small{display:block;font-size:10px;color:var(--muted)}.calc-heading{font-size:10px}.rates{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.rates label{font-size:9px}.rates input{margin-top:8px}.reset{border:0;background:none;color:var(--muted);padding:0;margin-top:20px;font-size:10px}.result{background:var(--blue);color:white;padding:36px;display:flex;flex-direction:column}.result .eyebrow{color:#c3d7e1}.compare{display:flex;gap:30px;justify-content:space-between}.compare span{display:block;font-size:11px}.compare strong{font-size:32px;letter-spacing:-1px}.result hr{width:100%;border:0;border-top:1px solid #476074;margin:25px 0}.result>p:not(.eyebrow){font-size:11px;margin-bottom:8px}.saving{font-size:47px;line-height:1.3;color:#fff}.result small{font-size:10px;color:#c3d7e1;margin-top:25px}.use{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.use>div>p:not(.eyebrow){max-width:380px;color:var(--muted)}.steps>div{display:flex;gap:24px;border-top:1px solid var(--line);padding:20px 0 6px}.steps>div>span{color:#077e90;font-size:11px;font-weight:600}.steps h3{font-size:15px;margin:0 0 9px}.steps p{font-size:12px;color:var(--muted)}.docs{padding-top:0}.doc-row{display:flex;align-items:center;border-top:1px solid var(--line);padding:21px 0;gap:28px}.doc-row strong{font-size:13px;font-weight:500;flex:1}.doc-row a{font-size:11px;font-weight:600}.doc-row a:hover{color:#077e90}.contact{background:var(--blue);color:white;padding:70px 0}.contact h2{font-size:45px}.contact p:not(.eyebrow){color:#d6e0e7}.light{background:white;color:var(--blue)}.light:hover{background:var(--white)}.email{margin-left:25px;font-size:12px}footer{padding-top:28px!important;padding-bottom:28px!important;display:flex;justify-content:space-between;gap:25px;font-size:9px;color:var(--muted)}@media(max-width:1000px){header{padding:20px 25px}header img{width:190px}nav{gap:16px}nav a:last-child{display:none}.wrap{padding-left:28px;padding-right:28px}.hero{gap:30px}.actions{align-items:start;flex-direction:column}.case-grid,.use{gap:40px}.ph strong{font-size:50px}.technical{padding:22px}.section-head{align-items:start}.rates{grid-template-columns:1fr}.result{padding:28px}.compare strong{font-size:27px}}@media(max-width:700px){header{padding:15px 20px;gap:15px}header img{width:165px}header .button{font-size:10px;padding:8px 10px;gap:12px}nav{display:none}.wrap{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px;gap:35px}.hero h1{font-size:54px}.hero h1 span br{display:none}.hero-copy .intro{font-size:18px}.actions{flex-direction:row;align-items:center;gap:18px}.button{gap:18px;padding:14px 16px}.textlink{font-size:11px}.technical{min-height:420px}.ph strong{font-size:62px}.facts{grid-template-columns:1fr;gap:15px}.facts>div{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 0 0}.facts strong{font-size:12px;margin:0}.facts span{font-size:8px}.section{padding-top:55px;padding-bottom:55px}.case-grid,.use,.calculator{grid-template-columns:1fr;gap:25px}h2{font-size:31px}.case .large{font-size:18px}.section-head{flex-direction:column;gap:0}.solutions{grid-template-columns:1fr}.solution{border-right:0;border-bottom:1px solid var(--line);padding:20px}.solution strong{font-size:42px;margin:6px 0}.solution small br{display:none}.mix{flex-direction:column;align-items:start;padding:18px}.mix label span{margin-left:8px}.mix-result strong{font-size:16px}.mix-result>span{margin:0 7px}.inputs{padding:20px}.calc-row{gap:10px;grid-template-columns:1.5fr 1fr 1fr}.rates{grid-template-columns:repeat(3,1fr);gap:10px}.rates input{padding:8px}.calculator{gap:0}.result{padding:25px}.compare strong{font-size:34px}.docs{padding-top:10px}.doc-row{gap:20px}.doc-row strong{font-size:11px}.contact h2{font-size:35px}.contact{padding:50px 0}.email{display:block;margin:18px 0 0}footer{flex-direction:column;gap:14px}.caption{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Full-width oilfield image hero */
.hero-image{position:relative;isolation:isolate;background:var(--blue);color:#fff;overflow:hidden}.hero-background,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-background{object-fit:cover;object-position:center}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(15,45,70,.91) 0%,rgba(15,45,70,.77) 37%,rgba(15,45,70,.24) 70%,rgba(15,45,70,.12) 100%)}.hero-content{padding-top:70px;padding-bottom:24px;min-height:650px;display:flex;flex-direction:column;justify-content:space-between}.hero-image .hero-copy{max-width:660px}.hero-image h1{font-size:clamp(45px,5.1vw,70px);line-height:1.06;letter-spacing:-3px;margin:0 0 28px;font-weight:700}.hero-image h1 span{color:white}.hero-image h1 span br{display:none}.hero-image .eyebrow{color:#dce7ed}.hero-image .hero-copy>p:not(.eyebrow){color:#eef3f6;max-width:480px}.hero-image .hero-copy .intro{color:white!important;font-size:19px;line-height:1.5}.hero-image .button{background:white;color:var(--blue)}.hero-image .button:hover{background:#e7eff4}.hero-image .textlink{color:white}.hero-image-footer{display:flex;justify-content:space-between;align-items:center;margin-top:48px;font-size:9px;color:#e6edf2}.hero-image-footer button{border:1px solid #a4b4c0;color:white;background:var(--blue);padding:9px 14px;font-size:10px;min-width:118px}.hero-image+.facts{padding-top:28px}
@media(max-width:700px){.hero-content{padding-top:45px;min-height:660px}.hero-image h1{font-size:52px;letter-spacing:-2px}.hero-background{object-position:78% center}.hero-shade{background:linear-gradient(90deg,rgba(15,45,70,.87),rgba(15,45,70,.52))}.hero-image .hero-copy .intro{font-size:18px}.hero-image-footer{margin-top:35px}.hero-image .actions{align-items:start;flex-direction:column}}


/* Product, application and technical reference sections */
header{gap:20px}header img{width:200px}nav{gap:17px;font-size:11px}.menu-toggle{display:none}.product-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-bottom:40px}.product-metrics>div{border-top:2px solid var(--teal);padding-top:20px}.product-metrics strong{display:block;font-size:27px;font-weight:600;letter-spacing:-1px}.product-metrics span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:65px}.intro-columns h3{font-size:21px;margin:0 0 16px}.intro-columns p{color:var(--muted)}.mix-explainer{font-size:12px;color:var(--muted);margin-bottom:22px}.product-extensions{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:45px}.product-extensions article{border-top:2px solid var(--blue);padding-top:24px}.product-extensions h3{font-size:24px;margin:0 0 18px}.product-extensions p:not(.eyebrow){font-size:13px;color:var(--muted)}.product-note{border-left:2px solid var(--teal);padding-left:14px}.muted-section{background:var(--white)}.mechanisms{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:30px 0}.mechanisms article{border-top:1px solid var(--line);padding-top:20px}.mechanisms article>span{font-size:11px;color:#077e90}.mechanisms h3{font-size:18px;margin:12px 0}.mechanisms p{font-size:13px;color:var(--muted)}.table-scroll{overflow-x:auto;margin-top:35px}table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.6;background:#fff}caption{text-align:left;font-size:16px;font-weight:600;margin-bottom:18px}td,th{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}thead{background:var(--blue);color:#fff}th{font-weight:600}tbody th{width:26%}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.industry-grid article{border-top:1px solid var(--line);padding-top:22px;display:flex;flex-direction:column}.industry-number{font-size:11px;color:#077e90}.industry-grid h3{font-size:17px;line-height:1.4;margin:14px 0}.industry-grid p{color:var(--muted);font-size:12px}.dilution-link{margin-top:auto;font-size:10px;font-weight:600;color:#077e90}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 35px}.detail-grid h3{font-size:16px;margin:0 0 12px}.detail-grid article{border-top:1px solid var(--line);padding-top:23px}.detail-grid p{font-size:12px;color:var(--muted)}.safety-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.safety-pair article{background:white;border-top:3px solid var(--teal);padding:24px}.safety-pair h3{font-size:23px;margin:0 0 12px}.safety-pair p:not(.eyebrow){font-size:12px;margin:0;color:var(--muted)}.regulatory{max-width:900px;font-size:13px;color:var(--muted)}.partner-points>div{border-top:1px solid var(--line);padding-top:18px}.partner-points h3{font-size:17px;margin-bottom:8px}.partner-points p{font-size:12px}.doc-row small{display:block;font-size:9px;font-weight:400;margin-top:5px}.docs{padding-top:75px}.footer-links{display:flex;gap:17px;flex-wrap:wrap;max-width:420px}.contact .email{display:inline-block;margin-top:16px}
@media(max-width:1000px){header{position:relative;flex-wrap:wrap}header img{width:175px}.menu-toggle{display:block;margin-left:auto;border:1px solid var(--line);background:#fff;color:var(--blue);padding:10px 14px}header nav{display:none;order:4;width:100%;padding:15px 0 5px}header nav.open{display:flex;flex-wrap:wrap;gap:20px}header nav a:last-child{display:block}.industry-grid,.detail-grid{grid-template-columns:repeat(2,1fr)}.intro-columns{gap:35px}.product-metrics strong{font-size:23px}}
@media(max-width:700px){header .button.small{display:none}.product-metrics{grid-template-columns:repeat(2,1fr);gap:20px;padding-top:0}.product-metrics strong{font-size:25px}.intro-columns,.product-extensions,.mechanisms,.industry-grid,.detail-grid,.safety-pair{grid-template-columns:1fr;gap:24px}.product-extensions{margin-top:32px}.mechanisms{margin-bottom:0}.table-scroll table{min-width:0;width:100%;table-layout:fixed}td,th{padding:13px 15px}.table-scroll{margin-top:24px}.industry-grid{gap:30px}.safety-pair h3{font-size:21px}.docs{padding-top:50px}.doc-row{gap:12px}.doc-row small{font-size:8px}.contact .email{display:block;margin-left:0}.footer-links{gap:15px}.solution small{line-height:1.7}}

/* Explanatory SVG diagrams */
.cleaning-diagram,.dilution-diagram,.packaging-diagram{margin:32px 0;padding:28px;background:#fff;border:1px solid var(--line)}
.cleaning-diagram figcaption,.dilution-diagram figcaption,.packaging-diagram figcaption{font-size:14px;font-weight:600;margin-bottom:22px}.cleaning-sequence{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;gap:15px;align-items:center}.cleaning-sequence svg{width:100%;height:auto;display:block}.cleaning-sequence p{font-size:12px;margin:12px 0 0;text-align:center;font-weight:600}.cleaning-sequence p span{font-size:10px;color:#077e90;margin-right:8px}.sequence-arrow{font-size:26px;color:#077e90;padding-bottom:30px;text-align:center}.cleaning-diagram .caption,.dilution-diagram .caption,.packaging-diagram .caption{margin-bottom:0}.dilution-diagram{background:var(--white);border:0;margin-bottom:0}.dilution-equation{display:grid;grid-template-columns:1fr 35px 1fr 35px 1.2fr;align-items:center;gap:10px}.dilution-equation>div>strong{display:block;font-size:32px;font-weight:600;line-height:1.3;letter-spacing:-1px}.dilution-equation small{font-size:12px;font-weight:500;letter-spacing:0}.dilution-equation>div>span{display:block;font-size:11px;margin-top:6px;color:var(--muted)}.math-symbol{font-size:26px;font-weight:400;color:#077e90}.dilution-units{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:24px}.dilution-units>span{display:block;height:22px;background:var(--teal)}.dilution-units .concentrate-unit{background:var(--blue)}.packaging-lineup{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;align-items:end}.packaging-lineup>div{text-align:center}.packaging-lineup svg{display:block;width:100%;height:155px;object-fit:contain}.packaging-lineup strong{display:block;font-weight:600;font-size:12px;margin-top:12px}.packaging-lineup span{display:block;font-size:11px;margin-top:4px;color:var(--muted)}
@media(max-width:700px){.cleaning-diagram,.dilution-diagram,.packaging-diagram{padding:20px}.cleaning-sequence{grid-template-columns:1fr;gap:12px}.cleaning-sequence>div{max-width:300px;margin:auto;width:100%}.sequence-arrow{padding:0;transform:rotate(90deg);line-height:1}.cleaning-sequence p{margin-top:0}.dilution-equation{grid-template-columns:1fr 20px 1fr 20px 1fr;gap:4px}.dilution-equation>div>strong{font-size:25px}.dilution-equation small{display:block;font-size:10px;line-height:1.7}.dilution-equation>div>span{font-size:9px;line-height:1.5}.math-symbol{font-size:20px}.packaging-lineup{grid-template-columns:repeat(2,1fr);gap:28px 15px}.packaging-lineup>div:last-child{grid-column:1/-1;width:50%;justify-self:center}.packaging-lineup svg{height:130px}.dilution-units{gap:3px}.dilution-units>span{height:18px}}

/* Tables fit narrow screens without horizontal scrolling. */
.table-scroll{min-width:0;max-width:100%}
@media(max-width:700px){
 .table-scroll{overflow-x:visible}
 .table-scroll table{font-size:11px;line-height:1.55}
 .table-scroll th,.table-scroll td{padding:12px 8px;white-space:normal;overflow-wrap:anywhere;word-break:normal;vertical-align:top}
 .table-scroll caption{overflow-wrap:anywhere;font-size:14px}
 #why .table-scroll th:first-child{width:28%}
 #why .table-scroll thead th:nth-child(2),#why .table-scroll thead th:nth-child(3){width:36%}
 #safety .table-scroll tbody th{width:39%}
 #packaging .table-scroll thead th:first-child{width:28%}
 #packaging .table-scroll thead th:nth-child(2){width:26%}
 #packaging .table-scroll thead th:nth-child(3){width:46%}
}
@media(max-width:380px){.table-scroll th,.table-scroll td{padding:10px 6px}.table-scroll table{font-size:10.5px}}

/* Keep navigation visible while scrolling. */
header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 0 var(--line)}
html{scroll-padding-top:calc(var(--header-height,100px) + 16px)}

/* Temporarily hide Costs while preserving the calculator for restoration. */
[hidden]{display:none!important}
/* Trademark at the upper right of the wordmark, separate from the image. */
.brand-logo{position:relative;display:inline-block;flex-shrink:0;padding-right:12px;line-height:0}
.brand-logo img{display:block}
.brand-trademark{position:absolute;right:0;top:23%;font:600 11px/1 Arial,sans-serif;color:var(--blue)}
@media(max-width:1000px){.brand-logo{padding-right:10px}.brand-trademark{font-size:9px}}