.pg-guides-kak-sozdat-sait-s-nulya .jr{--jr-node: 56px;--jr-row: 88px;container:jr / inline-size;position:relative;margin-right:8px;padding:clamp(20px,2.6vw,32px);border-radius:var(--radius-card);background:var(--white);color:var(--ink);box-shadow:0 0 0 2px var(--ink),8px 8px 0 var(--ink)}.pg-guides-kak-sozdat-sait-s-nulya .jr-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:16px}.pg-guides-kak-sozdat-sait-s-nulya .jr-status{color:var(--stone);font:600 var(--text-label) / 1.3 var(--font-label);font-variant-numeric:tabular-nums}.pg-guides-kak-sozdat-sait-s-nulya .jr-map{position:relative}.pg-guides-kak-sozdat-sait-s-nulya .jr-stops{position:relative;display:grid;grid-template-rows:repeat(6,var(--jr-row));margin:0;padding:0;list-style:none}.pg-guides-kak-sozdat-sait-s-nulya .jr-stop a{display:grid;grid-template-columns:var(--jr-node) minmax(0,1fr);align-items:center;column-gap:16px;height:100%;padding-right:60px;border-radius:18px;text-decoration:none}.pg-guides-kak-sozdat-sait-s-nulya .jr-node{position:relative;display:grid;place-items:center;width:var(--jr-node);height:var(--jr-node);border-radius:50%;background:var(--white);box-shadow:inset 0 0 0 2px var(--ink);color:var(--ink);transition-property:background-color,color,transform;transition-duration:.2s,.2s,.16s;transition-timing-function:ease,ease,var(--ease-press)}.pg-guides-kak-sozdat-sait-s-nulya .jr-glyph{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pg-guides-kak-sozdat-sait-s-nulya .is-current .jr-node{background:var(--lime)}.pg-guides-kak-sozdat-sait-s-nulya .is-done .jr-node{background:var(--ink);color:var(--lime)}.pg-guides-kak-sozdat-sait-s-nulya .jr-check{position:absolute;top:-3px;right:-3px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 2px var(--ink);color:var(--ink);opacity:0;transform:scale(.6);transition-property:opacity,transform;transition-duration:.22s;transition-timing-function:var(--ease-out)}.pg-guides-kak-sozdat-sait-s-nulya .jr-check svg{width:12px;height:12px}.pg-guides-kak-sozdat-sait-s-nulya .is-done .jr-check{opacity:1;transform:none}.pg-guides-kak-sozdat-sait-s-nulya .jr-text{display:grid;gap:3px;min-width:0}.pg-guides-kak-sozdat-sait-s-nulya .jr-num{color:var(--stone);font:600 12px / 1 var(--font-label);letter-spacing:.06em;font-variant-numeric:tabular-nums}.pg-guides-kak-sozdat-sait-s-nulya .jr-label{font:600 17px / 1.2 var(--font-label);letter-spacing:-.01em}.pg-guides-kak-sozdat-sait-s-nulya .jr-hint{color:var(--stone);font-size:14px;line-height:1.35}.pg-guides-kak-sozdat-sait-s-nulya .jr-stop a:active .jr-node{transform:scale(var(--press-scale))}@media(hover:hover)and (pointer:fine){.pg-guides-kak-sozdat-sait-s-nulya .jr-stop a:hover .jr-node{transform:translateY(-3px)}.pg-guides-kak-sozdat-sait-s-nulya .jr-stop a:hover .jr-label{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}.pg-guides-kak-sozdat-sait-s-nulya .jr-stop a:active .jr-node{transform:scale(var(--press-scale))}}.pg-guides-kak-sozdat-sait-s-nulya .jr-trail.is-wide{display:none}.pg-guides-kak-sozdat-sait-s-nulya .jr-trail.is-tall{position:absolute;top:calc(var(--jr-row) / 2);bottom:calc(var(--jr-row) / 2);left:calc(var(--jr-node) / 2 - 1.5px);border-left:3px dotted var(--ink)}.pg-guides-kak-sozdat-sait-s-nulya .jr-here{position:absolute;inset:0 -12px auto;height:var(--jr-row);border-radius:20px;background:var(--fog);transform:translateY(calc(var(--at, 0) * 100%));transition:transform .62s var(--ease-in-out)}.pg-guides-kak-sozdat-sait-s-nulya .jr-you{position:absolute;inset:0 0 auto;height:var(--jr-row);pointer-events:none;transform:translateY(calc(var(--at, 0) * 100%));transition:transform .62s var(--ease-in-out)}.pg-guides-kak-sozdat-sait-s-nulya .jr-you .cursor-tag{top:24px;right:0}@container jr (min-width: 720px){.pg-guides-kak-sozdat-sait-s-nulya .jr-stops{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:none}.pg-guides-kak-sozdat-sait-s-nulya .jr-stop a{grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;row-gap:16px;padding:0 10px 4px;text-align:center}.pg-guides-kak-sozdat-sait-s-nulya .jr-text{justify-items:center}.pg-guides-kak-sozdat-sait-s-nulya :is(.jr-trail.is-tall,.jr-here){display:none}.pg-guides-kak-sozdat-sait-s-nulya .jr-head{margin-bottom:24px}.pg-guides-kak-sozdat-sait-s-nulya .jr-trail.is-wide{position:absolute;top:calc(var(--jr-node) / 2 - 14px);left:calc(100% / 12);display:block;width:calc(100% * 5 / 6);height:28px;overflow:visible;fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-dasharray:0 9}.pg-guides-kak-sozdat-sait-s-nulya .jr-trail.is-wide path{vector-effect:non-scaling-stroke}.pg-guides-kak-sozdat-sait-s-nulya .jr-you{width:calc(100% / 6);height:var(--jr-node);transform:translate(calc(var(--at, 0) * 100%))}.pg-guides-kak-sozdat-sait-s-nulya .jr-you .cursor-tag{top:24px;right:auto;left:calc(50% + 20px)}}.rb-js .pg-guides-kak-sozdat-sait-s-nulya .jr:not(.is-in) :is(.jr-node,.jr-text,.jr-here,.jr-you .cursor-tag){opacity:0}.rb-js .pg-guides-kak-sozdat-sait-s-nulya .jr-trail{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s cubic-bezier(.37,0,.63,1) .2s}.rb-js .pg-guides-kak-sozdat-sait-s-nulya .jr-trail.is-tall{clip-path:inset(0 0 100% 0)}.rb-js .pg-guides-kak-sozdat-sait-s-nulya .jr.is-in .jr-trail{clip-path:inset(0 0 0 0)}.pg-guides-kak-sozdat-sait-s-nulya .jr.is-in .jr-node{animation:jr-node-in .52s cubic-bezier(.34,1.56,.64,1) var(--d, 0ms) backwards}.pg-guides-kak-sozdat-sait-s-nulya .jr.is-in .jr-text{animation:jr-text-in .48s var(--ease-out) calc(var(--d, 0ms) + 90ms) backwards}.pg-guides-kak-sozdat-sait-s-nulya .jr.is-in .jr-you .cursor-tag{animation:jr-you-in .46s var(--ease-out) .42s backwards}.pg-guides-kak-sozdat-sait-s-nulya .jr.is-in .jr-here{animation:jr-fade .36s var(--ease-out) .38s backwards}@keyframes jr-node-in{0%{opacity:0;transform:scale(.95)}}@keyframes jr-text-in{0%{opacity:0;transform:translateY(6px)}}@keyframes jr-fade{0%{opacity:0}}@keyframes jr-you-in{0%{opacity:0;transform:translate(14px,12px) scale(.95)}}@media(prefers-reduced-motion:reduce){.rb-js .pg-guides-kak-sozdat-sait-s-nulya .jr-trail,.rb-js .pg-guides-kak-sozdat-sait-s-nulya .jr-trail.is-tall{clip-path:none;transition:none}.pg-guides-kak-sozdat-sait-s-nulya .jr.is-in :is(.jr-node,.jr-text,.jr-here,.jr-you .cursor-tag){animation:jr-fade .3s ease both}.pg-guides-kak-sozdat-sait-s-nulya .jr-you,.pg-guides-kak-sozdat-sait-s-nulya .jr-here,.pg-guides-kak-sozdat-sait-s-nulya .jr-node,.pg-guides-kak-sozdat-sait-s-nulya .jr-check{transition-property:opacity,background-color,color}}.pg-guides-kak-sozdat-sait-s-nulya .gsn-choice{margin:0;padding:24px 0 0}@media(min-width:760px){.pg-guides-kak-sozdat-sait-s-nulya .gsn-choice{max-width:640px;margin-left:calc(var(--gk-num) + var(--gk-num-gap))}}.pg-guides-kak-sozdat-sait-s-nulya .gsn-choice-set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,3vw,36px);margin:0;padding:0;border:0}.pg-guides-kak-sozdat-sait-s-nulya .gsn-option{--tilt: calc((var(--i) - 1) * 4deg);position:relative;display:grid;justify-items:center;gap:14px;cursor:var(--cursor-link, pointer);-webkit-tap-highlight-color:transparent}.pg-guides-kak-sozdat-sait-s-nulya .gsn-option-shot{position:relative;display:block;width:100%;transform:translateY(10px) rotate(var(--tilt)) scale(.94);transition:transform .28s var(--ease-out)}.pg-guides-kak-sozdat-sait-s-nulya .gsn-phone{display:block;aspect-ratio:390 / 740;overflow:hidden;padding:5px;border-radius:24px;background:var(--ink);box-shadow:0 22px 36px -24px #0000008c}.pg-guides-kak-sozdat-sait-s-nulya .gsn-phone .phone-status{border-radius:19px 19px 0 0}.pg-guides-kak-sozdat-sait-s-nulya .gsn-phone img{width:100%;height:auto}.pg-guides-kak-sozdat-sait-s-nulya .gsn-frame{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:30px;outline-offset:0;opacity:0;transform:scale(.97);transition-property:opacity,transform;transition-duration:.2s;transition-timing-function:var(--ease-out)}.pg-guides-kak-sozdat-sait-s-nulya .gsn-frame>i:nth-of-type(1){top:-6px;left:-6px}.pg-guides-kak-sozdat-sait-s-nulya .gsn-frame>i:nth-of-type(2){top:-6px;right:-6px}.pg-guides-kak-sozdat-sait-s-nulya .gsn-frame>i:nth-of-type(3){bottom:-6px;left:-6px}.pg-guides-kak-sozdat-sait-s-nulya .gsn-frame>i:nth-of-type(4){bottom:-6px;right:-6px}.pg-guides-kak-sozdat-sait-s-nulya .gsn-option-name{display:grid;justify-items:center;font:600 15px / 1.2 var(--font-label);text-align:center}.pg-guides-kak-sozdat-sait-s-nulya .gsn-option-name small{color:var(--stone);font-size:13px;font-weight:500}.pg-guides-kak-sozdat-sait-s-nulya .gsn-picked{position:absolute;top:-16px;left:50%;padding:5px 10px 6px;border-radius:var(--radius-pill);background:var(--cobalt);color:var(--white);font:600 12px / 1 var(--font-label);opacity:0;translate:-50% 4px;transition-property:opacity,translate;transition-duration:.2s;transition-timing-function:var(--ease-out)}.pg-guides-kak-sozdat-sait-s-nulya .gsn-option.is-picked .gsn-option-shot{transform:none}.pg-guides-kak-sozdat-sait-s-nulya .gsn-option.is-picked :is(.gsn-frame,.gsn-picked){opacity:1}.pg-guides-kak-sozdat-sait-s-nulya .gsn-option.is-picked .gsn-frame{transform:none}.pg-guides-kak-sozdat-sait-s-nulya .gsn-option.is-picked .gsn-picked{translate:-50% 0}.pg-guides-kak-sozdat-sait-s-nulya .gsn-option:has(input:focus-visible) .gsn-phone{outline:2px solid var(--ink);outline-offset:12px}@media(hover:hover)and (pointer:fine){.pg-guides-kak-sozdat-sait-s-nulya .gsn-option:not(.is-picked):hover .gsn-option-shot{transform:translateY(2px) rotate(var(--tilt)) scale(.96)}}.pg-guides-kak-sozdat-sait-s-nulya .gsn-choice-note{max-width:46ch;margin:clamp(22px,3vw,32px) auto 0;color:var(--muted);font-size:var(--text-small);line-height:1.5;text-align:center}@media(max-width:559px){.pg-guides-kak-sozdat-sait-s-nulya .gsn-choice-set{gap:14px;padding-inline:10px}.pg-guides-kak-sozdat-sait-s-nulya .gsn-phone{padding:3px;border-radius:16px}.pg-guides-kak-sozdat-sait-s-nulya .gsn-phone .phone-status{border-radius:13px 13px 0 0}.pg-guides-kak-sozdat-sait-s-nulya .gsn-frame{top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:20px}.pg-guides-kak-sozdat-sait-s-nulya .gsn-option-name small{display:none}}@media(prefers-reduced-motion:reduce){.pg-guides-kak-sozdat-sait-s-nulya .gsn-option-shot,.pg-guides-kak-sozdat-sait-s-nulya .gsn-frame,.pg-guides-kak-sozdat-sait-s-nulya .gsn-picked{transition-property:opacity}}.pg-guides-kak-sozdat-sait-s-nulya .gsn-select{display:inline-block;margin-block:.06em;padding:0 .1em .04em;outline-width:2px}.pg-guides-kak-sozdat-sait-s-nulya .gsn-select>i{width:11px;height:11px}.pg-guides-kak-sozdat-sait-s-nulya .gk-title.is-in .gsn-select>i{animation:gsn-handle-in .36s var(--ease-out) backwards;animation-delay:calc(.56s + var(--h, 0) * 60ms)}.pg-guides-kak-sozdat-sait-s-nulya .gsn-select>i:nth-of-type(2){--h: 1}.pg-guides-kak-sozdat-sait-s-nulya .gsn-select>i:nth-of-type(3){--h: 2}.pg-guides-kak-sozdat-sait-s-nulya .gsn-select>i:nth-of-type(4){--h: 3}@keyframes gsn-handle-in{0%{opacity:0;transform:scale(.95)}}@media(prefers-reduced-motion:reduce){.pg-guides-kak-sozdat-sait-s-nulya .gk-title.is-in .gsn-select>i{animation:none}}