/* =========================================================
   why-brands.css — "Why Intech" card grid + partner brand chip grid
   Used by: index.html
   ========================================================= */

/* ---------- why us ---------- */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.why-card{border:1px solid #eceff3;border-radius:14px;padding:28px 22px;background:#fff;transition:.2s;}
.why-card:hover{box-shadow:0 12px 30px rgba(18,35,63,.08);transform:translateY(-3px);}
.why-card .icon{
  width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:800;color:#fff;margin-bottom:16px;
}
.why-card:nth-child(1) .icon{background:var(--blue-800);}
.why-card:nth-child(2) .icon{background:var(--orange);}
.why-card:nth-child(3) .icon{background:var(--blue-700);}
.why-card:nth-child(4) .icon{background:var(--green);}
.why-card h3{font-size:16.5px;color:var(--blue-800);margin:0 0 8px;font-weight:800;}
.why-card p{font-size:13.5px;color:var(--gray-700);margin:0;}

/* ---------- brands ---------- */
.brands{background:var(--gray-100);}
.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.brand-chip{
  display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e4e7ec;border-radius:10px;padding:14px 14px;text-align:left;
  font-weight:800;color:var(--blue-800);font-size:13.5px;transition:.2s;line-height:1.4;
}
.brand-chip:hover{border-color:var(--orange);color:var(--orange-dark);}
.brand-logo-wrap{flex-shrink:0;width:40px;display:flex;align-items:center;justify-content:center;}
.brand-logo-wrap.dark{background:var(--blue-800);border-radius:6px;padding:4px 0;}
.brand-logo{width:40px;height:auto;display:block;object-fit:contain;}
.brand-chip-text{flex:1;min-width:0;}
/* was a repeated inline style on all 27 brand-chip subtitles (54 spans);
   pulled into one shared rule to shrink the HTML payload. */
.brand-chip-text .zh,
.brand-chip-text .en{font-size:10.5px;font-weight:500;color:var(--gray-400);}
/* Temporarily hidden brands (kept in markup for easy restore later —
   just remove the "brand-chip-hidden" class to bring them back). */
.brand-chip-hidden{display:none;}