.feature-demo-trigger{display:flex;align-items:center;gap:12px;margin:22px 0 0;padding:10px 0;background:none;border:0;color:#6440ce;font:600 15px/1.4 inherit;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;text-align:left}.feature-demo-play{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#eee8fc;font-size:12px;padding-left:2px}.feature-demo-trigger small{font-size:12px;font-weight:500;color:#656575;border:1px solid #dcd8e7;border-radius:20px;padding:3px 9px}.feature-demo-trigger:hover .feature-demo-play{background:#6440ce;color:white}.feature-demo-trigger:focus-visible,.feature-demo-close:focus-visible{outline:3px solid #6440ce;outline-offset:5px}.feature-demo-dialog{width:min(920px,calc(100vw - 32px));max-height:90dvh;padding:0;border:1px solid #e3dff0;border-radius:18px;background:#fff;color:#20202a;box-shadow:0 24px 100px #0005;overflow:auto}.feature-demo-dialog::backdrop{background:rgba(19,16,34,.72);backdrop-filter:blur(5px)}.feature-demo-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px}.feature-demo-eyebrow{font:600 11px/1.5 sans-serif;letter-spacing:.12em;color:#716781}.feature-demo-header h2{font:600 23px/1.3 inherit;font-family:inherit;font-size:23px;margin:5px 0 0;letter-spacing:-.02em}.feature-demo-close{border:1px solid #e3dff0;background:#f7f6fb;border-radius:50%;width:40px;height:40px;flex:0 0 40px;font-size:26px;cursor:pointer;color:#454052}.feature-demo-player{aspect-ratio:16/9;background:#f5f2fc}.feature-demo-player iframe,.feature-demo-player video{display:block;width:100%;height:100%;border:0}.feature-demo-placeholder{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;box-sizing:border-box;background:radial-gradient(ellipse at top,#e8defb,transparent 75%)}.feature-demo-placeholder>span{font-size:12px;letter-spacing:.15em;font-weight:700;color:#6440ce}.feature-demo-placeholder h3{font-size:clamp(22px,4vw,38px);line-height:1.2;max-width:590px;margin:22px 0 14px}.feature-demo-placeholder p{font-size:15px;line-height:1.6;max-width:380px;color:#696374;margin:0}.feature-demo-open{overflow:hidden}@media(max-width:600px){.feature-demo-header{padding:16px}.feature-demo-header h2{font-size:20px}.feature-demo-placeholder{padding:28px 20px;min-height:270px}.feature-demo-trigger{gap:9px;font-size:14px}}
