/* The original Figma canvases own the hero, pricing and footer. */
html,body{overflow-x:clip}
.page-fit,.mfit{overflow:clip}
html[data-story-hero="true"] .page-fit,html[data-story-hero="true"] .mfit{overflow:visible}
.hd-sticky{scale:var(--desktop-scale,1);margin-left:calc(-720px * var(--desktop-scale,1))}
.story-tail{position:absolute;inset:0;pointer-events:none}
.story-tail>*{pointer-events:auto}
.story-stage{position:fixed;inset:0;height:min(100svh,var(--story-viewport,100svh));z-index:4;visibility:hidden;pointer-events:none;contain:layout style;will-change:transform;--story-height:100svh}
.story-ready .story-source{visibility:hidden!important}
.story-motion .story-source-what{visibility:hidden!important}
.story-motion .hero-stack,.story-motion .hero-art,.story-motion .story-hero-part{will-change:transform}
.story-what{position:absolute;left:7%;right:7%;top:50%;margin-top:-.61em;font:700 clamp(40px,6.66vw,96px)/1.22 var(--f);letter-spacing:.3px;text-align:center;color:var(--t1);opacity:0}
.story-device{position:absolute;right:3%;top:4%;width:47%;height:92%;opacity:0}
.story-device canvas{display:block;width:100%;height:100%;touch-action:pan-y}
.story-captions{position:absolute;left:max(7%,calc(50% - 620px));top:0;width:44%;height:100%;display:grid;align-items:center}
.story-caption{grid-area:1/1;width:100%;min-width:0;will-change:transform,opacity}
.story-caption[hidden]{display:none!important}
.story-caption .b-title,.story-caption .b-sub{position:static;max-width:100%;width:auto}
.story-caption .b-title{font-size:clamp(44px,6.66vw,96px);line-height:1.12;letter-spacing:.3px;margin-bottom:26px}
.story-caption .b-sub{font-size:clamp(25px,3.33vw,48px);line-height:1.24;letter-spacing:.3px}
.story-caption .cta{position:relative;left:0;top:auto;margin-top:34px;width:min(100%,470px);height:84px;pointer-events:auto;box-shadow:0 0 32px rgba(255,255,255,.11);border:1px solid rgba(var(--ink),.2);background:rgba(231,235,247,.92);border-radius:38px;display:flex;align-items:center;justify-content:center}
.story-caption .cta span{position:static;width:auto;height:auto;font-size:32px}
html[data-theme="light"] .story-caption .cta{background:rgba(255,255,255,.7);box-shadow:0 8px 34px rgba(15,26,56,.12)}
.story-caption a:focus-visible{outline:3px solid #6f9fe8;outline-offset:5px}
@media(min-width:1921px){.story-captions{left:calc(50% - 700px);width:650px}.story-device{right:calc(50% - 760px);width:650px}}
@media(max-width:767px){
 .story-device{left:0;right:0;top:var(--device-top,90px);width:100%;height:var(--device-height,50%)}
 .story-captions{left:6%;width:88%;top:var(--caption-top,65%);height:var(--caption-height,25%);text-align:center;align-items:center}
 .story-caption .b-title{font-size:calc(48px * var(--mobile-unit,1));line-height:1.08;margin-bottom:calc(10px * var(--mobile-unit,1))}
 .story-caption .b-sub{font-size:calc(36px * var(--mobile-unit,1));line-height:1.24;font-weight:600}
 .story-caption .cta{height:max(44px,calc(48px * var(--mobile-unit,1)));width:calc(298px * var(--mobile-unit,1));max-width:100%;margin:calc(16px * var(--mobile-unit,1)) auto 0;border-radius:calc(25px * var(--mobile-unit,1))}
 .story-caption .cta span{font-size:calc(24px * var(--mobile-unit,1))}
 .story-what{left:7%;right:7%;font-size:calc(48px * var(--mobile-unit,1));line-height:1.16;margin-top:-1.1em}
 html[data-lang="ar"] .story-caption .b-title,html[data-lang="ar"] .story-caption .b-sub{text-align:center}
}
@media(max-height:540px) and (min-width:640px){
 .story-device{top:var(--landscape-top,90px);height:var(--landscape-height,calc(100% - 110px));width:42%;left:auto;right:2%}
 .story-captions{left:7%;top:var(--landscape-top,90px);height:var(--landscape-height,calc(100% - 110px));width:47%;text-align:left}
 .story-caption .b-title{font-size:clamp(28px,5vw,48px);margin-bottom:12px}
 .story-caption .b-sub{font-size:clamp(19px,2.8vw,27px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-stage{display:none}.hd-sticky,.m-hd,.fq-item,.fq-x,.fq-a,.bill-knob,.m-bill-kn,.cb{transition:none!important}}