.process-roadmap{--ribbon-cut:19px;--ribbon-shape:polygon(0 0, calc(100% - var(--ribbon-cut)) 0, 100% 50%, calc(100% - var(--ribbon-cut)) 100%, 0 100%, var(--ribbon-cut) 50%)}.process-roadmap-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.process-roadmap-title{color:var(--primary);font-size:14px;font-weight:600;line-height:1.5}.process-roadmap-hint{color:color-mix(in srgb, var(--primary) 85%, white);font-size:12px;line-height:1.5}.process-roadmap-stages{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.process-roadmap-stage{min-width:0;position:relative}.process-roadmap-stage:first-child{--ribbon-shape:polygon(0 0, calc(100% - var(--ribbon-cut)) 0, 100% 50%, calc(100% - var(--ribbon-cut)) 100%, 0 100%)}.process-roadmap-stage:last-child{--ribbon-shape:polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--ribbon-cut) 50%)}.process-roadmap-link{isolation:isolate;height:100%;min-height:154px;color:var(--primary);flex-direction:column;justify-content:space-between;gap:22px;padding:24px 28px 24px 36px;transition:color .18s;display:flex;position:relative}.process-roadmap-link:before,.process-roadmap-link:after{z-index:-1;clip-path:var(--ribbon-shape);content:"";pointer-events:none;position:absolute;inset:0}.process-roadmap-link:before{background:color-mix(in srgb, var(--primary) 8%, white)}.process-roadmap-link:after{background:var(--primary);opacity:0;transition:opacity .2s}.process-roadmap-stage:nth-child(2n) .process-roadmap-link:before{background:color-mix(in srgb, var(--primary) 12%, white)}.process-roadmap-stage:first-child .process-roadmap-link{padding-left:25px}.process-roadmap-number{color:color-mix(in srgb, var(--primary) 50%, white);letter-spacing:-.065em;font-variant-numeric:tabular-nums;font-size:48px;font-weight:400;line-height:1;transition:color .18s}.process-roadmap-caption{font-size:16px;font-weight:600;line-height:1.45}.process-roadmap-link-arrow{opacity:.55;width:17px;height:17px;transition:opacity .18s,transform .18s;position:absolute;top:25px;right:28px}.process-roadmap-link:is(:hover,:focus-visible){color:var(--primary-foreground)}.process-roadmap-link:is(:hover,:focus-visible) .process-roadmap-number{color:var(--highlight)}.process-roadmap-link:is(:hover,:focus-visible):after{opacity:1}.process-roadmap-link:is(:hover,:focus-visible) .process-roadmap-link-arrow{opacity:1;transform:translate(2px,-2px)}.process-roadmap-link:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.process-roadmap-link:active .process-roadmap-link-arrow{transform:none}@media (min-width:768px) and (max-width:1199px){.process-roadmap{--ribbon-cut:14px}.process-roadmap-link{padding:22px 20px 22px 27px}.process-roadmap-stage:first-child .process-roadmap-link{padding-left:18px}.process-roadmap-caption{font-size:14px}.process-roadmap-link-arrow{right:20px}}@media (max-width:767px){.process-roadmap{--ribbon-shape:polygon(0 0, 50% 10px, 100% 0, 100% calc(100% - 10px), 50% 100%, 0 calc(100% - 10px))}.process-roadmap-heading{flex-direction:column;align-items:flex-start;gap:3px;margin-bottom:15px}.process-roadmap-stages{grid-template-columns:minmax(0,1fr);gap:3px}.process-roadmap-stage:first-child{--ribbon-shape:polygon(0 0, 100% 0, 100% calc(100% - 10px), 50% 100%, 0 calc(100% - 10px))}.process-roadmap-stage:last-child{--ribbon-shape:polygon(0 0, 50% 10px, 100% 0, 100% 100%, 0 100%)}.process-roadmap-link,.process-roadmap-stage:first-child .process-roadmap-link{flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;min-height:78px;padding:19px 48px 19px 22px}.process-roadmap-number{min-width:34px;font-size:32px}.process-roadmap-caption{font-size:15px}.process-roadmap-link-arrow{width:15px;height:15px;top:31px;right:22px}}@media (prefers-reduced-motion:reduce){.process-roadmap-link,.process-roadmap-link:after,.process-roadmap-number,.process-roadmap-link-arrow{transition:none}.process-roadmap-link:is(:hover,:focus-visible) .process-roadmap-link-arrow{transform:none}}
