/* Figma 2026-11-03 · homepage sections: AI platform coverage + client logo wall.
   Scoped by section id so the established layout.css remains authoritative elsewhere. */
#platform-coverage h2{font-size:48px;line-height:76px;margin:0 0 96px}
#platform-coverage .kh-platform-group+.kh-platform-group{margin-top:64px}
#platform-coverage .kh-platform-group h3{font-size:32px;line-height:76px;font-weight:500;color:#333;margin:0 0 24px}
#platform-coverage .kh-platform-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
#platform-coverage .kh-platform-grid-foreign{grid-template-columns:repeat(7,minmax(0,1fr))}
#platform-coverage .kh-platform-cell{display:flex;align-items:center;justify-content:center;height:132px;border:0;background:#fff;border-radius:0;min-width:0}
#platform-coverage .kh-platform-cell img{display:block;width:auto;height:auto;max-width:82%;max-height:42px;object-fit:contain}

body.kl-site main #partners>h2{font-size:48px;line-height:72px;color:#333;margin:0 0 96px}
#partners .kh-logos{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:88px 48px;align-items:center;justify-items:center;padding:0}
#partners .kh-logos img{display:block;width:100%;max-width:126px;height:80px;max-height:80px;object-fit:contain;justify-self:center;padding-inline:8px}
/* Unified optical inset: wide logos no longer sit flush against the grid edge. */
#partners .kh-logo{box-sizing:border-box}

@media(max-width:1279px){
 #partners .kh-logos{grid-template-columns:repeat(6,minmax(0,1fr));gap:64px 32px}
 #platform-coverage .kh-platform-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 #platform-coverage .kh-platform-grid-foreign{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:1100px){
 #platform-coverage h2{font-size:36px;line-height:54px;margin-bottom:56px}
 body.kl-site main #partners>h2{font-size:36px;line-height:54px;margin-bottom:56px}
 #platform-coverage .kh-platform-group h3{font-size:26px;line-height:48px}
 #platform-coverage .kh-platform-group+.kh-platform-group{margin-top:48px}
 #platform-coverage .kh-platform-cell{height:104px}
 #platform-coverage .kh-platform-cell img{max-height:34px}
}
@media(max-width:767px){
 #platform-coverage .kh-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #platform-coverage .kh-platform-grid-foreign{grid-template-columns:repeat(2,minmax(0,1fr))}
 #partners .kh-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}
}
@media(max-width:640px){
 #platform-coverage h2,body.kl-site main #partners>h2{font-size:28px;line-height:42px;margin-bottom:40px}
 #platform-coverage .kh-platform-group h3{font-size:22px;line-height:38px;margin-bottom:16px}
 #platform-coverage .kh-platform-group+.kh-platform-group{margin-top:32px}
 #platform-coverage .kh-platform-cell{height:88px}
 #platform-coverage .kh-platform-cell img{max-height:26px;max-width:80%}
 #platform-coverage .kh-platform-grid{gap:12px}
 #partners .kh-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}
 #partners .kh-logos img{max-width:96px;height:auto;max-height:64px}
}