/* Real, read-only site. No background iframe, device selector or page scaling. */
.platform-demo{max-width:1200px;margin:0 auto;border:1px solid #35402c;border-radius:16px;overflow:hidden;background:#0b1009;box-shadow:0 30px 65px #1b251a26;color:#eaece2}
.demo-window-bar{display:flex;align-items:center;gap:22px;padding:14px 20px;min-height:68px;background:#1e2719;border-bottom:1px solid #a9c47826;flex-shrink:0}
.demo-window-dots{display:flex;gap:6px}.demo-window-dots i{width:6px;height:6px;border-radius:50%;background:#7c8d69}
.demo-window-bar>span{font-size:15px;flex:1;min-width:0}
.demo-window-tools{display:flex;gap:7px}.platform-demo [hidden]{display:none!important}
.demo-window-tools button{background:#151d10;border:1px solid #46543a;color:#dce7cf;border-radius:7px;padding:8px 13px;min-height:40px;font:inherit;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s}
.demo-window-tools button:hover{background:#2c3822;border-color:#e3ff73}.demo-window-tools [data-demo-close]{color:#e3ff73}.demo-window-tools [data-demo-close] span{font-size:20px;margin-left:7px}
.demo-viewport{position:relative;min-width:0;background:#030810}
.demo-entry{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:flex-start;width:100%;aspect-ratio:1910/832;min-height:360px;padding:32px;border:0;overflow:hidden;background:#030810;color:#f1f4e9;text-align:left;font:inherit;cursor:pointer}
.demo-entry-background{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.2,.65,.3,1)}
.demo-entry:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#030810c9,transparent 48%)}
.demo-entry-action{display:flex;align-items:center;gap:22px;background:#e3ff73;border:1px solid #e3ff73;color:#1b2612;padding:17px 23px;border-radius:9px;font-size:15px;font-weight:700;box-shadow:0 8px 32px #0004;transition:transform .25s,box-shadow .25s}.demo-entry-action svg{width:22px;height:22px;flex-shrink:0}.demo-entry:disabled{cursor:default}
.demo-viewport iframe{display:block;width:100%;height:100%;border:0;background:#030810}
.demo-window-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;background:#182113;border-top:1px solid #a9c47826;font-size:13px;line-height:1.5;flex-shrink:0}
.demo-window-footer p{margin:0;color:#aaba9a}.demo-window-footer>span{color:#e3ff73;white-space:nowrap}
.demo-window-footer.visually-hidden{padding:0;border:0}
.platform-demo :is(a,button):focus-visible{outline:3px solid #e3ff73;outline-offset:-5px}.platform-demo-noscript{padding:20px;font-size:16px}
.demo-dialog{width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#030810;overflow:hidden}.demo-dialog::backdrop{background:#030810}
.demo-dialog .platform-demo,.platform-demo:fullscreen{display:flex;flex-direction:column;width:100%;max-width:none;height:100%;margin:0;border:0;border-radius:0;box-shadow:none}
.platform-demo.is-open .demo-viewport{flex:1;min-height:0}.platform-demo.is-open .demo-window-bar{min-height:58px;padding:9px 18px}.platform-demo.is-open .demo-window-footer{padding:8px 18px;font-size:12px}
html.demo-is-open{overflow:hidden}
@media(hover:hover) and (pointer:fine){.demo-entry:not(:disabled):hover .demo-entry-background{transform:scale(1.025)}.demo-entry:not(:disabled):hover .demo-entry-action{transform:translateY(-3px);box-shadow:0 12px 36px #0006}}
@media(max-width:760px){.demo-window-bar{padding:12px 14px;gap:10px;min-height:58px}.demo-window-dots{display:none}.demo-window-bar>span{font-size:13px}.demo-window-tools button{padding:7px 10px}.demo-entry{min-height:220px;padding:18px}.demo-entry-background{object-fit:contain;object-position:center top}.demo-entry-action{gap:14px;padding:15px 18px;font-size:14px}.demo-window-footer{padding:13px 15px;font-size:12px}.platform-demo.is-open .demo-window-bar{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.demo-entry-background,.demo-entry-action,.demo-window-tools button{transition:none}.demo-entry:not(:disabled):hover .demo-entry-background{transform:none}}