/* A stationary frame. Overlaid copies reserve the tallest text at each width. */
.platform-demo .constructor-grid{gap:clamp(32px,6vw,90px);align-items:center}
.platform-text,.platform-visual{min-width:0}
.platform-copy-stack{display:grid}
.platform-copy{grid-area:1/1;visibility:hidden;opacity:0;pointer-events:none;transition:opacity 300ms ease,visibility 0s 300ms}
.platform-copy[data-active=true]{visibility:visible;opacity:1;pointer-events:auto;transition:opacity 300ms ease,visibility 0s}
.platform-copy h2{color:var(--text);font-weight:500;margin:0 0 26px;max-width:720px}
.platform-copy h2 .accent{display:block;color:var(--accent)}
.platform-copy .lead{font-family:Onest,Arial,sans-serif;color:var(--muted);margin:0;max-width:620px}
.platform-selectors{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:30px}
.platform-arrows{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:12px}
.platform-counter{font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--muted);min-width:42px;text-align:center}
.platform-demo .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.platform-selectors{gap:4px 18px}}
@media(max-width:699px){
 .platform-demo .constructor-grid{gap:32px}
 .platform-demo .section-label{margin-bottom:22px}
 .platform-copy h2{font-size:clamp(34px,8.4vw,44px);margin-bottom:22px}
 .platform-selectors{gap:4px 16px;margin-top:22px}
 .platform-arrows{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.platform-copy{transition:none!important}}html[data-motion=static] .platform-copy{transition:none!important}
@media(forced-colors:active){}
@media print{
 .platform-demo .constructor-grid{display:block!important}
 .platform-copy{transition:none!important}
 .platform-copy:not([data-active=true]){display:none!important}
 .platform-selectors,.platform-arrows{display:none!important}
}