/* Product operation demos: isolated content, loaded on request. */
.product-demo{padding:12px 0 64px;scroll-margin-top:110px}
.product-demo__heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:24px}
.product-demo__heading h2{font-size:28px;font-weight:500;margin:0}
.product-demo__heading p{font-size:14px;color:#536878;margin:0}
.product-demo details{border:1px solid #d7e3ec;border-radius:16px;overflow:hidden;background:#fff}
.product-demo summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding:28px 44px;cursor:pointer;list-style:none}
.product-demo summary::-webkit-details-marker{display:none}
.product-demo summary:focus-visible,.product-demo a:focus-visible{outline:3px solid #197ccc;outline-offset:-4px}
.product-demo summary:hover .product-demo__start{background:#145e97}
.product-demo__preview{display:block;width:100%;height:300px;object-fit:contain;background:#fbfbfa;border-radius:8px}
.product-demo__copy h3{font-size:25px;font-weight:500;line-height:1.4;margin:0 0 16px}
.product-demo__copy p{font-size:15px;line-height:1.85;color:#536878;max-width:48ch;margin:0 0 24px}
.product-demo__start{display:inline-flex;gap:12px;align-items:center;background:#197ccc;color:white;border-radius:30px;padding:12px 22px;font-size:14px;transition:background .2s}
.product-demo__close{display:none;color:#176dae;font-size:14px}
.product-demo details[open] summary{display:flex;justify-content:space-between;padding:24px 32px;border-bottom:1px solid #d7e3ec}
.product-demo details[open] .product-demo__preview,.product-demo details[open] .product-demo__copy p,.product-demo details[open] .product-demo__start{display:none}
.product-demo details[open] .product-demo__copy h3{font-size:20px;margin:0}
.product-demo details[open] .product-demo__close{display:block;white-space:nowrap}
.product-demo__frame{max-width:820px;margin:0 auto}
.product-demo iframe{display:block;width:100%;border:0;height:1300px}
.product-demo__footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 32px;border-top:1px solid #d7e3ec}
.product-demo__footer p{margin:0;color:#536878;font-size:13px;line-height:1.8;max-width:72ch}
.product-demo__footer a{font-size:14px;white-space:nowrap;color:#176dae}
.product-demo__note{font-size:13px;line-height:1.8;color:#536878;margin:16px 0 0}
@media(max-width:760px){.product-demo__heading{display:block}.product-demo__heading p{margin-top:12px}.product-demo summary{grid-template-columns:1fr;gap:24px;padding:24px}.product-demo__preview{height:240px}.product-demo__footer{display:block;padding:24px}.product-demo__footer a{display:inline-block;margin-top:12px}}

.product-demo__preview-slot{display:block;position:relative;min-width:0;overflow:hidden;border-radius:8px}
.product-demo iframe.product-demo__preview-animation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}
.product-demo iframe.product-demo__preview-animation.is-ready{opacity:1}
.product-demo details[open] .product-demo__preview-slot{display:none}
.product-demo__motion{flex-shrink:0;border:0;background:none;padding:8px 0;color:#176dae;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.product-demo__motion[hidden]{display:none}
.product-demo__motion:focus-visible{outline:2px solid #197ccc;outline-offset:4px}