/* Chlak Home - centered platform buttons v2 (no input) */
html{scroll-behavior:smooth}
.hero .ch3-downloader{width:100%!important;display:flex;justify-content:center}
.hero .ch3-downloader .ch3-legal{width:100%;text-align:center!important;margin-top:4px}
.hero .ch3-platforms{width:min(820px,100%)!important;margin:26px auto 0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;justify-content:center}
.hero .ch3-platform{min-height:84px!important;padding:14px 16px!important;gap:12px!important;border-radius:18px!important;border:1px solid rgba(148,163,184,.30)!important;background:#fff!important;box-shadow:none!important;transform:none!important;transition:border-color .15s ease,background .15s ease}
.hero .ch3-platform:hover{border-color:#0f1117!important;box-shadow:none!important;transform:none!important}
.hero .ch3-platform .ch3-brand{width:44px!important;height:44px!important;min-width:44px;border-radius:13px!important;box-shadow:none!important}
.hero .ch3-platform .ch3-brand img{width:22px!important;height:22px!important}
.hero .ch3-platform-copy strong{font-size:16px!important;line-height:1.25}
.hero .ch3-platform-copy small{font-size:12px!important;margin-top:3px!important;color:#64748b!important}
.hero .ch3-platform::after{content:"";margin-left:auto;width:9px;height:9px;flex:none;border-top:2.2px solid #94a3b8;border-right:2.2px solid #94a3b8;transform:rotate(45deg);transition:border-color .15s ease}
.hero .ch3-platform:hover::after{border-color:#0f1117}
html[data-theme="dark"] .hero .ch3-platform{background:#15171d!important;border-color:#262a33!important}
html[data-theme="dark"] .hero .ch3-platform:hover{border-color:#f3f4f6!important}
html[data-theme="dark"] .hero .ch3-platform:hover::after{border-color:#f3f4f6}
html[data-theme="dark"] .hero .ch3-platform-copy small{color:#9ca3af!important}
@media (max-width:760px){
  .hero .ch3-platforms{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:22px!important}
  .hero .ch3-platform{min-height:74px!important;padding:12px!important}
  .hero .ch3-platform .ch3-brand{width:40px!important;height:40px!important;min-width:40px}
  .hero .ch3-platform-copy strong{font-size:15px!important}
}
/* no-wrap counts */
.hero .ch3-platform-copy strong,.hero .ch3-platform-copy small{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}