.hvac-wrapper{max-width:1100px;margin:40px auto;padding:20px}.hvac-wrapper h2{text-align:center;font-size:34px;font-weight:700;margin-bottom:25px;color:#01254c}.hvac-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:20px}.hvac-item{background:#f7f9fb;padding:16px 20px;border-radius:10px;font-size:17px;color:#01254c;font-weight:600;border:1px solid #dce3ea;transition:all .2s ease}.hvac-item:hover{background:#ffffff;border-color:#ff2000;color:#ff2000;box-shadow:0 4px 12px rgba(1,37,76,0.15)}.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px}.how-item{background:#f5f7fa;padding:25px 22px;border-radius:12px;border:1px solid #dce3ea;text-align:center;transition:all .2s ease}.how-item:hover{box-shadow:0 4px 14px rgba(1,37,76,0.15);transform:translateY(-3px)}.step-number{width:50px;height:50px;background:#ff2000;color:#fff;font-size:22px;font-weight:700;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin-bottom:15px;box-shadow:0 3px 8px rgba(255,32,0,0.3)}.how-item h3{font-size:20px;margin-bottom:10px;color:#01254c;font-weight:700}.how-item p{font-size:16px;color:#3c4b5a;line-height:1.5}@media (max-width:600px){.hvac-wrapper{padding:10px}.hvac-wrapper h2{font-size:28px}.hvac-item{font-size:16px;padding:14px}.how-item{padding:20px}}