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-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}
@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}
}