.hmi-section{text-align:center;background:#f7f7f7;padding:60px 20px}.hmi-section h2{font-size:28px;font-weight:600}.hmi-section h2 span{color:#ff6a00}.subtitle{color:#555;margin-top:10px}.center-title{color:#ff6a00;margin-top:30px}.center-subtitle{color:#333;margin-bottom:40px}.hmi-grid{grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;margin:auto;display:grid}.section-label{color:#2c7a7b;margin-bottom:20px}.component-card{text-align:left;background:#d8e6e3;border:2px solid #4a6fa5;border-radius:10px;margin-bottom:20px;padding:20px}.component-card h3{margin-bottom:10px}.component-card ul{padding-left:18px}.benefit-card{text-align:left;background:#ffe6d5;border:2px solid #ff6a00;border-radius:10px;margin-bottom:15px;padding:18px}@media (max-width:768px){.hmi-grid{grid-template-columns:1fr}}