@layer components{.stp-num{margin-bottom:var(--space-3);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--accent-ink,var(--color-violet-ink))}.stp-steps{gap:clamp(56px,8vw,96px);display:grid}.stp-stage{display:none}@supports (animation-timeline:view()){@media (min-width:1024px){.stp{column-gap:var(--space-gap);timeline-scope:--stp-0,--stp-1,--stp-2,--stp-3,--stp-4;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.stp-steps{gap:0}.stp-step{min-height:72vh;padding-block:12vh;padding-left:var(--space-6);view-timeline-axis:block;view-timeline-inset:50% 50%;position:relative}.stp-step:first-child{padding-top:0}.stp-step:before{content:"";background:var(--color-line);inset-block:0;width:1px;position:absolute;left:0}.stp-step:after{content:"";background:var(--accent,var(--color-violet));transform-origin:top;width:1px;animation-name:stp-fill;animation-duration:auto;inset-block:0;animation-timing-function:linear;animation-fill-mode:both;position:absolute;left:0;transform:scaleY(0)}.stp-step{--stp-ink:var(--color-text-3);--stp-ink-2:var(--color-text-3);--stp-ink-num:var(--color-text-3);animation-name:stp-on;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:none}.stp-inline{display:none}.stp-stage{top:calc(var(--size-header) + 10vh);display:block;position:sticky}.stp-stage-inner{display:grid}.stp-frame{opacity:0;will-change:opacity;animation-name:stp-frame-fade-in;animation-duration:auto;grid-area:1/1;align-self:center;animation-timing-function:linear;animation-fill-mode:both}.stp-frame:first-child{opacity:1;animation:none}.stp-step:first-child{view-timeline-name:--stp-0}.stp-step:nth-child(2){view-timeline-name:--stp-1}.stp-step:nth-child(3){view-timeline-name:--stp-2}.stp-step:nth-child(4){view-timeline-name:--stp-3}.stp-step:nth-child(5){view-timeline-name:--stp-4}.stp-step:first-child,.stp-step:first-child:after{animation-timeline:--stp-0}.stp-frame:first-child{z-index:1}.stp-step:nth-child(2),.stp-step:nth-child(2):after{animation-timeline:--stp-1}.stp-frame:nth-child(2){z-index:2;animation-timeline:--stp-1}.stp-step:nth-child(3),.stp-step:nth-child(3):after{animation-timeline:--stp-2}.stp-frame:nth-child(3){z-index:3;animation-timeline:--stp-2}.stp-step:nth-child(4),.stp-step:nth-child(4):after{animation-timeline:--stp-3}.stp-frame:nth-child(4){z-index:4;animation-timeline:--stp-3}.stp-step:nth-child(5),.stp-step:nth-child(5):after{animation-timeline:--stp-4}.stp-frame:nth-child(5){z-index:5;animation-timeline:--stp-4}}}.secnav{display:none}@media (min-width:1024px){.secnav{top:calc(var(--size-header) - 8px);z-index:20;border-bottom:1px solid var(--color-line);background:var(--color-bg);display:block;position:sticky}@supports (color:color-mix(in lab, red, red)){.secnav{background:color-mix(in oklab,var(--color-bg)88%,transparent)}}.secnav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html:has(.secnav){scroll-padding-top:calc(var(--size-header) + 48px + var(--space-4))}}.secnav__list{gap:var(--space-6);scrollbar-width:none;display:flex;overflow-x:auto}.secnav__link{min-height:48px;font-size:var(--font-size-14);font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-text-3);transition:color var(--motion-duration-sm)var(--motion-ease-out-expo);border-bottom:2px solid #0000;align-items:center;display:inline-flex}.secnav__link:hover{color:var(--color-text)}@supports (animation-timeline:view()){.secnav-target{view-timeline-axis:block;view-timeline-inset:50% 50%}.secnav__link{animation-name:secnav-on;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:none}.secnav__list li:first-child .secnav__link{animation-timeline:--sec-0}.secnav__list li:nth-child(2) .secnav__link{animation-timeline:--sec-1}.secnav__list li:nth-child(3) .secnav__link{animation-timeline:--sec-2}.secnav__list li:nth-child(4) .secnav__link{animation-timeline:--sec-3}.secnav__list li:nth-child(5) .secnav__link{animation-timeline:--sec-4}.secnav__list li:nth-child(6) .secnav__link{animation-timeline:--sec-5}.secnav__list li:nth-child(7) .secnav__link{animation-timeline:--sec-6}.secnav__list li:nth-child(8) .secnav__link{animation-timeline:--sec-7}}}.stp-step h3{color:var(--stp-ink,var(--color-text))}.stp-step p:not(.stp-num){color:var(--stp-ink-2,var(--color-text-2))}.stp-step li span{color:var(--stp-ink,var(--color-text))}.stp-step .stp-num{color:var(--stp-ink-num,var(--accent-ink,var(--color-violet-ink)))}@keyframes stp-on{0%,to{--stp-ink:var(--color-text);--stp-ink-2:var(--color-text-2);--stp-ink-num:var(--accent-ink,var(--color-violet-ink))}}@keyframes stp-frame-fade-in{0%{opacity:0}25%{opacity:1}to{opacity:1}}@keyframes stp-fill{to{transform:scaleY(1)}}@keyframes secnav-on{0%,to{color:var(--color-text);border-bottom-color:var(--accent,var(--color-violet))}}.cm{column-gap:var(--space-gap);grid-template-columns:minmax(0,1fr);grid-template-areas:"head""fig""list";display:grid}.cm__head{margin-bottom:var(--space-6);grid-area:head}.cm__fig{min-width:0;margin-bottom:var(--space-5);grid-area:fig}.cm__list{border-bottom:1px solid var(--color-line);grid-area:list;align-self:start;display:grid}@media (min-width:48rem){.cm{grid-template:"head fig""list fig"1fr/minmax(0,1fr) minmax(0,1fr)}.cm__head{margin-bottom:var(--space-7)}.cm__fig{align-self:center;margin:0}}@media (min-width:64rem){.cm{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.cm-row{border-top:1px solid var(--color-line)}.cm-row__link{align-items:baseline;column-gap:var(--space-3);margin-inline:calc(var(--space-2)*-1);padding:var(--space-4)var(--space-2);border-radius:var(--radius-2);transition:background-color var(--motion-duration-sm)var(--motion-ease-out-expo);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.cm-row__dot{transform:translateY(-1px)}.cm-row__name{align-items:center;gap:var(--space-1)10px;font-size:var(--font-size-16);color:var(--color-text);transition:color var(--motion-duration-sm)var(--motion-ease-out-expo);flex-wrap:wrap;font-weight:600;display:flex}.cm-row__flow,.cm-row__blurb{align-items:baseline;gap:var(--space-2);font-size:var(--font-size-14);margin-top:2px;line-height:1.45;display:flex}.cm-row__flow{color:var(--color-text-2)}.cm-row__blurb{color:var(--color-text-3)}.cm-row__glyph{width:16px;height:10px;color:var(--accent);flex:none}.cm-row__chev{width:14px;height:14px;color:var(--color-text-3);transition:transform var(--motion-duration-sm)var(--motion-ease-out-expo),color var(--motion-duration-sm)var(--motion-ease-out-expo);align-self:center}.cm-row[data-on] .cm-row__link,.cm-row__link:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.cm-row[data-on] .cm-row__link,.cm-row__link:hover{background:color-mix(in oklab,var(--accent)8%,transparent)}}.cm-row[data-on] .cm-row__name,.cm-row__link:hover .cm-row__name{color:var(--accent-ink)}.cm-row[data-on] .cm-row__chev,.cm-row__link:hover .cm-row__chev{color:var(--accent-ink);transform:translate(2px)}.cm-svg{pointer-events:none;width:100%;height:auto;display:block;overflow:visible}.cm-fan{display:none}.cm-strip{max-width:26rem;margin-inline:auto}.cm-strip .cm-node__port{display:none}.cm-strip__name{margin-top:var(--space-2);text-align:center;font-family:var(--font-display);font-size:var(--font-size-16);letter-spacing:var(--font-tracking-heading);color:var(--color-text);font-weight:600}@media (min-width:48rem){.cm-strip{display:none}.cm-fan{aspect-ratio:1;width:100%;max-width:38rem;margin-inline:auto;display:block;position:relative;container-type:inline-size}.cm-fan>.cm-svg{height:100%;position:absolute;inset:0}}.cm-fan__label{top:var(--y);right:calc(100% - var(--x) - 14px);max-width:calc(var(--x) + 10px);border-radius:var(--radius-2);text-align:right;text-wrap:balance;color:var(--color-text-2);transition:color var(--motion-duration-sm)var(--motion-ease-out-expo);padding:6px 28px 6px 6px;font-size:clamp(12.5px,2.5cqi,15px);font-weight:500;line-height:1.25;position:absolute;transform:translateY(-50%)}.cm-fan__label[data-on]{color:var(--c-ink)}.cm[data-active] .cm-fan__label:not([data-on]){color:var(--color-text-3)}.cm-fan__core{left:var(--x);top:var(--y);width:calc(var(--d)*.8);text-align:center;position:absolute;transform:translate(-50%,-50%)}.cm-fan__name{font-family:var(--font-display);letter-spacing:var(--font-tracking-heading);text-wrap:balance;color:var(--color-text);margin:0;font-size:clamp(15px,3.1cqi,20px);font-weight:600;line-height:1.12}.cm-fan__reads{margin:var(--space-2)0 0;inset-inline:0;display:grid;position:absolute;top:100%}.cm-fan__read{text-wrap:balance;color:var(--c-ink);opacity:0;transition:opacity var(--motion-duration-md)var(--motion-ease-out-expo);grid-area:1/1;font-size:clamp(12.5px,2.2cqi,14px);line-height:1.3}.cm-fan__read[data-on]{opacity:1}@container (max-width:27.5rem){.cm-fan__reads{display:none}}.cm-chord__line{fill:none;stroke-width:1.4px;stroke-linecap:round;opacity:.6;transition:opacity var(--motion-duration-md)var(--motion-ease-out-expo),stroke-width var(--motion-duration-md)var(--motion-ease-out-expo)}.cm[data-active] .cm-chord:not([data-on]) .cm-chord__line{opacity:.18}.cm-chord[data-on] .cm-chord__line{opacity:1;stroke-width:2px;filter:drop-shadow(0 0 4px var(--c))}@supports (color:color-mix(in lab, red, red)){.cm-chord[data-on] .cm-chord__line{filter:drop-shadow(0 0 4px color-mix(in oklab,var(--c)calc(var(--glow-strength,.5)*140%),transparent))}}.cm-chord__pulse{fill:none;stroke:var(--color-star);stroke-width:3px;stroke-linecap:round;stroke-dasharray:.09 2;stroke-dashoffset:.09px;opacity:0;filter:drop-shadow(0 0 5px var(--c))}html.light .cm-chord__pulse{stroke:var(--c)}@media (prefers-reduced-motion:no-preference){.cm-chord__pulse[data-ambient]{animation:cm-ambient 2s var(--motion-ease-in-out)both}.cm[data-active] .cm-chord__pulse[data-ambient]{animation:none}.cm[data-active] .cm-chord__pulse[data-on]{animation:cm-pulse 1.1s var(--motion-ease-in-out)both}.cm-node[data-on] .cm-node__port{animation:cm-arrive var(--motion-duration-lg)var(--motion-ease-out-expo).9s both}}@keyframes cm-pulse{0%{stroke-dashoffset:.09px;opacity:0}12%,82%{opacity:1}to{stroke-dashoffset:-1px;opacity:0}}@keyframes cm-ambient{0%{stroke-dashoffset:.09px;opacity:0}15%,80%{opacity:.7}to{stroke-dashoffset:-1px;opacity:0}}@keyframes cm-arrive{0%{transform:scale(1)}40%{transform:scale(2.4)}to{transform:scale(1.4)}}.cm-node{transition:opacity var(--motion-duration-md)var(--motion-ease-out-expo)}.cm-node__halo,.cm-node__star,.cm-node__port{transform-box:fill-box;transform-origin:50%;transition:transform var(--motion-duration-md)var(--motion-ease-out-expo),opacity var(--motion-duration-md)var(--motion-ease-out-expo)}.cm-node__halo{opacity:.6}.cm-node__star{fill:var(--c);stroke:var(--color-star)}@supports (color:color-mix(in lab, red, red)){.cm-node__star{stroke:color-mix(in oklab,var(--color-star)55%,var(--c))}}.cm-node__star{stroke-width:1px}.cm-node__port{fill:var(--c);opacity:.8}.cm[data-active] .cm-node:not([data-on]){opacity:.4}.cm-node[data-on] .cm-node__halo{opacity:1;transform:scale(1.4)}.cm-node[data-on] .cm-node__star{transform:scale(1.35)}.cm-node[data-on] .cm-node__port{opacity:1;transform:scale(1.4)}.cm-core__glow{opacity:.55}.cm-core__disc{fill:var(--color-surface);stroke:var(--color-line-2);stroke-width:1px}.cm-core__ring{fill:none;stroke:var(--core);stroke-width:1.25px;opacity:.6}.cm-core__star{fill:var(--color-star)}html.light .cm-core__star{fill:var(--core)}@media (prefers-reduced-motion:reduce){.cm-chord__pulse{display:none}.cm-chord__line{opacity:.85}}@media (forced-colors:active){.cm-chord__pulse,.cm-node__halo,.cm-core__glow,.cm-core__lens{display:none}.cm-chord__line{stroke:canvastext;opacity:.7;filter:none}.cm-chord[data-on] .cm-chord__line{stroke:highlight;opacity:1}.cm-node__star,.cm-node__port,.cm-core__star{fill:canvastext;stroke:none}.cm-node[data-on] .cm-node__star,.cm-node[data-on] .cm-node__port{fill:highlight}.cm-core__disc{fill:canvas;stroke:canvastext}.cm-core__ring{stroke:canvastext}.cm-fan__label,.cm-fan__read,.cm-fan__label[data-on]{color:canvastext}.cm-row[data-on] .cm-row__link,.cm-row__link:hover{background:0 0}}