.how-fugte[data-astro-cid-mxdff7i3]{overflow:hidden;--cycle: 8s}.hfw-flow[data-astro-cid-mxdff7i3]{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:8px;max-width:1080px;margin:0 auto}.hfw-stage[data-astro-cid-mxdff7i3]{display:flex;flex-direction:column;gap:16px;padding:22px 22px 26px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow)}.hfw-stage-key[data-astro-cid-mxdff7i3]{border-color:var(--brand)}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js .hfw-stage[data-astro-cid-mxdff7i3]{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;transition-delay:calc(var(--i) * .15s)}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-stage[data-astro-cid-mxdff7i3]{opacity:1;transform:translateY(0)}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-stage[data-astro-cid-mxdff7i3]{animation:hfw-active var(--cycle) ease infinite}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-stage[data-astro-cid-mxdff7i3]:nth-child(1){animation-delay:0s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-stage[data-astro-cid-mxdff7i3]:nth-child(3){animation-delay:2s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-stage[data-astro-cid-mxdff7i3]:nth-child(5){animation-delay:4.2s}.hfw-art[data-astro-cid-mxdff7i3]{border-radius:var(--radius);background:linear-gradient(160deg,var(--brand-tint-soft),var(--surface));padding:10px}.hfw-art[data-astro-cid-mxdff7i3] svg[data-astro-cid-mxdff7i3]{width:100%;height:auto;display:block}.hfw-step[data-astro-cid-mxdff7i3]{display:inline-flex;align-items:center;align-self:flex-start;padding:3px 10px;border-radius:var(--radius-pill);background:var(--brand-tint);color:var(--brand-dark);font-size:12px;font-weight:700}.hfw-stage-key[data-astro-cid-mxdff7i3] .hfw-step[data-astro-cid-mxdff7i3]{background:var(--brand);color:var(--paper)}.hfw-copy[data-astro-cid-mxdff7i3] h3[data-astro-cid-mxdff7i3]{margin:10px 0 6px;font-size:20px;line-height:1.2}.hfw-copy[data-astro-cid-mxdff7i3] p[data-astro-cid-mxdff7i3]{margin:0;font-size:15px;line-height:1.6}.hfw-link[data-astro-cid-mxdff7i3]{position:relative;align-self:center;width:100%;min-width:28px;height:3px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--line),var(--brand),var(--line));background-size:220% 100%;animation:hfw-shimmer 2.6s linear infinite}.hfw-drop[data-astro-cid-mxdff7i3]{position:absolute;top:50%;left:-3%;width:13px;height:13px;margin-top:-6.5px;border-radius:52% 48% 50% 50%;background:var(--brand);box-shadow:0 0 0 5px #0c6fd029;opacity:0}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-drop[data-astro-cid-mxdff7i3]{animation:hfw-relay var(--cycle) ease-in-out infinite}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-link-1[data-astro-cid-mxdff7i3] .hfw-drop[data-astro-cid-mxdff7i3]{animation-delay:1.3s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-link-2[data-astro-cid-mxdff7i3] .hfw-drop[data-astro-cid-mxdff7i3]{animation-delay:3.5s}.hfw-window[data-astro-cid-mxdff7i3]{fill:var(--paper);stroke:var(--line);stroke-width:1.5}.hfw-dots[data-astro-cid-mxdff7i3] circle[data-astro-cid-mxdff7i3]{fill:var(--line)}.hfw-code[data-astro-cid-mxdff7i3] .c2[data-astro-cid-mxdff7i3],.hfw-code[data-astro-cid-mxdff7i3] .c7[data-astro-cid-mxdff7i3]{fill:var(--brand)}.hfw-code[data-astro-cid-mxdff7i3] .c4[data-astro-cid-mxdff7i3]{fill:var(--brand-tint)}.hfw-code[data-astro-cid-mxdff7i3] rect[data-astro-cid-mxdff7i3]:not(.c2):not(.c4):not(.c7){fill:var(--line)}.hfw-panel-title[data-astro-cid-mxdff7i3]{fill:var(--muted);font-size:11px;font-weight:700;font-family:inherit}.hfw-field[data-astro-cid-mxdff7i3]{fill:var(--bg);stroke:var(--line);stroke-width:1}.hfw-field-text[data-astro-cid-mxdff7i3]{fill:var(--quiet)}.hfw-track[data-astro-cid-mxdff7i3]{fill:var(--line)}.hfw-thumb[data-astro-cid-mxdff7i3]{fill:var(--brand);cx:186}.hfw-toggle[data-astro-cid-mxdff7i3]{fill:var(--brand)}.hfw-knob[data-astro-cid-mxdff7i3]{fill:var(--paper);cx:56}.hfw-swatches[data-astro-cid-mxdff7i3] .sw[data-astro-cid-mxdff7i3]{stroke:var(--paper);stroke-width:2}.sw1[data-astro-cid-mxdff7i3]{fill:var(--brand)}.sw2[data-astro-cid-mxdff7i3]{fill:var(--ok-ink)}.sw3[data-astro-cid-mxdff7i3]{fill:var(--brand-tint)}.sw4[data-astro-cid-mxdff7i3]{fill:var(--brand-deep)}.hfw-bar[data-astro-cid-mxdff7i3]{fill:var(--surface)}.hfw-url[data-astro-cid-mxdff7i3]{fill:var(--line)}.hfw-embed[data-astro-cid-mxdff7i3]{fill:var(--brand-tint);stroke:var(--brand);stroke-width:1.5;stroke-dasharray:6 5}.hfw-chips[data-astro-cid-mxdff7i3] .chip[data-astro-cid-mxdff7i3]{fill:var(--paper);stroke:var(--line);stroke-width:1}.chip1[data-astro-cid-mxdff7i3]{fill:var(--brand-tint)}.chip2[data-astro-cid-mxdff7i3]{fill:var(--ok-tint)}.chip3[data-astro-cid-mxdff7i3]{fill:var(--brand-tint-soft)}.chip4[data-astro-cid-mxdff7i3]{fill:var(--brand-tint)}.hfw-code[data-astro-cid-mxdff7i3] rect[data-astro-cid-mxdff7i3],.hfw-field[data-astro-cid-mxdff7i3],.hfw-field-text[data-astro-cid-mxdff7i3],.sw[data-astro-cid-mxdff7i3],.hfw-track[data-astro-cid-mxdff7i3],.hfw-thumb[data-astro-cid-mxdff7i3],.hfw-toggle[data-astro-cid-mxdff7i3],.hfw-knob[data-astro-cid-mxdff7i3],.hfw-embed[data-astro-cid-mxdff7i3],.chip[data-astro-cid-mxdff7i3]{transform-box:fill-box}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js [data-astro-cid-mxdff7i3]:is(.hfw-code rect,.hfw-field,.hfw-field-text,.sw,.hfw-track,.hfw-thumb,.hfw-toggle,.hfw-knob,.hfw-embed,.chip){opacity:0}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible [data-astro-cid-mxdff7i3]:is(.hfw-field,.hfw-field-text,.sw,.hfw-track,.hfw-thumb,.hfw-toggle,.hfw-knob){transform-origin:center;animation:hfw-pop var(--cycle) ease infinite}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-code[data-astro-cid-mxdff7i3] rect[data-astro-cid-mxdff7i3]{transform-origin:left center;animation:hfw-type var(--cycle) ease infinite}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-code[data-astro-cid-mxdff7i3] .c1[data-astro-cid-mxdff7i3]{animation-delay:0s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-code[data-astro-cid-mxdff7i3] .c2[data-astro-cid-mxdff7i3]{animation-delay:.08s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-code[data-astro-cid-mxdff7i3] .c3[data-astro-cid-mxdff7i3]{animation-delay:.16s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-code[data-astro-cid-mxdff7i3] .c4[data-astro-cid-mxdff7i3]{animation-delay:.24s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-code[data-astro-cid-mxdff7i3] .c5[data-astro-cid-mxdff7i3]{animation-delay:.32s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-code[data-astro-cid-mxdff7i3] .c6[data-astro-cid-mxdff7i3]{animation-delay:.4s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-code[data-astro-cid-mxdff7i3] .c7[data-astro-cid-mxdff7i3]{animation-delay:.48s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-field[data-astro-cid-mxdff7i3]{animation-delay:2s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-field-text[data-astro-cid-mxdff7i3]:not(.hfw-text2){animation-delay:2.1s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .sw1[data-astro-cid-mxdff7i3]{animation-delay:2.2s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .sw2[data-astro-cid-mxdff7i3]{animation-delay:2.3s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .sw3[data-astro-cid-mxdff7i3]{animation-delay:2.4s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .sw4[data-astro-cid-mxdff7i3]{animation-delay:2.5s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-track[data-astro-cid-mxdff7i3]{animation-delay:2.4s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-thumb[data-astro-cid-mxdff7i3]{animation-delay:2.55s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-toggle[data-astro-cid-mxdff7i3]{animation-delay:2.6s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-knob[data-astro-cid-mxdff7i3]{animation-delay:2.7s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-text2[data-astro-cid-mxdff7i3]{animation-delay:2.8s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-embed[data-astro-cid-mxdff7i3]{transform-origin:center;animation:hfw-pop var(--cycle) ease infinite,hfw-dash 6s linear infinite;animation-delay:4.2s,0s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .chip[data-astro-cid-mxdff7i3]{transform-origin:center;animation:hfw-fly var(--cycle) ease infinite}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .chip1[data-astro-cid-mxdff7i3]{animation-delay:4.45s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .chip2[data-astro-cid-mxdff7i3]{animation-delay:4.6s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .chip3[data-astro-cid-mxdff7i3]{animation-delay:4.75s}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .chip4[data-astro-cid-mxdff7i3]{animation-delay:4.9s}@keyframes hfw-shimmer{to{background-position:-220% 0}}@keyframes hfw-active{0%,to{box-shadow:var(--shadow)}6%,20%{box-shadow:0 20px 60px #0c6fd052}30%{box-shadow:var(--shadow)}}@keyframes hfw-relay{0%{left:-3%;opacity:0}2%{opacity:1}11%{left:103%;opacity:1}14%,to{left:103%;opacity:0}}@keyframes hfw-type{0%{transform:scaleX(0);opacity:0}8%{transform:scaleX(1);opacity:1}86%{transform:scaleX(1);opacity:1}94%{transform:scaleX(1);opacity:0}to{transform:scaleX(0);opacity:0}}@keyframes hfw-pop{0%{transform:scale(.3);opacity:0}7%{transform:scale(1.08);opacity:1}11%{transform:scale(1)}86%{opacity:1}94%{opacity:0}to{transform:scale(.3);opacity:0}}@keyframes hfw-fly{0%{transform:translateY(10px) scale(.6);opacity:0}9%{transform:translateY(0) scale(1);opacity:1}86%{opacity:1}94%{opacity:0}to{transform:translateY(10px) scale(.6);opacity:0}}@keyframes hfw-dash{to{stroke-dashoffset:-44}}@media(max-width:820px){.hfw-flow[data-astro-cid-mxdff7i3]{grid-template-columns:1fr;gap:6px;max-width:440px}.hfw-link[data-astro-cid-mxdff7i3]{width:3px;height:34px;justify-self:center;background:linear-gradient(180deg,var(--line),var(--brand),var(--line));background-size:100% 220%;animation:hfw-shimmer-v 2.6s linear infinite}.hfw-drop[data-astro-cid-mxdff7i3]{top:-3%;left:50%;margin-top:0;margin-left:-6.5px}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js.is-visible .hfw-drop[data-astro-cid-mxdff7i3]{animation:hfw-relay-v var(--cycle) ease-in-out infinite}@keyframes hfw-shimmer-v{to{background-position:0 -220%}}@keyframes hfw-relay-v{0%{top:-3%;opacity:0}2%{opacity:1}11%{top:103%;opacity:1}14%,to{top:103%;opacity:0}}}@media(prefers-reduced-motion:reduce){.hfw-flow[data-astro-cid-mxdff7i3].hfw-js .hfw-stage[data-astro-cid-mxdff7i3]{opacity:1;transform:none;transition:none;animation:none}.hfw-flow[data-astro-cid-mxdff7i3].hfw-js [data-astro-cid-mxdff7i3]:is(.hfw-code rect,.hfw-field,.hfw-field-text,.sw,.hfw-track,.hfw-thumb,.hfw-toggle,.hfw-knob,.hfw-embed,.chip){opacity:1;animation:none}.hfw-link[data-astro-cid-mxdff7i3]{animation:none}.hfw-drop[data-astro-cid-mxdff7i3]{display:none}}