.fn .eb>i:after{display:none}.fn .eb>i{animation:1.8s infinite fn-live}@keyframes fn-live{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--text) 30%, transparent)}to{box-shadow:0 0 0 .5625rem #0000}}.fn__intro{max-width:44ch}.fn__pin{height:320svh;display:none;position:relative}.fn__sticky{align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:clip}.fn__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(2.5rem,5vw,6rem);height:100%;padding-top:6svh;padding-bottom:6svh;display:grid}.fn__l{flex-direction:column;align-items:flex-start;gap:1.375rem;min-height:0;display:flex}.fn .fn__steps{border-top:1px solid var(--line);flex-direction:column;width:100%;margin:.875rem 0 0;padding:0;list-style:none;display:flex}.fn__step{border-bottom:1px solid var(--line);opacity:.35;grid-template-columns:2.75rem 1fr;gap:.75rem;padding:1rem 0;transition:opacity .5s;display:grid;position:relative}.fn__step:before{content:"";background:var(--text);transform-origin:0;width:100%;height:2px;transition:transform .8s var(--e-inout);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.fn__step.is-act{opacity:1}.fn__step.is-done{opacity:.6}.fn__step.is-act:before{transform:none}.fn__step-n{width:2rem;height:2rem;font-family:var(--font-mono);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 25%, transparent);border-radius:50%;place-items:center;font-size:.71875rem;transition:background .4s,box-shadow .4s,color .4s;display:grid}.fn__step.is-act .fn__step-n{background:var(--primary);color:var(--on-primary);box-shadow:none}.fn__step h3,.fn__row-step h3{letter-spacing:-.035em;flex-wrap:wrap;align-items:center;gap:.375rem .75rem;margin:.1875rem 0 .375rem;font-size:1.5rem;font-weight:700;line-height:1.05;display:flex}.fn__step h3 span,.fn__row-step h3 span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--pill);background:color-mix(in srgb, var(--text) 7%, transparent);padding:.25rem .5625rem;font-size:.6875rem;font-weight:500}.fn__step p,.fn__row-step p{color:var(--mut);margin:0;font-size:1rem;line-height:1.45}.fn__r{flex-direction:column;justify-content:center;gap:1rem;height:100%;min-height:0;max-height:47.5rem;display:flex}.fn__fun{flex-direction:column;flex:1;gap:.625rem;min-height:0;max-height:40rem;display:flex;position:relative}.fn__cv{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.fn__band{outline-offset:4px;cursor:default;flex:1;min-height:0;position:relative}.fn__shape{background:color-mix(in srgb, var(--text) 6%, transparent);transition:background .5s;position:absolute;inset:0;overflow:hidden}.fn__band:hover .fn__shape{background:color-mix(in srgb, var(--text) 10%, transparent)}.fn__fill{background:var(--primary);transform-origin:0;transform:scaleX(var(--f,1));transition:background-color .6s;position:absolute;inset:0}.fn.is-live .fn__band.is-act .fn__fill{background:linear-gradient(90deg, var(--primary) 0, var(--primary) calc(100% - 3px), var(--text) calc(100% - 3px))}.fn.is-live .fn__band.is-on:not(.is-act) .fn__fill{background:color-mix(in srgb, var(--primary) 45%, var(--bg))}.fn__band-c{z-index:2;text-align:center;pointer-events:none;height:100%;color:var(--on-primary);flex-direction:column;justify-content:center;align-items:center;gap:.375rem;display:flex;position:relative}.fn.is-live .fn__band:not(.is-on) .fn__band-c{color:var(--text)}.fn__band-l{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--pill);background:var(--bg);color:var(--text);align-items:center;gap:.5rem;padding:.3125rem .6875rem .3125rem .375rem;font-size:.71875rem;display:inline-flex}.fn__band-l em{border-radius:var(--pill);background:var(--ink);min-width:1.375rem;height:1.375rem;color:var(--pd);place-items:center;font-size:.625rem;font-style:normal;display:grid}.fn__band-v{font-family:var(--font-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(2.125rem,3.4vw,3.5rem);font-weight:700;line-height:.9}.fn__tip{z-index:4;border-radius:var(--pill);background:var(--ink);color:var(--cloud);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;opacity:0;transition:opacity .3s, translate .45s var(--e-spring);pointer-events:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.71875rem;display:inline-flex;position:absolute;top:50%;translate:0 -30%;box-shadow:0 .75rem 1.875rem -.75rem #00000080}.fn__tip i{background:var(--accent);border-radius:50%;width:.4375rem;height:.4375rem}.fn__band:hover .fn__tip,.fn__band:focus-visible .fn__tip{opacity:1;translate:0 -50%}.fn__foot{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);justify-content:center;align-items:center;gap:.625rem;margin:0;font-size:.71875rem;display:flex}@media (height<=47.5rem){.fn__step p,.fn__pin .fn__intro{display:none}}.fn__flat{flex-direction:column;gap:2.5rem;padding-top:clamp(5rem,10vw,7.5rem);padding-bottom:clamp(5rem,10vw,7.5rem);display:flex}.fn__flat .fn__foot{flex-wrap:wrap;justify-content:flex-start;line-height:1.6}.fn__rows{grid-template-columns:1fr 1fr;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.fn__row{background:color-mix(in srgb, var(--text) 5%, transparent);box-shadow:inset 0 0 0 1px var(--line);border-radius:1.375rem;flex-direction:column;gap:.875rem;padding:1.375rem;display:flex}.fn__row-top{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.625rem;font-size:.71875rem;display:flex}.fn__row-n{border-radius:var(--pill);background:var(--ink);width:1.625rem;height:1.5rem;color:var(--pd);flex:none;place-items:center;font-size:.625rem;display:grid}.fn__row-top b{font-family:var(--font-display);letter-spacing:-.05em;text-transform:none;font-variant-numeric:tabular-nums;margin-left:auto;font-size:clamp(2rem,8vw,2.75rem);font-weight:700;line-height:.9}.fn__row-bar{border-radius:var(--pill);background:color-mix(in srgb, var(--text) 8%, transparent);height:.875rem;width:calc(100% - var(--i) * 12%);position:relative;overflow:hidden}.fn__row-bar i{border-radius:inherit;background:var(--primary);transform-origin:0;position:absolute;inset:0}html.js .fn__row .fn__row-bar i{transition:transform 1.3s var(--e-inout) .15s;transform:scaleX(0)}html.js .fn__row.is-on .fn__row-bar i{transform:none}.fn__row-tip{font-family:var(--font-mono);letter-spacing:.06em;color:var(--mut);align-items:center;gap:.5rem;margin:0;font-size:.71875rem;display:flex}.fn__row-tip:before{content:"";background:var(--accent);border-radius:50%;width:.375rem;height:.375rem}.fn__row-step{border-top:1px solid var(--line);padding-top:.875rem}@media (width<=50.5625rem){.fn__rows{grid-template-columns:1fr}}@media (width>=68.75rem) and (height>=43.75rem) and (prefers-reduced-motion:no-preference){html.js:not(.a11y-motion) .fn__pin{display:block}html.js:not(.a11y-motion) .fn__flat{display:none}}@media (prefers-reduced-motion:reduce){.fn__row-bar i{transform:none!important}}html.a11y-motion .fn__row-bar i{transform:none!important}