
.xl-hero-story{align-self:center;min-width:0;padding:28px 0}.xl-feature{background:white;border:1px solid #e4dfed;border-radius:22px;padding:20px;box-shadow:0 18px 65px #2420440c}.xl-kicker{font-size:11px;font-weight:750;letter-spacing:1.7px;color:#7e3fcb;margin:0 0 15px}.xl-video{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#171637;color:white;text-decoration:none}.xl-video img{width:100%;height:100%;object-fit:cover;display:block}.xl-video:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#11112bd9)}.xl-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;background:#ffffffef;color:#743dc0;border-radius:50%;z-index:1;box-shadow:0 4px 25px #0003;font-size:20px;padding-left:3px}.xl-video:hover .xl-play{background:#ff9e12;color:#171637}.xl-video:focus-visible,.xl-close:focus-visible{outline:3px solid #ff9e12;outline-offset:4px}.xl-video-label{position:absolute;bottom:16px;left:18px;right:18px;z-index:1;font-size:14px;font-weight:650;display:flex;justify-content:space-between;gap:8px}.xl-feature-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0 3px;font-size:14px}.xl-feature-foot a{font-size:12px;color:#743dc0}.xl-meet{margin-top:20px;display:grid;grid-template-columns:72px 1fr;column-gap:16px;align-items:center;padding:20px 22px;background:#ffffffb8;border:1px solid #e4dfed;border-radius:18px}.xl-meet>img{border-radius:50%;width:72px;height:72px;object-fit:cover;object-position:50% 30%;border:3px solid white;box-shadow:0 0 0 1px #ded4eb}.xl-meet strong,.xl-meet span,.xl-meet small{display:block}.xl-meet strong{font-size:17px}.xl-meet span{font-size:12px;color:#66637a;margin:3px 0}.xl-meet small{font-size:11px;color:#66637a}.xl-meet p{grid-column:1/-1;margin:17px 0 13px;font-size:15px}.xl-meet .button{grid-column:1/-1;justify-content:space-between;font-size:14px;padding:15px 18px}.xl-meet .button span{color:inherit;font-size:18px}.xl-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.xl-shorts-heading{margin:42px 0 18px}.xl-shorts-heading h3{font-size:24px;margin-bottom:8px}.xl-shorts-heading p{color:#66637a;font-size:14px}.xl-shorts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.xl-short{aspect-ratio:9/16}.xl-short img{object-fit:cover}.xl-short .xl-video-label{font-size:12px;left:12px;right:12px}.xl-short .xl-play{width:46px;height:46px;font-size:16px}#xl-video-dialog{padding:20px;border:0;border-radius:18px;background:#fff;color:#171637;width:min(900px,92vw);max-height:92vh;margin:auto;box-shadow:0 30px 90px #0005}#xl-video-dialog::backdrop{background:#101027d9}.xl-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.xl-close{font:inherit;border:0;border-radius:50%;width:40px;height:40px;background:#f0ebf7;cursor:pointer}.xl-player{aspect-ratio:16/9;background:#151531}.xl-player iframe{width:100%;height:100%;border:0}.xl-youtube{display:inline-block;color:#743dc0;margin-top:14px;font-size:14px}@media(max-width:700px){.xl-hero-story{padding:0 0 22px}.xl-feature{padding:14px}.xl-feature-foot{font-size:13px}.xl-video-grid{grid-template-columns:1fr;gap:16px}.xl-shorts{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.xl-short{flex:0 0 58%;scroll-snap-align:start}.xl-meet{padding:18px}.xl-feature-foot a{white-space:nowrap}}
/* Modern testimonial presentation */
.xl-hero-story{position:relative;padding:35px 8px 20px;isolation:isolate}
.xl-video-stage{position:relative;padding:38px 16px 34px;isolation:isolate}
.xl-video-stage:before{content:"";position:absolute;inset:0 -15px -10px;background:radial-gradient(ellipse at 75% 25%,#ba98ef70,transparent 60%),radial-gradient(ellipse at 15% 85%,#ffc87242,transparent 55%);filter:blur(23px);z-index:-2;pointer-events:none}
.xl-stage-orbit{position:absolute;inset:10px 0 8px;border:1px solid #a27bc22e;border-radius:48%;transform:rotate(-14deg);z-index:-1;pointer-events:none}
.xl-feature{position:relative;padding:14px;background:linear-gradient(145deg,#fff,#faf8ff);border:1px solid #ffffff;border-radius:24px;box-shadow:0 24px 55px -25px #44227366,0 2px 6px #28174708;transform:rotate(-1deg)}
.xl-feature .xl-kicker{font-size:9px;letter-spacing:1.5px;display:flex;gap:7px;align-items:center;margin:3px 4px 12px;color:#6c577d}
.xl-kicker-dot{width:6px;height:6px;border-radius:50%;background:#a180c8}
.xl-feature .xl-video{border-radius:15px;transform:translateZ(0)}
.xl-feature .xl-play{width:68px;height:68px;background:#ffffffdc;border:1px solid #fff;backdrop-filter:blur(10px);box-shadow:0 0 0 9px #ffffff26,0 8px 28px #0002;transition:box-shadow .2s,background .2s}
.xl-feature .xl-video:hover .xl-play{box-shadow:0 0 0 13px #ffffff26,0 8px 28px #0002;background:#fff}
.xl-feature-foot{padding:18px 5px 5px;gap:8px}.xl-feature-foot strong{font-size:14px;letter-spacing:-.2px}.xl-feature-foot a{font-size:11px;text-decoration:none}
.xl-float{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid #fff;border-radius:14px;background:#fffffff2;box-shadow:0 10px 30px #39255915;pointer-events:none;animation:xl-float 7s ease-in-out infinite}
.xl-float-story{top:0;right:-2px;transform:rotate(3deg)}.xl-float-support{bottom:0;left:-3px;animation-delay:-3s}
.xl-float>span:last-child{font-size:10px;color:#797086;line-height:1.5}.xl-float strong{display:block;font-size:12px;color:#27203e;font-weight:650}
.xl-float-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#efe5fc;color:#8243c5;font-size:24px;line-height:1}
.xl-float-support .xl-float-icon{background:#fff0d9;color:#af6700}
.xl-spark{position:absolute;font-size:24px;color:#a074cc;z-index:1;pointer-events:none}.xl-spark-one{left:3px;top:8px}.xl-spark-two{right:4px;bottom:4px;font-size:19px;color:#e6ab4e}
.xl-meet{background:transparent;border:0;border-top:1px solid #dcd2e7;border-radius:0;padding:24px 14px 0;margin-top:22px;grid-template-columns:64px 1fr;gap:0 15px}
.xl-meet>img{width:64px;height:64px}.xl-meet p{font-size:14px;margin:16px 0 12px}.xl-meet .button{border-radius:12px;transition:transform .2s,box-shadow .2s}.xl-meet .button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #17163722}
.xl-video-grid{gap:24px}.xl-video-grid .xl-video{border:6px solid white;box-shadow:0 8px 30px #241e4010;transition:transform .25s,box-shadow .25s;border-radius:20px}.xl-video-grid .xl-video:hover{transform:translateY(-4px);box-shadow:0 16px 35px #241e4020}
.xl-shorts{gap:20px}.xl-short{border:5px solid white;border-radius:20px;box-shadow:0 8px 25px #241e4010;transition:transform .25s}.xl-short:nth-child(even){transform:translateY(12px)}.xl-short:hover{transform:translateY(-4px)}.xl-shorts{padding-bottom:16px}
@keyframes xl-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:1050px){.xl-feature-foot strong{font-size:12px}.xl-float-story{right:0}.xl-float-support{left:0}}
@media(max-width:700px){.xl-hero-story{padding:0 0 20px}.xl-video-stage{padding:38px 5px 32px}.xl-video-stage:before{inset:0 5px}.xl-feature{padding:10px;border-radius:19px;transform:none}.xl-feature .xl-kicker{font-size:8px;letter-spacing:1px}.xl-feature .xl-play{width:54px;height:54px}.xl-float{padding:8px 11px;gap:8px;border-radius:12px;animation:none}.xl-float strong{font-size:11px}.xl-float>span:last-child{font-size:9px}.xl-float-icon{width:26px;height:26px;font-size:21px}.xl-float-story{right:6px;top:0;transform:none}.xl-float-support{left:8px}.xl-spark-one{left:14px}.xl-spark-two{right:20px}.xl-feature-foot{padding:15px 3px 4px}.xl-feature-foot strong{font-size:12px}.xl-feature-foot a{font-size:10px}.xl-meet{margin-top:18px;padding:21px 6px 0}.xl-short:nth-child(even){transform:none}.xl-shorts{padding:0 4px 18px}.xl-short{flex-basis:59%}}
@media(prefers-reduced-motion:reduce){.xl-float{animation:none}.xl-video-grid .xl-video,.xl-short,.xl-meet .button,.xl-feature .xl-play{transition:none}.xl-video-grid .xl-video:hover,.xl-short:hover,.xl-meet .button:hover{transform:none}}
