.lp-roadmap{--salvio-purple:#401b95;--salvio-purple-100:#ece8f7;--salvio-mint:#54bea2;--salvio-mint-700:#2e8f76;--salvio-mint-100:#ddf3ec;--salvio-neutral-0:#fff;--salvio-neutral-100:#e9eaf3;--salvio-neutral-200:#cfd0de;--salvio-neutral-500:#6e6f86;--road-width:40px;--road-stripe-width:3px;--road-dash-upcoming:18 20;--road-length:1000;--node-size:72px;--node-size-current:88px;--node-size-mobile:60px;--node-radius:12px;--node-ring-current:8px;--node-ring-current-mobile:6px;--icon-size:36px;--icon-size-current:44px;--icon-size-mobile:32px;--card-width:28.3333%;--card-left-x:0%;--card-right-x:71.6667%;--end-marker-size:64px;--end-marker-ring:12px;--end-icon-size:30px;--end-marker-size-mobile:22px;--end-marker-ring-mobile:6px;--mobile-column-width:68px;--mobile-band-width:28px;--mobile-row-gap:2rem;--mobile-node-to-card-gap:1rem;background:var(--lp-bg-white);border-top:1px solid var(--lp-border)}.roadmap-headline{font-family:var(--lp-font-display);letter-spacing:-.03em;color:var(--lp-text);text-wrap:balance;max-width:820px;margin:0 0 1rem;font-size:clamp(2.125rem,4vw,3.5rem);font-weight:800;line-height:1.05}.roadmap-highlight{color:var(--salvio-purple)}.roadmap-subline{max-width:680px;color:var(--lp-text-muted);text-wrap:pretty;margin:0;font-size:clamp(1rem,1.6vw,1.125rem);line-height:1.6}.roadmap-map{aspect-ratio:1200/2070;width:100%;margin-top:4rem;position:relative}.roadmap-road{width:100%;height:100%;position:absolute;inset:0}.road-base,.road-done{stroke-width:var(--road-width);stroke-linecap:round}.road-stripe-upcoming,.road-stripe-done{stroke-width:var(--road-stripe-width);stroke-linecap:round}.road-base{stroke:var(--salvio-neutral-100)}.road-done{stroke:var(--salvio-purple-100);stroke-dasharray:var(--road-progress) var(--road-length)}.road-stripe-upcoming{stroke:var(--salvio-neutral-200);stroke-dasharray:var(--road-dash-upcoming)}.road-stripe-done{stroke:var(--salvio-mint);stroke-dasharray:var(--road-progress) var(--road-length)}.roadmap-stations{margin:0;padding:0;list-style:none}.station:first-child{--station-x:35%;--station-y:5.7971%;--card-x:var(--card-left-x)}.station:nth-child(2){--station-x:65%;--station-y:21.256%;--card-x:var(--card-right-x)}.station:nth-child(3){--station-x:35%;--station-y:37.6812%;--card-x:var(--card-left-x)}.station:nth-child(4){--station-x:65%;--station-y:54.1063%;--card-x:var(--card-right-x)}.station:nth-child(5){--station-x:35%;--station-y:70.5314%;--card-x:var(--card-left-x)}.station:nth-child(6){--station-x:65%;--station-y:85.0242%;--card-x:var(--card-right-x)}.station-node{left:var(--station-x);top:var(--station-y);width:var(--node-size);height:var(--node-size);border-radius:var(--node-radius);background:var(--salvio-neutral-0);border:1px solid var(--salvio-neutral-200);justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex;position:absolute;transform:translate(-50%,-50%)}.station-icon{width:var(--icon-size);height:var(--icon-size);color:var(--salvio-neutral-500)}.station-icon .accent{stroke:var(--salvio-neutral-200)}.station-card{left:var(--card-x);top:var(--station-y);width:var(--card-width);border:1px dashed var(--salvio-neutral-200);background:0 0;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;position:absolute;transform:translateY(-50%)}.station-meta{flex-wrap:wrap;align-items:center;gap:.625rem;margin:0;display:flex}.station-number{font-variant-numeric:tabular-nums;color:var(--salvio-neutral-500);font-size:.8125rem;font-weight:600;line-height:1.25rem}.station-badge{border-radius:999px;align-items:center;height:24px;padding:0 10px;font-size:.75rem;font-weight:600;display:inline-flex}.station-title{letter-spacing:-.01em;color:var(--lp-text-muted);margin:0;font-size:1.375rem;font-weight:600;line-height:1.75rem}.station-text{color:var(--lp-text-muted);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.6}.station[data-status=done] .station-node{background:var(--salvio-purple);border-color:var(--salvio-purple)}.station[data-status=done] .station-icon{color:var(--salvio-neutral-0)}.station[data-status=done] .station-icon .accent{stroke:var(--salvio-mint)}.station[data-status=done] .station-card{background:var(--salvio-neutral-0);border:1px solid var(--salvio-neutral-100)}.station[data-status=done] .station-number{color:var(--salvio-purple)}.station[data-status=done] .station-title{color:var(--lp-text)}.station[data-status=done] .station-badge{background:var(--salvio-purple-100);color:var(--salvio-purple)}.station[data-status=current] .station-node{width:var(--node-size-current);height:var(--node-size-current);background:var(--salvio-neutral-0);border:2px solid var(--salvio-purple);box-shadow:0 0 0 var(--node-ring-current) var(--salvio-mint-100)}.station[data-status=current] .station-icon{width:var(--icon-size-current);height:var(--icon-size-current);color:var(--salvio-purple)}.station[data-status=current] .station-icon .accent{stroke:var(--salvio-mint-700)}.station[data-status=current] .station-card{background:var(--salvio-neutral-0);border:1px solid var(--salvio-purple)}.station[data-status=current] .station-number{color:var(--salvio-purple)}.station[data-status=current] .station-title{color:var(--lp-text)}.station[data-status=current] .station-badge{background:var(--salvio-mint-100);color:var(--salvio-mint-700)}.roadmap-end-marker{width:var(--end-marker-size);height:var(--end-marker-size);background:var(--salvio-purple);box-shadow:0 0 0 var(--end-marker-ring) var(--salvio-purple-100);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:95.4106%;left:73.1667%;transform:translate(-50%,-50%)}.roadmap-end-icon{width:var(--end-icon-size);height:var(--end-icon-size);color:var(--salvio-neutral-0)}.roadmap-end-icon .accent{stroke:var(--salvio-mint)}.roadmap-end-card{flex-direction:column;gap:.5rem;width:36.6667%;display:flex;position:absolute;top:95.4106%;left:28.3333%;transform:translateY(-50%)}.roadmap-end-title{letter-spacing:-.01em;color:var(--lp-text);margin:0;font-size:1.375rem;font-weight:600;line-height:1.75rem}.roadmap-end-text{color:var(--lp-text-muted);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.6}@media (prefers-reduced-motion:no-preference){.roadmap-pending .road-done,.roadmap-pending .road-stripe-done{stroke-dashoffset:var(--road-progress)}.roadmap-pending .station,.roadmap-pending .roadmap-end{opacity:0}.roadmap-inview .road-done,.roadmap-inview .road-stripe-done{stroke-dashoffset:0;transition:stroke-dashoffset 1.2s ease-out}.roadmap-inview .station,.roadmap-inview .roadmap-end{opacity:1;transition:opacity .5s}.roadmap-inview .station:first-child{transition-delay:.1s}.roadmap-inview .station:nth-child(2){transition-delay:.25s}.roadmap-inview .station:nth-child(3){transition-delay:.4s}.roadmap-inview .station:nth-child(4){transition-delay:.55s}.roadmap-inview .station:nth-child(5){transition-delay:.7s}.roadmap-inview .station:nth-child(6){transition-delay:.85s}.roadmap-inview .roadmap-end{transition-delay:1s}}@media (max-width:900px){.roadmap-map{aspect-ratio:auto;margin-top:2.5rem}.roadmap-road{display:none}.roadmap-stations{flex-direction:column;display:flex}.station{gap:var(--mobile-node-to-card-gap);padding-bottom:var(--mobile-row-gap);display:flex;position:relative}.station:before,.station:after{content:"";position:absolute;top:0;bottom:0}.station:before{left:calc((var(--mobile-column-width) - var(--mobile-band-width)) / 2);width:var(--mobile-band-width);background:var(--salvio-neutral-100)}.station:after{left:calc(var(--mobile-column-width) / 2 - var(--road-stripe-width) / 2);width:0;top:var(--node-size-mobile);border-left:var(--road-stripe-width) dashed var(--salvio-neutral-200)}.station[data-status=done]:before{background:var(--salvio-purple-100)}.station[data-status=done]:after{width:var(--road-stripe-width);background:var(--salvio-mint);border-left:0}.station:first-child:before{border-radius:calc(var(--mobile-band-width) / 2) calc(var(--mobile-band-width) / 2) 0 0;top:.75rem}.station:first-child:after{top:calc(var(--node-size-mobile) + .75rem)}.station-node,.station[data-status=current] .station-node{z-index:1;width:var(--node-size-mobile);height:var(--node-size-mobile);margin-left:calc((var(--mobile-column-width) - var(--node-size-mobile)) / 2);flex:none;position:relative;top:auto;left:auto;transform:none}.station[data-status=current] .station-node{box-shadow:0 0 0 var(--node-ring-current-mobile) var(--salvio-mint-100)}.station:first-child .station-node{margin-top:.75rem}.station-icon,.station[data-status=current] .station-icon{width:var(--icon-size-mobile);height:var(--icon-size-mobile)}.station-card{flex:auto;gap:.375rem;width:auto;padding:1rem;position:relative;top:auto;left:auto;transform:none}.station-title{font-size:1.125rem;line-height:1.5rem}.station-text{font-size:.9375rem}.roadmap-end{gap:var(--mobile-node-to-card-gap);display:flex;position:relative}.roadmap-end:before,.roadmap-end:after{content:"";position:absolute;top:0}.roadmap-end:before{left:calc((var(--mobile-column-width) - var(--mobile-band-width)) / 2);width:var(--mobile-band-width);background:var(--salvio-neutral-100);height:96px}.roadmap-end:after{left:calc(var(--mobile-column-width) / 2 - var(--road-stripe-width) / 2);border-left:var(--road-stripe-width) dashed var(--salvio-neutral-200);width:0;height:60px}.roadmap-end-marker{z-index:1;width:var(--end-marker-size-mobile);height:var(--end-marker-size-mobile);margin-left:calc((var(--mobile-column-width) - var(--end-marker-size-mobile)) / 2);box-shadow:0 0 0 var(--end-marker-ring-mobile) var(--salvio-purple-100);flex:none;margin-top:4rem;position:relative;top:auto;left:auto;transform:none}.roadmap-end-icon{display:none}.roadmap-end-card{flex:auto;width:auto;padding-top:.5rem;position:relative;top:auto;left:auto;transform:none}.roadmap-end-title{font-size:1.125rem;line-height:1.5rem}.roadmap-end-text{font-size:.9375rem}}