.ss{--ss-blue:var(--blue,#1b57f0);--ss-ink:var(--ink,#0b1f3f);--ss-muted:var(--muted,#55657f);--ss-line:var(--line,#d8e1ef);margin-top:56px}.ss-phone{background:linear-gradient(145deg,#1d2433,#0b0f18);border-radius:46px;width:100%;max-width:300px;margin-inline:auto;padding:11px;position:relative;box-shadow:inset 0 0 0 1px #2c3445,inset 0 2px 0 1px #3a4357,0 40px 80px -30px #0b1f3f73,0 18px 36px -18px #0b1f3f59}.ss-phone-screen{aspect-ratio:691/1536;background:#f4f6fa;border-radius:36px;position:relative;overflow:hidden}.ss-phone-screen img{object-fit:cover;object-position:top center;opacity:0;width:100%;height:100%;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.035)}.ss-phone-screen img.is-on{opacity:1;transform:scale(1)}.ss-glass{pointer-events:none;background:linear-gradient(120deg,#ffffff29,#fff0 32%);border-radius:36px;position:absolute;inset:11px}.ss-btn{background:#1a2030;border-radius:2px;width:3px;position:absolute}.ss-btn-a{height:26px;top:110px;left:-3px}.ss-btn-b{height:44px;top:150px;left:-3px}.ss-btn-c{height:64px;top:130px;right:-3px}.ss-browser{border:1px solid var(--ss-line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -30px #0b1f3f59,0 10px 24px -14px #0b1f3f33}.ss-bar{border-bottom:1px solid var(--ss-line);background:#f3f6fb;align-items:center;gap:14px;padding:10px 14px;display:flex}.ss-dots{gap:6px;display:inline-flex}.ss-dots i{background:#d3dbe8;border-radius:50%;width:10px;height:10px}.ss-dots i:first-child{background:#ff6159}.ss-dots i:nth-child(2){background:#ffbd2e}.ss-dots i:nth-child(3){background:#28c941}.ss-addr{text-align:center;color:var(--ss-muted);border:1px solid var(--ss-line);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:999px;flex:0 260px;margin-inline:auto;padding:4px 14px;font-size:12px;overflow:hidden}.ss-browser img{width:100%;height:auto;display:block}.ss-desktop{grid-template-columns:minmax(260px,340px) 1fr;align-items:start;gap:72px;display:grid}.ss-sticky{position:sticky;top:max(96px,50vh - 330px)}.ss-progress{justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.ss-bars{gap:6px;display:inline-flex}.ss-bars i{background:var(--ss-line);border-radius:2px;width:22px;height:3px;transition:background .4s}.ss-bars i.is-on{background:var(--ss-blue)}.ss-count{color:var(--ss-ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.ss-steps{margin:0;padding:18vh 0;list-style:none}.ss-steps li{border-left:2px solid var(--ss-line);opacity:.38;flex-direction:column;justify-content:center;min-height:62vh;padding-left:28px;transition:opacity .5s,border-color .5s;display:flex}.ss-steps li.is-active{opacity:1;border-left-color:var(--ss-blue)}.ss-num{letter-spacing:.14em;color:var(--ss-blue);font-size:12px;font-weight:600}.ss-steps h3,.ss-slide h3{color:var(--ss-ink);margin:10px 0 8px;font-size:26px;line-height:1.2}.ss-steps p,.ss-slide p{color:var(--ss-muted);max-width:28em;margin:0;font-size:17px}.ss-mobile{display:none}.ss-track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.ss-track::-webkit-scrollbar{display:none}.ss-slide{scroll-snap-align:center;text-align:center;flex:0 0 100%;margin:0;padding:8px 12px 0}.ss-slide .ss-phone{max-width:240px}.ss-slide h3{margin-top:20px;font-size:21px}.ss-slide p{margin-inline:auto;font-size:15px}.ss-dotnav{justify-content:center;gap:8px;margin-top:18px;display:flex}.ss-dotnav button{background:var(--ss-line);cursor:pointer;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .3s,background .3s}.ss-dotnav button.is-on{background:var(--ss-blue);width:22px}.ss-browsers{perspective:1400px;grid-template-columns:1fr 1fr;gap:32px;margin-top:72px;display:grid}.ss-browsers figure{margin:0}.ss-browsers figcaption{color:var(--ss-muted);margin-top:14px;font-size:15px}.ss-browsers[data-ss-armed] figure{opacity:0;transform-origin:50% 100%;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(36px)rotateX(9deg)}.ss-browsers[data-ss-armed][data-ss-in] figure{opacity:1;transform:none}.ss-note{color:var(--ss-muted);text-align:center;margin-top:28px;font-size:13px}@media(max-width:900px){.ss-desktop{display:none}.ss-mobile{display:block}.ss-browsers{grid-template-columns:1fr;gap:28px;margin-top:48px}}@media(prefers-reduced-motion:reduce){.ss-phone-screen img,.ss-steps li,.ss-browsers figure,.ss-dotnav button{transition:none!important}.ss-phone-screen img{transform:none}.ss-browsers[data-ss-armed] figure{opacity:1;transform:none}}.play-page .prove.prove-solo{grid-template-columns:1fr}@media(min-width:901px){.play-page .prove.prove-solo .plist{grid-template-columns:1fr 1fr;gap:0 48px;display:grid}}.ss-browser-screen{aspect-ratio:1363/936;background:#f4f6fa;position:relative;overflow:hidden}.ss-browser-screen img{object-fit:cover;object-position:top center;opacity:0;width:100%;height:100%;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.02)}.ss-browser-screen img.is-on{opacity:1;transform:scale(1)}.ss-browser .ss-browser-screen img{height:100%}.ss.ss-dev-browser .ss-desktop{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px}.ss.ss-dev-browser .ss-sticky{top:max(110px,50vh - 260px)}.ss.ss-dev-browser .ss-slide{padding-inline:4px}.ss-browsers.ss-cols-3{grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:900px){.ss-browsers.ss-cols-3{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ss-browser-screen img{transform:none;transition:none!important}}.ss-browsers.ss-cols-1{grid-template-columns:minmax(0,760px);justify-content:center}.ss-browsers .ss-fig-phone{justify-self:center;width:min(100%,320px)}.ss-browsers .ss-fig-phone figcaption{text-align:center}.ss.ss-solo{margin-top:0}.ss.ss-solo .ss-browsers{grid-template-columns:minmax(0,1fr);margin-top:0}.ss.ss-solo .ss-note{margin-top:14px}.ss-hero{--ss-line:var(--line);--ss-muted:var(--muted);width:100%;max-width:480px;margin-inline:auto}.ss-hero-phone{max-width:236px}.ss-hero .ss-phone-screen,.ss-hero .ss-browser-screen{aspect-ratio:auto}.ss-hero .ss-phone-screen img,.ss-hero .ss-browser-screen img{object-fit:contain;opacity:1;height:auto;transition:none;position:relative;inset:auto;transform:none}.play-page .hero .wrap>*{min-width:0}.ss-hero-record .ss-browser-screen{aspect-ratio:auto;background:var(--white)}.play-page .ss-hero-record .record{box-shadow:none;border:0;border-radius:0}.play-page .ss-hero-record .record .rh{background:var(--tint);color:var(--ink);border-bottom:1px solid var(--line);padding:22px 24px}.play-page .ss-hero-record .record .rh small{color:var(--blue);letter-spacing:0;line-height:1.6}.play-page .ss-hero-record .record .rh b{margin-top:6px;display:block}.play-page .ss-hero-record .record dl{padding:8px 24px 16px}.play-page .ss-hero-record .record .r{border-color:var(--line);grid-template-columns:minmax(0,112px) minmax(0,1fr);gap:16px}.play-page .ss-hero-record .record dd{font-family:var(--sans);overflow-wrap:anywhere;font-size:13.5px}@media(max-width:420px){.play-page .ss-hero-record .record .rh{padding:18px}.play-page .ss-hero-record .record dl{padding-inline:18px}.play-page .ss-hero-record .record .r{grid-template-columns:minmax(0,92px) minmax(0,1fr);gap:12px}}