/* All marks remain a static grid until the optional continuous presentation is ready. */
.platform-section{padding-top:12px;padding-bottom:88px}
.platform-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}
.platform-heading>div{max-width:710px}
.platform-heading h2{font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-.045em;margin:0 0 16px}
.platform-heading>div>p:last-child{color:var(--muted);font-size:16px;line-height:1.65;max-width:620px}
.platform-toggle{display:flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:24px;color:var(--muted);background:var(--paper);font:inherit;font-size:12px;cursor:pointer}
.platform-toggle[hidden]{display:none}
.platform-toggle:hover{color:var(--ink);border-color:var(--muted)}
.platform-toggle:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.platform-toggle svg{width:14px;height:14px;fill:currentColor}
.platform-play-icon,.platform-toggle[aria-pressed="true"] .platform-pause-icon{display:none}
.platform-toggle[aria-pressed="true"] .platform-play-icon{display:block}
.platform-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;list-style:none;padding:0;margin:0}
.platform-card{display:flex;align-items:center;justify-content:center;min-width:0;min-height:108px;padding:22px 20px;border:1px solid var(--line);border-radius:18px;background:var(--paper);isolation:isolate}
.platform-card img{display:block;width:100%;max-width:144px;height:48px;object-fit:contain;filter:brightness(0);opacity:.78}
html.dark .platform-card img{filter:brightness(0) invert(1);opacity:.88}
/* Preserve the white cutlery inside ChowNow's original badge. */
.platform-card[data-platform="chownow"] img{filter:grayscale(1) contrast(8);mix-blend-mode:multiply}
html.dark .platform-card[data-platform="chownow"] img{filter:grayscale(1) contrast(8) invert(1);mix-blend-mode:screen}
.platform-card[data-platform="keeta"] img{max-width:80px;height:50px}
.platform-section[data-platform-mode="auto"] .platform-viewport{overflow:hidden;contain:paint}
.platform-section[data-platform-mode="auto"] .platform-track{display:flex;gap:14px;width:max-content;animation:platform-drift var(--platform-duration,240s) linear infinite;will-change:transform}
.platform-section[data-platform-mode="auto"] .platform-list{display:flex;gap:14px;flex-shrink:0}
.platform-section[data-platform-mode="auto"] .platform-card{width:176px;flex:none}
.platform-section[data-platform-running="false"] .platform-track{animation-play-state:paused}
.platform-section:not([data-platform-mode="auto"]) [data-platform-clone]{display:none}
@keyframes platform-drift{to{transform:translate3d(calc(-1 * var(--platform-distance,0px)),0,0)}}
@media(max-width:600px){.platform-section{padding-top:0;padding-bottom:56px}.platform-heading{gap:15px;align-items:flex-start;flex-wrap:wrap;margin-bottom:22px}.platform-heading>div>p:last-child{font-size:15px}.platform-toggle{margin-left:auto}.platform-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.platform-card{min-height:98px;padding:20px 16px}.platform-card img{height:42px}.platform-section[data-platform-mode="auto"] .platform-track,.platform-section[data-platform-mode="auto"] .platform-list{gap:12px}.platform-section[data-platform-mode="auto"] .platform-card{width:154px}}
@media(prefers-reduced-motion:reduce){.platform-section[data-platform-mode="auto"] .platform-track{display:block;width:auto;animation:none;transform:none}.platform-section[data-platform-mode="auto"] .platform-list{display:grid}.platform-section[data-platform-mode="auto"] .platform-card{width:auto}.platform-section [data-platform-clone],.platform-toggle{display:none}}