.platform-examples{padding-top:20px}
.platform-examples-heading{max-width:760px;margin-bottom:24px}
.platform-examples-heading h2{margin:0 0 12px;font-size:clamp(24px,3vw,34px);line-height:1.2}
.platform-examples-heading p{margin:0;color:var(--muted,#617086);font-size:15px;line-height:1.6}
.platform-examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.platform-example-screen{margin:0;min-width:0;overflow:hidden;border:1px solid var(--line,#d9dfe4);border-radius:16px;background:#fff}
.platform-example-screen:first-child{grid-column:1/-1}
.platform-example-screen figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line,#d9dfe4)}
.platform-example-screen h3{margin:0;font-size:18px;line-height:1.4}
.platform-example-screen figcaption a,.platform-example-section{font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}
.platform-example-image{display:block;line-height:0;background:#f4f7fb}
.platform-example-image img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain}
.platform-example-section{display:block;padding:16px 20px;border-top:1px solid var(--line,#d9dfe4)}
.platform-example-image:hover{outline:2px solid var(--gold,#b98a52);outline-offset:-2px}
.platform-examples a:focus-visible{outline:3px solid var(--gold,#b98a52);outline-offset:-3px}
.platform-example-sr{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:760px){.platform-examples-grid{grid-template-columns:minmax(0,1fr);gap:20px}.platform-example-screen figcaption{padding:16px}.platform-example-section{padding:16px}}