.app-story{--app-bar-h:2.125rem;overflow-x:clip}.app-tab{color:var(--muted);cursor:pointer;border-radius:9999px;padding:.4375rem .9375rem;font-size:.8125rem;font-weight:600;transition:background .2s,color .2s,box-shadow .2s}.app-tab:hover{color:var(--ink)}.app-tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0e111b14,0 4px 12px -6px #0e111b2e}.app-tab:focus-visible{box-shadow:0 0 0 3px var(--focus,color-mix(in oklab, var(--accent) 40%, transparent));outline:none}@media (width>=768px){.app-story:not([data-mode=tg]) .app-only-phone,.app-story[data-mode=tg] .app-only-web{display:none!important}}.app-bar{inset-inline:0;z-index:1;height:var(--app-bar-h);border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:.5rem;padding-inline:.75rem;display:flex;position:absolute;top:2rem}.app-bar-web{justify-content:center}.app-bar-url{background:var(--fill);color:var(--faint);border-radius:9999px;padding:.125rem .75rem;font-size:10px}.app-story:not([data-mode=tg]) .app-bar-tg,.app-story[data-mode=tg] .app-bar-web,.app-story:not([data-mode=tg]) .app-cta-tg,.app-story[data-mode=tg] .app-cta-web{display:none!important}.app-track{position:relative}.app-stage{min-height:1px}.app-sticky{padding-block:6rem}.app-story .app-phone{width:min(290px,100%)}.app-story .app-laptop{width:min(100%,600px)}.app-side{display:none}.app-screen{overflow:hidden}.app-step{border:1px solid #0000;border-radius:1.25rem;align-items:flex-start;gap:.875rem;padding:.625rem .875rem;transition:background .3s,border-color .3s,box-shadow .3s,opacity .3s;display:flex}.app-check{background:color-mix(in oklab, var(--mint) 35%, white);width:2.25rem;height:2.25rem;color:var(--done);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--done) 35%, transparent);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .3s,color .3s,box-shadow .3s;display:flex;position:relative}.app-check-num{font-size:.8125rem;font-weight:700;display:none}.app-check-icon{width:1.25rem;height:1.25rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s}.app-story.is-live .app-track{height:400vh}.app-story.is-live .app-sticky{height:calc(100svh - 4.5rem);padding-block:0;position:sticky;top:4.5rem;overflow:hidden}.app-story.is-live .app-screen{overflow:hidden}.app-story.is-live .app-strip{will-change:transform}.app-story.is-live .app-main{transform:scale(var(--grow,.8));transform-origin:50%}.app-story.is-live .app-phone{--phone-w:min(300px, calc((100svh - 4.5rem - 3rem) * 9 / 19.5));width:var(--phone-w)}.app-story.is-live .app-laptop{width:min(100%,640px,147.059svh - 12.5rem)}.app-story.is-live .app-side{width:calc(var(--phone-w,260px) * .82);--phone-w:min(300px, calc((100svh - 4.5rem - 3rem) * 9 / 19.5));opacity:calc(1 - var(--fade,0));pointer-events:none;display:block;position:absolute}.app-story.is-live .app-side-left{transform:translateX(calc(-62% - var(--fade,0) * 40%)) rotate(-7deg) scale(.92)}.app-story.is-live .app-side-right{transform:translateX(calc(62% + var(--fade,0) * 40%)) rotate(7deg) scale(.92)}.app-story.is-live .app-step{opacity:.5}.app-story.is-live .app-step .app-check{background:var(--fill);color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--line-2)}.app-story.is-live .app-step .app-check-num{display:block}.app-story.is-live .app-step .app-check-icon{opacity:0;position:absolute;transform:scale(.3)rotate(-20deg)}.app-story.is-live .app-step.is-done,.app-story.is-live .app-step.is-active{opacity:1}.app-story.is-live .app-step.is-done .app-check,.app-story.is-live .app-step.is-active .app-check{background:color-mix(in oklab, var(--mint) 35%, white);color:var(--done);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--done) 35%, transparent)}.app-story.is-live .app-step.is-done .app-check-num,.app-story.is-live .app-step.is-active .app-check-num{display:none}.app-story.is-live .app-step.is-done .app-check-icon,.app-story.is-live .app-step.is-active .app-check-icon{opacity:1;transform:none}.app-story.is-live .app-step.is-active{border-color:color-mix(in oklab, var(--done) 30%, transparent);background:var(--surface);box-shadow:0 14px 34px -20px color-mix(in oklab, var(--done) 80%, transparent)}.app-story.is-live .app-step.is-active .app-check{background:var(--done);color:var(--white);box-shadow:0 0 0 5px color-mix(in oklab, var(--mint) 35%, transparent)}@media (width<=767px){.app-story.is-live .app-track{height:300vh}.app-story.is-live .app-grid{grid-template-rows:auto 1fr;align-content:start;padding-top:1.25rem}.app-story.is-live .app-steps{margin-top:.75rem;display:grid}.app-story.is-live .app-step{visibility:hidden;grid-area:1/1}.app-story.is-live .app-step.is-active{visibility:visible}.app-story.is-live .app-tabs{margin-top:.75rem}.app-story.is-live .app-copy h2{margin-top:0;font-size:1.625rem;line-height:1.15}.app-story.is-live .app-step-text{font-size:.8125rem;line-height:1.4}.app-story.is-live .app-phone,.app-story.is-live .app-side{--phone-w:min(250px, calc((100svh - 4.5rem - 19rem) * 9 / 19.5))}.app-story.is-live .app-cta{display:none}}@media (width>=768px) and (width<=1023px) and (orientation:portrait){.app-story .app-grid{grid-template-columns:minmax(0,1fr)}.app-story.is-live .app-grid{grid-template-rows:auto 1fr;align-content:start;padding-top:2rem}.app-story.is-live .app-steps{margin-top:1rem;display:grid}.app-story.is-live .app-step{visibility:hidden;grid-area:1/1}.app-story.is-live .app-step.is-active{visibility:visible}.app-story.is-live .app-cta{margin-top:1rem}.app-story.is-live .app-laptop{width:min(100%,680px,147.059svh - 36.0294rem)}}