.clean-page { --water-blue:#087f83; --water-navy:#092f38; --water-red:#f05b3e; }
.clean-page .water-hero { background:#062a32; }
.clean-page .water-hero::before { background:linear-gradient(90deg,rgba(4,34,41,.98) 0%,rgba(5,49,59,.9) 54%,rgba(5,49,59,.25) 100%); }
.clean-page .water-hero-media { inset:0 0 0 43%; }
.clean-page .water-hero-media img { filter:saturate(.8) contrast(1.08); }
.clean-note { margin-top:30px; padding:23px 27px; border-left:5px solid #f05b3e; background:#e8f6f5; color:#405d61; font-size:14px; line-height:1.75; }
.clean-agents { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:40px; }
.clean-agents article { min-height:410px; padding:34px; background:#fff; border-top:5px solid #f05b3e; box-shadow:0 15px 42px rgba(7,64,70,.1); }
.clean-agents small { color:#f05b3e; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.clean-agents h3 { margin:30px 0 14px; color:#087f83; font-size:27px; }
.clean-agents p,.clean-agents li { color:#56696c; font-size:13px; line-height:1.72; }
.clean-agents ul { padding-left:20px; margin-top:18px; }
.clean-link { display:inline-block; margin-top:16px; color:#f05b3e; font-size:12px; font-weight:800; text-transform:uppercase; }
.clean-components { display:grid; grid-template-columns:repeat(4,1fr); margin-top:38px; border-top:1px solid #dbe5e5; border-left:1px solid #dbe5e5; }
.clean-components article { min-height:190px; padding:24px; border-right:1px solid #dbe5e5; border-bottom:1px solid #dbe5e5; background:#fff; }
.clean-components b { color:#f05b3e; font-size:12px; }
.clean-components h3 { margin:28px 0 9px; color:#087f83; font-size:18px; }
.clean-components p { margin:0; color:#5b6b6d; font-size:12px; line-height:1.66; }
@media(max-width:980px){.clean-components{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.clean-page .water-hero-media{inset:0}.clean-agents,.clean-components{grid-template-columns:1fr}.clean-agents article{min-height:auto;padding:28px 24px}}