/* CHANNMAS v1.2.12 — infinite platform showcase; deliberately scoped to homepage. */
.chm-platform-showcase{
  --chm-platform-strip:#eef4ef;
  --chm-platform-card:#ffffff;
  --chm-platform-border:#d1e2d8;
  --chm-platform-ink:#19372d;
  --chm-platform-accent:#2c896a;
  background:var(--chm-platform-strip);
  overflow:hidden;
}
html[data-theme="dark"] .chm-platform-showcase{
  --chm-platform-strip:#172c25;
  --chm-platform-card:#203b32;
  --chm-platform-border:#3b584a;
  --chm-platform-ink:#eaf6ef;
  --chm-platform-accent:#8adab1;
}
.chm-platform-showcase .chm-platform-inner{
  display:grid;grid-template-columns:165px minmax(0,1fr);align-items:center;
  gap:18px;padding-block:20px;
}
.chm-platform-heading{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.chm-platform-accent{display:block;width:29px;height:2px;border-radius:99px;background:var(--chm-platform-accent);opacity:.85}
.chm-platform-showcase .platform-intro{color:var(--chm-platform-ink);opacity:.75;max-width:150px;min-width:0;line-height:1.45;font-size:.67rem;letter-spacing:.11em}
.chm-platform-window{
  overflow:hidden;min-width:0;position:relative;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 93%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 93%,transparent 100%);
}
.chm-platform-track{display:flex;width:max-content;min-width:100%;animation:chm-platform-slide 40s linear infinite;will-change:transform;}
.chm-platform-group{display:flex;flex:0 0 auto;gap:12px;padding-right:12px}
.chm-platform-tile{
  width:171px;min-width:171px;height:67px;
  background:var(--chm-platform-card);border:1px solid var(--chm-platform-border);
  border-radius:13px;display:flex;align-items:center;justify-content:center;
  gap:8px;padding:10px 12px;color:var(--chm-platform-ink);white-space:nowrap;
  transition:border-color .2s ease,background .2s ease;
}
.chm-platform-tile:hover{border-color:var(--chm-platform-accent)}
.chm-platform-art{display:block;flex:none;width:33px;height:35px;max-width:none;object-fit:contain}
.chm-platform-wordmark{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:15px;line-height:1.1;letter-spacing:-.055em;color:var(--chm-platform-ink)}
.chm-platform-wordmark small{font-size:10px;letter-spacing:-.04em}
.chm-platform-tile--shopify .chm-platform-wordmark{font-size:19px;font-style:italic;letter-spacing:-.085em}
.chm-platform-tile--wordpress .chm-platform-wordmark{font-family:Georgia,serif;letter-spacing:-.055em;font-size:17px;font-weight:600}
.chm-platform-tile--tiktok .chm-platform-wordmark{font-size:17px}
.chm-platform-tile--stripe .chm-platform-art{width:22px;height:31px}
.chm-platform-tile--stripe .chm-platform-wordmark{font-size:24px;letter-spacing:-.095em}
.chm-platform-tile--woocommerce .chm-platform-art{width:42px}
.chm-platform-tile--woocommerce .chm-platform-wordmark{font-size:13px}
.chm-platform-tile--n8n .chm-platform-art{width:49px}
.chm-platform-tile--n8n .chm-platform-wordmark{font-size:19px}
@keyframes chm-platform-slide{from{transform:translate3d(0,0,0)}to{transform:translate3d(-25%,0,0)}}
.chm-platform-window:hover .chm-platform-track{animation-play-state:paused}
.chm-platform-sr-only{
  border:0!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;
  height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;
  position:absolute!important;width:1px!important;white-space:nowrap!important;
}
@media(max-width:760px){
  .chm-platform-showcase .chm-platform-inner{grid-template-columns:1fr;gap:12px;padding-block:17px}
  .chm-platform-heading{flex-direction:row;gap:11px;align-items:center}
  .chm-platform-showcase .platform-intro{max-width:none;font-size:.66rem;letter-spacing:.1em}
  .chm-platform-accent{width:24px;flex:0 0 24px}
  .chm-platform-tile{width:150px;min-width:150px;height:59px;padding:8px;gap:6px}
  .chm-platform-art{width:28px;height:30px}
  .chm-platform-tile--woocommerce .chm-platform-art{width:34px}
  .chm-platform-tile--n8n .chm-platform-art{width:39px}
  .chm-platform-tile--shopify .chm-platform-wordmark{font-size:16px}
  .chm-platform-tile--tiktok .chm-platform-wordmark{font-size:15px}
  .chm-platform-tile--wordpress .chm-platform-wordmark{font-size:15px}
  .chm-platform-tile--stripe .chm-platform-wordmark{font-size:22px}
  .chm-platform-tile--woocommerce .chm-platform-wordmark{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .chm-platform-track{animation:none!important;will-change:auto;}
  .chm-platform-window{overflow-x:auto;scrollbar-width:thin;-webkit-mask-image:none;mask-image:none}
  .chm-platform-group:not(:first-child){display:none}
}