.pinflow__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,5vw,80px);align-items:center}.pinflow__list{display:grid;gap:2px;margin-top:24px}.pinflow__item{position:relative;padding:11px 0 11px 18px;border-left:2px solid rgba(255,255,255,.1);transition:border-color .4s}.pinflow__t{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font:400 1.06rem/1.3 var(--f-display);letter-spacing:-.01em;color:#ebe7f4}.pinflow__n{font:500 .66rem/1 var(--f-display);letter-spacing:.16em;color:var(--dim)}.pinflow__stage{order:3;flex-basis:100%;font:500 .62rem/1.2 var(--f-display);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.pinflow__d{margin-top:6px;color:var(--dim);font-size:.92rem;line-height:1.55}.pinflow__stage-wrap{position:relative}.pinflow__dots{display:none;justify-content:center;gap:6px;margin-top:16px}.pinflow__dots i{width:18px;height:3px;border-radius:2px;background:#ffffff24}.pinflow__foot{margin-top:26px}@media (max-width: 900px){.pinflow__grid{grid-template-columns:1fr}.pinflow__stage-wrap{order:-1}}@media (prefers-reduced-motion: no-preference){.js .pinflow{padding-block:0}.js .pinflow__track{height:calc(var(--n) * 52svh + 100svh)}.js .pinflow__sticky{position:sticky;top:0;height:100svh;display:flex;align-items:center;padding-top:var(--hdr)}.js .pinflow__sticky>.wrap{width:100%}.js .pinflow .section__head{margin-bottom:0}.js .pinflow .section__intro{display:none}.js .pinflow__item .pinflow__d{max-height:0;margin-top:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .45s,margin .5s var(--ease)}.js .pinflow__item.is-active{border-left-color:var(--accent)}.js .pinflow__item.is-active .pinflow__d{max-height:7.5em;margin-top:6px;opacity:1}.js .pinflow__item:not(.is-active) .pinflow__t{color:var(--muted)}.js .pinflow__item.is-done:before{content:"\2713";position:absolute;left:-12px;top:12px;display:grid;place-items:center;width:22px;height:22px;margin-left:0;border-radius:50%;background:#0e0a1a;box-shadow:inset 0 0 0 1px var(--accent);font:600 .6rem/1 var(--f-display);color:var(--accent);transform:translate(-50%)}.js .pinflow__item.is-done{border-left-color:#fff3}.js .pinflow__dots{display:flex}.js .pinflow__dots i{--on: clamp(0, calc(var(--step) - var(--k) + 1), 1);background:color-mix(in srgb,var(--accent) calc(var(--on) * 100%),rgba(255,255,255,.14))}}.bm{position:relative;container-type:inline-size}.bm__frame{position:relative;border:1px solid rgba(255,255,255,.16);border-radius:16px;overflow:hidden;background:#0a0716;box-shadow:0 50px 100px -60px #000000f2,0 0 0 1px #0006,inset 0 1px #ffffff14;transition:opacity .5s,transform .7s var(--ease)}.bm__bar{display:flex;align-items:center;gap:2cqw;padding:1.4cqw 2cqw;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff08}.bm__dots{display:inline-flex;gap:.8cqw}.bm__dots i{width:1.2cqw;height:1.2cqw;border-radius:50%;background:#fff3}.bm__url{flex:1;display:flex;align-items:center;gap:.6cqw;padding:.6cqw 1.6cqw;border-radius:99px;background:#ffffff0d;font:400 1.5cqw/1.3 var(--f-display);color:var(--dim)}.bm__lock{display:inline-grid;color:#5dffb0;opacity:0;width:0;overflow:hidden;transition:opacity .4s,width .4s}.bm__proto{color:#5dffb0;opacity:0;max-width:0;overflow:hidden;transition:opacity .4s,max-width .5s}.bm__live{display:inline-flex;align-items:center;gap:.8cqw;font:500 1.3cqw/1 var(--f-display);color:#5dffb0;opacity:0;transition:opacity .4s}.bm__live i{width:1.1cqw;height:1.1cqw;border-radius:50%;background:#5dffb0;box-shadow:0 0 #5dffb099;animation:pulse 2s infinite}.bm__admin{display:flex;align-items:center;gap:1.6cqw;height:0;padding:0 2cqw;overflow:hidden;background:#1d2327;color:#f0f0f1;font:400 1.3cqw/1 var(--f-ui);transition:height .5s var(--ease)}.bm__admin span{display:inline-grid;place-items:center;width:2.4cqw;height:2.4cqw;border-radius:50%;border:1px solid #c3c4c7;font:600 1.3cqw/1 serif}.bm__admin em{margin-left:auto;font-style:normal;color:#a7aaad}.bm__view{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:radial-gradient(90% 90% at 80% 10%,rgba(var(--mock-rgb, 120, 120, 255),.22),transparent 60%),#080a16}.bs{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s var(--ease),visibility 0s .55s,transform .7s var(--ease)}.bs.is-on{opacity:1;visibility:visible;transition:opacity .55s var(--ease),transform .7s var(--ease)}.pinflow--site{--mock-rgb: 120, 125, 255}.pinflow--shop{--mock-rgb: 255, 148, 56}.bs--map{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto 6cqw auto auto;align-content:center;justify-items:center;gap:0 2cqw;padding:0 6%}.bs--map b{padding:1.4cqw 1.6cqw;border:1px solid rgba(188,166,255,.5);border-radius:1cqw;background:#8c6cff14;font:400 1.6cqw/1 var(--f-display);color:#ece6ff}.bs--map .map__root{grid-column:1 / -1;background:#8c6cff38}.bs--code{display:grid;align-content:center;gap:1.4cqw;padding:0 9%;background:#080511d1;font:400 1.9cqw/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#ece6ff}.bs--code p{opacity:0;transform:translate(-2cqw)}.bs--code .c2{padding-left:3cqw}.bs--code .c3{margin-top:2cqw;font:500 1.3cqw/1 var(--f-display);letter-spacing:.1em;color:var(--accent)}.bs--code i{color:#a99bff;font-style:normal}.bs--code b{color:#d77bff;font-weight:400}.bs--code u{color:#5dffb0;text-decoration:none}[data-step="2"] .bs--code p{animation:code-line .5s var(--ease) both}[data-step="2"] .bs--code p:nth-child(2){animation-delay:.12s}[data-step="2"] .bs--code p:nth-child(3){animation-delay:.24s}[data-step="2"] .bs--code p:nth-child(4){animation-delay:.36s}[data-step="2"] .bs--code p:nth-child(5){animation-delay:.6s}.bm__phone{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:9 / 18.5;border:1px solid rgba(255,255,255,.22);border-radius:4cqw;background:#0a0716;box-shadow:0 40px 80px -40px #000000e6;opacity:0;transform:translate(-50%,-46%) scale(.9);transition:opacity .55s,transform .7s var(--ease);overflow:hidden}.bs--seo{display:grid;align-content:start;padding:4% 8%}.bs--seo:before{content:"";position:absolute;inset:0;background:#0805118c}.bs--seo p{position:relative}.bs--seo .seo__url{margin-top:8%;padding:2cqw 2.4cqw 0;border-radius:1.6cqw 1.6cqw 0 0;background:#fff;font:400 1.5cqw/1.3 var(--f-ui);color:#202124}.bs--seo .seo__t{padding:.6cqw 2.4cqw;background:#fff;font:400 2.5cqw/1.25 var(--f-ui);color:#1a0dab}.bs--seo .seo__d{padding:0 2.4cqw 2.4cqw;border-radius:0 0 1.6cqw 1.6cqw;background:#fff;font:400 1.5cqw/1.5 var(--f-ui);color:#4d5156;box-shadow:0 3cqw 6cqw -3cqw #000c}[data-step="4"] .bs--seo .seo__url,[data-step="4"] .bs--seo .seo__t,[data-step="4"] .bs--seo .seo__d{animation:seo-drop .6s var(--ease) both}.bs--form{display:grid;place-items:center;background:#08051199}[data-step="5"] .bs--form .fm__toast{animation:toast-in .5s var(--ease) .8s both}[data-step="7"] .bs--edit .ed__caret{animation:edit-pulse 1.6s ease-in-out infinite}[data-step="0"] .bm--site .bs--map,.bm--site .bs--page,[data-step="2"] .bm--site .bs--code,[data-step="4"] .bm--site .bs--seo,[data-step="5"] .bm--site .bs--form,[data-step="7"] .bm--site .bs--edit{opacity:1;visibility:visible;transition:opacity .55s var(--ease),transform .7s var(--ease)}[data-step="0"] .bm--site .bs--page{opacity:0;visibility:hidden;transform:scale(.96)}[data-step="1"] .bm--site .pg__palette{opacity:1;transform:none}[data-step="2"] .bm--site .bs--page{opacity:.25}[data-step="3"] .bm--site .bm__frame{opacity:.08;transform:scale(.94)}[data-step="3"] .bm--site .bm__phone{opacity:1;transform:translate(-50%,-50%)}[data-step="6"] .bm--site .bm__lock,[data-step="7"] .bm--site .bm__lock{opacity:1;width:1.4cqw}[data-step="6"] .bm--site .bm__proto,[data-step="7"] .bm--site .bm__proto{opacity:1;max-width:8em}[data-step="6"] .bm--site .bm__live,[data-step="7"] .bm--site .bm__live{opacity:1}[data-step="7"] .bm--site .bm__admin{height:4cqw}.bs--search{display:grid;align-content:start;gap:2cqw;padding:6% 9%}[data-step="0"] .bs--search .sr__res:not(.sr__res--dim){animation:seo-drop .6s var(--ease) .3s both}.bs--catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:3%;padding:6% 8%}[data-step="1"] .bs--catalog .ct__p{animation:prod-in .5s var(--ease) both;animation-delay:calc(var(--k) * 70ms)}.bs--product{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding:6% 8%}[data-step="2"] .bs--product .pd__add{animation:press .5s ease .5s both}[data-step="2"] .bs--product .pd__fly{animation:fly-cart 1s cubic-bezier(.5,0,.3,1) .75s both}.bs--cart{display:grid;align-content:center;gap:1.6cqw;padding:0 22%}[data-step="3"] .bs--cart .ca__opt{animation:opt-toggle 2.4s ease-in-out .6s infinite}[data-step="3"] .bs--cart .ca__opt+.ca__opt{animation-delay:1.8s}.bs--pay{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:1.6cqw;padding:0 24%}.py__h .bm__lock{opacity:1;width:auto}[data-step="4"] .bs--pay .py__btn{animation:pay-ok .6s ease 1.1s both}[data-step="4"] .bs--pay .py__btn em{animation:vt-fade .2s ease 1.1s both}[data-step="4"] .bs--pay .py__btn i{animation:vt-fade-in .3s ease 1.3s both}.bs--trust{display:grid;align-content:center;justify-items:center;gap:3cqw;padding:0 12%}[data-step="5"] .bs--trust .tr__check i{animation:press .5s ease .3s both}.bs--order{display:grid;align-content:center;gap:2.4cqw;padding:0 16%}[data-step="6"] .bs--order .or__note{animation:seo-drop .6s var(--ease) .2s both}.bm__cart{display:inline-flex;align-items:center;gap:.6cqw;color:var(--dim)}.bm__cart b{display:inline-grid;place-items:center;min-width:2.2cqw;height:2.2cqw;border-radius:99px;background:#c77dff;color:#14062b;font:600 1.1cqw/1 var(--f-display);transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.5,1) .9s}[data-step="0"] .bm--shop .bs--search,[data-step="1"] .bm--shop .bs--catalog,[data-step="2"] .bm--shop .bs--product,[data-step="3"] .bm--shop .bs--cart,[data-step="4"] .bm--shop .bs--pay,[data-step="5"] .bm--shop .bs--trust,[data-step="6"] .bm--shop .bs--order,[data-step="7"] .bm--shop .bs--site{opacity:1;visibility:visible;transition:opacity .55s var(--ease),transform .7s var(--ease)}[data-step="0"] .bm--shop .bm__frame{width:58%;margin-inline:auto;border-radius:26px}[data-step="0"] .bm--shop .bm__view{aspect-ratio:9 / 11.5}[data-step="2"] .bm--shop .bm__cart b,[data-step="3"] .bm--shop .bm__cart b,[data-step="4"] .bm--shop .bm__cart b,[data-step="5"] .bm--shop .bm__cart b,[data-step="6"] .bm--shop .bm__cart b,[data-step="7"] .bm--shop .bm__cart b{transform:scale(1)}[data-step="7"] .bm--shop .bm__frame{transform:scale(.96)}@media (prefers-reduced-motion: no-preference){.js .pinflow__track{height:calc(var(--n) * 64svh + 100svh)}}@media (max-width: 759px) and (prefers-reduced-motion: no-preference){.js .pinflow__track{height:calc(var(--n) * 56svh + 100svh)}}