.demo-launch{display:flex;align-items:center;gap:14px;width:fit-content;max-width:100%;margin-top:25px;padding:13px 18px;background:linear-gradient(120deg,#092538dd,#071724dd);border:1px solid #36d8ff75;border-radius:14px;color:#eaffff;text-align:left;font:600 15px/1.4 inherit;cursor:pointer;box-shadow:0 0 22px #00ccff15}.demo-launch small{display:block;color:#92b4c5;font-size:12px;font-weight:400;margin-top:3px}.demo-play{display:grid;place-items:center;width:36px;height:36px;border:1px solid #42dfff;border-radius:50%;color:#42dfff}.demo-launch:hover{border-color:#8ff0ff;box-shadow:0 0 26px #00ccff30}.demo-launch:focus-visible,#video-demos button:focus-visible{outline:2px solid #a2f5ff;outline-offset:4px}
#video-demos{box-sizing:border-box;width:min(940px,calc(100% - 28px));max-width:940px;max-height:90dvh;overflow:auto;padding:28px;border:1px solid #2e6980;border-radius:22px;background:#06121e;color:#e9f6ff;box-shadow:0 30px 100px #000b}#video-demos::backdrop{background:#000c;backdrop-filter:blur(8px)}#video-demos .demo-header{display:flex;align-items:start;justify-content:space-between;gap:20px}#video-demos h2{font-size:clamp(24px,3vw,32px);line-height:1.2;margin:5px 0 0;letter-spacing:-.025em}#video-demos .demo-kicker{margin:0;color:#42dfff;letter-spacing:.14em;font-size:11px;font-weight:700}#video-demos .demo-close{flex-shrink:0;width:42px;height:42px;border:1px solid #416174;border-radius:50%;background:#0d2434;color:white;font-size:28px;cursor:pointer}#video-demos .demo-intro{color:#aac0cf;font-size:15px;line-height:1.6;max-width:660px;margin:16px 0 22px}.demo-categories{display:flex;gap:10px;flex-wrap:wrap}.demo-categories button,.demo-options button{padding:11px 16px;color:#c1d6e5;border:1px solid #294759;border-radius:10px;background:#0b1d2b;cursor:pointer;font:inherit}.demo-categories button[aria-pressed=true],.demo-options button[aria-pressed=true]{border-color:#40dfff;color:#abf4ff;background:#103446}.demo-categories span{font-size:12px;opacity:.75;margin-left:10px}.demo-options{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.demo-options button{font-size:14px}.demo-screen{border:1px solid #203c4d;border-radius:14px;overflow:hidden;background:#02070c;display:grid;place-items:center;min-height:220px}.demo-empty{text-align:center;padding:32px;color:#92aebf}.demo-empty span{font-size:48px;color:#44dfff}.demo-empty p{font-size:15px}.demo-screen video{display:block;width:100%;max-height:55dvh;object-fit:contain;background:#000}.demo-screen [hidden]{display:none!important}.demo-status{font-size:14px;color:#a7cbd9;min-height:20px;margin:12px 0 0}@media(max-width:600px){#video-demos{padding:20px 16px}.demo-launch{font-size:14px}.demo-categories button{flex:1;padding:10px}.demo-categories span{display:block;margin:3px 0 0}.demo-screen{min-height:180px}}