.bema-marketing .mk-demo-section{border-bottom:1px solid var(--mk-border);isolation:isolate;position:relative;overflow:hidden}.bema-marketing .mk-demo-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 60% at 50% 60%,#6e8a6f14 0%,#6e8a6f00 60%);position:absolute;inset:0}.bema-marketing .mk-demo-section:after{content:"";background-image:linear-gradient(var(--mk-border) 1px, transparent 1px), linear-gradient(90deg, var(--mk-border) 1px, transparent 1px);background-size:var(--mk-grid-size) var(--mk-grid-size);opacity:.35;pointer-events:none;z-index:0;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 55%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 55%,#000 20%,#0000 75%)}.bema-marketing .mk-demo-wrap{z-index:1;padding:56px var(--mk-grid-size) 72px;flex-direction:column;align-items:center;gap:40px;display:flex;position:relative}.bema-marketing .mk-demo-lede{text-align:center;flex-direction:column;gap:16px;max-width:760px;display:flex}.bema-marketing .mk-demo-eyebrow{color:var(--mk-accent);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:500}.bema-marketing .mk-demo-lede h2{font-family:var(--font-mk-sys,"Space Mono", monospace);letter-spacing:-.03em;color:var(--mk-ink);margin:0;font-size:clamp(28px,3.5vw,44px);line-height:1.1}.bema-marketing .mk-demo-lede p{color:var(--mk-ink-muted);align-self:center;max-width:640px;margin:0;font-size:15px;line-height:1.6}.bema-marketing .mk-demo-frame{aspect-ratio:16/9;background:var(--mk-bg-terminal);border:1px solid var(--mk-border-hover);isolation:isolate;width:100%;max-width:1040px;transition:box-shadow .3s,transform .3s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #6e8a6f2e,0 24px 80px -24px #6e8a6f66,0 64px 160px -48px #000000b3}.bema-marketing .mk-demo-frame:hover{box-shadow:0 0 0 1px #6e8a6f52,0 32px 100px -24px #6e8a6f8c,0 80px 200px -48px #000c}.bema-marketing .mk-demo-video{object-fit:cover;width:100%;height:100%;display:block}.bema-marketing .mk-demo-frame>.mk-demo-video+.mk-demo-controls:before,.bema-marketing .mk-demo-frame:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#05050600 0%,#050506cc 100%);height:84px;position:absolute;bottom:0;left:0;right:0}.bema-marketing .mk-demo-corner{z-index:3;pointer-events:none;border:1.5px solid var(--mk-accent);width:18px;height:18px;position:absolute}.bema-marketing .mk-demo-corner.tl{border-bottom:0;border-right:0;top:-1px;left:-1px}.bema-marketing .mk-demo-corner.tr{border-bottom:0;border-left:0;top:-1px;right:-1px}.bema-marketing .mk-demo-corner.bl{border-top:0;border-right:0;bottom:-1px;left:-1px}.bema-marketing .mk-demo-corner.br{border-top:0;border-left:0;bottom:-1px;right:-1px}.bema-marketing .mk-demo-controls{z-index:2;opacity:0;align-items:center;gap:8px;transition:opacity .2s;display:flex;position:absolute;bottom:14px;right:14px}.bema-marketing .mk-demo-frame:hover .mk-demo-controls,.bema-marketing .mk-demo-frame:focus-within .mk-demo-controls{opacity:1}.bema-marketing .mk-demo-btn{all:unset;border:1px solid var(--mk-border);color:var(--mk-ink);cursor:pointer;font-family:var(--font-mk-mono,"JetBrains Mono", monospace);text-transform:uppercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);background:#ede8de14;align-items:center;gap:6px;padding:6px 10px;font-size:11px;transition:background .15s,border-color .15s;display:inline-flex}.bema-marketing .mk-demo-btn:hover{border-color:var(--mk-border-hover);background:#ede8de24}.bema-marketing .mk-demo-btn:focus-visible{outline:2px solid var(--mk-accent);outline-offset:2px}.bema-marketing .mk-demo-btn-label{line-height:1}@media (max-width:640px){.bema-marketing .mk-demo-wrap{padding:32px var(--mk-grid-size) 40px;gap:24px}.bema-marketing .mk-demo-corner{width:14px;height:14px}.bema-marketing .mk-demo-controls{opacity:1}}@media (prefers-reduced-motion:reduce){.bema-marketing .mk-demo-frame{transition:none}}