.clients-page { max-width:1140px; }
.clients-page h1 { font-size:clamp(28px,4.4vw,62px); }
.clients-page > .intro { margin-top:18px; }
.platform-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:44px 64px; margin-top:40px; }
.platform-card { min-width:0; scroll-margin-top:24px; }
.platform-heading { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.platform-heading::after { content:""; height:1px; flex:1; margin-left:8px; background:linear-gradient(to right,#d96b2740,#c2a99810); }
.platform-icon { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border-radius:11px; background:#d96b2712; color:var(--orange); }
.platform-icon::before { content:""; width:23px; height:23px; background:currentColor; -webkit-mask:var(--platform-icon) center / contain no-repeat; mask:var(--platform-icon) center / contain no-repeat; }
.platform-icon--android { --platform-icon:url("assets/icons/android.svg"); }
.platform-icon--apple { --platform-icon:url("assets/icons/apple.svg"); }
.platform-icon--linux { --platform-icon:url("assets/icons/linux.svg"); }
.platform-icon--windows { --platform-icon:url("assets/icons/windows.svg"); }
.platform-heading h2 { font:650 24px/1.2 "Onest",sans-serif; }
.client { display:grid; grid-template-columns:82px minmax(0,1fr); align-items:center; column-gap:16px; padding:20px 0; }
.client h3 { grid-column:1; grid-row:1; color:var(--sand); font-size:18px; font-weight:600; line-height:1.5; }
.client p { grid-column:2; grid-row:2; margin-top:8px; font-size:12px; line-height:1.6; opacity:.65; }
.client p a:hover { opacity:1; text-decoration:underline; }
.client-links { grid-column:2; grid-row:1; display:flex; flex-wrap:wrap; align-items:center; justify-self:start; gap:4px; padding:4px; border-radius:11px; background:#c2a99809; }
.client-links a { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:7px 10px; border-radius:7px; color:var(--orange); font-size:13px; line-height:1.5; transition:background .15s,color .15s; }
.client-links a:hover { color:var(--sand); background:#d96b271a; }
.client-links a:focus-visible { outline-offset:1px; }
.clients-help { max-width:640px; margin-top:40px; font-size:14px; line-height:1.7; }
.clients-help a { color:var(--orange); text-decoration:underline; text-underline-offset:3px; }
@media (max-width:700px) {
  .platform-grid { grid-template-columns:1fr; gap:36px; margin-top:32px; }
  .platform-heading h2 { font-size:24px; }
  .client { grid-template-columns:78px minmax(0,1fr); column-gap:12px; }
}
@media (max-width:360px) {
  .client { grid-template-columns:1fr; row-gap:10px; }
  .client-links { grid-column:1; grid-row:2; }
  .client p { grid-column:1; grid-row:3; margin-top:0; }
}
@media (prefers-reduced-motion:reduce) { .client-links a { transition:none; } }