/* Product demo: app-specific surfaces within the established landing page. */
.demo-stack{width:min(100%,80cqh);padding-top:76px}
.corner-mascot{width:clamp(94px,20%,142px);right:14px;top:-21px}
.platform-switcher{position:absolute;left:0;top:8px;width:calc(100% - 138px);font-family:Aeonik,Arial,sans-serif;color:var(--ink)}
.platform-switcher p{font-size:12px;color:var(--muted);margin:0 0 10px}
.platform-tabs{display:flex;align-items:center;gap:12px}
.platform-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 0 10px;border:0;background:transparent;color:#77796f;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap;--progress:0}
.platform-tabs button[aria-selected=true]{color:var(--ink)}
.platform-tabs button:hover{color:var(--ink)}
.platform-tabs button:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}
.platform-tabs img{width:14px;height:14px;object-fit:contain;opacity:.6}
.platform-tabs button[aria-selected=true] img{opacity:1}
.tab-timer{position:absolute;left:0;right:0;bottom:0;height:3px;background:#dedfd7;overflow:hidden}
.tab-timer:after{content:'';display:block;height:100%;background:var(--lime);transform-origin:left;transform:scaleX(var(--progress))}
.platform-tabs button:not([aria-selected=true]) .tab-timer{background:transparent}
.demo-speed-note{height:26px;margin:14px 0 0;color:var(--ink);font-family:Aeonik,Arial,sans-serif;font-size:13px;font-weight:500;line-height:26px;text-align:center}
.demo-speed-note[hidden]{display:block!important;visibility:hidden}
.demo-speed-note span{position:relative;isolation:isolate}
.demo-speed-note span:after{content:'';position:absolute;left:-1px;right:-1px;bottom:-1px;height:4px;background:var(--lime);z-index:-1;transform:rotate(-2deg)}
.channel-back,.channel-group{display:none}.channel-title{display:flex;flex-direction:column;gap:3px}.channel-title small{font-size:10px;font-weight:400}
/* Keep each switch in the same frame; only the message vocabulary changes. */
.chat-card{--surface:#1d1e21;--surface-text:#e0e0e5;background:var(--surface);color:var(--surface-text)}
.discord-typing{margin-bottom:3px}
.discord-typing[hidden]{display:flex!important;visibility:hidden}
/* Slack: light workspace, square avatars, plum header, blue mentions. */
[data-surface=slack]{--surface:#fff;--surface-text:#1d1c1d;border-color:#dedbdc;border-radius:12px}
[data-surface=slack] .channel-header{background:#4a154b;border-color:#4a154b;color:#fff}
[data-surface=slack] .channel-discord{filter:invert(1)}
[data-surface=slack] .channel-hash{color:#ffffffbc}
[data-surface=slack] .demo-actions img{filter:invert(1)}
[data-surface=slack] .anime-avatar,[data-surface=slack] .d-bot-avatar{border-radius:5px}
[data-surface=slack] .d-author strong{color:#1d1c1d}
[data-surface=slack] .d-author time{color:#69676a}
[data-surface=slack] .discord-app-badge{background:#eeecee;color:#636166}
[data-surface=slack] .discord-mention{background:#e8f4fa;color:#1264a3}
[data-surface=slack] .discord-typing{color:#6f6870}
[data-surface=slack] .message-composer{background:#fff;border-color:#bcb9bd;color:#77727a;border-radius:6px}
[data-surface=slack] .composer-add{background:#eee}.chat-card[data-surface=slack] .composer-icons img{filter:invert(.4)}
/* Group messengers: real opposing bubbles and a compact group header. */
.chat-card[data-bubbles=true]{--surface-text:#17191b}
[data-bubbles=true] .channel-header{height:50px;color:#1d2227;gap:9px}
[data-bubbles=true] .channel-back{display:block;font-family:Arial,sans-serif;font-size:30px;line-height:1;color:inherit;margin-right:2px}
[data-bubbles=true] .channel-hash,[data-bubbles=true] .channel-discord{display:none}
[data-bubbles=true] .channel-group{display:flex;align-items:center;width:48px;height:32px;position:relative}
[data-bubbles=true] .channel-group .anime-avatar,[data-bubbles=true] .channel-group img{width:26px;height:26px;border:2px solid var(--surface);border-radius:50%;position:absolute;object-fit:cover}
[data-bubbles=true] .channel-group .kiro-avatar{left:0;top:0}
[data-bubbles=true] .channel-group .yuki-avatar{left:14px;top:0}
[data-bubbles=true] .channel-group img{left:24px;top:8px;width:22px;height:22px}
[data-bubbles=true] .channel-title small{color:#6e757a}
[data-bubbles=true] .discord-messages{gap:8px}
[data-bubbles=true] .d-author{margin-bottom:3px;gap:7px}
[data-bubbles=true] .d-author strong{font-size:10px;color:#606970;font-weight:500}
[data-bubbles=true] .d-author time{font-size:8px;color:#80888d}
[data-bubbles=true] .message-copy{display:flex;align-items:flex-start;flex-direction:column;min-width:0}
[data-bubbles=true] .message-text{padding:7px 10px;border-radius:12px;background:#fff;color:#1e2428;max-width:100%;font-size:calc(var(--message-size) - 1px)}
[data-bubbles=true] .d-message[data-sender=kiro]{grid-template-columns:minmax(0,1fr) var(--avatar)}
[data-bubbles=true] .d-message[data-sender=kiro]>.anime-avatar{grid-column:2;grid-row:1}
[data-bubbles=true] .d-message[data-sender=kiro]>.message-copy{grid-column:1;grid-row:1;align-items:flex-end}
[data-bubbles=true] .d-message[data-sender=kiro] .d-author{justify-content:flex-end}
[data-bubbles=true] .discord-mention{background:transparent;padding:0;color:inherit;font-weight:600}
[data-bubbles=true] .d-bot-intro{min-height:32px}
[data-bubbles=true] .discord-app-badge{background:#0000000b;color:#697278;font-size:7px}
[data-bubbles=true] .discord-typing{color:#6e757a}
[data-bubbles=true] .discord-typing:not(:empty):after{color:inherit}
[data-bubbles=true] .demo-actions img{filter:invert(.4)}
[data-bubbles=true] .demo-actions button:hover{background:#00000009}
[data-bubbles=true] .message-composer{background:white;border-color:#d5d9dd;color:#7a8288;border-radius:18px}
[data-bubbles=true] .composer-add{background:#e9edef}
[data-bubbles=true] .composer-icons img{filter:invert(.48)}
[data-bubbles=true] .video-tile{margin-top:5px}
/* WeChat: gray canvas, clipped square bubbles and familiar green sent messages. */
[data-surface=wechat]{--surface:#ededed;border-color:#dedede;border-radius:13px}
[data-surface=wechat] .channel-header{background:#f5f5f5;border-color:#d8d8d8}
[data-surface=wechat] .anime-avatar,[data-surface=wechat] .d-bot-avatar{border-radius:4px}
[data-surface=wechat] .message-text{border-radius:4px;box-shadow:0 1px 1px #00000008}
[data-surface=wechat] .d-message[data-sender=kiro] .message-text{background:#a3eb67;color:#142509}
[data-surface=wechat] .message-composer{border-radius:5px;border-color:#e0e0e0;background:#fafafa}
/* Telegram: blue header, pale green canvas and wide, rounded bubble tails. */
[data-surface=telegram]{--surface:#e6eddf;border-color:#c8d0d0;border-radius:14px}
[data-surface=telegram] .channel-header{background:#527da3;color:white;border-color:#527da3}
[data-surface=telegram] .channel-title small{color:#e1edf5}
[data-surface=telegram] .demo-actions img{filter:invert(1)}
[data-surface=telegram] .channel-group .anime-avatar,[data-surface=telegram] .channel-group img{border-color:#527da3}
[data-surface=telegram] .message-text{border-radius:10px 10px 10px 3px;box-shadow:0 1px 1px #00000010}
[data-surface=telegram] .d-message[data-sender=kiro] .message-text{background:#d9fbc5;border-radius:10px 10px 3px 10px}
[data-surface=telegram] .d-author strong{color:#437290}
[data-surface=telegram] .message-composer{border-color:transparent;box-shadow:0 1px 2px #0000000a}
/* iMessage: white canvas, blue outgoing bubbles, gray incoming bubbles. */
[data-surface=imessage]{--surface:#fff;border-color:#dedee3;border-radius:18px;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif}
[data-surface=imessage] .channel-header{background:#f8f8fa;border-color:#e8e8ed}
[data-surface=imessage] .channel-back{color:#007aff}
[data-surface=imessage] .message-text{background:#e9e9eb;border-radius:17px 17px 17px 4px}
[data-surface=imessage] .d-message[data-sender=kiro] .message-text{background:#087eff;color:#fff;border-radius:17px 17px 4px 17px}
[data-surface=imessage] .d-author time{display:none}
[data-surface=imessage] .d-author strong{color:#77797f}
[data-surface=imessage] .discord-app-badge{display:none}
[data-surface=imessage] .message-composer{background:white;border-color:#d0d0d5;border-radius:22px}
[data-surface=imessage] .composer-add{background:#eeeef1}
@media(min-width:1500px) and (min-height:800px){.platform-switcher{width:calc(100% - 155px)}.platform-switcher p{font-size:13px}.platform-tabs{gap:17px}.platform-tabs button{font-size:14px}.platform-tabs img{width:16px;height:16px}.demo-stack{padding-top:84px}.demo-speed-note{font-size:14px}.corner-mascot{top:-22px}.chat-card[data-bubbles=true] .channel-header{height:55px}}
@media(max-width:1250px){.platform-switcher{width:calc(100% - 116px)}.platform-tabs{gap:10px}.platform-tabs img{display:block;width:14px;height:14px}.platform-tabs button{font-size:12px}.corner-mascot{width:110px}}
@media(max-width:1100px){.demo-stack{width:min(100%,79cqh);padding-top:66px}.platform-switcher{top:6px;width:calc(100% - 108px)}.platform-switcher p{font-size:11px;margin-bottom:9px}.platform-tabs{gap:9px}.platform-tabs button{font-size:10px;padding-bottom:8px}.corner-mascot{width:100px;top:-18px}.demo-speed-note{font-size:12px;margin-top:11px;height:22px;line-height:22px}.chat-card[data-bubbles=true] .channel-header{height:43px}[data-bubbles=true] .discord-messages{gap:7px}[data-bubbles=true] .message-text{padding:5px 8px}}
@media(min-width:761px) and (max-height:700px){.demo-stack{width:min(100%,78cqh);padding-top:58px}.platform-switcher{top:4px}.platform-switcher p{font-size:10px;margin-bottom:8px}.platform-tabs{gap:9px}.platform-tabs button{font-size:10px}.platform-tabs img{display:block;width:14px;height:14px}.corner-mascot{width:90px;top:-20px}.demo-speed-note{height:20px;font-size:11px;line-height:20px;margin-top:9px}.chat-card[data-bubbles=true] .channel-header{height:38px}[data-bubbles=true] .message-text{padding:4px 7px}[data-bubbles=true] .d-author strong{font-size:9px}[data-bubbles=true] .d-bot-intro{min-height:29px}[data-bubbles=true] .channel-group{transform:scale(.8);width:40px}}
@media(max-width:760px){.demo-stack{width:min(100%,80cqh);padding-top:64px}.platform-switcher{width:calc(100% - 91px)}.platform-tabs{gap:10px}.platform-tabs button{font-size:10px}.platform-tabs img{display:block;width:14px;height:14px}.corner-mascot{width:88px;right:5px;top:-9px}.demo-speed-note{font-size:12px;margin-top:9px;height:22px;line-height:22px}.chat-card[data-bubbles=true] .channel-header{height:42px}[data-bubbles=true] .message-text{padding:5px 7px}[data-bubbles=true] .d-author strong{font-size:9px}[data-bubbles=true] .d-author time{font-size:7px}[data-bubbles=true] .channel-title small{font-size:8px}}
@media(max-width:480px){.platform-tabs{gap:8px}.platform-tabs button{font-size:9px}.platform-switcher p{font-size:10px}.platform-switcher{width:calc(100% - 83px)}.corner-mascot{width:80px}.chat-card[data-bubbles=true] .channel-header{height:39px}[data-bubbles=true] .discord-messages{gap:7px}}
@media(max-width:760px) and (max-height:700px){.demo-stack{width:min(100%,74cqh);padding-top:51px}.platform-switcher{top:0;width:calc(100% - 64px)}.platform-switcher p{font-size:9px;margin-bottom:8px}.platform-tabs{gap:7px}.platform-tabs button{font-size:8px;padding-bottom:6px}.corner-mascot{width:66px;top:-9px;right:0}.demo-speed-note{font-size:10px;margin-top:7px;height:16px;line-height:16px}.chat-card[data-bubbles=true] .channel-header{height:32px}[data-bubbles=true] .discord-messages{gap:5px}[data-bubbles=true] .d-author strong{font-size:8px}[data-bubbles=true] .d-author time{font-size:6px}[data-bubbles=true] .message-text{padding:4px 6px}[data-bubbles=true] .channel-group{transform:scale(.75);width:35px}[data-bubbles=true] .d-bot-intro{min-height:26px}}
/* Selected concept: a single editorial row, with the caption below the surface. */
@media(min-width:1280px){
  .demo-stack{width:min(100%,85cqh)}
  .platform-switcher{top:31px;display:flex;align-items:center;gap:14px;width:calc(100% - 158px)}
  .platform-switcher p{flex:none;font-size:12px;margin:0 0 10px}
  .platform-tabs{flex:1;justify-content:space-between;gap:10px}
  .platform-tabs button{font-size:12px}
  .platform-tabs img{display:block;width:14px;height:14px}
  .corner-mascot{width:21%;max-width:150px}
  .demo-speed-note{font-size:15px;margin-top:15px}
}
@media(min-width:1500px) and (min-height:800px){
  .platform-switcher{top:35px;width:calc(100% - 168px);gap:18px}
  .platform-switcher p{font-size:14px}
  .platform-tabs button{font-size:14px}
  .platform-tabs img{width:16px;height:16px}
  .demo-speed-note{font-size:16px}
}
@media(min-width:1101px) and (max-height:700px){
  .demo-stack{width:min(100%,79cqh)}
  .platform-switcher{display:block;top:4px;width:calc(100% - 98px)}
  .platform-switcher p{font-size:10px;margin-bottom:8px}
  .platform-tabs{justify-content:flex-start;gap:9px}
  .platform-tabs button{font-size:10px}
  .platform-tabs img{display:block;width:14px;height:14px}
  .corner-mascot{width:90px}
  .demo-speed-note{font-size:11px;margin-top:9px}
}
/* Telegram Web-inspired group conversation, grounded in Telegram's own UI. */
.telegram-header-tools,.telegram-date,.telegram-attach,.telegram-mic{display:none}
[data-surface=telegram]{--surface:#dbe8d1;background:linear-gradient(135deg,#d9e6ca,#e9e9cb 48%,#cce3cf);border-color:#d2d8ce;font-family:Roboto,'Helvetica Neue',Arial,sans-serif}
[data-surface=telegram]:before{content:'';position:absolute;inset:0;background:url('assets/telegram-pattern.svg') center/420px;opacity:.12;pointer-events:none}
[data-surface=telegram]>.channel-header,[data-surface=telegram]>.discord-messages,[data-surface=telegram]>.message-composer,[data-surface=telegram]>.discord-typing{position:relative}
[data-surface=telegram] .channel-header{height:55px;padding:0 17px;background:#fff;color:#171b20;border-color:#e4e7e3;gap:12px}
[data-surface=telegram] .channel-back{font-size:28px;color:#70777c}
[data-surface=telegram] .channel-group{width:35px;height:35px;transform:none}
[data-surface=telegram] .channel-group .kiro-avatar{width:35px;height:35px;border:0;position:static}
[data-surface=telegram] .channel-group .yuki-avatar,[data-surface=telegram] .channel-group img{display:none}
[data-surface=telegram] .channel-title strong{font-size:14px;font-weight:600}
[data-surface=telegram] .channel-title small{color:#7c8387;font-size:10px}
[data-surface=telegram] .telegram-header-tools{display:flex;gap:16px;align-items:center;margin-left:auto;opacity:.55}
[data-surface=telegram] .telegram-header-tools img{width:18px;height:18px}
[data-surface=telegram] .demo-actions{margin-left:0;gap:0}
[data-surface=telegram] .demo-actions img{filter:invert(.4)}
[data-surface=telegram] .telegram-date{position:relative;display:table;margin:10px auto 0;background:#6a8b6652;border-radius:12px;padding:3px 9px;color:white;font-size:9px;font-weight:500}
[data-surface=telegram] .discord-messages{padding:9px 16px 0;gap:7px}
[data-surface=telegram] .d-message{column-gap:9px}
[data-surface=telegram] .d-message>.anime-avatar{align-self:end}
[data-surface=telegram] .message-copy{position:relative;display:block;justify-self:start;width:max-content;max-width:94%;padding:7px 10px 17px;border-radius:10px 10px 10px 2px;background:white;box-shadow:0 1px 2px #00000010}
[data-surface=telegram] .message-text{padding:0;background:transparent;box-shadow:none;color:#20252a;font-size:var(--message-size);line-height:1.35}
[data-surface=telegram] .d-message[data-sender=kiro]{display:grid;grid-template-columns:minmax(0,1fr);padding-left:45px}
[data-surface=telegram] .d-message[data-sender=kiro]>.anime-avatar{display:none}
[data-surface=telegram] .d-message[data-sender=kiro]>.message-copy{grid-column:1;justify-self:end;display:block;background:#eeffdf;border-radius:10px 10px 2px 10px}
[data-surface=telegram] .d-message[data-sender=kiro] .message-text{background:transparent;border-radius:0}
[data-surface=telegram] .d-message[data-sender=kiro] .d-author strong{display:none}
[data-surface=telegram] .d-author{margin:0 0 3px;line-height:1.1}
[data-surface=telegram] .d-author strong{color:#ba6640;font-size:11px;font-weight:600}
[data-surface=telegram] .d-author time{position:absolute;bottom:5px;right:8px;color:#8b9b81;font-size:9px;line-height:1;margin:0}
[data-surface=telegram] .d-message[data-sender=kiro] .d-author{margin:0}
[data-surface=telegram] .d-message[data-sender=kiro] .d-author time{padding-right:17px}
[data-surface=telegram] .d-message[data-sender=kiro] .d-author time:after{content:'';position:absolute;right:0;bottom:-2px;width:14px;height:14px;background:url('assets/checks.svg') center/contain no-repeat;opacity:.48}
[data-surface=telegram] .discord-mention{color:#2681b9;font-weight:500}
[data-surface=telegram] .d-bot-content{position:relative;padding:7px 7px 17px;border-radius:10px 10px 10px 2px}
[data-surface=telegram][data-demo-stage="5"] .d-bot-content{background:white;box-shadow:0 1px 2px #00000010}
[data-surface=telegram] .d-bot-intro{min-height:17px}
[data-surface=telegram] .d-bot-intro .d-author strong{color:#3a9c73;font-size:12px}
[data-surface=telegram] .d-bot-intro .discord-app-badge{display:none}
[data-surface=telegram] #demo-done{display:none}
[data-surface=telegram] .video-tile{margin-top:5px;aspect-ratio:2.1/1;border-radius:6px}
[data-surface=telegram][data-demo-stage="4"] .d-bot-intro{background:white;border-radius:10px;padding:7px 10px;width:max-content}
[data-surface=telegram]:not([data-demo-stage="5"]) .d-bot-intro time{display:none}
[data-surface=telegram] .discord-typing{height:15px;margin-bottom:2px;color:#5b7759}
[data-surface=telegram] .message-composer{height:40px;margin:0 16px 13px 63px;padding:0 12px;background:white;border-radius:9px;border:0;box-shadow:0 1px 3px #00000012;color:#959ba0;gap:10px}
[data-surface=telegram] .composer-add,[data-surface=telegram] .composer-icons img:first-child{display:none}
[data-surface=telegram] .telegram-attach,[data-surface=telegram] .telegram-mic{display:block;width:20px;height:20px;opacity:.6}
[data-surface=telegram] .composer-icons{gap:14px}
[data-surface=telegram] .composer-icons img{filter:none;opacity:.55}
@media(max-width:1100px){[data-surface=telegram] .channel-header{height:44px;padding:0 13px;gap:9px}[data-surface=telegram] .channel-title strong{font-size:12px}[data-surface=telegram] .channel-title small{font-size:8px}[data-surface=telegram] .channel-group,[data-surface=telegram] .channel-group .kiro-avatar{width:29px;height:29px}[data-surface=telegram] .telegram-header-tools{gap:11px}[data-surface=telegram] .telegram-header-tools img{width:15px;height:15px}[data-surface=telegram] .message-copy{padding:6px 8px 15px}[data-surface=telegram] .d-author strong{font-size:10px}[data-surface=telegram] .d-author time{font-size:8px}[data-surface=telegram] .d-bot-intro .d-author strong{font-size:11px}[data-surface=telegram] .discord-messages{padding:7px 13px 0;gap:6px}[data-surface=telegram] .message-composer{height:34px;margin-left:54px}[data-surface=telegram] .telegram-date{font-size:8px;margin-top:7px}}
@media(max-width:760px){[data-surface=telegram] .telegram-header-tools img:nth-child(2){display:none}[data-surface=telegram] .telegram-header-tools{gap:9px}[data-surface=telegram] .channel-header{gap:8px}[data-surface=telegram] .message-copy{max-width:100%}[data-surface=telegram] .d-message[data-sender=kiro]{padding-left:25px}[data-surface=telegram] .message-text{font-size:calc(var(--message-size) - 1px)}[data-surface=telegram] .d-author time{font-size:7px}[data-surface=telegram] .d-author strong{font-size:9px}[data-surface=telegram] .d-bot-content{padding:6px 6px 15px}[data-surface=telegram] .message-composer{margin-left:49px;margin-right:13px;height:32px}[data-surface=telegram] .channel-title small{font-size:7px}}
@media(min-width:761px) and (max-height:700px){[data-surface=telegram] .telegram-header-tools img:nth-child(2){display:none}[data-surface=telegram] .channel-header{height:38px}[data-surface=telegram] .message-text{font-size:10px}[data-surface=telegram] .message-copy{padding:5px 8px 14px}[data-surface=telegram] .discord-messages{gap:5px}[data-surface=telegram] .d-author time{font-size:7px}[data-surface=telegram] .d-author strong{font-size:9px}[data-surface=telegram] .d-bot-intro .d-author strong{font-size:10px}[data-surface=telegram] .message-composer{height:30px;margin-bottom:10px}[data-surface=telegram] .telegram-date{margin-top:6px;padding:2px 7px;font-size:7px}}
@media(max-width:760px) and (max-height:700px){[data-surface=telegram] .channel-header{height:34px}[data-surface=telegram] .channel-title strong{font-size:10px}[data-surface=telegram] .channel-group,[data-surface=telegram] .channel-group .kiro-avatar{width:25px;height:25px}[data-surface=telegram] .discord-messages{padding-top:6px;gap:4px}[data-surface=telegram] .message-copy{padding:4px 6px 12px}[data-surface=telegram] .d-author strong{font-size:8px}[data-surface=telegram] .d-author time{font-size:6px}[data-surface=telegram] .d-bot-intro .d-author strong{font-size:9px}[data-surface=telegram] .message-composer{height:28px;margin-bottom:8px;margin-left:44px}[data-surface=telegram] .telegram-date{font-size:7px;margin-top:5px;padding:2px 7px}[data-surface=telegram] .d-bot-content{padding-bottom:12px}[data-surface=telegram] .discord-typing{height:11px}}

/* Let the platform names lead the switcher. */
.platform-switcher{display:block;top:28px}
.platform-tabs{justify-content:space-between;gap:12px}
.platform-tabs button{font-size:16px;gap:6px}
.platform-tabs img{display:block;width:18px;height:18px}
@media(min-width:1500px) and (min-height:800px){.platform-switcher{top:31px}.platform-tabs button{font-size:18px}.platform-tabs img{width:20px;height:20px}}
@media(max-width:1279px){.platform-tabs{gap:10px}.platform-tabs button{font-size:14px;gap:5px}.platform-tabs img{width:16px;height:16px}}
@media(max-width:1100px){.platform-switcher{top:26px}.platform-tabs button{font-size:13px}.platform-tabs img{display:block;width:14px;height:14px}}
@media(max-width:760px){.platform-switcher{top:27px}.platform-tabs button{font-size:12px}}
@media(max-width:480px){.platform-tabs{gap:6px}.platform-tabs button{font-size:clamp(10px,3vw,12px)}}
@media(min-width:761px) and (max-height:700px){.platform-switcher{top:20px}.platform-tabs button{font-size:13px}.platform-tabs img{display:block;width:14px;height:14px}}
@media(max-width:760px) and (max-height:700px){.platform-switcher{top:20px;width:calc(100% - 76px)}.platform-tabs button{font-size:10px}}

/* Keep each logo visible; stack logo/name pairs only when their own row is narrow. */
.platform-switcher{container-type:inline-size}
.platform-tabs img{flex:none}
@media(max-width:1100px){.platform-tabs{gap:8px}.platform-tabs button{gap:4px}}
@container(max-width:360px){.platform-tabs{transform:translateY(-12px)}.platform-tabs button{flex-direction:column;gap:4px}.platform-tabs img{width:14px;height:14px}}