.el153{--showcase-accent:#3262d2;position:relative;isolation:isolate;background:transparent;color:#fff;padding:30px 0;overflow:hidden;direction:rtl}
.el153-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.el153-decorations{position:absolute;inset:0;pointer-events:none;z-index:0}.el153-decoration{position:absolute;left:var(--decor-left);top:var(--decor-top);width:var(--decor-width);height:auto;max-width:none;z-index:var(--decor-z,0);opacity:var(--decor-opacity);object-fit:contain;pointer-events:none;user-select:none}.el153-decoration.is-mirrored{transform:scaleX(-1)}.el153>.container{position:relative;z-index:1}
.el153-intro{text-align:center;max-width:850px;margin:auto}.el153-intro h1{color:inherit;font-size:clamp(28px,4vw,46px);line-height:1.6;margin:0 0 15px}.el153-intro p{color:inherit;font-size:15px;line-height:2;margin:0}.el153-actions{display:flex;justify-content:center;gap:9px;margin:25px 0 38px}.el153-actions a{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #ffffffb3;color:#fff;border-radius:4px;min-height:46px;text-decoration:none;background:transparent}.el153-gallery{padding:10px 20px}.el153-phone{width:46px;flex:none}.el153-actions a:hover{background:#ffffff14}
.el153-showcase{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 49% minmax(0,1fr);align-items:center;gap:25px;direction:ltr;max-width:1200px;margin:auto;padding-inline:22px}
.el153-features{display:grid;gap:32px;direction:rtl;z-index:2}.el153-feature{display:flex;align-items:center;gap:12px;padding:8px 0;min-width:0;border:0;background:transparent;color:inherit;text-align:right;transition:transform .35s ease;perspective:450px;font:inherit;cursor:pointer}.el153-left .el153-feature{flex-direction:row-reverse}.el153-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border:1px solid #ffffffa8;border-radius:50%;background:transparent;transition:transform .65s ease;transform:rotateY(0deg);transform-style:preserve-3d}.el153-feature[aria-pressed=true] .el153-icon{transform:rotateY(360deg)}.el153-icon i{font-size:20px}.el153-feature-copy{min-width:0}.el153-feature strong{display:block;font-size:14px;font-weight:500;line-height:1.8;color:inherit}.el153-feature small{display:block;font-size:12px;line-height:1.9;margin-top:3px;color:#eee6f4}.el153-feature-copy p{margin:0!important}
.el153-laptop{position:relative;width:100%;filter:drop-shadow(0 20px 18px #110b2266)}.el153-lid{width:92%;margin:auto;border:1px solid #85858d;background:linear-gradient(130deg,#5b5a60,#19191e 24%,#303035);padding:15px 10px 11px;border-radius:15px 15px 5px 5px;position:relative}.el153-camera{position:absolute;left:50%;top:5px;width:4px;height:4px;border-radius:50%;background:#90909b}.el153-screen{position:relative;width:100%;aspect-ratio:16/9;background:#f4f7f8;overflow:hidden;border-radius:3px}.el153-slide{position:absolute;inset:0;opacity:0;transform:translateX(20px) scale(1.025);transition:opacity .6s,transform .75s cubic-bezier(.2,.8,.2,1)}.el153-slide.is-active{opacity:1;transform:none;z-index:1}.el153-slide img{display:block;width:100%;height:100%;object-fit:contain}.el153-slide picture{display:block;height:100%}.el153-base{width:100%;height:10px;position:relative;border-radius:1px 1px 45% 45%;background:linear-gradient(#f1eff6,#9f9da8 55%,#6e6c76)}.el153-base:after{content:"";position:absolute;left:40%;width:20%;height:4px;background:#797580;border-radius:0 0 5px 5px}
.el153-connector{position:absolute;height:1px;background:#ffffff88;pointer-events:none;z-index:3;opacity:0;transform:scaleX(0);transition:opacity .2s}.el153-connector.is-active{opacity:1;transform:scaleX(1);animation:el153-draw-connector .65s cubic-bezier(.22,.65,.3,1) both}@keyframes el153-draw-connector{from{transform:scaleX(0)}to{transform:scaleX(1)}}.el153-connector span{position:absolute;top:-11px;width:24px;height:24px;border-radius:50%;background:var(--showcase-accent);transform:translateX(-50%);box-shadow:0 0 0 5px #ffffff26}
@media(min-width:992px){.el153-left .el153-feature[aria-pressed=true]{transform:translateX(-10px)}.el153-right .el153-feature[aria-pressed=true]{transform:translateX(10px)}}
@media(max-width:991px){.el153-showcase{gap:14px;padding-inline:15px}.el153-feature{gap:8px}.el153-icon{flex-basis:34px;height:34px}.el153-icon i{font-size:16px}.el153-feature strong{font-size:12px}.el153-feature small{font-size:11px}.el153-features{gap:20px}}
@media(max-width:620px){.el153{padding:35px 0}.el153-intro p{font-size:13px}.el153-gallery{font-size:12px;padding:9px 12px}.el153-showcase{grid-template-columns:1fr 1fr;gap:25px 15px}.el153-laptop{grid-column:1/-1;grid-row:1;max-width:550px;justify-self:center}.el153-left .el153-feature{flex-direction:row}.el153-feature{align-items:flex-start}.el153-connector{display:none}.el153-features{gap:15px}.el153-feature[aria-pressed=true] strong{color:#c2d5ff}.el153-intro h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.el153 *{transition:none!important;animation:none!important}.el153-icon{transform:none!important}}
.el128-title-line{display:flex;align-items:center;gap:16px;text-align:center;margin:0 0 25px;font-size:18px;color:inherit}.el128-title-line:before,.el128-title-line:after{content:"";height:1px;background:#c9c6ce;flex:1}.el128-title-line>span{flex:none;max-width:75%}.el128-title-line p{margin:0}
.el119-floating{position:relative;isolation:isolate;width:100%;aspect-ratio:1.32;max-width:650px;margin:auto;overflow:hidden}.el119-floating-image{position:absolute;left:var(--float-left);top:var(--float-top);width:var(--float-width);z-index:var(--float-layer)}.el119-floating-image img{display:block;width:100%;height:auto;object-fit:contain}.el119-floating.is-playing .el119-floating-image[data-motion]:not([data-motion=none]){animation:el119-drift var(--float-duration) ease-in-out var(--float-delay)}
@keyframes el119-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(var(--float-distance))}}.el119-floating-replay{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:101;background:#fff;border:0;color:#657080;font-size:11px;padding:8px;cursor:pointer}
@media(prefers-reduced-motion:reduce){.el119-floating-image{animation:none!important}}

.el128-clients-heading .el122-logos-section{border-top:0;padding-top:0}





/* Replay is a touch affordance, not a desktop call to action. */
.el119-floating-replay{display:none}
@media(hover:none),(pointer:coarse){.el119-floating-replay{display:block}}
@media(prefers-reduced-motion:reduce){.el119-floating-replay{display:none}}