.platform-examples-home{background:#f6f6f7;padding:44px 0;border-top:1px solid #dcdce1}.platform-example-home-layout{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.platform-example-home-layout h2{margin:0 0 16px}.platform-example-home-layout p{color:#49494e;margin:0 0 20px}.platform-examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.platform-example{margin:0;min-width:0}.platform-enlarge{display:block;width:100%;border:1px solid #dcdce1;border-top:3px solid #c51c32;border-radius:6px;background:#242424;padding:0;overflow:hidden;cursor:zoom-in;color:#fff;transition:box-shadow .2s}.platform-enlarge:hover{box-shadow:0 8px 24px #0002}.platform-enlarge svg{display:block;width:100%;height:auto}.platform-enlarge-label{display:block;padding:10px 12px;text-align:right;font-size:.875rem;color:#ddd;background:#171717}.platform-example figcaption{padding-top:16px}.platform-example h3{margin:0 0 8px}.platform-example p{margin:0;color:#49494e}.platform-budget-example{margin-top:32px;padding-top:28px;border-top:1px solid #dcdce1;max-width:800px}.platform-budget-example>h3{margin:0 0 18px}.platform-preview-dialog{width:min(960px,calc(100% - 32px));max-width:960px;max-height:90dvh;overflow:auto;padding:28px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#101010}.platform-preview-dialog::backdrop{background:#000b}.platform-preview-close{position:absolute;right:12px;top:8px;padding:6px 12px;border:0;background:transparent;font-size:28px;cursor:pointer}.platform-preview-dialog h2{padding-right:36px;margin:0 0 20px}.platform-preview-image svg{display:block;width:100%;height:auto;background:#242424}body:has(.platform-preview-dialog[open]){overflow:hidden}
@media(max-width:950px){.platform-examples-grid{grid-template-columns:1fr 1fr}.platform-example-home-layout{gap:28px}}
@media(max-width:760px){.platform-example-home-layout,.platform-examples-grid{grid-template-columns:1fr}.platform-examples-home{padding:32px 0}.platform-preview-dialog{padding:20px}.platform-preview-dialog h2{font-size:1.5rem!important}}
.platform-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-controls-link{margin:26px 0 0!important}.platform-controls-link a{color:#c51c32;font-weight:600;text-decoration:underline;text-underline-offset:4px}.platform-examples-section .platform-capability-row{margin-top:32px}
@media(max-width:760px){.platform-examples-grid{grid-template-columns:1fr}}