.steps-timeline{--step-col-gap:clamp(16px, 2vw, 28px);--step-row-gap:clamp(28px, 4vw, 40px);width:100%;max-width:none;margin-inline:0;padding-inline:0;position:relative}.steps-list{z-index:1;gap:var(--step-col-gap);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;margin:0;padding:0;list-style:none;display:grid;position:relative}.step{min-width:0;height:100%;display:flex}.step-panel{border:1px solid var(--cf-panel-line,var(--line));border-radius:var(--radius-lg);background:var(--cf-panel,var(--bg-elev));width:100%;height:100%;color:var(--white);text-align:left;opacity:1;flex-direction:column;align-items:flex-start;gap:clamp(10px,1.6vw,14px);padding:clamp(20px,2.4vw,28px);text-decoration:none;transition:border-color .35s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.step.is-active .step-panel{border-color:color-mix(in srgb, var(--accent) 48%, var(--cf-panel-line,var(--line)))}.step-pill{border:1px solid color-mix(in srgb, currentColor 28%, transparent);border-radius:var(--radius-pill);color:inherit;letter-spacing:-.01em;white-space:nowrap;background:0 0;align-items:center;gap:6px;margin-top:2px;margin-left:clamp(28px,3vw,36px);padding:6px 12px;font-size:.8125rem;font-weight:500;line-height:1.2;text-decoration:none;transition:border-color .25s,background .25s,color .25s;display:inline-flex}.step-pill:hover,.step-pill:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--on-lime)}.step-pill:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.step-icon{color:var(--accent);flex-shrink:0;line-height:0;display:inline-flex}.step-figure{aspect-ratio:5/4;--hairline-plate:var(--cf-panel,var(--bg-elev));--hairline-hi:currentColor;--hairline-edge:color-mix(in srgb, var(--white) 46%, var(--cf-panel,var(--bg-elev)));--hairline-mid:color-mix(in srgb, var(--white) 30%, var(--cf-panel,var(--bg-elev)));--hairline-lo:color-mix(in srgb, var(--white) 16%, var(--cf-panel,var(--bg-elev)));width:100%;margin-block:-12% -8%;line-height:normal;display:block;position:relative;overflow:hidden}.step-figure svg{width:100%;height:100%;display:block}.step-figure[data-hairline=tiers] svg{transform:translateY(-12%)}.step-figure[data-hairline=tiers] svg .sil{transition:fill .26s cubic-bezier(.5,0,.1,1),stroke .26s cubic-bezier(.5,0,.1,1)}.step-figure[data-hairline=tiers] svg .sil.lit{fill:var(--accent);stroke:var(--on-accent,#0a0a0a)}.step-figure[data-hairline=tiers] svg .lo.lit{fill:none;stroke:var(--on-accent,#0a0a0a)}.step-figure[data-hairline=tiers] svg .dot:not(.m){fill:var(--on-accent,#0a0a0a)}.step-figure[data-hairline=timeline] svg{transform:translateY(-5%)}.step-figure[data-hairline=timeline] svg .node>.sil{transition:fill .48s cubic-bezier(.5,0,.1,1),stroke .48s cubic-bezier(.5,0,.1,1)}.step-figure[data-hairline=timeline] svg .node.lit>.sil{fill:var(--accent);stroke:color-mix(in srgb, var(--on-lime) 32%, var(--accent))}.step-figure[data-hairline=timeline] svg .node.lit>.nf{stroke:color-mix(in srgb, var(--on-lime) 48%, var(--accent))}.step-figure[data-hairline=doorway] svg{transform:translateY(-3%)}.step-figure[data-hairline=doorway] svg .who{transition:fill 80ms cubic-bezier(.5,0,.1,1),stroke 80ms cubic-bezier(.5,0,.1,1)}.step-figure[data-hairline=doorway] svg .who.lit{fill:var(--accent);stroke:var(--on-accent,#0a0a0a)}.step-figure[data-hairline=doorway] svg .who.lo.lit{fill:none;stroke:var(--on-accent,#0a0a0a)}.step-num{z-index:1;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--cf-panel-muted,color-mix(in srgb, var(--gray) 82%, var(--white)));font-size:.75rem;font-weight:500;line-height:1;position:absolute;top:clamp(12px,1.6vw,16px);right:clamp(14px,1.8vw,18px)}.step-title{color:var(--white);text-align:left;letter-spacing:-.02em;text-wrap:nowrap;margin:0;font-size:clamp(1.2rem,1.55vw,1.4rem);font-weight:600;line-height:1.25}.step-body{font-size:var(--text-base);text-align:left;text-wrap:pretty;color:var(--cf-panel-muted,color-mix(in srgb, var(--gray) 82%, var(--white)));margin:2px 0 0;padding-left:clamp(28px,3vw,36px);font-weight:400;line-height:1.55;position:relative}.step-body:before{content:"";border-left:1px solid color-mix(in srgb, var(--white) 20%, transparent);border-bottom:1px solid color-mix(in srgb, var(--white) 20%, transparent);pointer-events:none;width:clamp(16px,1.8vw,20px);height:1.15em;position:absolute;top:.12em;left:0}@media (width>=768px) and (width<=991px){.step-body{font-size:var(--text-sm,.9375rem);line-height:1.5}.step-panel{padding:clamp(16px,2vw,22px)}}@media (width<=767px){.steps-timeline{--step-col-gap:0;--step-row-gap:clamp(16px, 4vw, 20px);max-width:none;margin-inline:0}.steps-list{gap:var(--step-row-gap);grid-template-columns:1fr}.step-panel{width:100%}.step-title{text-wrap:wrap}.steps-timeline.is-static .step,.steps-timeline:not(.js) .step{opacity:1}}@media (prefers-reduced-motion:reduce){.step-panel{transition:border-color .2s}}