/* Hero tutorial and three-step section, scoped to the home page. */
.ls-home .ls-hero{padding-top:64px}
.ls-home .ls-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:48px}
.ls-home .ls-hero h1{font-size:clamp(40px,4.5vw,62px)}
.ls-home .ls-hero-video{min-width:0;width:100%;margin:0;padding:12px 12px 18px;border:1px solid #dce3ef;border-radius:20px;background:#fff;box-shadow:0 24px 65px #213a7217;scroll-margin-top:24px}
.ls-home .ls-demo-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 8px 15px;color:#63718a;font-size:11px}
.ls-home .ls-demo-duration{padding:4px 7px;background:#f0f4fc;border-radius:5px;font-variant-numeric:tabular-nums}
.ls-home .ls-hero-video .ls-video{position:relative;aspect-ratio:16/9;border-radius:11px}
.ls-home .ls-hero-video .ls-video-cover{position:relative;isolation:isolate;align-items:center;justify-content:center;padding:20px;background:#172b49}
.ls-home .ls-demo-poster{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s ease}
.ls-home .ls-hero-video .ls-video-cover:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#14254112 15%,#14254126 48%,#0d1d37e8 100%)}
.ls-home .ls-hero-video .ls-video-cover:hover .ls-demo-poster{transform:scale(1.025)}
.ls-home .ls-hero-video .ls-play-icon{width:76px;height:76px;background:#2559e6;color:white;font-size:25px;box-shadow:0 0 0 10px #ffffff55,0 8px 25px #14254133}
.ls-home .ls-hero-video .ls-video-bottom{position:absolute;bottom:20px;left:20px;right:20px;align-items:center;font-size:16px;line-height:1.35;color:white;text-shadow:0 1px 4px #08172c}
.ls-home .ls-demo-time{flex:none;padding:4px 8px;border-radius:5px;background:#07162c80;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}
.ls-home .ls-hero-video figcaption{padding:17px 8px 0;display:flex;flex-direction:column;gap:7px}
.ls-home .ls-hero-video figcaption strong{font-size:16px;line-height:1.4;font-weight:600;color:var(--seo-ink)}
.ls-home .ls-demo-language{font-size:12px;line-height:1.4;color:var(--seo-muted)}
.ls-home .ls-hero-video .ls-youtube-link{margin:12px 8px 0;min-height:24px;align-items:center}
.ls-home .ls-hero-video .ls-video-cover:focus-visible{outline:3px solid #2559e6;outline-offset:-4px}
.ls-home .ls-flow{margin-top:44px}
.ls-home .ls-how-section{padding-top:64px;padding-bottom:56px}
.ls-home .ls-how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ls-home .ls-how-steps li{flex-direction:column;gap:14px;padding:24px;border:1px solid var(--seo-line);border-radius:14px;background:#fbfcff}
.ls-home .ls-how-steps h3{font-size:18px;margin:0 0 10px}
.ls-home .ls-how-steps p{font-size:14px}
@media(max-width:1000px){.ls-home .ls-hero-grid{gap:28px}.ls-home .ls-hero{padding-top:44px}.ls-home .ls-hero h1{font-size:46px}.ls-home .ls-how-steps{gap:16px}.ls-home .ls-how-steps li{padding:20px}}
@media(max-width:760px){.ls-home .ls-hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}.ls-home .ls-hero{padding-top:36px}.ls-home .ls-hero-video{max-width:560px;margin:0 auto}.ls-home .ls-hero h1{font-size:44px}.ls-home .ls-flow{margin-top:30px}.ls-home .ls-how-section{padding-top:44px;padding-bottom:40px}.ls-home .ls-how-steps{grid-template-columns:minmax(0,1fr)}.ls-home .ls-how-steps li{flex-direction:row;gap:16px}.ls-home .ls-how-steps h3{font-size:17px}}
@media(max-width:420px){.ls-home .ls-hero h1{font-size:38px}.ls-home .ls-hero .seo-actions{flex-wrap:wrap}.ls-home .ls-hero-video{padding:9px 9px 14px;border-radius:16px}.ls-home .ls-demo-bar{padding:3px 5px 10px}.ls-home .ls-hero-video .ls-play-icon{width:56px;height:56px;font-size:19px;box-shadow:0 0 0 7px #ffffff55}.ls-home .ls-hero-video .ls-video-bottom{left:14px;right:14px;bottom:14px;font-size:13px}.ls-home .ls-hero-video figcaption{padding:14px 5px 0}.ls-home .ls-hero-video figcaption strong{font-size:15px}.ls-home .ls-hero-video .ls-youtube-link{margin-left:5px}.ls-home .ls-how-steps li{padding:18px}}
@media(prefers-reduced-motion:reduce){.ls-home .ls-demo-poster{transition:none}.ls-home .ls-hero-video .ls-video-cover:hover .ls-demo-poster{transform:none}}