.platform-showcase{padding-top:12px;padding-bottom:70px;scroll-margin-top:28px}
.platform-panel{padding:34px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at top left,#142b49 0,transparent 65%),var(--panel)}
.platform-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}
.platform-heading>div{max-width:820px}.platform-heading .eyebrow{margin:0 0 12px;color:var(--accent);font-size:11px}
.platform-heading h2{font-size:clamp(25px,2.6vw,36px);line-height:1.25;margin:0 0 14px;letter-spacing:-.8px}
.platform-intro{margin:0;color:var(--muted);font-size:16px}
.platform-count{white-space:nowrap;border:1px solid #39516e;border-radius:999px;padding:9px 15px;font-size:13px;color:#b9ddff;background:#11253d}
.platform-columns{display:grid;grid-template-columns:1fr minmax(220px,32%);gap:24px;padding:0 24px 12px 68px;font-size:12px;letter-spacing:.6px;color:var(--muted)}
.platform-scroll{max-height:385px;overflow:auto;scrollbar-width:thin;scrollbar-color:#52647c transparent;border:1px solid var(--line);border-radius:14px;background:var(--bg);overscroll-behavior:contain}
.platform-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.platform-list{list-style:none;margin:0;padding:0}.platform-row{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(220px,32%);align-items:center;column-gap:16px;min-height:68px;padding:12px 24px;border-bottom:1px solid var(--line)}
.platform-row:last-child{border-bottom:0}.platform-row:nth-child(even){background:color-mix(in srgb,var(--accent) 5%,var(--bg))}.platform-row:hover{background:color-mix(in srgb,var(--accent) 10%,var(--bg))}
.platform-number{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.platform-domain{display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%;font-size:18px;font-weight:650;color:#a6d8ff;overflow-wrap:anywhere}
.platform-external{font-size:15px;color:var(--muted)}.platform-product{font-size:14px;line-height:1.5;color:var(--muted)}a.platform-product:hover,a.platform-domain:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.platform-product span{margin-left:6px}
.platform-note{margin:16px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}.platform-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-theme="light"] .platform-panel{background:radial-gradient(ellipse at top left,#dbeeff 0,transparent 65%),var(--panel)}
html[data-theme="light"] .platform-count{background:#e3efff;border-color:#b5c9e4}
@media(max-width:700px){.platform-showcase{padding-top:10px;padding-bottom:40px}.platform-panel{padding:22px 16px;border-radius:18px}.platform-heading{flex-direction:column;gap:16px;margin-bottom:22px}.platform-heading h2{font-size:25px}.platform-intro{font-size:14px}.platform-count{padding:6px 12px}.platform-columns{display:none}.platform-row{grid-template-columns:24px minmax(0,1fr);column-gap:10px;row-gap:5px;padding:16px;min-height:92px}.platform-number{grid-row:1/3}.platform-domain{font-size:16px}.platform-product{grid-column:2;font-size:13px}.platform-scroll{max-height:390px}.platform-note{font-size:11px}}

/* Room for fingers and visible keyboard focus on every showcase link. */
.platform-domain,a.platform-product{min-height:32px;min-width:24px;display:flex;align-items:center}
.platform-domain:focus-visible,a.platform-product:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
@media(max-width:700px){.platform-domain,a.platform-product{min-height:44px}.platform-row{row-gap:8px}}