@property --rm-stub{syntax:"<color>";inherits:false;initial-value:#00336629}.roadmap{max-width:1080px;margin:0 auto;padding:28px 0;position:relative}.rm-backdrop{display:none}.how:has(>.roadmap){isolation:isolate;position:relative}.how:has(>.roadmap)>.rm-backdrop{z-index:-1;pointer-events:none;background:radial-gradient(44% 30% at 0 20%,#0dcfcf17 0%,#0dcfcf00 70%),radial-gradient(44% 30% at 100% 80%,#0dcfcf14 0%,#0dcfcf00 70%);display:block;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 72px calc(100% - 72px),#0000);mask-image:linear-gradient(#0000,#000 72px calc(100% - 72px),#0000)}.rm-backdrop:after{content:"";--rm-from:calc(var(--rm-top,300px) - 24px);--rm-to:calc(100% - var(--rm-bottom,120px) + 24px);background-image:linear-gradient(90deg,#0033660b 1px,#0000 1px),linear-gradient(#0033660b 1px,#0000 1px),linear-gradient(90deg,#00336606 1px,#0000 1px),linear-gradient(#00336606 1px,#0000 1px);background-size:160px 160px,160px 160px,32px 32px,32px 32px;background-position:50% var(--rm-top,0px);-webkit-mask-image:linear-gradient(transparent var(--rm-from), #000 calc(var(--rm-from) + 180px), #000 calc(var(--rm-to) - 180px), transparent var(--rm-to)), radial-gradient(56% 100% at 50% 50%, #000 40%, transparent 100%);-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(transparent var(--rm-from), #000 calc(var(--rm-from) + 180px), #000 calc(var(--rm-to) - 180px), transparent var(--rm-to)), radial-gradient(56% 100% at 50% 50%, #000 40%, transparent 100%);mask-image:linear-gradient(transparent var(--rm-from), #000 calc(var(--rm-from) + 180px), #000 calc(var(--rm-to) - 180px), transparent var(--rm-to)), radial-gradient(56% 100% at 50% 50%, #000 40%, transparent 100%);position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.rm-aura{--rm-aura:640px;left:calc(var(--rm-aura) / -2);top:calc(var(--rm-aura) / -2);width:var(--rm-aura);height:var(--rm-aura);opacity:0;transition:opacity .9s var(--ease);will-change:transform;background:radial-gradient(closest-side,#0dcfcf29 0%,#0dcfcf14 36%,#0dcfcf06 68%,#0dcfcf00 100%);border-radius:50%;position:absolute}.rm-aura[data-on]{opacity:1}.roadmap-line{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.roadmap-track{stroke:#0363;stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:.1 9}.roadmap-glow{stroke:#0dcfcf52;stroke-width:10px;stroke-linecap:round}.roadmap-progress{stroke-width:3.2px;stroke-linecap:round}.roadmap-head{opacity:0;transition:opacity .35s var(--ease)}.roadmap-head[data-on]{opacity:1}.roadmap-head-halo{fill:#0dcfcf33}.roadmap-head-dot{fill:var(--white);stroke:var(--teal);stroke-width:3px}.rm-step{z-index:1;grid-template-columns:1fr 132px 1fr;align-items:center;min-height:210px;display:grid;position:relative}.rm-step:hover,.rm-step:focus-within{z-index:3}.rm-node{z-index:2;letter-spacing:-.01em;width:52px;height:52px;color:var(--text-lt);background:var(--white);box-shadow:inset 0 0 0 1px #0033661a, 0 0 0 6px var(--bg-tint), 0 10px 22px -10px #00336659;transition:color .5s var(--ease), background .5s var(--ease), box-shadow .5s var(--ease), transform .5s var(--ease);border-radius:50%;grid-area:1/2;justify-self:center;place-items:center;font-size:17px;font-weight:700;display:grid;position:relative}.rm-node:after{content:"";pointer-events:none;border:2px solid var(--teal);opacity:0;border-radius:50%;position:absolute;inset:-6px}.rm-step.is-active .rm-node{color:var(--white);background:radial-gradient(120% 120% at 30% 20%, #45e4e4 0%, var(--teal) 46%, var(--teal-hover) 100%);box-shadow:inset 0 1px 0 #fff6, 0 0 0 6px var(--bg-tint), 0 0 0 7px #0dcfcf52, 0 14px 28px -10px #0dcfcfb3;transform:scale(1.04)}.rm-step.is-active .rm-node:after{animation:rm-ping 1.2s var(--ease) 1}@keyframes rm-ping{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1.7)}}.rm-card{z-index:3;text-align:right;background:var(--white);width:min(100%,420px);transition:box-shadow .5s var(--ease), translate .4s var(--ease);border-radius:22px;grid-area:1/1;justify-self:end;padding:20px 24px 22px;position:relative;box-shadow:inset 0 0 0 1px #00336612,0 1px 2px #0033660a,0 20px 40px -24px #00336652}.rm-step.rm-r .rm-card{text-align:left;grid-column:3;justify-self:start}.rm-card:before{content:"";background:linear-gradient(90deg, #0dcfcf00, var(--teal) 30%, var(--teal-hover) 70%, #0dcfcf00);opacity:0;height:2px;transition:opacity .6s var(--ease);border-radius:2px;position:absolute;top:0;left:22px;right:22px}.rm-step.is-active .rm-card{box-shadow:inset 0 0 0 1px #0dcfcf47,0 1px 2px #0033660a,0 22px 44px -24px #0da0aa73}.rm-step.is-active .rm-card:before{opacity:1}@media (hover:hover){.rm-card:hover{translate:0 -3px;box-shadow:inset 0 0 0 1px #0dcfcf57,0 2px 4px #0033660d,0 28px 52px -24px #00336661}}.rm-card:after{content:"";pointer-events:none;--rm-stub:#00336629;background:radial-gradient(circle, var(--rm-stub) 2.6px, transparent 3.1px) no-repeat, linear-gradient(var(--rm-stub), var(--rm-stub)) no-repeat;width:34px;height:8px;transition:--rm-stub .6s var(--ease);background-size:8px 8px,100% 1.5px;margin-top:-4px;position:absolute;top:50%}.rm-step:not(.rm-r) .rm-card:after{background-position:0,0;right:-34px}.rm-step.rm-r .rm-card:after{background-position:100%,0;left:-34px}.rm-step.is-active .rm-card:after{--rm-stub:var(--teal)}.rm-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.rm-step:not(.rm-r) .rm-card-top{flex-direction:row-reverse}.rm-card-top h3{flex:1;min-width:0}.rm-card-top .rm-info{margin-top:-1px}.rm-text{max-height:calc(var(--t-body-sm-lh) * 2em);overflow:hidden}.rm-text-short{display:none}.rm-text[data-cut] .rm-text-short{display:inline}.rm-text[data-cut] .rm-text-full{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rm-info{flex:none;display:inline-flex;position:relative}.rm-info-btn{cursor:pointer;width:24px;height:24px;color:var(--teal-hover);background:var(--white);transition:color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #00336624}.rm-info-btn:after{content:"";border-radius:50%;position:absolute;inset:-8px}.rm-info-btn svg{width:15px;height:15px}.rm-info-btn:hover,.rm-info[data-open] .rm-info-btn{color:var(--white);background:var(--teal);box-shadow:0 6px 14px -6px #0dcfcfcc}.rm-info-btn:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.rm-pop{z-index:4;text-align:left;letter-spacing:-.005em;color:#ffffffeb;background:linear-gradient(90deg, var(--teal), #0dcfcf00 70%) top / 100% 2px no-repeat, linear-gradient(160deg, var(--navy) 0%, var(--navy-deep) 100%);opacity:0;visibility:hidden;width:300px;max-width:calc(100vw - 48px);transition:opacity .18s var(--ease), transform .24s var(--ease), visibility 0s linear .24s;border-radius:14px;padding:14px 16px 15px;font-size:14px;line-height:1.6;position:absolute;bottom:calc(100% + 12px);transform:translateY(5px)scale(.98);box-shadow:0 24px 48px -18px #00234799,inset 0 0 0 1px #ffffff0f}.rm-pop:before{content:"";height:14px;position:absolute;bottom:-14px;left:0;right:0}.rm-pop:after{content:"";background:var(--navy-deep);border-radius:2px;width:11px;height:11px;position:absolute;bottom:-5px;transform:rotate(45deg)}.rm-step:not(.rm-r) .rm-pop{transform-origin:22px 100%;left:-10px}.rm-step:not(.rm-r) .rm-pop:after{left:16.5px}.rm-step.rm-r .rm-pop{transform-origin:calc(100% - 22px) 100%;right:-10px}.rm-step.rm-r .rm-pop:after{right:16.5px}.rm-info[data-below] .rm-pop{top:calc(100% + 12px);bottom:auto;transform:translateY(-5px)scale(.98)}.rm-step:not(.rm-r) .rm-info[data-below] .rm-pop{transform-origin:22px 0}.rm-step.rm-r .rm-info[data-below] .rm-pop{transform-origin:calc(100% - 22px) 0}.rm-info[data-below] .rm-pop:before{top:-14px;bottom:auto}.rm-info[data-below] .rm-pop:after{background:var(--navy);top:-5px;bottom:auto}@media (hover:hover){.rm-info:hover:not([data-dismissed]) .rm-pop{opacity:1;visibility:visible;transition-delay:0s;transform:none}}.rm-info[data-open]:not([data-dismissed]) .rm-pop{opacity:1;visibility:visible;transition-delay:0s;transform:none}.rm-info:has(.rm-info-btn:focus-visible):not([data-dismissed]) .rm-pop{opacity:1;visibility:visible;transition-delay:0s;transform:none}.roadmap.rm-ready .rm-card{opacity:0;filter:blur(3px);transition:opacity .8s var(--ease), transform .8s var(--ease), filter .8s var(--ease), box-shadow .5s var(--ease), translate .4s var(--ease);transform:translateY(20px)}.roadmap.rm-ready .rm-step.is-seen .rm-card{opacity:1;filter:none;transform:none}@media (max-width:768px){.rm-step{grid-template-columns:1fr 108px 1fr;min-height:230px}.rm-card{width:min(100%,304px);padding:18px 20px 20px}.rm-step:not(.rm-r) .rm-card:after{width:22px;right:-22px}.rm-step.rm-r .rm-card:after{width:22px;left:-22px}}@media (max-width:640px){.roadmap{max-width:100%;padding:8px 0}.rm-backdrop:after{background-size:120px 120px,120px 120px,24px 24px,24px 24px}.rm-aura{--rm-aura:400px}.rm-step{grid-template-columns:48px 1fr;gap:18px;min-height:0;padding:14px 0}.rm-node{grid-column:1;width:44px;height:44px;font-size:15px}.rm-card,.rm-step.rm-r .rm-card{text-align:left;grid-column:2;justify-self:stretch;width:100%;padding:16px 18px 18px}.rm-card:after{display:none}.rm-step:not(.rm-r) .rm-card-top{flex-direction:row}.rm-step:not(.rm-r) .rm-pop,.rm-step.rm-r .rm-pop{transform-origin:calc(100% - 22px) 100%;left:auto;right:-10px}.rm-step:not(.rm-r) .rm-pop:after,.rm-step.rm-r .rm-pop:after{left:auto;right:16.5px}.rm-step:not(.rm-r) .rm-info[data-below] .rm-pop{transform-origin:calc(100% - 22px) 0}}@media (prefers-reduced-motion:reduce){.roadmap.rm-ready .rm-card{filter:none;transform:none}.rm-step.is-active .rm-node:after{animation:none}.rm-pop{transform:none}.rm-aura{transition:none}}@media print{.how:has(>.roadmap)>.rm-backdrop{display:none}}