html:has(#sweeple){scroll-padding-top:100px}
#sweeple [data-scroll-story]{scroll-margin-top:100px}
#sweeple .s-motion-story[data-story-mode=pinned]{isolation:isolate;overflow:clip}
#sweeple .s-motion-story[data-story-mode=scrub],#sweeple .s-motion-story[data-story-mode=manual-rail]{display:block;isolation:isolate;overflow:clip;padding:0;height:var(--s-story-frame-height);min-height:0}
#sweeple [data-story-mode=scrub]>[data-story-desktop],#sweeple [data-story-mode=manual-rail]>[data-story-desktop]{display:none!important}
#sweeple [data-story-mode=scrub]>.s-story-fallback,#sweeple [data-story-mode=manual-rail]>.s-story-fallback{display:none}
#sweeple [data-story-mode=scrub]>.s-story-rail,#sweeple [data-story-mode=manual-rail]>.s-story-rail{display:flex;gap:0;width:100%;height:100%;max-width:100%;overflow:visible;align-items:stretch}
#sweeple [data-story-mode=scrub]>.s-story-rail{will-change:transform}
#sweeple [data-story-mode=manual-rail]>.s-story-rail{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:auto}
#sweeple [data-story-mode=scrub]>.s-story-rail>.s-mobile-story-slide,#sweeple [data-story-mode=manual-rail]>.s-story-rail>.s-mobile-story-slide{position:relative;flex:0 0 100%;width:100%;max-width:none;min-width:0;min-height:0;margin:0;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:normal}
#sweeple [data-story-mode=scrub]>.s-story-rail>.s-mobile-story-slide .s-story-copy,#sweeple [data-story-mode=manual-rail]>.s-story-rail>.s-mobile-story-slide .s-story-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
#sweeple [data-story-mode=scrub]>.s-story-rail>.s-mobile-story-slide.s-trust .s-story-copy,#sweeple [data-story-mode=manual-rail]>.s-story-rail>.s-mobile-story-slide.s-trust .s-story-copy{display:block}
#sweeple [data-story-mode=scrub]>.s-client-controls,#sweeple [data-story-mode=manual-rail]>.s-client-controls{bottom:0;z-index:5}
#sweeple [data-scroll-story=client][data-story-mode=scrub] .s-suggestions,#sweeple [data-scroll-story=client][data-story-mode=manual-rail] .s-suggestions{min-height:133px;display:flex;flex-direction:column;justify-content:center}
#sweeple [data-scroll-story=client][data-story-mode=scrub] .s-suggestions p,#sweeple [data-scroll-story=client][data-story-mode=manual-rail] .s-suggestions p{white-space:normal}
#sweeple [data-scroll-story=trust][data-story-mode=scrub] h2:before,#sweeple [data-scroll-story=trust][data-story-mode=manual-rail] h2:before{display:none}
#sweeple [data-story-mode=scrub]>.s-trust-controls:before,#sweeple [data-story-mode=manual-rail]>.s-trust-controls:before{content:'';position:absolute;left:9px;top:0;bottom:0;width:4px;border-radius:5px;background:linear-gradient(to bottom,#f9f9f9 0 var(--s-trust-start,0%),var(--purple) var(--s-trust-start,0%) var(--s-trust-end,25%),#f9f9f9 var(--s-trust-end,25%) 100%);pointer-events:none}
#sweeple [data-story-mode=scrub]>.s-story-swipe-controls{display:none}
#sweeple [data-story-mode=manual-rail]>.s-story-swipe-controls{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex}
#sweeple [data-story-mode=manual-rail]>.s-story-swipe-controls button{width:36px;height:36px;display:grid;place-items:center;background:transparent;border:0;padding:0}
#sweeple [data-story-mode=manual-rail]>.s-story-swipe-controls button:before{content:'';width:6px;height:6px;border-radius:50%;background:#e6e0f3}
#sweeple [data-story-mode=manual-rail]>.s-story-swipe-controls button[aria-pressed=true]:before{background:var(--purple)}
#sweeple .s-story-snapshot{contain:layout paint;user-select:none;will-change:transform,opacity}
#sweeple .s-client-story[data-story-mode=pinned]{padding-bottom:40px}
#sweeple .s-client-story[data-story-mode=pinned] .s-client-controls{bottom:0;z-index:5}
#sweeple [data-scroll-story=cleaner] .s-step-dots{z-index:5}
#sweeple .s-story-fallback{grid-column:1/-1;display:grid;gap:24px;list-style-position:inside;max-width:760px;margin:36px auto 0;padding:0 24px 25px;clear:both;color:var(--ink)}
#sweeple .s-story-fallback h3{display:inline;font-size:20px;font-weight:500;line-height:1.3}
#sweeple .s-story-fallback p{margin-top:10px;color:var(--muted);font-size:15px;line-height:1.5}
#sweeple [data-story-mode=pinned]>.s-story-fallback,#sweeple [data-story-mode=manual]>.s-story-fallback{display:none}
#sweeple [data-scroll-story][data-story-mode=static]{height:auto;min-height:0}
#sweeple .s-diff[data-story-mode=static]>.s-photo{min-height:486px}
#sweeple [data-scroll-story=client] [data-story-next]{position:relative}
#sweeple [data-client-visual][hidden]{display:none!important}
#sweeple [data-scroll-story=client] .s-client-stage{position:relative;width:416px;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
#sweeple [data-scroll-story=client] [data-client-visual]{flex:none;max-width:100%;margin:0}
#sweeple .s-distinction-stack{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:grid;gap:12px;width:326px;max-width:calc(100% - 48px)}
#sweeple .s-distinction-stack>.s-note{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%;max-width:none;min-width:0}
#sweeple .s-distinction-stack>.s-note[hidden]{display:none}
#sweeple [data-scroll-story=trust]{position:relative}
#sweeple [data-scroll-story=trust] h2{white-space:pre-line}
@media(min-width:1260px){#sweeple [data-scroll-story=trust] h2{width:calc(100% + 50px)}}
#sweeple [data-scroll-story=trust] h2:before{background:linear-gradient(to bottom,#f9f9f9 0 var(--s-trust-start,0%),var(--purple) var(--s-trust-start,0%) var(--s-trust-end,25%),#f9f9f9 var(--s-trust-end,25%) 100%)}
#sweeple [data-scroll-story=trust][data-story-mode=pinned] h2:before{display:none}
#sweeple [data-scroll-story=trust] .s-trust-phone{object-fit:contain}
#sweeple .s-trust-controls{position:absolute;z-index:3;display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:1fr}
#sweeple [data-story-mode=pinned]>.s-trust-controls:before{content:'';position:absolute;left:9px;top:0;bottom:0;width:4px;border-radius:5px;background:linear-gradient(to bottom,#f9f9f9 0 var(--s-trust-start,0%),var(--purple) var(--s-trust-start,0%) var(--s-trust-end,25%),#f9f9f9 var(--s-trust-end,25%) 100%);pointer-events:none}
#sweeple .s-trust-controls button{position:relative;z-index:1}
#sweeple .s-trust-controls button{display:grid;place-items:center;width:100%;height:100%;border:0;background:transparent;padding:0}
#sweeple .s-trust-controls button:before{content:'';width:6px;height:6px;border-radius:50%;background:#e6e0f3}
#sweeple .s-trust-controls button[aria-pressed=true]:before{background:var(--purple)}
#sweeple .s-trust-controls button:focus-visible{outline:2px solid var(--purple);outline-offset:0;border-radius:5px}
#sweeple [data-scroll-story] [data-story-count]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#sweeple [data-story-mode=pinned] .s-story-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
#sweeple [data-story-mode=pinned] .s-story-copy>h2,#sweeple [data-story-mode=pinned] .s-story-copy>h3{flex:none}
#sweeple [data-scroll-story=trust][data-story-mode=pinned] .s-story-copy{display:block}
#sweeple [data-scroll-story=client][data-story-mode=pinned] .s-address-demo{align-self:center}
#sweeple [data-scroll-story=client][data-story-mode=pinned] .s-suggestions{min-height:133px;display:flex;flex-direction:column;justify-content:center}
#sweeple [data-scroll-story=client][data-story-mode=pinned] .s-suggestions p{white-space:normal}
#sweeple .s-step-dots button{width:22px;height:11px;background:transparent;display:grid;place-items:center}
#sweeple .s-step-dots button:before{position:static;width:6px;height:6px;border-radius:50%;background:#e6e0f3;inset:auto}
#sweeple .s-step-dots button[aria-pressed=true]{background:transparent}
#sweeple .s-step-dots button[aria-pressed=true]:before{background:var(--purple)}
#sweeple .s-step-dots{gap:0}
#sweeple .s-story-swipe-reveal-target{translate:0 var(--s-story-enter-y,0px);opacity:var(--s-story-enter-opacity,1)}
@media(min-width:992px) and (max-height:850px){
 #sweeple [data-scroll-story=trust][data-story-mode=pinned]{min-height:calc(100svh - 120px);padding-block:36px}
 #sweeple [data-scroll-story=trust][data-story-mode=pinned] .s-trust-phone{width:auto;height:calc(100svh - 192px);max-width:300px;justify-self:center}
 #sweeple [data-scroll-story=cleaner][data-story-mode=pinned]{min-height:calc(100svh - 120px);padding-block:32px}
 #sweeple [data-scroll-story=cleaner][data-story-mode=pinned] .s-join-scene{width:min(380px,calc(100svh - 184px));height:auto;justify-self:center}
 #sweeple [data-scroll-story=distinction][data-story-mode=pinned]{height:calc(100svh - 120px)}
}
@media(max-width:991px){
 html:has(#sweeple){scroll-padding-top:88px}
 #sweeple [data-scroll-story]{scroll-margin-top:88px}
 #sweeple .s-distinction-stack{top:55%;max-width:calc(100% - 44px)}
 #sweeple .s-trust-controls{grid-template-rows:1fr;grid-template-columns:repeat(4,1fr);transform:translateX(-50%)}
 #sweeple [data-story-mode=pinned]>.s-trust-controls:before{display:none}
 #sweeple [data-scroll-story=client] .s-client-stage{width:332px;margin:42px auto 0}
 #sweeple [data-scroll-story=client][data-story-mode=pinned] .s-client-stage{margin-top:clamp(16px,3svh,42px)}
 #sweeple [data-scroll-story=client] .s-client-stage .s-address-demo{margin:0}
 #sweeple [data-scroll-story=client][data-story-mode=pinned]>.s-address-demo{margin-top:clamp(16px,3svh,42px)}
 #sweeple [data-scroll-story=client][data-story-mode=pinned] .s-suggestions{min-height:109px}
 #sweeple [data-scroll-story=cleaner][data-story-mode=pinned] .s-join-scene{width:min(100%,calc(100svh - 330px));height:auto;align-self:center}
 #sweeple [data-scroll-story=trust][data-story-mode=pinned] .s-trust-phone{width:auto;height:auto;max-width:100%;max-height:max(160px,calc(100svh - 340px));margin-top:clamp(16px,3svh,32px);align-self:center}
 #sweeple [data-story-mode=pinned] .s-story-copy{justify-content:flex-start}
 #sweeple .s-story-fallback{width:100%;padding:0 0 16px;margin-top:28px;gap:24px;text-align:left}
 #sweeple .s-story-fallback h3{font-size:18px}
 #sweeple .s-story-fallback p{font-size:14px}
 #sweeple .s-diff[data-story-mode=static] .s-story-fallback{padding:24px 20px}
 #sweeple .s-motion-story[data-story-mode=swipe]{display:block;height:auto;min-height:0;padding:0;overflow:visible;isolation:isolate}
 #sweeple [data-story-mode=swipe]>[data-story-desktop]{display:none!important}
 #sweeple [data-story-mode=swipe]>.s-story-fallback{display:none}
 #sweeple [data-story-mode=swipe]>.s-story-rail{display:flex;align-items:stretch;gap:0;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:none;border-radius:inherit;overflow-anchor:none}
 #sweeple .s-story-rail::-webkit-scrollbar{display:none}
 #sweeple [data-story-mode=swipe]>.s-story-rail>.s-mobile-story-slide{position:relative;flex:0 0 100%;width:100%;max-width:none;min-width:0;min-height:0;margin:0;scroll-snap-align:start;scroll-snap-stop:normal;contain:layout style;isolation:isolate;box-sizing:border-box}
 #sweeple [data-story-mode=swipe]>.s-story-rail>.s-mobile-story-slide.s-client-story{display:block;padding:0 30px 4px}
 #sweeple .s-mobile-story-slide.s-client-story .s-client-copy{min-height:0}
 #sweeple .s-mobile-story-slide.s-client-story .s-client-stage{margin-inline:auto;order:initial}
 #sweeple [data-story-mode=swipe]>.s-story-rail>.s-mobile-story-slide.s-join-step{display:flex;flex-direction:column;padding:25px 29px 8px}
 #sweeple .s-mobile-story-slide.s-join-step h3{padding-right:0}
 #sweeple [data-story-mode=swipe]>.s-story-rail>.s-mobile-story-slide.s-trust{display:flex;flex-direction:column;align-items:center;padding:34px 25px 12px}
 #sweeple .s-mobile-story-slide.s-trust .s-trust-phone{width:auto;height:clamp(260px,52svh,480px);max-width:100%;max-height:none;margin:24px auto 0;aspect-ratio:auto}
 #sweeple [data-story-mode=swipe]>.s-story-rail>.s-mobile-story-slide.s-diff{display:block;height:486px;padding:0}
 #sweeple .s-mobile-story-slide.s-diff .s-mountain{height:100%}
 #sweeple [data-story-mode=swipe]>.s-client-controls,
 #sweeple [data-story-mode=swipe]>.s-step-dots,
 #sweeple [data-story-mode=swipe]>.s-trust-controls,
 #sweeple [data-story-mode=swipe]>.s-story-swipe-controls{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;inset:auto;transform:none;width:max-content;max-width:100%;height:auto;margin:12px auto 0;padding:0 12px 12px}
 #sweeple [data-story-mode=swipe]>.s-client-controls button,
 #sweeple [data-story-mode=swipe]>.s-step-dots button,
 #sweeple [data-story-mode=swipe]>.s-trust-controls button,
 #sweeple .s-story-swipe-controls button{position:relative;display:grid;place-items:center;flex:none;width:36px;height:36px;border:0;background:transparent;padding:0}
 #sweeple .s-story-swipe-controls button:before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#e6e0f3}
 #sweeple .s-story-swipe-controls button[aria-pressed=true]:before{background:var(--purple)}
 #sweeple [data-story-mode=swipe]>.s-client-controls button:after{width:6px;height:6px}
 #sweeple [data-story-mode=swipe]>.s-trust-controls:before{display:none}
}
@media(prefers-reduced-motion:reduce){
 #sweeple [data-story-mode=swipe]>.s-story-rail{scroll-behavior:auto}
 #sweeple .s-story-swipe-reveal-target{translate:none!important;opacity:1!important}
}
