.cf{--cf-x:18px;--cf-gap:40px;position:relative}.cf p,.cf h3,.cf h4,.cf ol,.cf ul{margin:0}.cf ol,.cf ul{padding:0;list-style:none}.cf-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.cf-label{font-size:var(--eyebrow-size);font-weight:var(--eyebrow-weight);line-height:var(--eyebrow-leading);letter-spacing:var(--eyebrow-tracking);text-transform:none;color:var(--surface-fg,var(--ink))}.cf-aside{color:var(--surface-meta);font-size:13px;line-height:1.4}.cf-in{margin-top:48px;position:relative}.cf-in-label{color:var(--lavender);font-size:14px;font-weight:500;line-height:18px;margin-bottom:12px!important}.cf-inputs{gap:48px;display:flex}.cf-input{padding-left:var(--cf-track-x,40px);position:relative}.cf-input-label{color:var(--surface-fg);letter-spacing:-.01em;font-size:17px;font-weight:500;line-height:1.3}.cf-input.is-dropped .cf-input-label{color:var(--surface-meta)}.cf-input-text{max-width:30ch;color:var(--surface-meta);font-size:15px;line-height:1.55;margin-top:6px!important}.cf-stub{top:34px;bottom:calc(-1 * var(--cf-gap));left:var(--cf-x);background:var(--lavender);transform-origin:top;width:1px;position:absolute}.cf-track{grid-template-columns:repeat(var(--cf-phases), minmax(0, 1fr));column-gap:32px;display:grid;margin-top:var(--cf-gap)!important}.cf-phase{padding-top:12px;position:relative}.cf-rail{pointer-events:none;position:absolute;inset:0}.cf-node{z-index:1;top:0;left:calc(var(--cf-x) - 6px);border:1px solid var(--surface-line);background:var(--surface-bg,transparent);width:12px;height:12px;transition:background-color .25s var(--ease-out), border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);border-radius:50%;position:absolute}.cf-node[data-state=lit]{border-color:var(--lavender);background:var(--lavender)}.cf-node[data-state=active]{border-color:var(--orange);background:var(--orange);box-shadow:0 0 0 5px color-mix(in srgb, var(--orange) 24%, transparent)}.cf-node[data-state=end]{border-color:var(--orange);background:var(--orange)}.cf-rail:before,.cf-seg{display:block;position:absolute}.cf-phase:not([data-last]) .cf-rail:before{content:"";top:5.5px;left:var(--cf-x);background:var(--surface-line);width:calc(100% + 32px);height:1px}.cf-seg.is-h{top:5.5px;left:var(--cf-x);background:var(--lavender);transform-origin:0;width:calc(100% + 32px);height:1px}.cf-seg.is-v{display:none}.cf-phase-head{margin-top:40px}.cf-when{color:var(--lavender);gap:10px;font-size:14px;font-weight:500;line-height:1.3;display:flex}.cf-phase-head h3{min-height:2.4em;color:var(--surface-fg);letter-spacing:-.02em;font-size:22px;font-weight:500;line-height:1.2;margin-top:16px!important}.cf-steps{margin-top:24px!important}.cf-step{padding:18px 0 22px;position:relative}.cf-step-rule{background:var(--surface-line);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.cf-step h4{color:var(--surface-fg);letter-spacing:-.01em;font-size:17px;font-weight:500;line-height:1.3}.cf-step-text{max-width:34ch;color:var(--surface-fg);font-size:15px;line-height:1.55;margin-top:6px!important}.cf-examples{margin-top:14px!important}.cf-example{max-width:34ch;color:var(--surface-meta);font-size:15px;line-height:1.55}.cf-example+.cf-example{margin-top:8px}.cf-phrase{color:var(--surface-fg);font-weight:500}.cf-end{background:var(--lavender);color:var(--white);border-radius:8px;margin-top:12px;padding:22px 22px 26px}.cf-end-mark{width:14px;height:14px;color:var(--orange);display:block}.cf-end p{letter-spacing:-.01em;font-size:20px;font-weight:500;line-height:1.25;margin-top:12px!important}@media (max-width:1199px){.cf-track{display:block;padding-left:40px!important}.cf-phase{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:32px;padding-top:0;display:grid}.cf-phase+.cf-phase{margin-top:48px}.cf-phase-head{margin-top:0}.cf-phase-head h3{min-height:0;font-size:20px}.cf-steps{margin-top:0!important}.cf-step:first-child{padding-top:0}.cf-step:first-child .cf-step-rule{display:none}}@media (min-width:1200px){.cf[data-layout=vertical] .cf-track{padding-left:40px;display:block}.cf[data-layout=vertical] .cf-phase{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:32px;padding-top:0;display:grid}.cf[data-layout=vertical] .cf-phase+.cf-phase{margin-top:48px}.cf[data-layout=vertical] .cf-phase-head{margin-top:0}.cf[data-layout=vertical] .cf-phase-head h3{min-height:0}.cf[data-layout=vertical] .cf-steps{margin-top:0!important}.cf[data-layout=vertical] .cf-step:first-child{padding-top:0}.cf[data-layout=vertical] .cf-step:first-child .cf-step-rule{display:none}}@media (max-width:1199px){.cf{--cf-track-x:40px}.cf-node{top:3px;left:calc(var(--cf-x) - var(--cf-track-x) - 6px)}.cf-phase:not([data-last]) .cf-rail:before{top:9px;left:calc(var(--cf-x) - var(--cf-track-x));width:1px;height:calc(100% + 48px)}.cf-seg.is-h{display:none}.cf-seg.is-v{top:9px;left:calc(var(--cf-x) - var(--cf-track-x));background:var(--lavender);transform-origin:top;width:1px;height:calc(100% + 48px);display:block}.cf-stub{bottom:calc(-1 * var(--cf-gap) - 3px)}.cf-phase-body{grid-column:2}}@media (min-width:1200px){.cf[data-layout=vertical]{--cf-track-x:40px}.cf[data-layout=vertical] .cf-node{top:3px;left:calc(var(--cf-x) - var(--cf-track-x) - 6px)}.cf[data-layout=vertical] .cf-phase:not([data-last]) .cf-rail:before{top:9px;left:calc(var(--cf-x) - var(--cf-track-x));width:1px;height:calc(100% + 48px)}.cf[data-layout=vertical] .cf-seg.is-h{display:none}.cf[data-layout=vertical] .cf-seg.is-v{top:9px;left:calc(var(--cf-x) - var(--cf-track-x));background:var(--lavender);transform-origin:top;width:1px;height:calc(100% + 48px);display:block}.cf[data-layout=vertical] .cf-stub{bottom:calc(-1 * var(--cf-gap) - 3px)}}@media (max-width:767px){.cf{--cf-track-x:36px;margin-top:56px!important}.cf-head{display:block}.cf-aside{margin-top:6px;display:block}.cf-inputs{flex-direction:column;gap:16px}.cf-track{padding-left:36px!important}.cf-phase{display:block}.cf-phase+.cf-phase{margin-top:40px}.cf-phase:not([data-last]) .cf-rail:before,.cf-seg.is-v{height:calc(100% + 40px)}.cf-phase-head h3{margin-top:10px!important}.cf-steps{margin-top:16px!important}.cf-step,.cf-step:first-child{padding:16px 0 20px}.cf-step:first-child .cf-step-rule{display:block}.cf-end{margin-top:4px}}