/* Sparse scroll stories. Scene progress is owned by hm-motion.js. */
.hm-landing { --hm-purple:#4c00ff; --hm-ink:#262136; --hm-muted:#91899e; background:#fff; }
.hm-main { overflow:visible; }
.hm-wrap { width:min(1180px,calc(100% - 96px)); margin-inline:auto; }
.hm-hero { position:relative; min-height:min(860px,calc(100svh - 64px)); display:flex; align-items:center; padding:84px 0 100px; overflow:clip; background:linear-gradient(115deg,#fff 15%,#fff 55%,#faf8ff); }
.hm-hero-grid { display:grid; grid-template-columns:.86fr 1.3fr; align-items:center; gap:12px; }
.hm-label { display:block; color:var(--hm-purple); font-size:15px; font-weight:540; letter-spacing:-.02em; margin-bottom:26px; }
.hm-hero h1 { font-size:clamp(30px,3.05vw,44px)!important; font-weight:570!important; line-height:1.4!important; letter-spacing:-.055em!important; margin:0!important; max-width:510px; }
.hm-hero .hm-scene { width:118%; margin-left:-6%; }
.hm-scene { width:100%; aspect-ratio:1000/640; position:relative; contain:layout style; }
.hm-scene svg { display:block; width:100%!important; height:100%!important; }
.hm-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:36px; }
.hm-main .hm-button { display:inline-flex; align-items:center; gap:20px; background:var(--hm-purple); color:#fff; border:0; padding:12px 19px; border-radius:7px; font-size:14px; font-weight:520; text-decoration:none; transition:background 180ms,transform 180ms; }
.hm-button:hover { background:#3900ce; transform:translateY(-2px); }.hm-button:active{transform:scale(.97)}
.hm-text-link { font-size:14px; color:#655975; text-decoration:none; }.hm-text-link:hover{color:var(--hm-purple)}
.hm-hero-progress { display:flex; align-items:center; gap:13px; margin-top:29px; font-size:12px; color:#9a92a5; }
.hm-hero-line { width:56px; height:2px; background:#e8e1f0; }.hm-hero-line i{display:block;width:100%;height:100%;background:#8b65e8;transform:scaleX(var(--hm-p,0));transform-origin:left}
.hm-replay { border:0; background:transparent; color:inherit; padding:8px; font:inherit; cursor:pointer; }.hm-replay:hover{color:var(--hm-purple)}
.hm-hero-caption { min-width:130px; color:#766985; }
.hm-scene-note { position:absolute; right:0; bottom:0; font-size:11px; color:#a79daf; font-weight:400; }
.hm-scroll-cue { position:absolute; bottom:26px; left:50%; transform:translateX(-50%); font-size:12px; color:#95899f; display:flex; align-items:center; gap:13px; white-space:nowrap; text-decoration:none; }
.hm-scroll-cue span{display:block;height:23px;width:1px;background:#d5c8e7;position:relative;overflow:hidden}.hm-scroll-cue span:after{content:'';height:9px;width:1px;background:#4c00ff;position:absolute;animation:hm-cue 2s infinite}
@keyframes hm-cue {from{transform:translateY(-10px)}to{transform:translateY(28px)}}
.hm-story { position:relative; height:220svh; background:#fff; }
.hm-story-tint { background:#faf9fd; }
.hm-story-sticky { position:sticky; top:64px; height:calc(100svh - 64px); min-height:600px; display:flex; align-items:center; }
.hm-story-layout { display:grid; grid-template-columns:.7fr 1.35fr; gap:42px; align-items:center; }
.hm-story-copy { padding-bottom:20px; }
.hm-story h2 { font-size:clamp(28px,2.7vw,38px)!important; line-height:1.42!important; font-weight:550!important; letter-spacing:-.05em!important; margin:0!important; }
.hm-caption-stack { display:grid; min-height:120px; align-items:start; }
.hm-caption-stack h2 { grid-area:1/1; transition:opacity 230ms,transform 230ms; }
.hm-caption-stack h2[aria-hidden=true]{opacity:0;transform:translateY(13px);pointer-events:none;visibility:hidden}
.hm-caption-stack h2[aria-hidden=false]{opacity:1;transform:none;visibility:visible}
.hm-phases { display:flex; gap:9px; margin-top:35px; list-style:none; padding:0; }
.hm-phases button { display:block; width:37px; height:20px; padding:8px 0; background:transparent; border:0; cursor:pointer; }
.hm-phases i { display:block; width:100%; height:2px; background:#e0d9e9; transition:background 200ms; }.hm-phases button[aria-current=true] i{background:#4c00ff}
.hm-main button:focus-visible,.hm-main a:focus-visible,.hm-main summary:focus-visible{outline:2px solid #4c00ff;outline-offset:5px}
.hm-story .hm-scene { margin-inline:-4%; width:108%; }
.hm-story-index { color:#b7acbf; font-size:12px; margin-top:15px; font-variant-numeric:tabular-nums; }
.hm-proof { height:auto; padding:135px 0; position:relative; background:#fff; }
.hm-proof-sticky{position:relative;top:auto;min-height:560px;height:auto;display:flex;align-items:center}
.hm-proof-grid { display:grid; grid-template-columns:.7fr 1.35fr; gap:80px; align-items:center; }
.hm-proof h2,.hm-products h2,.hm-resources h2,.hm-faq h2 { font-size:32px!important; line-height:1.45!important; font-weight:550!important; letter-spacing:-.045em!important; margin:0!important; }
.hm-proof-media { aspect-ratio:1.35; position:relative; overflow:clip; border-radius:10px; background:#f6f4f9; }
.hm-proof-media img,.hm-proof-media video{width:100%;height:100%;object-fit:contain;display:block;transform:translateY(calc((1 - var(--hm-p,0)) * 20px)) scale(calc(1.055 - var(--hm-p,0) * .055));will-change:transform}
.hm-proof-media.is-photo img{object-fit:cover}
.hm-proof-mask { position:absolute; inset:0; background:#fff; transform:translateX(calc(var(--hm-p,0) * 105%)); border-left:1px solid #4c00ff; pointer-events:none; }
.hm-proof-caption { font-size:12px;color:#a298ad;margin-top:16px; }
.hm-proof-link { display:inline-block; margin-top:28px; color:#4c00ff; font-size:14px; text-decoration:none; }
.hm-products { padding:135px 0; background:#faf9fd; }
.hm-product-grid{display:grid;grid-template-columns:.7fr 1.35fr;gap:80px}
.hm-product-links { border-top:1px solid #e5dfee; }
.hm-product-links a { display:flex; align-items:center; justify-content:space-between; padding:21px 0; border-bottom:1px solid #e5dfee; color:#463950; font-size:19px; text-decoration:none; transition:padding 220ms,color 180ms; }
.hm-product-links a:hover { padding-left:14px; color:#4c00ff; }.hm-product-links a span{font-size:16px;color:#a891c6}
.hm-resources { padding:125px 0; }
.hm-resource-grid { display:grid; grid-template-columns:.7fr 1.35fr; gap:80px; }
.hm-resource-list { min-width:0; }
.hm-resource-list>details { border-bottom:1px solid #e8e2ee; }
.hm-resource-list>details:first-child{border-top:1px solid #e8e2ee}
.hm-resource-list>details>summary { display:flex; justify-content:space-between; align-items:center; padding:23px 0; font-size:17px; cursor:pointer; list-style:none; color:#5f526e; }
.hm-resource-list>details>summary::-webkit-details-marker{display:none}.hm-resource-list>details>summary:after{content:'+';font-size:22px;color:#a398b1;font-weight:300}.hm-resource-list>details[open]>summary:after{content:'−'}
.hm-resource-content { padding:0 0 40px; }
.hm-resource-content>.hw-section,.hm-resource-content>.hx-section,.hm-resource-content>.hxe-section,.hm-resource-content>.hw-legacy-section { padding:24px 0!important; background:#fff!important; }
.hm-resource-content .hw-wrap,.hm-resource-content .hxe-wrap,.hm-resource-content .hx-wrap { width:100%!important; max-width:100%!important; margin:0!important; padding-inline:0!important; }
.hm-resource-content h2 { font-size:23px!important; }
.hm-resource-content .hw-section-head,.hm-resource-content .hx-section-head,.hm-resource-content .hxe-section-head { margin-bottom:25px!important; }
.hm-resource-content [class*='grid-cols-3'] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hm-resource-content .hw-hero { padding:0!important; min-height:0!important; }
.hm-resource-content .hw-hero-copy,.hm-resource-content .hxe-hero-copy,.hm-resource-content .hw-products-nav { display:none!important; }
.hm-resource-content .hw-hero-grid,.hm-resource-content .hxe-hero-grid { display:block!important; }
.hm-resource-content .reveal,.hm-resource-content .reveal-scale,.hm-resource-content .stagger>*{opacity:1!important;transform:none!important}
.hm-resource-content .hx-split,.hm-resource-content .hx-product-selector { grid-template-columns:1fr!important; }
.hm-resource-content .hx-product-menu { display:grid;grid-template-columns:1fr 1fr;border-right:0}
.hm-resource-content .hw-tabs { flex-wrap:wrap; }
.hm-resource-content .hx-event-demos { grid-template-columns:1fr; }
.hm-faq{padding:40px 0 130px}.hm-faq-grid{display:grid;grid-template-columns:.7fr 1.35fr;gap:80px}.hm-faq-list details{border-bottom:1px solid #ece7f0}.hm-faq-list summary{padding:20px 0;cursor:pointer;font-size:16px;color:#52445e;list-style:none;display:flex;justify-content:space-between;gap:15px}.hm-faq-list summary:after{content:'+';color:#aaa0b7}.hm-faq-list details[open] summary:after{content:'−'}.hm-faq-list summary::-webkit-details-marker{display:none}.hm-faq-list p{font-size:14px;line-height:1.85;color:#8b7d97;margin:0 0 24px}
.hm-contact { background:#f6f2fd; padding:100px 0; }.hm-contact .hm-wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.hm-contact h2{font-size:32px!important;font-weight:550!important;line-height:1.5!important;letter-spacing:-.045em!important;margin:0!important}.hm-contact .hm-button{white-space:nowrap}
.hm-landing .float-cta,#floatCta.hm-suppressed{display:none!important}
.hm-landing[data-hm-in-story=true] #floatCta{opacity:0!important;pointer-events:none!important;transform:translateY(120%)!important}
.hm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.hm-wrap{width:1280px}.hm-hero{min-height:900px}.hm-story-layout{gap:75px}}
@media(max-width:950px){.hm-wrap{width:calc(100% - 56px)}.hm-hero-grid{grid-template-columns:.85fr 1.15fr}.hm-story-layout,.hm-proof-grid,.hm-product-grid,.hm-resource-grid,.hm-faq-grid{gap:35px}.hm-hero h1{font-size:33px!important}.hm-hero-actions{gap:17px}.hm-story h2{font-size:29px!important}.hm-proof h2,.hm-products h2,.hm-resources h2,.hm-faq h2{font-size:27px!important}.hm-story-sticky{min-height:520px}}
@media(max-width:680px){.hm-wrap{width:calc(100% - 44px)}.hm-hero{padding:50px 0 80px;min-height:calc(100svh - 64px)}.hm-hero-grid{grid-template-columns:1fr;gap:25px}.hm-hero h1{font-size:30px!important;line-height:1.4!important;max-width:350px}.hm-label{font-size:13px;margin-bottom:18px}.hm-hero-actions{margin-top:24px}.hm-hero-progress{margin-top:17px;font-size:11px}.hm-hero .hm-scene{width:112%;margin-left:-6%}.hm-hero .hm-scene-note{right:5%;bottom:-6px}.hm-hero-caption{min-width:115px}.hm-main .hm-button{font-size:13px;padding:11px 16px}.hm-text-link{font-size:12px}.hm-story{height:190svh}.hm-story-sticky{top:60px;height:calc(100svh - 60px);min-height:580px}.hm-story-layout{grid-template-columns:1fr;gap:12px}.hm-story-copy{padding:0}.hm-story h2{font-size:30px!important;line-height:1.4!important}.hm-caption-stack{min-height:94px}.hm-phases{margin-top:17px}.hm-story-index{display:none}.hm-story .hm-scene{width:112%;margin-left:-6%;margin-top:7px}.hm-story .hm-scene-note{bottom:-10px;right:6%}.hm-proof{height:auto;padding:85px 0}.hm-proof-sticky{top:auto;height:auto;min-height:0}.hm-proof-grid{grid-template-columns:1fr;gap:34px}.hm-proof-media{aspect-ratio:1.15;max-height:390px}.hm-proof-link{margin-top:18px}.hm-products,.hm-resources{padding:82px 0}.hm-product-grid,.hm-resource-grid,.hm-faq-grid{grid-template-columns:1fr;gap:34px}.hm-product-links a{font-size:17px;padding:19px 0}.hm-resource-list>details>summary{font-size:16px}.hm-faq{padding:20px 0 80px}.hm-contact{padding:70px 0}.hm-contact .hm-wrap{display:block}.hm-contact h2{font-size:27px!important}.hm-contact .hm-button{margin-top:28px}.hm-resource-content [class*='grid-cols-3']{grid-template-columns:1fr}.hm-resource-content .hx-product-menu{grid-template-columns:1fr 1fr}.hm-proof h2,.hm-products h2,.hm-resources h2,.hm-faq h2{font-size:28px!important}.hm-proof-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hm-scroll-cue span:after{animation:none}.hm-story,.hm-proof{height:auto;padding:85px 0}.hm-story-sticky,.hm-proof-sticky{position:relative;top:auto;height:auto;min-height:0}.hm-caption-stack h2{transition:none}.hm-proof-mask{display:none}.hm-proof-media img,.hm-proof-media video{transform:none}.hm-phases{display:none}.hm-hero-line,.hm-replay{display:none}}
.hm-hero h1 em{font-style:normal!important;color:#4c00ff;font-weight:inherit!important}

.hm-landing #floatCta{display:none!important}
.hm-resource-content .hm-legacy-hero{padding:0!important;min-height:0!important;background:none!important;overflow:visible!important}
.hm-resource-content .hm-legacy-hero::before,.hm-resource-content .hm-legacy-hero::after{display:none!important}
.hm-resource-content .hm-legacy-hero>.hw-wrap,.hm-resource-content .hm-legacy-hero>.hxe-wrap{display:block!important}
.hm-resource-content .hm-legacy-hero .hx-demo,.hm-resource-content .hm-legacy-hero .hw-demo{width:100%!important;max-width:none!important;margin:0!important}
.hm-main [id],.hm-resource-list>details{scroll-margin-top:85px}
.hm-trust{padding:30px 0;overflow:hidden;border-block:1px solid #f0ecf4;background:#fff}
.hm-trust img{filter:grayscale(1);opacity:.45;max-height:24px!important;width:auto!important}
.hm-trust .hw-logo-track{animation-duration:65s!important}
@media(min-width:681px) and (max-width:950px){
 .hm-hero{padding:60px 0 85px;min-height:calc(100svh - 64px)}
 .hm-hero-grid{grid-template-columns:1fr;gap:25px}
 .hm-hero h1{font-size:36px!important;max-width:650px}
 .hm-hero .hm-scene{width:100%;max-width:700px;margin:0 auto}
 .hm-story-layout{grid-template-columns:1fr;gap:16px;max-width:730px}
 .hm-caption-stack{min-height:88px}.hm-phases{margin-top:12px}
 .hm-story .hm-scene{width:100%;margin:0}.hm-story-copy{padding:0}.hm-story-index{display:none}
 .hm-proof-grid,.hm-product-grid,.hm-resource-grid,.hm-faq-grid{grid-template-columns:1fr;gap:35px}
 .hm-proof-media{max-height:500px}.hm-proof-sticky{min-height:0}
}
.hm-landing #cmLangSwitch.hm-language{position:static!important;inset:auto!important;display:inline-flex!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;backdrop-filter:none!important;margin-top:17px;gap:3px}
.hm-landing #cmLangSwitch.hm-language button{font-size:10px!important;font-weight:450!important;padding:6px 8px!important;border-radius:4px!important}
.hm-landing #cmLangSwitch.hm-language button[aria-pressed=true]{background:#eee7ff!important;color:#4c00ff!important}
.hm-story-sticky{min-height:0}