.rc[id]{scroll-margin-top:24px}.shopify-section:has(>.rc-tone-ink)+.shopify-section>.rc-tone-ink{padding-top:0}.rc-screen--todo .rc-screen__todo{display:grid;place-content:center;gap:8px;aspect-ratio:1206 / 2622;padding:14%;border-radius:12.6%/5.8%;background:#000;font-family:var(--rc-font);text-align:center}.rc-screen__todo b{font-size:clamp(22px,2.4vw,34px);font-weight:800;font-stretch:125%;line-height:1;color:var(--rc-signal)}.rc-screen__todo span{font-size:clamp(11px,.95vw,14px);line-height:1.35;color:#fff}.rc-screen__todo small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80}.rc-howhero{padding:clamp(20px,3vw,48px) 0 clamp(28px,3.5vw,56px);overflow:hidden}.rc-howhero__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:center}.rc .rc-howhero__title{max-width:9em;margin-bottom:24px;font-size:clamp(44px,6vw,92px)}.rc-howhero__nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.rc .rc-jump{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 20px 0 16px;border-radius:999px;background:#fff9;box-shadow:inset 0 0 0 1px #ffffffe6,0 10px 24px -18px #14182873;color:var(--rc-ink);font-size:16px;font-weight:650;font-stretch:110%;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease}.rc .rc-jump span{font-size:12px;font-weight:700;color:var(--rc-signal);font-variant-numeric:tabular-nums}.rc .rc-jump:hover{background:var(--rc-ink);color:var(--rc-white);transform:translateY(-1px)}.rc-howhero__visual{position:relative;display:grid;place-items:center;min-height:clamp(460px,36vw,600px)}.rc-howhero__halo,.rc-walk__stage:before{position:absolute;top:50%;left:50%;width:150%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fa8c2933 0,#fa8c2914,#fa8c2900 52%),repeating-radial-gradient(circle,#0000 0 58px,#0000000b 59px 60px);-webkit-mask:radial-gradient(circle,#000 0,#000 30%,transparent 62%);mask:radial-gradient(circle,#000 0,#000 30%,transparent 62%);transform:translate(-50%,-50%);pointer-events:none}.rc-howhero__phone{position:relative;z-index:1;width:clamp(230px,20vw,290px);translate:-36% 0}.rc-howhero--nokey .rc-howhero__phone{translate:none}.rc .rc-howhero__key{position:absolute;z-index:-1;top:16%;left:66%;width:112%;max-width:none;height:auto;transform:rotate(8deg);filter:drop-shadow(0 30px 34px rgba(20,24,40,.3))}.rc-howhero__phone .rc-screen{box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #ffffff1a,0 60px 90px -40px #1418288c}.rc-float,.rc-walk__chip{background:linear-gradient(160deg,#ffffffdb,#ffffff9e);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5)}.rc-float{position:absolute;z-index:2;height:64px;animation:rc-float 7s ease-in-out infinite}.rc-float .rc-pill__ico img,.rc-float .rc-pill__ico,.rc-float .rc-pill__glyph{width:42px;height:42px}.rc-float .rc-pill__txt b{font-size:16px}.rc-float .rc-pill__txt small{font-size:12px}.rc-float--1{top:2%;left:-10%;animation-delay:-1s}.rc-float--2{bottom:6%;right:-2%;animation-delay:-3.5s}.rc-float--3{bottom:20%;left:-6%;animation-delay:-5s}.rc-float--4{top:2%;right:4%;animation-delay:-2.2s}@keyframes rc-float{0%,to{translate:0 0}50%{translate:0 -8px}}.rc-float__glyph{background:linear-gradient(160deg,#6e6cf6,#4b47d6)}.rc-float__glyph--check{background:linear-gradient(160deg,#42d37d,#26a85a)}.rc-float__glyph--shield{background:linear-gradient(160deg,#ffa858,#f07f1f)}.rc-float__glyph--lock{background:linear-gradient(160deg,#2b2f38,#0f141f)}.rc-float__glyph--lock svg rect{fill:#fff;stroke:none}.rc-walk{padding:var(--rc-section-y) 0;overflow-x:clip}.rc-walk__grid{--pw: min(clamp(260px, 22vw, 330px), 33vh);display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(40px,6vw,96px)}.rc-walk__steps{margin:0;padding:0 0 calc(var(--pw) * .5);list-style:none}.rc-walk__step{display:flex;flex-direction:column;justify-content:center;min-height:40vh;max-width:31em;opacity:.22;transition:opacity .5s ease}.rc-walk__step.is-active{opacity:1}.rc .rc-walk__n{margin-bottom:14px;font-size:15px;font-weight:700;font-stretch:110%;letter-spacing:.04em;color:var(--rc-signal);font-variant-numeric:tabular-nums}.rc-walk__n i{font-style:normal;color:var(--rc-sub);opacity:.6}.rc .rc-walk__title{margin:0 0 14px;font-size:clamp(28px,2.8vw,44px);font-weight:800;font-stretch:122%;line-height:1.02;letter-spacing:-.02em;text-wrap:balance}.rc-walk__step .rc-body{font-size:18px}.rc-walk__m{display:none}.rc-walk__stage{position:sticky;top:max(calc(var(--pw) * .7),calc(50vh - var(--pw) * .85));align-self:start;display:grid;justify-items:center;margin-top:calc(var(--pw) * .55)}.rc-walk__stage:before{content:"";z-index:0}.rc-walk__phone{position:relative;z-index:1;width:var(--pw)}.rc-walk__screen{position:absolute;inset:0 0 auto;opacity:0;transform:translateY(14px) scale(.97);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.rc-walk__screen:first-child{position:relative}.rc-walk__screen.is-active{z-index:1;opacity:1;transform:none}.rc-walk__chip{position:absolute;top:20%;right:calc(100% - 22px);height:60px;transform:translate(-12px);opacity:0;transition:opacity .4s ease .25s,transform .6s cubic-bezier(.2,.8,.2,1) .25s}.rc-walk__screen:nth-child(2n) .rc-walk__chip{top:auto;bottom:22%;right:auto;left:calc(100% - 22px);transform:translate(12px)}.rc-walk__screen.is-active .rc-walk__chip{opacity:1;transform:none}.rc-walk__chip .rc-pill__glyph{width:38px;height:38px}.rc-walk__chip .rc-pill__txt b{font-size:15px}.rc-walk__chip .rc-pill__txt small{font-size:12px}.rc .rc-walk__key{position:absolute;z-index:-1;top:-34%;left:28%;width:96%;max-width:none;height:auto;opacity:0;transform:translate(30%,-24%) rotate(36deg);filter:drop-shadow(0 24px 26px rgba(20,24,40,.35));transition:opacity .45s ease,transform .8s cubic-bezier(.2,.8,.2,1);pointer-events:none}.rc-walk__stage.is-tap .rc-walk__key{opacity:1;transform:rotate(16deg)}.rc-walk__ripple{position:absolute;z-index:2;top:9%;left:70%;width:0;height:0}.rc-walk__ripple i{position:absolute;left:-40px;top:-40px;width:80px;height:80px;border:2px solid var(--rc-signal);border-radius:50%;opacity:0}.rc-walk__stage.is-tap .rc-walk__ripple i{animation:rc-ripple 1.6s ease-out .7s 2}.rc-walk__stage.is-tap .rc-walk__ripple i+i{animation-delay:1.1s}@keyframes rc-ripple{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(2.2)}}.rc-walk__dots{position:relative;z-index:1;display:flex;gap:6px;margin-top:26px}.rc-walk__dots i{width:6px;height:6px;border-radius:99px;background:var(--rc-line-strong);opacity:.25;transition:width .3s ease,opacity .3s ease}.rc-walk__dots i.is-active{width:22px;opacity:1}.rc .rc-walk__note{margin-top:clamp(24px,3vw,40px)}.rc-steps--devices .rc-step__media{aspect-ratio:auto;padding:0;overflow:visible;background:none}.rc .rc-steps--devices .rc-step__media .rc-screen{width:74%}.rc-step--after{position:relative}.rc .rc-step__divider{display:inline-block;margin:0 0 14px;padding:6px 14px;border-radius:999px;background:var(--rc-panel);font-size:13px;font-weight:650;font-stretch:110%;color:var(--rc-sub)}@media(min-width:990px){.rc-step--after:before{content:"";position:absolute;top:0;bottom:0;left:calc(clamp(20px,3vw,40px)/-2);border-left:2px dashed var(--rc-line)}.rc .rc-step__divider{position:absolute;top:-46px;left:0;margin:0}}@media(min-width:990px){.rc-steps__list:has(>:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.rc-steps__list:has(>:nth-child(4)) .rc-step__media .rc-screen{width:54%}.rc-steps--devices .rc-steps__list:has(>:nth-child(4)) .rc-step__media .rc-screen{width:74%}.rc-steps--devices .rc-steps__list{margin-top:clamp(64px,6vw,96px)}}@media(max-width:989px){.rc-howhero__grid,.rc-walk__grid{grid-template-columns:minmax(0,1fr)}.rc-howhero__visual{min-height:0;padding:24px 0 8px}.rc-walk__stage{display:none}.rc-walk__step{min-height:0;padding:0 0 clamp(40px,7vw,64px);opacity:1}.rc-walk__m{position:relative;isolation:isolate;display:flex;justify-content:center;margin-bottom:22px}.rc-walk__step[data-rc-walk-key] .rc-walk__m{margin-top:34%}.rc-walk__m .rc-screen{flex:none;width:58%}.rc .rc-walk__mkey{position:absolute;z-index:-1;top:-34%;left:31%;width:56%;max-width:none;height:auto;transform:rotate(16deg);filter:drop-shadow(0 16px 18px rgba(20,24,40,.3))}}@media(max-width:749px){.rc .rc-howhero__phone{width:50%}.rc-float{height:54px;padding:0 16px 0 8px;gap:9px}.rc-float .rc-pill__ico,.rc-float .rc-pill__ico img,.rc-float .rc-pill__glyph{width:36px;height:36px}.rc-float .rc-pill__txt b{font-size:14px}.rc-float .rc-pill__txt small{font-size:11px}.rc-float--1{top:4%;left:-2%}.rc-float--2{bottom:4%;right:-2%}.rc-float--3{bottom:12%;left:-2%}.rc-float--4{display:none}}@media(prefers-reduced-motion:reduce){.rc-float{animation:none}.rc-walk__screen,.rc-walk__chip,.rc-walk__step{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/rc-how.css.map */