/* Homepage: Why Elite Tech Global + certifications + client logos */
.hp-why { padding: clamp(72px, 9vw, 120px) 0; background: linear-gradient(180deg, #F7FAFC, #fff); }
.hp-why__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.hp-why__grid li { padding: 24px; border-radius: 20px; background: #fff; border: 1px solid #E2E8F0; box-shadow: 0 18px 40px -32px rgba(8,34,56,.4); transition: transform .3s, border-color .3s; }
.hp-why__grid li:hover { transform: translateY(-3px); border-color: #BFE6F5; }
.hp-why__ic { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg, #E6F3FB, #E3F6F2); margin-bottom: 14px; }
.hp-why__ic svg { width: 22px; height: 22px; fill: none; stroke: #0A6FA8; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.hp-why__grid b { display: block; font: 700 18px/1.3 var(--f-display); color: #082238; margin-bottom: 6px; }
.hp-why__grid p { margin: 0; color: #334155; font-size: 15.5px; line-height: 1.6; }
.hp-why__label { margin: 0 0 14px; font: 700 12px/1 var(--f-body); letter-spacing: .12em; text-transform: uppercase; color: #64748B; }
.hp-why__certs { margin-top: clamp(40px, 5vw, 56px); }
.hp-why__certs ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.hp-why__certs li { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; background: #fff; border: 1px solid #E2E8F0; }
.hp-why__certs img { width: auto; height: 32px; max-width: 70px; object-fit: contain; flex: none; }
.hp-why__certs span { display: flex; flex-direction: column; font: 500 12.5px/1.3 var(--f-body); color: #64748B; }
.hp-why__certs b { font: 700 14px/1.25 var(--f-display); color: #082238; }
.hp-why__clients { margin-top: clamp(36px, 5vw, 48px); }
.hp-why__clients ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; align-items: center; }
.hp-why__clients li { display: grid; place-items: center; height: 72px; padding: 10px; border-radius: 14px; background: #fff; border: 1px solid #EEF2F6; }
.hp-why__clients img { max-width: 100%; max-height: 44px; object-fit: contain; filter: grayscale(1); opacity: .75; transition: filter .3s, opacity .3s; }
.hp-why__clients li:hover img { filter: none; opacity: 1; }
@media (max-width: 1100px) { .hp-why__certs ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } .hp-why__clients ul { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 760px) { .hp-why__grid { grid-template-columns: 1fr; } .hp-why__certs ul { grid-template-columns: 1fr 1fr; } .hp-why__clients ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }