.implementation-timeline{--timeline-text:#f7f8ff;--timeline-muted:#a1a3b7;--timeline-subtle:#727380d1;--timeline-line-muted:#ffffff24;isolation:isolate;color:#fff;border-top:1px solid #ffffff0d;border-top:1px solid lab(100% 0 0/.05);position:relative;overflow:clip}@supports (color:lab(0% 0 0)){.implementation-timeline{--timeline-text:lab(97.6043% .652194 -3.72534);--timeline-muted:lab(67.2652% 2.54068 -10.9629);--timeline-subtle:lab(48.7922% 1.6633 -7.32433/.82);--timeline-line-muted:lab(100% 0 0/.14)}}.implementation-timeline__particle{z-index:0;pointer-events:none;width:clamp(8rem,14vw,13.5rem);height:min(88%,44rem);display:none;position:absolute;top:50%;translate:0 -50%}.implementation-timeline__particle--left{left:0}.implementation-timeline__particle--right{right:0}.implementation-timeline__particle-image{object-fit:contain;object-position:center;width:100%;height:100%;display:block}@media (min-width:1280px){.implementation-timeline__particle{display:block}}.implementation-timeline__inner{z-index:1;width:100%;max-width:56rem;margin-inline:auto;padding:clamp(3.5rem,7vw,5rem) clamp(1.25rem,5vw,3rem);position:relative}.implementation-timeline__header{text-align:center;margin-bottom:clamp(3.5rem,8vh,5rem)}.implementation-timeline__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#838498b8;color:lab(55.6617% 2.59241 -10.9373/.72);margin:0 0 1rem;font-size:.6875rem;font-weight:600}.implementation-timeline__title{font-family:var(--font-heading), system-ui, sans-serif;letter-spacing:-.03em;text-wrap:balance;color:var(--timeline-text);margin:0;font-size:clamp(2rem,4.2vw,2.75rem);font-weight:800;line-height:1.12}.implementation-timeline__title-accent{display:inline}.implementation-timeline__lead{max-width:48ch;color:var(--timeline-muted);text-wrap:pretty;margin:clamp(1rem,2.5vh,1.35rem) auto 0;font-size:clamp(.9375rem,1.4vw,1.0625rem);line-height:1.68}.implementation-timeline__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.implementation-timeline__step{flex-direction:column;align-items:center;display:flex}.implementation-timeline__step:not(:first-child){margin-top:clamp(.75rem,2vh,1.25rem)}.implementation-timeline__pill-row{justify-content:center;width:100%;margin-bottom:clamp(1.1rem,2.8vh,1.65rem);display:flex}.implementation-timeline__pill{z-index:2;min-width:5.5rem;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.06em;white-space:nowrap;color:#dadcf2;color:lab(88.1495% 2.47681 -10.9962);-webkit-backdrop-filter:blur(8px);background:#ffffff12;background:lab(100% 0 0/.07);border:1px solid #ffffff1f;border:1px solid lab(100% 0 0/.12);border-radius:999px;justify-content:center;align-items:center;padding:.45rem 1rem;font-size:.75rem;font-weight:600;transition:color .45s,background .45s,border-color .45s,box-shadow .45s,transform .45s;display:inline-flex;position:relative;box-shadow:0 4px 14px #00000038,inset 0 1px #ffffff14;box-shadow:0 4px 14px lab(0% 0 0/.22),inset 0 1px lab(100% 0 0/.08)}.implementation-timeline__pill--active{color:#fff;border-color:color-mix(in oklch, var(--brand-indigo) 40%, transparent);background:linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-indigo) 50%, var(--brand-violet) 100%);box-shadow:0 6px 22px color-mix(in oklch, var(--brand-indigo) 42%, transparent), 0 0 0 3px color-mix(in oklch, var(--brand-indigo) 16%, transparent), inset 0 1px 0 #ffffff2e;transform:scale(1.045)}@supports (color:lab(0% 0 0)){.implementation-timeline__pill--active{box-shadow:0 6px 22px color-mix(in oklch, var(--brand-indigo) 42%, transparent), 0 0 0 3px color-mix(in oklch, var(--brand-indigo) 16%, transparent), inset 0 1px 0 lab(100% 0 0/.18)}}.implementation-timeline__segment{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(1.75rem,4.5vw,3.75rem);width:100%;display:grid}.implementation-timeline__line-col{grid-area:1/2;justify-content:center;align-self:stretch;padding-block:.15rem;display:flex}.implementation-timeline__segment-line{width:3px;height:clamp(5rem,12vh,7.25rem);display:block;overflow:visible}.implementation-timeline__segment-line-active{opacity:0;transition:opacity .45s}.implementation-timeline__segment-line-active--on{opacity:1;filter:drop-shadow(0 0 8px color-mix(in oklch, var(--brand-indigo) 55%, transparent))}.implementation-timeline__content{align-self:center;max-width:17.5rem}.implementation-timeline__segment--right .implementation-timeline__content{text-align:left;grid-area:1/3;justify-self:start}.implementation-timeline__segment--left .implementation-timeline__content{text-align:right;grid-area:1/1;justify-self:end}.implementation-timeline__item-title{font-family:var(--font-heading), system-ui, sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#9596abc7;color:lab(62.6239% 2.55954 -10.9535/.78);text-wrap:balance;margin:0;font-size:clamp(.9375rem,1.8vw,1.125rem);font-weight:800;line-height:1.3;transition:color .45s,text-shadow .45s}.implementation-timeline__item-title--active{color:var(--timeline-text);text-shadow:0 0 28px color-mix(in oklch, var(--brand-indigo) 18%, transparent)}.implementation-timeline__item-desc{color:#9596abe6;color:lab(62.6239% 2.55954 -10.9535/.9);text-wrap:pretty;margin:.65rem 0 0;font-size:clamp(.8125rem,1.4vw,.875rem);line-height:1.62}@media (prefers-reduced-motion:reduce){.implementation-timeline__pill,.implementation-timeline__item-title,.implementation-timeline__segment-line-active{transition:none}}@media (max-width:639px){.implementation-timeline__step{align-items:stretch;padding-left:.25rem}.implementation-timeline__pill-row{justify-content:flex-start;margin-bottom:clamp(.9rem,2.2vh,1.25rem);padding-left:.35rem}.implementation-timeline__segment{grid-template-columns:auto 1fr;gap:1.25rem}.implementation-timeline__line-col{grid-area:1/1;padding-left:.35rem}.implementation-timeline__segment-line{height:clamp(4.5rem,14vh,6rem)}.implementation-timeline__segment--right .implementation-timeline__content,.implementation-timeline__segment--left .implementation-timeline__content{text-align:left;grid-area:1/2;justify-self:start;max-width:none}.implementation-timeline__pill{min-width:4.75rem;padding:.4rem .75rem;font-size:.6875rem}}
