.control-system-hero{background:#edf3ef}
.control-system-hero h1{font-size:clamp(36px,3.5vw,54px)}
.control-system-hero-image{margin:0;justify-content:center;background:#e1ebe7}
.control-system-hero-image img{display:block;height:auto;max-height:510px;object-fit:contain;background:#f4f3f0}
.control-system-hero-image figcaption{font-size:11px;letter-spacing:.1em;font-weight:800;color:#347638;padding:13px 2px 0}
.control-system-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.control-system-pair article{background:#edf4f0;border-top:4px solid #4a9e2c;padding:30px 32px;min-height:230px}
.control-system-pair span{font-size:12px;font-weight:800;letter-spacing:.12em;color:#3a8d34}
.control-system-pair h3{font-size:25px;color:#18313d;margin:28px 0 14px}
.control-system-pair p{color:#5d7277;font-size:15px;line-height:1.8;margin:0}
.control-system-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.control-system-flow>div{background:#fff;border-left:3px solid #4a9e2c;padding:24px}
.control-system-flow span{display:block;font-weight:800;color:#45903a;font-size:12px;margin-bottom:24px}
.control-system-flow strong{font-size:22px;color:#18313d}
.control-system-flow p{font-size:14px;color:#62767a;margin:9px 0 0}
.control-system-capabilities>div{background:#e8f0ec}
@media(max-width:760px){.control-system-pair,.control-system-flow{grid-template-columns:1fr}.control-system-pair article{min-height:0}.control-system-flow span{margin-bottom:12px}.control-system-hero-image img{max-height:400px}}