.nx-demo{width:100%;min-width:0}
.nx-demo-frame{position:relative;width:100%;aspect-ratio:16/9;min-height:200px;background:#121212;border-radius:8px;overflow:hidden;box-shadow:0 12px 30px rgba(44,51,56,.16)}
.nx-demo-button,.nx-demo-frame iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0;margin:0;padding:0;border-radius:0}
.nx-demo-button{background:#121212;color:#fff;cursor:pointer;text-align:left;font:700 18px/1.3 "Quicksand",sans-serif}
.nx-demo-button::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7));pointer-events:none}
.nx-demo-button img{display:block;width:100%;height:100%;object-fit:cover}
.nx-demo-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:68px;height:68px;background:#000;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 20px #0005;z-index:1}
.nx-demo-play svg{margin-left:3px}
.nx-demo-label{position:absolute;left:16px;bottom:14px;right:16px;z-index:1;color:#fff;text-shadow:0 1px 4px #000}
.nx-demo-button:hover .nx-demo-play{background:#4F5A8F}
.nx-demo-button:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.nx-demo-note{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:10px 0 0;font:400 13px/1.5 "Open Sans",sans-serif;color:inherit}
.nx-demo-note a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.nx-demo-section{background:#EEF0F8;padding:40px 16px;color:#2C3338;scroll-margin-top:100px}
.nx-demo-wrap{max-width:1100px;margin:0 auto}
.nx-demo-intro{max-width:760px;margin:0 0 24px}
.nx-demo-intro h2{font:700 clamp(30px,4vw,46px)/1.2 "Quicksand",sans-serif;color:#6674B3;margin:0 0 12px}
.nx-demo-intro p{font:400 18px/1.6 "Open Sans",sans-serif;margin:0}
.nx-demo-cta{display:flex;align-items:center;justify-content:center;min-height:54px;width:100%;max-width:370px;padding:14px 24px;background:#000;color:#fff!important;border-radius:3px;margin:22px 0 0;font:700 18px/1.3 "Quicksand",sans-serif;text-decoration:none}
.nx-demo-cta:hover{background:#2C3338}
.nx-demo-cta:focus-visible{outline:3px solid #6674B3;outline-offset:4px}
.nx-demo-benefits{display:grid;gap:14px;list-style:none;margin:28px 0 0;padding:0;font:600 16px/1.5 "Open Sans",sans-serif}
.nx-demo-benefits li{display:flex;gap:12px;align-items:flex-start}
.nx-demo-benefits span{font-weight:800;color:#6674B3;font-size:20px;line-height:1.2}
@media(min-width:700px){.nx-demo-section{padding:60px 24px}.nx-demo-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.nx-demo-play{width:82px;height:82px}.nx-demo-label{font-size:22px;left:24px;bottom:20px}}