.time-comparison{position:relative;overflow:clip;background-image:url("../../img/time-pattern-desktop.svg");background-position:45% 50%;background-repeat:no-repeat;background-size:84% auto}.time-comparison__tracks{gap:2.75rem;margin-block-start:3.875rem}.time-comparison__track{position:relative;display:grid;grid-template-columns:18rem minmax(0, 1fr);align-items:start;gap:1.5rem}.time-comparison__label{font:700 1.5rem/1 var(--font-heading);letter-spacing:-0.02em;text-transform:none;padding-block-start:1rem}.time-comparison__steps{--track-columns: 5;display:grid;grid-template-columns:repeat(var(--track-columns), minmax(0, 1fr));position:relative;padding-block-end:1.5rem;min-inline-size:0}.time-comparison__steps--regular{--track-columns: 7}.time-comparison__line{position:absolute;inset-inline:calc(50%/var(--track-columns));inset-block-end:1.25rem;block-size:var(--border-width);background:currentColor;transform-origin:left}.time-comparison__track--assisted .time-comparison__line{background:linear-gradient(to right, var(--color-text-inverse) 25%, var(--color-success-on-brand) 25%)}.time-comparison__step{position:relative;text-align:center;font:700 1rem/1 var(--font-heading);text-transform:uppercase;letter-spacing:-0.02em;min-block-size:3.5rem;padding-inline:.2rem}.time-comparison__step--human{color:var(--color-success-on-brand)}.time-comparison__dot{position:absolute;inline-size:.625rem;block-size:.625rem;inset-block-end:-0.55rem;inset-inline-start:calc(50% - .3125rem);border-radius:50%;background:currentColor}.time-comparison__track--assisted .time-comparison__dot{background:var(--color-success-on-brand)}.time-comparison__track--assisted .time-comparison__step-text{color:var(--color-success-on-brand)}.time-comparison__step-text{overflow-wrap:anywhere;hyphens:auto;letter-spacing:normal;word-spacing:var(--timeline-word-spacing)}.time-comparison__start,.time-comparison__end{font:700 1rem/1 var(--font-heading);position:absolute;inset-block-end:-0.4rem}.time-comparison__start{inset-inline-start:19.5rem}.time-comparison__end{inset-inline-end:0}@media(width < 1240px){.time-comparison{margin-inline:0;border-radius:24px 24px 0 0;background-size:auto 100%}.time-comparison__tracks{gap:45px;margin-block-start:45px}.time-comparison__track{display:block}.time-comparison__label{padding-block-start:0;margin-block-end:24px}.time-comparison__steps{display:grid;grid-template-columns:1fr;gap:16px;padding:0 0 0 32px;margin-inline-start:8px}.time-comparison__step{text-align:start;min-block-size:24px}.time-comparison__dot{inset-inline-start:-36px;inset-block:2px auto}.time-comparison__line{inset-inline:0 auto;inset-block:7px 17px;block-size:auto;inline-size:var(--border-width);border-block-end:0;border-inline-start:0;transform-origin:top}.time-comparison__track--assisted .time-comparison__line{inline-size:4px;inset-inline-start:calc((var(--border-width) - 4px)/2);background:linear-gradient(to bottom, var(--color-success-on-brand) 25%, transparent 25%)}.time-comparison__start,.time-comparison__end{position:static;display:inline-block;margin-block-start:16px;margin-inline-end:20px}.time-comparison__step--human .time-comparison__step-text br{display:none}}@media(width < 1240px)and (width < 650px){.time-comparison{margin-block-start:0}}@media(width < 1240px)and (min-width: 650px){.time-comparison{margin-inline:var(--gutter);border-radius:var(--radius-panel)}.time-comparison__tracks{grid-template-columns:repeat(2, minmax(0, 1fr))}.time-comparison__track{min-inline-size:0}}@media(width >= 1240px){.time-comparison{min-block-size:26.5625rem}.time-comparison__steps{display:flex;justify-content:space-between;margin-inline:3.5rem;padding-block-end:0;min-block-size:5rem}.time-comparison__label{align-self:end;padding-block-start:0;margin-block-end:1.25rem}.time-comparison__track--assisted .time-comparison__label{margin-block-end:calc(1.25rem - (.25rem - var(--border-width))/2)}.time-comparison__step{flex:0 0 0;min-inline-size:0;padding-inline:0;font-size:clamp(.875rem,1.111111vw,1rem)}.time-comparison__step-text{display:block;position:absolute;inline-size:clamp(7rem,8.333333vw,7.5rem);inset-inline-start:50%;inset-block-end:2rem;transform:translateX(-50%);overflow-wrap:normal;hyphens:none}.time-comparison__track--assisted .time-comparison__step-text{inline-size:clamp(9rem,11.666667vw,10.5rem)}.time-comparison__line{inset-inline:0}.time-comparison__track--assisted .time-comparison__line{block-size:.25rem;inset-block-end:calc(1.25rem - (.25rem - var(--border-width))/2);background:linear-gradient(to right, var(--color-success-on-brand) 25%, transparent 25%)}.time-comparison__dot{inset-block-end:calc(.9375rem + var(--border-width)/2)}}
