@layer features{.process{background-color:var(--surface);color:var(--text);--process-step-distance:70svh;--process-travel:calc(3 * var(--process-step-distance));scroll-margin-block-start:calc(var(--header-height) + var(--space-4));container:section/inline-size}.process__stage{padding-block:var(--space-section)}.process__grid{row-gap:var(--space-6)}.process__text{gap:var(--space-7);grid-column:wide;min-inline-size:0;display:grid}.process__title{font-family:var(--font-display);font-size:var(--step-4);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);text-wrap:balance;margin:0}.process__list{position:relative}.process__steps{gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}.process__line,.process__live{display:none}.process-step{gap:var(--space-3);min-inline-size:0;display:grid}.process-step>*{margin:0}.process-step__num{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--tracking-label);color:var(--text-muted)}.process-step__title{font-family:var(--font-display);font-size:var(--step-2);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);text-wrap:balance}.process-step__more{min-inline-size:0;display:grid}.process-step__text{max-inline-size:48ch;font-size:var(--step-0);line-height:var(--leading-body);margin:0}.process-step__frame{gap:var(--space-3);order:-1;min-inline-size:0;margin:0;display:grid}.process-step__caption{max-inline-size:60ch;font-family:var(--font-mono);font-size:var(--step--1);line-height:var(--leading-body);color:var(--text-muted)}.process__frame{--draw-bg:var(--surface-raised);background-color:var(--draw-bg);border:var(--line-width) solid var(--border);border-radius:var(--radius-s);padding:var(--space-3);min-inline-size:0;container:frame/inline-size}@container section (width>=56rem){.process-step{column-gap:var(--space-7);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.process-step>:not(.process-step__frame){grid-column:1}.process-step__frame{order:0;grid-area:1/2/span 3}}.draw{--step:0;block-size:auto;inline-size:100%;color:var(--text);fill:none;stroke-linecap:round;stroke-linejoin:round;display:block;overflow:visible}.draw text{font-family:var(--font-mono);fill:currentColor;stroke:none}.draw__clean{stroke:var(--accent);stroke-width:5px;stroke-linecap:butt;stroke-dasharray:100 101;stroke-dashoffset:calc(100 * (1 - clamp(0, (var(--step) - 2.2) / .7, 1)))}.draw__tangle{stroke:var(--text-muted);stroke-width:3px;opacity:calc(1 - .45 * clamp(0, var(--step), 1) - .25 * clamp(0, var(--step) - 1, 1) - .18 * clamp(0, var(--step) - 2, 1))}.draw__boundary{stroke:var(--accent);stroke-width:3px;stroke-linecap:butt;stroke-dasharray:100 101;stroke-dashoffset:calc(100 * (1 - clamp(0, (var(--step) - 1.4) * 2, 1)))}.draw__tab{opacity:clamp(0, (var(--step) - 1.6) * 3, 1)}.draw__tab rect{fill:var(--accent);stroke:none}.draw__tab text{fill:var(--on-accent);letter-spacing:var(--tracking-label);text-transform:uppercase}.draw__box{fill:var(--draw-bg);stroke:var(--border-control);stroke-width:2px}.draw__glyph{stroke:var(--text);stroke-width:2.5px}.draw__done{stroke:var(--accent);stroke-width:4px;opacity:clamp(0, (var(--step) - var(--arrive,3)) * 12, 1)}.draw__chips{opacity:calc(clamp(0, (var(--step) - .4) * 2.5, 1) * (1 - clamp(0, var(--step) - 2, 1)))}.draw__chip circle{fill:var(--draw-bg);stroke:var(--accent);stroke-width:2.5px}.draw__chip--unknown circle{fill:var(--accent)}.draw__chip--unknown text{fill:var(--on-accent)}.draw__break{opacity:calc(1 - clamp(0, var(--step) * 2.5, 1))}.draw__ring,.draw__pulse{stroke:var(--accent);stroke-width:3px}.draw__pulse{transform-box:fill-box;transform-origin:50%;opacity:0}@media (prefers-reduced-motion:no-preference){.draw__pulse{animation:process-pulse var(--dur-epic) var(--ease-settle) infinite}}@keyframes process-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@container frame (width<=26rem){.draw__label{display:none}}@media (width>=900px) and (prefers-reduced-motion:no-preference){html[data-js] .process:not([data-process-mode=off]) .process__track{block-size:calc(100svh + var(--process-travel))}html[data-js] .process:not([data-process-mode=off]) .process__stage{block-size:100svh;padding-block:calc(var(--header-height-compact) + var(--space-5)) var(--space-5);position:sticky;inset-block-start:0;overflow:clip}html[data-js] .process:not([data-process-mode=off]) .process__grid{grid-template-rows:minmax(0,1fr);align-items:center;block-size:100%}html[data-js] .process:not([data-process-mode=off]) .process__text{gap:var(--space-6);grid-column:1 col-start/span 5;align-content:center;block-size:100%;overflow:clip}html[data-js] .process:not([data-process-mode=off]) .process__title{font-size:var(--step-3)}html[data-js] .process:not([data-process-mode=off]) .process__steps{gap:var(--space-4);padding-inline-start:var(--space-5)}html[data-js] .process:not([data-process-mode=off]) .process__line{inline-size:var(--line-width-strong);background-color:var(--border);display:block;position:absolute;inset-block:0;inset-inline-start:0}html[data-js] .process:not([data-process-mode=off]) .process__line:after{content:"";background-color:var(--accent);transform:scaleY(var(--process-progress,0));transform-origin:top;position:absolute;inset:0}html[data-js] .process:not([data-process-mode=off]) .process-step{gap:var(--space-1);color:var(--text-muted);transition:color var(--dur-base) var(--ease-settle);grid-template-columns:minmax(0,1fr)}html[data-js] .process:not([data-process-mode=off]) .process-step[data-active]{color:var(--text)}html[data-js] .process:not([data-process-mode=off]) .process-step__title{font-size:var(--step-1)}html[data-js] .process:not([data-process-mode=off]) .process-step__more{opacity:0;transition:grid-template-rows var(--dur-base) var(--ease-settle), opacity var(--dur-base) var(--ease-settle);grid-template-rows:0fr}html[data-js] .process:not([data-process-mode=off]) .process-step__text{min-block-size:0;overflow:hidden}html[data-js] .process:not([data-process-mode=off]) .process-step[data-active] .process-step__more{opacity:1;grid-template-rows:1fr}html[data-js] .process[data-process-measuring] *{transition:none!important}html[data-js] .process:not([data-process-mode=off]) .process-step__frame{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}html[data-js] .process:not([data-process-mode=off]) .process__live{gap:var(--space-4);grid-column:7 col-start/wide-end;align-content:center;min-block-size:0;min-inline-size:0;display:grid}html[data-js] .process:not([data-process-mode=off]) .process__live .draw{max-block-size:calc(100svh - var(--header-height-compact) - 14rem)}html[data-js] .process:not([data-process-mode=off]) .process__captions{display:grid}html[data-js] .process:not([data-process-mode=off]) .process__caption{max-inline-size:60ch;font-family:var(--font-mono);font-size:var(--step--1);line-height:var(--leading-body);color:var(--text-muted);opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease-settle), visibility var(--dur-base) var(--ease-settle);grid-area:1/1;margin:0}html[data-js] .process:not([data-process-mode=off]) .process__caption[data-active]{opacity:1;visibility:visible}}@media (width>=1200px) and (prefers-reduced-motion:no-preference){html[data-js] .process:not([data-process-mode=off]) .process__text{grid-column:1 col-start/span 6}html[data-js] .process:not([data-process-mode=off]) .process__live{grid-column:8 col-start/wide-end}}.process-outline .section__rail{inset-block-start:calc(var(--header-height-compact) + var(--space-5))}.process-outline__title{font-family:var(--font-display);font-size:var(--step-2);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);color:var(--text);margin:0}.process-outline__title .link{color:inherit;text-decoration-color:var(--accent)}.process-outline__title .link:hover{color:var(--accent)}.process-outline__steps{gap:var(--space-7) var(--space-8);margin:0;padding:0;list-style:none;display:grid}.process-outline__step{gap:var(--space-3);min-inline-size:0;border-block-start:var(--line-width-strong) solid var(--text);align-content:start;padding-block-start:var(--space-4);display:grid}.process-outline__num{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:var(--tracking-label);color:var(--text-muted)}.process-outline__heading{font-family:var(--font-display);font-size:var(--step-1);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);text-wrap:balance;margin:0}.process-outline__text{font-size:var(--step-0);line-height:var(--leading-body);margin:0}@container section (width>=60rem){.process-outline__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.why{--section-pad:var(--space-section);background-color:var(--surface-raised)}.why__title{font-family:var(--font-display);font-size:var(--step-2);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);color:var(--text);overflow-wrap:anywhere;margin:0}.why .section__rail{inset-block-start:calc(var(--header-height-compact) + var(--space-5))}.why__list{gap:var(--space-7) var(--space-8);margin:0;padding:0;list-style:none;display:grid}.why__point{gap:var(--space-3);border-block-start:var(--line-width-strong) solid var(--text);align-content:start;min-inline-size:0;padding-block-start:var(--space-4);display:grid}.why__note{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:var(--tracking-label);color:var(--text-muted)}.why__heading{font-family:var(--font-display);font-size:var(--step-2);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);text-wrap:balance;margin:0}.why__text{max-inline-size:46ch;font-size:var(--step-0);line-height:var(--leading-body);margin:0}@container section (width>=60rem){.why__list{grid-template-columns:repeat(2,minmax(0,1fr))}.why__point:nth-child(2n){margin-block-start:var(--space-9)}}}