@layer theme,base;@layer components{.steps-grid{gap:2rem;display:grid}@media (min-width:640px){.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.steps-grid[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.steps-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.step{position:relative}.step-number{width:3rem;height:3rem;color:var(--color-navy-900);font-family:var(--font-display);box-shadow:inset 0 0 0 2px var(--color-sky-200), 0 8px 18px -12px #07476f99;background:#fff;place-items:center;font-weight:700;display:grid}@media (min-width:1024px){.step:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--color-sky-200), #71c5d71a);height:2px;position:absolute;top:1.5rem;left:3.75rem;right:-1.25rem}}.step-title{margin-top:1.25rem;font-size:1.2rem}.step-text{color:var(--color-muted);margin-top:.5rem}.ss-fx,.ss-rail,.ss-ring,.ss-burst,.ss-bar{display:none}@media screen and (prefers-reduced-motion:no-preference) and (forced-colors:none){.ss{--gap:1.75rem;--badge:3.25rem;--r:calc(var(--badge) / 2);--px:1.25rem;--py:2.25rem;--io:cubic-bezier(.7, 0, .2, 1);--out:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.3, 1.55, .5, 1);--lead:0s;--lit:min(round(down, var(--p) * (var(--n) + 1), 1), var(--n));isolation:isolate;color:#fff;background:radial-gradient(70% 55% at 88% 0%, #3a83a142, transparent 70%), radial-gradient(60% 50% at 0% 100%, #0b5a8a80, transparent 70%), var(--color-navy-900);position:relative;overflow:clip}.cv-auto:has(.ss){content-visibility:visible}.ss-stage{padding:var(--py) var(--px);position:relative}.ss .eyebrow{color:var(--color-sky-100)}.ss .heading-block h2{color:#fff}.ss .heading-intro{color:var(--color-sky-100)}.ss-fx{z-index:-1;pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.ss-grid{transform:translateY(calc(var(--p) * -5%));background:radial-gradient(#ffffff17 1px,#0000 1.6px) 0 0/26px 26px;position:absolute;inset:-10% 0;-webkit-mask-image:radial-gradient(75% 65% at 72% 28%,#000 10%,#0000 72%);mask-image:radial-gradient(75% 65% at 72% 28%,#000 10%,#0000 72%)}.ss-spot,.ss-ghost,.ss-meter{display:none}.ss .steps-grid{gap:var(--gap);grid-template-columns:minmax(0,1fr)}.ss .step{--on:clamp(0, round(down, var(--p) * (var(--n) + 1), 1) - var(--i) + 1, 1);grid-template-columns:var(--badge) minmax(0, 1fr);align-content:start;column-gap:1.1rem;display:grid}.ss .step:after{content:none}.ss .step-title,.ss .step-text{grid-column:2;max-width:36rem}.ss .step-title{margin-top:calc(var(--r) - .8em);color:#fff;font-size:1.2rem}.ss .step-text{color:var(--color-sky-100);margin-top:.45rem}.ss .step-number{z-index:1;width:var(--badge);height:var(--badge);box-shadow:none;color:#fff;font-size:calc(var(--badge) * .34);letter-spacing:.02em;background:0 0;grid-row:1/span 2;position:relative}.ss .step-number:before,.ss .step-number:after{content:"";position:absolute;inset:0}.ss .step-number:before{background:#053856;box-shadow:inset 0 0 0 1px #ffffff0f}.ss .step-number:after{opacity:var(--on);transition:opacity calc(.12s + var(--on) * .38s) ease calc(var(--on) * (var(--lead) + 40ms));background:linear-gradient(160deg,#2a77a0,#0b5a8a 55%,#07476f);box-shadow:inset 0 0 0 1px #71c5d773,0 0 22px -4px #71c5d799}.ss-ring{z-index:1;fill:none;width:calc(100% + 10px);height:calc(100% + 10px);display:block;position:absolute;inset:-5px;overflow:visible}.ss-ring-track{stroke:#ffffff4d;stroke-width:.8px;stroke-dasharray:.02 .0217}.ss-ring-draw{stroke:var(--color-sky-200);stroke-width:1.6px;stroke-linecap:square;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--on));opacity:var(--on);filter:drop-shadow(0 0 3px #71c5d7e6);transition:stroke-dashoffset calc(var(--on) * .82s) var(--io) calc(var(--on) * var(--lead)), opacity 0s linear calc(var(--on) * var(--lead))}.ss-burst{z-index:0;pointer-events:none;opacity:var(--on);transform:scale(calc(.7 + var(--on) * 1.9));transition:opacity 0s linear calc(var(--on) * (var(--lead) + 40ms)), transform calc(var(--on) * .9s) var(--out) calc(var(--on) * (var(--lead) + 40ms));display:block;position:absolute;inset:0}.ss-burst>span{opacity:calc(1 - var(--on));transition:opacity calc(var(--on) * .9s) cubic-bezier(.3, 0, .6, 1) calc(var(--on) * (var(--lead) + 40ms));background:linear-gradient(160deg,#ffffff73,#71c5d729 60%,#0000);border:1.5px solid #71c5d7f2;position:absolute;inset:0;box-shadow:0 0 18px #71c5d7b3,inset 0 0 10px #71c5d780}.ss-num{z-index:2;transform:perspective(14em) rotateX(calc((1 - var(--on)) * -95deg));transform-origin:50% 60%;opacity:var(--on);transition:transform calc(.12s + var(--on) * .76s) var(--spring) calc(var(--on) * (var(--lead) + .12s)), opacity calc(.1s + var(--on) * .2s) linear calc(var(--on) * (var(--lead) + .12s));line-height:1;display:block;position:relative}.ss-title{vertical-align:top;max-width:100%;display:inline-block;position:relative}.ss-title-text{clip-path:inset(-.3em calc((1 - var(--on)) * 104% - .2em) -.3em -.2em);transition:clip-path calc(var(--on) * .42s) var(--io) calc(var(--on) * (var(--lead) + .68s));display:block}.ss-bar{pointer-events:none;clip-path:inset(0 calc((1 - var(--on)) * 100%) 0 0);transition:clip-path calc(var(--on) * .42s) var(--io) calc(var(--on) * (var(--lead) + .26s));display:block;position:absolute;inset:-.1em -.15em}.ss-bar>span{background:linear-gradient(90deg, #3a83a1, var(--color-sky-200) 65%, #e6f6fa);clip-path:inset(0 0 0 calc(var(--on) * 100%));transition:clip-path calc(var(--on) * .42s) var(--io) calc(var(--on) * (var(--lead) + .68s));position:absolute;inset:0}.ss .step-text{opacity:var(--on);transform:translateY(calc((1 - var(--on)) * 1.1rem));transition:opacity calc(.12s + var(--on) * .65s) ease calc(var(--on) * (var(--lead) + .93s)), transform calc(.12s + var(--on) * .9s) var(--out) calc(var(--on) * (var(--lead) + .93s))}.ss-rail{top:var(--r);left:calc(var(--r) - 12px);width:24px;height:calc(100% + var(--gap));pointer-events:none;display:block;position:absolute;overflow:hidden}.ss .step:last-child .ss-rail{display:none}.ss-rail:before{content:"";background:repeating-linear-gradient(#ffffff38 0 6px,#0000 6px 12px);width:2px;position:absolute;top:0;bottom:0;left:11px}.ss-comet{transform:translateY(calc((var(--f) - 1) * 100%));position:absolute;inset:0}.ss-comet:before{content:"";background:linear-gradient(180deg, #71c5d7b3, var(--color-sky-200) 75%, #fff);width:2px;position:absolute;top:0;bottom:0;left:11px;box-shadow:0 0 10px #71c5d799}.ss-comet:after{content:"";background:#fff;width:6px;height:6px;position:absolute;bottom:-3px;left:9px;box-shadow:0 0 0 1px #71c5d7e6,0 0 14px 3px #71c5d7b3}@media (min-width:640px){.ss{--px:2rem;--py:2.75rem;--gap:2rem;--badge:3.5rem}}@media (min-width:1024px) and (min-height:640px){.ss:is([data-count="2"],[data-count="3"],[data-count="4"]){--gap:clamp(1.5rem, 2.6vw, 2.75rem);--badge:clamp(3.25rem, 7.2svh, 4.25rem);--px:clamp(2rem, 4vw, 4rem);--py:clamp(1.75rem, 6.5svh, 4.5rem);--per:60svh;--lead:.52s;height:calc((var(--n) + 1) * var(--per) + 100svh)}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .ss-stage{top:var(--header-h);height:calc(100svh - var(--header-h));flex-direction:column;display:flex;position:sticky}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .heading-block{max-width:46rem;margin-bottom:2rem}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .heading-block h2{font-size:min(clamp(2rem,1.1rem + 2vw,3rem),6.4svh)}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .heading-intro{font-size:min(1.1875rem,2.6svh)}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .steps-grid{padding-bottom:calc(var(--py) * .35);grid-template-columns:repeat(var(--n), minmax(0, 1fr));column-gap:var(--gap);margin-block:auto}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .step{display:block}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .step-title{margin-top:min(1.6rem,3.2svh);font-size:min(1.4375rem,3.1svh);line-height:1.25}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .step-text{margin-top:.6rem;font-size:min(1.0625rem,2.4svh);line-height:1.6}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .step-number{font-size:calc(var(--badge) * .32)}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .ss-rail{top:calc(var(--r) - 12px);left:calc(var(--r) - 100% - var(--gap));width:calc(100% + var(--gap));height:24px}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .step:first-child .ss-rail{left:calc(-1 * var(--px));width:calc(var(--px) + var(--r))}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .step:last-child .ss-rail{display:block}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .ss-rail:before{background:repeating-linear-gradient(90deg,#ffffff38 0 6px,#0000 6px 12px);width:auto;height:2px;inset:11px 0 auto}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .ss-comet{transform:translateX(calc((var(--on) - 1) * 100%));transition:transform calc(var(--on) * .62s) cubic-bezier(.55, 0, .25, 1)}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .ss-comet:before{background:linear-gradient(90deg, #71c5d7b3, var(--color-sky-200) calc(100% - 9rem), #fff);width:auto;height:2px;inset:11px 0 auto}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .ss-comet:after{width:6px;height:6px;opacity:var(--on);inset:9px -3px auto auto;box-shadow:0 0 0 1px #71c5d7e6,0 0 16px 4px #71c5d7b3,-26px 0 14px -4px #ffffff8c}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .ss-spot{top:0;bottom:0;left:var(--px);width:calc((100% - 2 * var(--px) - (var(--n) - 1) * var(--gap)) / var(--n));opacity:min(var(--lit), 1);transform:translateX(calc((max(var(--lit), 1) - 1) * (100% + var(--gap))));transition:transform 1s var(--io) .35s, opacity .6s ease .35s;background:linear-gradient(#71c5d700,#71c5d70d 45%,#71c5d71a);display:block;position:absolute;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .ss-ghost{top:calc(var(--py) - .1em);right:calc(var(--px) - .15em);height:1em;font:700 min(44svh, 25vw, 28rem) / 1 var(--font-display);letter-spacing:-.05em;transform:translateY(calc((.5 - var(--p)) * 7svh));padding-right:.1em;display:block;position:absolute;overflow:hidden}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .ss-ghost:before{content:"00\a 01\a 02\a 03\a 04";white-space:pre;color:#0000;background:linear-gradient(#71c5d733,#71c5d714 55%,#71c5d700 92%) 0 0/100% 1em repeat-y;transform:translateY(calc(var(--lit) * -1em));transition:transform 1.1s var(--io) .45s;-webkit-background-clip:text;background-clip:text;display:block}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .ss-meter{left:var(--px);right:var(--px);bottom:calc(var(--py) * .45);background:#ffffff1a;height:2px;display:block;position:absolute}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .ss-meter:after{content:"";background:linear-gradient(90deg, #3a83a1, var(--color-sky-200));transform:scaleX(var(--p));transform-origin:0;position:absolute;inset:0}}}}@layer utilities;@property --p{syntax:"<number>";inherits:true;initial-value:1}@property --on{syntax:"<number>";inherits:true;initial-value:1}@property --lit{syntax:"<number>";inherits:true;initial-value:0}@property --f{syntax:"<number>";inherits:true;initial-value:1}@keyframes ss-progress{0%{--p:0}to{--p:1}}@keyframes ss-on{0%{--on:0}to{--on:1}}@keyframes ss-run{0%{--f:0}to{--f:1}}@supports (animation-timeline:view()){@layer components{@media screen and (prefers-reduced-motion:no-preference) and (forced-colors:none){.ss .step{animation-name:ss-on;animation-duration:1ms;animation-timing-function:step-end;animation-fill-mode:both;animation-timeline:view(74% 25%);animation-range:cover var(--r) cover calc(var(--r) + 1px)}.ss .ss-rail{animation-name:ss-run;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view(74% 25%);animation-range:cover}@media (min-width:1024px) and (min-height:640px){.ss:is([data-count="2"],[data-count="3"],[data-count="4"]){animation-name:ss-progress;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view(block var(--header-h) 0px);animation-range:contain}.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .step,.ss:is([data-count="2"],[data-count="3"],[data-count="4"]) .ss-rail{animation:none}}}}}
