.ms24-slider{position:relative;overflow:hidden;width:100%;height:620px;border-radius:0!important;background:#111827;isolation:isolate}.ms24-slider *{box-sizing:border-box}.ms24-slides,.ms24-slide{position:absolute;inset:0}.ms24-slide{opacity:0;pointer-events:none;transition:opacity .55s ease;background-size:cover;background-position:center;background-repeat:no-repeat}.ms24-slide.is-active{opacity:1;pointer-events:auto}.ms24-ground-bg{position:absolute;inset:-18px;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;transform:translate3d(var(--ms24-bg-x,0px),var(--ms24-bg-y,0px),0) scale(1.04);will-change:transform;pointer-events:none}
.ms24-bg-grid{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 78% 40%,rgba(0,230,118,.18),transparent 28%),radial-gradient(circle at 20% 80%,rgba(99,102,241,.14),transparent 24%);pointer-events:none}.ms24-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);z-index:1}.ms24-stage{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:7vw;transform-style:preserve-3d;perspective:1000px}.ms24-content{position:relative;z-index:4;width:52%;max-width:700px;transform:translate3d(calc(var(--ms24-content-x,0px) + var(--ms24-drag-x,0px)),calc(var(--ms24-content-y,0px) + var(--ms24-drag-y,0px) + var(--ms24-scroll-y,0px)),calc(var(--ms24-content-z,80px) + var(--ms24-scroll-z,0px)));will-change:transform}.ms24-eyebrow{display:inline-block;margin-bottom:16px;color:#00e676;font:900 12px/1 Arial,sans-serif;letter-spacing:.16em}.ms24-title{margin:0 0 18px;color:#fff;font-size:clamp(40px,6vw,88px);line-height:.94;font-weight:900;letter-spacing:-.055em}.ms24-subtitle{margin:0 0 28px;color:rgba(255,255,255,.78);font-size:clamp(16px,1.6vw,22px);line-height:1.55;max-width:680px}.ms24-button{display:inline-flex;align-items:center;justify-content:center;border-radius:0!important;padding:15px 24px;background:#fff;color:#111827;text-decoration:none;font-weight:900;transition:transform .25s ease}.ms24-button:hover{transform:translateY(-3px)}.ms24-visual{position:relative;z-index:3;width:min(38vw,540px);height:min(38vw,540px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transform-style:preserve-3d;transform:translate3d(calc(var(--ms24-x,70px) + var(--ms24-drag-x,0px)),calc(var(--ms24-y,0px) + var(--ms24-drag-y,0px) + var(--ms24-scroll-y,0px)),calc(var(--ms24-z,150px) + var(--ms24-scroll-z,0px))) rotateX(var(--ms24-rx,0deg)) rotateY(var(--ms24-ry,-8deg));will-change:transform;filter:blur(var(--ms24-main-blur,0px)) drop-shadow(0 35px 60px rgba(0,0,0,.45))}.ms24-visual img{max-width:100%;max-height:100%;object-fit:contain;border-radius:0!important}.ms24-demo-shape{border:1px solid rgba(255,255,255,.26);background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.05));backdrop-filter:blur(16px);color:#fff;font-size:110px;font-weight:900}.ms24-demo-shape small{font-size:18px;letter-spacing:.18em;color:#00e676}.ms24-arrow{position:absolute;top:50%;z-index:65;transform:translateY(-50%);width:44px;height:64px;border:0;border-radius:0!important;background:rgba(255,255,255,.16);color:#fff;font-size:42px;line-height:1;cursor:pointer}.ms24-prev{left:18px}.ms24-next{right:18px}@media(max-width:767px){.ms24-stage{padding:72px 24px 36px;flex-direction:column;align-items:flex-start;justify-content:center}.ms24-content{width:100%}.ms24-visual{width:72vw;height:58vw;margin-top:28px;align-self:center}.ms24-arrow{width:36px;height:52px;font-size:34px}.ms24-title{font-size:44px}}

.ms24-float-wrap{position:absolute;inset:0;z-index:3;pointer-events:none;transform-style:preserve-3d;perspective:1000px}.ms24-float-layer{position:absolute;left:50%;top:50%;width:var(--fs,140px);height:auto;object-fit:contain;border-radius:0!important;transform:translate3d(calc(var(--fx,0px) + var(--ms24-drag-x,0px)),calc(var(--fy,0px) + var(--ms24-drag-y,0px) + var(--ms24-float-scroll-y,0px)),calc(var(--fz,80px) + var(--ms24-float-scroll-z,0px)));will-change:transform;transition:transform .12s ease-out;filter:blur(var(--fb,0px)) drop-shadow(0 22px 34px rgba(0,0,0,.35))}.ms24-float-demo{height:var(--fs,140px);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.35);color:#fff;font-weight:900;font-size:28px;backdrop-filter:blur(10px)}.ms24-float-layer-1{opacity:.92}.ms24-float-layer-2{opacity:.86}.ms24-float-layer-3{opacity:.78}.ms24-float-layer-4{opacity:.72}@media(max-width:767px){.ms24-float-layer{width:calc(var(--fs,140px) * .65)}}

.ms24-draggable{cursor:move;touch-action:none;user-select:none}.ms24-dragging{outline:1px dashed rgba(0,230,118,.75);outline-offset:4px;z-index:80!important}.ms24-is-dragging .ms24-slider,.ms24-is-dragging{cursor:grabbing}.ms24-slider[data-free-drag="yes"] .ms24-float-wrap{pointer-events:auto}.ms24-slider[data-free-drag="yes"] .ms24-float-layer{pointer-events:auto}.ms24-slider[data-free-drag="yes"] .ms24-content,.ms24-slider[data-free-drag="yes"] .ms24-visual{pointer-events:auto}.ms24-visual img,.ms24-float-layer{max-width:none}.ms24-branding-note{font:600 12px/1.35 Arial,sans-serif;color:rgba(255,255,255,.58)}

.ms24-float-layer.ms24-draggable:after{display:none}

/* v2.8 scene depth polish - additive only */
.ms24-slider{--ms24-fog-opacity:.22;--ms24-shadow-strength:.45;}
.ms24-stage{z-index:3;}
.ms24-atmosphere{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle at 68% 58%,rgba(255,255,255,.20),transparent 22%),radial-gradient(circle at 42% 72%,rgba(255,255,255,.12),transparent 20%),linear-gradient(180deg,transparent 35%,rgba(255,255,255,.10) 62%,transparent 88%);mix-blend-mode:screen;}
.ms24-slider[data-fog="yes"] .ms24-atmosphere{opacity:var(--ms24-fog-opacity,.22);}
.ms24-visual{filter:blur(var(--ms24-main-blur,0px)) drop-shadow(0 35px 60px rgba(0,0,0,var(--ms24-shadow-strength,.45)))!important;}
.ms24-float-layer{filter:blur(var(--fb,0px)) drop-shadow(0 22px 34px rgba(0,0,0,var(--ms24-shadow-strength,.45)))!important;}
.ms24-arrow{background:rgba(255,255,255,.14)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18)!important;transition:transform .22s ease,background .22s ease,box-shadow .22s ease;}
.ms24-arrow:hover{transform:translateY(-50%) scale(1.06);background:rgba(255,255,255,.24)!important;box-shadow:0 18px 38px rgba(0,0,0,.28);}
.ms24-button{padding:17px 28px;box-shadow:0 18px 36px rgba(0,0,0,.18);}
.ms24-button:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 24px 44px rgba(0,0,0,.24);}

.ms24-slider[data-position-lock="yes"] .ms24-float-layer.ms24-draggable:after{display:none;}

/* v2.9: Lock position control moved to the end of Motion Settings panel. */


/* v2.19 ground parallax - additive only */
@media (prefers-reduced-motion: reduce){.ms24-ground-bg{transform:translate3d(0,0,0) scale(1.04)!important}}