.brand-section{padding:76px 0;background:radial-gradient(circle at 50% 0,#dff5ff 0,#eef8fd 38%,#f8fcff 100%)}
.center-heading{text-align:center;margin-inline:auto}
.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.brand-tile{position:relative;overflow:hidden;min-height:145px;background:linear-gradient(145deg,#062d52 0%,#0878c9 100%);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff;box-shadow:0 12px 30px rgba(6,45,82,.18);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.brand-tile::before{content:"";position:absolute;inset:-55% 35% 45% -30%;background:rgba(127,226,255,.18);border-radius:50%;pointer-events:none}
.brand-tile strong,.brand-tile span,.brand-tile img{position:relative;z-index:1}
.brand-tile strong{font-size:21px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.brand-tile span{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;color:#dff8ff;font-weight:900;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 11px}
.brand-tile img{max-height:42px;width:auto;filter:brightness(0) invert(1)}
.brand-tile:hover{transform:translateY(-6px);border-color:#7fe2ff;box-shadow:0 18px 38px rgba(6,45,82,.28)}
.brand-tile:focus-visible{outline:3px solid #23b7e5;outline-offset:4px}
@media(max-width:900px){.brand-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.brand-section{padding:58px 0}.brand-grid{grid-template-columns:repeat(2,1fr);gap:12px}.brand-tile{min-height:128px;padding:16px}.brand-tile strong{font-size:18px}.brand-tile span{font-size:10px;padding:5px 8px}}