.video-stories{background:radial-gradient(ellipse at 50% 55%,#f8b33125,transparent 65%),#11122c;padding:65px 0 35px;overflow:hidden;color:#fff}.video-stories-heading{text-align:center;max-width:750px}.video-stories-heading>span{color:#f8b331;font-size:11px;letter-spacing:2px;font-weight:700}.video-stories-heading h2{color:#fff;font-size:clamp(30px,3.5vw,52px);font-weight:700;margin:14px 0}.video-stories-heading p{color:#b9bdd4;font-size:16px}.video-stories-stage{position:relative;height:610px;margin:40px auto 0;max-width:1500px;perspective:1600px}.video-story{position:absolute;width:270px;left:50%;top:0;margin-left:-135px;transform:translateX(var(--story-x,0px)) scale(var(--story-scale,1));opacity:var(--story-opacity,0);z-index:var(--story-z,0);transition:transform .75s cubic-bezier(.22,.7,.3,1),opacity .75s;pointer-events:none}.video-story.is-active{pointer-events:auto}.story-phone{position:relative;width:100%;aspect-ratio:300/590;filter:drop-shadow(0 20px 25px #0008)}.story-screen{position:absolute;inset:2%;border-radius:13% / 7%;overflow:hidden;background:#202341}.story-screen video,.story-screen iframe,.story-embed{width:100%;height:100%;object-fit:cover;display:block;border:0;position:relative;z-index:1}.story-phone-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.story-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;background:linear-gradient(145deg,#343969,#14162d);padding:30px;text-align:center}.story-placeholder img{width:65px;height:65px;object-fit:contain}.story-placeholder span{font-size:20px;font-weight:600}.story-caption{text-align:center;margin-top:16px}.story-caption h3{font-size:17px;color:#fff;margin-bottom:4px}.story-caption p{font-size:12px;color:#b9bdd4}.story-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:0 20px}.story-controls button{color:#fff;border:1px solid #ffffff40;background:#ffffff08;border-radius:30px;padding:8px 18px;font-size:12px}.story-controls button:hover{border-color:#f8b331;color:#f8b331}.story-controls button:focus-visible{outline:2px solid #f8b331;outline-offset:3px}.story-controls>span{font-size:12px;color:#c4c8df;padding:0 12px}.story-status{text-align:center;font-size:13px;color:#f8b331;margin:16px 20px 0}.video-stories:not(.stories-ready) .video-story:first-child{opacity:1}
@media(max-width:575px){.video-stories{padding-top:45px}.video-stories-stage{height:525px;margin-top:28px}.video-story{width:225px;margin-left:-112.5px}.video-stories-heading p{font-size:14px}}@media(prefers-reduced-motion:reduce){.video-story{transition:none}}
.video-stories{position:relative;isolation:isolate;background:linear-gradient(rgba(17,18,44,.25),rgba(17,18,44,.45)),url("../img/bg/home3-process-bg.png") center / cover no-repeat,#11122c}
.video-stories::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;top:50%;width:min(1400px,150vw);aspect-ratio:1;background:url("../img/bg/globe-shape.png") center / contain no-repeat;opacity:.55;filter:brightness(1.35);transform:translate(-50%,-50%);animation:story-globe-spin 70s linear infinite}
@keyframes story-globe-spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.video-stories::before{animation:none}}