.how-work[data-astro-cid-2whukpv5]{background:var(--color-surface);border-bottom:1px solid var(--color-outline-variant);overflow-x:clip}.how-shell[data-astro-cid-2whukpv5]{flex-direction:column;display:flex}.how-intro[data-astro-cid-2whukpv5]{padding:3.5rem 0 2.5rem}.how-title[data-astro-cid-2whukpv5]{text-align:left;letter-spacing:-.03em;color:var(--color-primary-600);margin:0 0 1rem;font-size:clamp(2rem,6vw,3.25rem);font-weight:800;line-height:1.05}.how-title-word[data-astro-cid-2whukpv5]{padding-bottom:.15em;display:inline-block;position:relative}.how-title-underline[data-astro-cid-2whukpv5]{width:100%;height:.32em;color:var(--color-primary-600);opacity:.55;position:absolute;bottom:-.05em;left:0}.how-desc[data-astro-cid-2whukpv5]{width:100%;color:var(--color-text-secondary);margin:0;font-size:clamp(.95rem,2vw,1.0625rem);line-height:1.7}.how-step[data-astro-cid-2whukpv5]{border-top:1px solid var(--color-outline-variant);opacity:1;padding:2.75rem 0;transition:opacity .6s,transform .6s;position:relative;transform:none}.how-js[data-astro-cid-2whukpv5] .how-step[data-astro-cid-2whukpv5].is-active{opacity:1;transform:none}.how-step-title[data-astro-cid-2whukpv5]{letter-spacing:-.02em;color:var(--color-ink);margin:0 0 .6rem;font-size:clamp(1.5rem,5vw,1.875rem);font-weight:800;line-height:1.15}.how-step-desc[data-astro-cid-2whukpv5]{max-width:34rem;color:var(--color-text-secondary);margin:0;font-size:1rem;line-height:1.7}.how-visual[data-astro-cid-2whukpv5]{aspect-ratio:16/10;background:var(--color-mist);border-radius:1rem;margin-top:1.25rem;position:relative;overflow:hidden}.how-visual-img[data-astro-cid-2whukpv5]{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.how-progress[data-astro-cid-2whukpv5]{margin:2.75rem 0 3.5rem}.how-progress-track[data-astro-cid-2whukpv5]{background:var(--color-outline-variant);height:2px;margin-bottom:1rem;position:relative}.how-progress-fill[data-astro-cid-2whukpv5]{background:var(--color-primary-600);width:0;height:100%;transition:width .3s ease-out;position:absolute;top:0;left:0}.how-progress-items[data-astro-cid-2whukpv5]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.how-progress-btn[data-astro-cid-2whukpv5]{cursor:pointer;font:inherit;text-align:left;color:var(--color-text-tertiary);background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.25rem 0;transition:color .25s;display:flex}.how-js[data-astro-cid-2whukpv5] .how-progress-btn[data-astro-cid-2whukpv5]{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .45s,transform .45s,visibility .45s,color .25s;transform:translateY(6px)}.how-js[data-astro-cid-2whukpv5] .how-progress-btn[data-astro-cid-2whukpv5].is-reached{visibility:visible;opacity:1;pointer-events:auto;transform:none}.how-js[data-astro-cid-2whukpv5] .how-progress-btn[data-astro-cid-2whukpv5].is-reached:not(.is-active){color:var(--color-text-secondary)}.how-progress-btn[data-astro-cid-2whukpv5]:hover,.how-progress-btn[data-astro-cid-2whukpv5]:focus-visible{color:var(--color-primary-700)}.how-progress-btn[data-astro-cid-2whukpv5]:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:4px}.how-progress-btn[data-astro-cid-2whukpv5].is-active{color:var(--color-primary-700)}.how-progress-btn[data-astro-cid-2whukpv5].is-active .how-progress-label[data-astro-cid-2whukpv5],.how-progress-btn[data-astro-cid-2whukpv5]:hover .how-progress-label[data-astro-cid-2whukpv5],.how-progress-btn[data-astro-cid-2whukpv5]:focus-visible .how-progress-label[data-astro-cid-2whukpv5]{font-weight:700}.how-progress-label[data-astro-cid-2whukpv5]{letter-spacing:-.01em;font-size:.75rem;font-weight:500;line-height:1.25}.how-js[data-astro-cid-2whukpv5] .how-scroll[data-astro-cid-2whukpv5]{height:calc(100vh + (var(--steps) * 90vh))}.how-js[data-astro-cid-2whukpv5] .how-sticky[data-astro-cid-2whukpv5]{height:calc(100vh - 7.25rem);position:sticky;top:7.25rem;overflow:hidden}.how-js[data-astro-cid-2whukpv5] .how-shell[data-astro-cid-2whukpv5]{height:100%}.how-js[data-astro-cid-2whukpv5] .how-layout[data-astro-cid-2whukpv5]{flex-direction:column;justify-content:flex-start;gap:clamp(.75rem,2vh,1.25rem);height:100%;padding:clamp(1rem,2.5vh,2rem) 0;display:flex}.how-js[data-astro-cid-2whukpv5] .how-intro[data-astro-cid-2whukpv5]{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:.5rem;padding:0;display:flex}.how-js[data-astro-cid-2whukpv5] .how-title[data-astro-cid-2whukpv5]{margin:0;font-size:clamp(1.5rem,5.5vw,2rem)}.how-js[data-astro-cid-2whukpv5] .how-desc[data-astro-cid-2whukpv5]{margin:0;font-size:clamp(.85rem,2.5vw,1rem);line-height:1.55}.how-js[data-astro-cid-2whukpv5] .how-main[data-astro-cid-2whukpv5]{flex-direction:column;flex:auto;justify-content:flex-start;gap:clamp(.6rem,1.5vh,1rem);min-height:0;display:flex}.how-js[data-astro-cid-2whukpv5] .how-steps[data-astro-cid-2whukpv5]{flex:auto;min-height:0;position:relative}.how-js[data-astro-cid-2whukpv5] .how-step[data-astro-cid-2whukpv5]{opacity:0;pointer-events:none;border:0;padding:0;transition:opacity .55s,transform .55s;position:absolute;inset:0;transform:translateY(1.5rem)}.how-js[data-astro-cid-2whukpv5] .how-step[data-astro-cid-2whukpv5].is-active{opacity:1;pointer-events:auto;transform:none}.how-js[data-astro-cid-2whukpv5] .how-step[data-astro-cid-2whukpv5] .how-visual[data-astro-cid-2whukpv5]{aspect-ratio:auto;border-radius:clamp(.75rem,1.5vw,1.25rem);margin:0;position:absolute;inset:0}.how-js[data-astro-cid-2whukpv5] .how-step[data-astro-cid-2whukpv5] .how-visual[data-astro-cid-2whukpv5]:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#1e71b800 0%,#1e71b814 22%,#17478a4d 42%,#081a3d9e 66%,#000000e0 100%);position:absolute;inset:0}.how-js[data-astro-cid-2whukpv5] .how-step[data-astro-cid-2whukpv5] .how-step-body[data-astro-cid-2whukpv5]{z-index:2;position:absolute;bottom:clamp(.9rem,3vh,2.5rem);left:clamp(.9rem,3vw,2.5rem);right:clamp(.9rem,3vw,3rem)}.how-js[data-astro-cid-2whukpv5] .how-step-title[data-astro-cid-2whukpv5]{color:#fff;margin:0 0 .5rem;font-size:clamp(1.25rem,5vw,2rem)}.how-js[data-astro-cid-2whukpv5] .how-step-desc[data-astro-cid-2whukpv5]{color:#ffffffe6;max-width:40rem;font-size:clamp(.85rem,2vw,1rem)}.how-js[data-astro-cid-2whukpv5] .how-progress[data-astro-cid-2whukpv5]{margin:0}@media (width>=1024px){.how-js[data-astro-cid-2whukpv5] .how-layout[data-astro-cid-2whukpv5]{gap:clamp(1.1rem,2.25vh,1.75rem);padding:clamp(1.25rem,3vh,2.5rem) 0}.how-js[data-astro-cid-2whukpv5] .how-intro[data-astro-cid-2whukpv5]{gap:.75rem}.how-js[data-astro-cid-2whukpv5] .how-title[data-astro-cid-2whukpv5]{font-size:clamp(2.25rem,4.5vw,3.75rem)}.how-js[data-astro-cid-2whukpv5] .how-desc[data-astro-cid-2whukpv5]{font-size:clamp(.95rem,2vw,1.0625rem);line-height:1.7}.how-js[data-astro-cid-2whukpv5] .how-main[data-astro-cid-2whukpv5]{gap:clamp(.9rem,2vh,1.5rem)}.how-js[data-astro-cid-2whukpv5] .how-step[data-astro-cid-2whukpv5] .how-step-body[data-astro-cid-2whukpv5]{bottom:clamp(1.25rem,3.5vh,2.5rem);left:clamp(1.25rem,3vw,2.5rem);right:clamp(1.25rem,3vw,3rem)}.how-js[data-astro-cid-2whukpv5] .how-step-title[data-astro-cid-2whukpv5]{font-size:clamp(1.75rem,2.6vw,3rem)}.how-js[data-astro-cid-2whukpv5] .how-step-desc[data-astro-cid-2whukpv5]{font-size:1rem}.how-progress-items[data-astro-cid-2whukpv5]{grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}}@media (prefers-reduced-motion:reduce){.how-js[data-astro-cid-2whukpv5] .how-step[data-astro-cid-2whukpv5],.how-js[data-astro-cid-2whukpv5] .how-progress-btn[data-astro-cid-2whukpv5],.how-progress-fill[data-astro-cid-2whukpv5]{transition:none}}