#demoModal{background:rgba(15,32,29,.42)!important;backdrop-filter:blur(7px);padding:24px}
.fx-demo-window{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;width:min(860px,100%);max-height:calc(100dvh - 48px);overflow:auto;background:#f6faf8;color:#0f201d;border:1px solid #d4e5de;border-radius:28px;box-shadow:0 24px 80px #052f2b30;font-family:'Figtree','Segoe UI',sans-serif}
.fx-demo-window *{box-sizing:border-box}
.fx-demo-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:42px 24px;background:#e2f3ef;border-radius:27px 0 0 27px;overflow:hidden}
.fx-demo-art>img{display:block;width:235px;height:330px;object-fit:contain;filter:drop-shadow(0 16px 15px #052f2b20)}
.fx-demo-art>p{margin:0;font-size:14px;color:#44605a;text-align:center}
.fx-demo-badge{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #c9e9e2;border-radius:999px;padding:10px 16px;font-size:13px;color:#0a6f66}
.fx-demo-badge svg{width:18px;height:18px}
.fx-demo-copy{padding:50px 36px 36px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.fx-demo-logo{width:140px;height:auto;margin-bottom:4px}
.fx-demo-copy h2{font-family:'Bricolage Grotesque','Segoe UI',sans-serif;font-size:38px;line-height:1.07;letter-spacing:-.045em;margin:0;font-weight:700}
.fx-demo-copy>p{font-size:16px;line-height:1.6;color:#44605a;margin:0}
.fx-demo-features{padding:0;margin:0;list-style:none;display:grid;gap:12px;font-size:14px;color:#44605a}
.fx-demo-features li{display:flex;align-items:center;gap:10px}
.fx-demo-features svg{width:18px;height:18px;flex-shrink:0;color:#0a6f66}
.fx-demo-window .fx-demo-launch{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:6px;padding:16px 18px;border:0;border-radius:999px;background:#0d8378;color:white;font:700 15px/1.35 'Figtree','Segoe UI',sans-serif;cursor:pointer;box-shadow:none}
.fx-demo-launch svg{width:18px;height:18px;flex-shrink:0}.fx-demo-window .fx-demo-launch:hover{background:#0a6f66}
.fx-demo-copy .fx-demo-note{align-self:center;text-align:center;color:#44605a;font-size:12px;line-height:1.5;margin:0}
.fx-demo-window .modal-close{display:grid;place-items:center;top:14px;right:14px;width:40px;height:40px;padding:0;border:1px solid #d4e5de;border-radius:50%;background:#fff;color:#0f201d;z-index:1;cursor:pointer}
.fx-demo-window :focus-visible{outline:3px solid #0f8f83;outline-offset:3px}
@media(max-width:650px){#demoModal{padding:16px}.fx-demo-window{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);border-radius:24px}.fx-demo-art{border-radius:23px 23px 0 0;padding:20px;min-height:160px;flex-shrink:0;flex-direction:row;gap:18px}.fx-demo-art>img{width:95px;height:135px}.fx-demo-art>p{max-width:120px;text-align:left;line-height:1.5}.fx-demo-badge{display:none}.fx-demo-copy{padding:26px 24px;gap:17px}.fx-demo-logo{width:116px}.fx-demo-copy h2{font-size:31px}.fx-demo-copy>p{font-size:15px}.fx-demo-features{font-size:13px;gap:10px}.fx-demo-window .fx-demo-launch{font-size:14px}}
@media(max-width:360px){.fx-demo-copy{padding:22px 18px}.fx-demo-copy h2{font-size:28px}}