
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');
.mek-process {--cream:#f3f0e9;--petrol:#022831;--bronze:#ba7c53;--muted:#627274}.mek-process, .mek-process * {box-sizing:border-box}.mek-process {margin:0;background:var(--cream);color:var(--petrol);font-family:Inter,Arial,sans-serif}.mek-process button,
.mek-process a {-webkit-tap-highlight-color:transparent}.mek-process button {font:inherit}.mek-process a {color:inherit}.mek-process .mono {font-family:'JetBrains Mono',monospace;text-transform:uppercase;font-size:10px;letter-spacing:.17em}.mek-process {--step-scroll:clamp(120px,18vh,180px);height:calc(100svh + var(--step-scroll)*4);position:relative}.mek-process .stage {position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;padding:44px 5vw 20px;display:flex;flex-direction:column}.mek-process .heading {display:flex;justify-content:space-between;align-items:start;position:relative;z-index:2}.mek-process .eyebrow {color:#8b5c3c;margin:0 0 15px}.mek-process .heading h2 {font-size:clamp(40px,4.7vw,76px);letter-spacing:-.065em;line-height:1.04;margin:0;font-weight:700}.mek-process .heading h2 span {display:block}.mek-process .heading>p {max-width:220px;font-size:14px;line-height:1.7;margin:30px 0 0}.mek-process .canvas {position:relative;flex:1;min-height:0;margin-top:20px}.mek-process .pipe {position:absolute;inset:0;width:100%;height:100%;overflow:visible}.mek-process .route {fill:none;stroke-width:7;stroke-linejoin:round;stroke-linecap:round}.mek-process .track {stroke:#02283114}.mek-process .copper {stroke:url(#mekProcessCopper);stroke-dasharray:1;stroke-dashoffset:1}.mek-process .copper,
.mek-process .shine {transition:stroke-dashoffset .65s ease}.mek-process .shine {stroke:#fff8;stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:1}.mek-process .station {position:absolute;transform:translate(-50%,-50%);border:0;background:none;color:var(--muted);padding:0;cursor:pointer;text-align:left;z-index:4}.mek-process .station:before {content:'';position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:16px;height:16px;background:var(--cream);border:1px solid #a8aeaa;border-radius:50%;transition:background .4s,border .4s,box-shadow .4s}.mek-process .station.is-past:before {background:var(--bronze);border-color:var(--bronze)}.mek-process .station[aria-current="step"]:before {background:var(--cream);border:5px solid var(--bronze);width:24px;height:24px;box-shadow:0 0 0 6px #ba7c531b}.mek-process .station .label {display:block;position:absolute;bottom:26px;left:0;width:130px;transition:color .3s}.mek-process .station .label b {display:block;font-size:22px;letter-spacing:-.04em;margin-bottom:5px;font-weight:500}.mek-process .station .label span {font-size:13px}.mek-process .station.is-past,
.mek-process .station[aria-current="step"] {color:#8b5c3c}.mek-process .station {width:32px;height:32px}.mek-process .station:before {left:50%;top:50%}.mek-process .station .label {left:16px;bottom:42px}.mek-process .station:focus-visible {outline:2px solid var(--petrol);outline-offset:18px}.mek-process .number {position:absolute;left:43%;top:11%;transform:translate(-50%,-50%);font-size:clamp(120px,15vw,230px);font-weight:600;line-height:1;color:transparent;-webkit-text-stroke:1px var(--bronze);letter-spacing:-.07em;pointer-events:none}.mek-process .card {position:absolute;top:30%;left:31%;width:45%;min-height:235px;background:var(--petrol);color:var(--cream);padding:clamp(24px,3vw,46px);border-right:5px solid var(--bronze);z-index:3}.mek-process .card .eyebrow {color:#d99c73;font-size:9px;margin-bottom:18px}.mek-process .card h2 {margin:0 0 16px;font-size:clamp(25px,2.7vw,44px);line-height:1.12;letter-spacing:-.045em;font-weight:600}.mek-process .card p {font-size:clamp(13px,1.05vw,17px);line-height:1.7;margin:0;max-width:520px;color:#d2dddc}.mek-process .card-body {transition:opacity .18s,transform .3s}.mek-process .card-body.changing {opacity:0;transform:translateY(8px)}.mek-process .drawing {position:absolute;width:30%;height:43%;left:0;bottom:0;color:#687a79;opacity:.75}.mek-process .drawing svg {width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1}.mek-process .drawing .warm {stroke:var(--bronze);stroke-width:2}.mek-process .drawing-label {position:absolute;bottom:0;left:0;font-size:8px}.mek-process .footnote {position:absolute;bottom:5%;right:0;width:20%;font-size:12px;line-height:1.6;color:var(--muted);border-top:1px solid #02283130;padding-top:14px}.mek-process .footnote strong {color:var(--petrol);display:block;font-size:15px;line-height:1.4;margin-bottom:10px}.mek-process .progress {display:flex;justify-content:space-between;align-items:center;gap:22px;z-index:5;padding-top:15px}.mek-process .segments {display:flex;gap:5px;flex:1;max-width:340px}.mek-process .segments span {height:3px;background:#02283120;flex:1}.mek-process .segments span.done {background:var(--bronze)}.mek-process .navbuttons {display:flex;gap:8px}.mek-process .navbuttons button {background:transparent;border:1px solid #02283140;width:42px;height:42px;font-size:20px;color:var(--petrol);cursor:pointer}.mek-process .navbuttons button:hover {background:var(--petrol);color:var(--cream)}.mek-process .navbuttons button:disabled {opacity:.25;cursor:default}.mek-process .progress .hint {color:var(--muted);font-size:9px}.mek-process .mobile-steps {display:none}@media(max-height:720px) and (min-width:801px) {.mek-process .stage {padding-top:24px;min-height:570px}.mek-process .heading h2 {font-size:45px}.mek-process .heading>p {margin-top:12px}.mek-process .card {min-height:200px;padding:23px}.mek-process .card h2 {font-size:27px}.mek-process .card p {font-size:13px}.mek-process .number {font-size:140px}.mek-process .canvas {margin-top:14px}.mek-process .station .label {bottom:18px}.mek-process .station .label b {font-size:18px}}@media(max-width:800px) {.mek-process {height:auto}.mek-process .stage {position:relative;height:auto;min-height:0;padding:45px 22px 15px;overflow:visible}.mek-process .heading {display:block}.mek-process .heading h2 {font-size:clamp(38px,9vw,62px)}.mek-process .heading>p {max-width:250px;font-size:14px;margin:20px 0 0}.mek-process .canvas,
.mek-process .progress {display:none}.mek-process .mobile-steps {display:block;position:relative;margin:40px 22px 0 12px;padding:0 0 0 33px}.mek-process .mobile-steps:before {content:'';position:absolute;top:10px;bottom:45px;left:0;width:2px;background:#02283120}.mek-process .mobile-fill {position:absolute;left:0;top:10px;bottom:45px;width:2px;background:var(--bronze);transform:scaleY(0);transform-origin:top;transition:transform .35s}.mek-process .mobile-step {position:relative;padding:0 0 42px;scroll-margin-top:25px}.mek-process .mobile-step:before {content:'';position:absolute;left:-40px;top:5px;width:16px;height:16px;border:2px solid #a3aaa7;border-radius:50%;background:var(--cream);transition:border-color .4s,background .4s}.mek-process .mobile-step.inview:before {background:var(--bronze);border-color:var(--bronze)}.mek-process .mobile-step .eyebrow {font-size:9px;margin:0 0 13px}.mek-process .mobile-step h2 {font-size:29px;line-height:1.13;letter-spacing:-.045em;margin:0 0 15px;font-weight:600}.mek-process .mobile-step p {font-size:15px;line-height:1.75;margin:0;color:#526668}.mek-process .mobile-step .step-inner {border-bottom:1px solid #02283120;padding-bottom:30px;transition:opacity .65s,transform .65s}.mek-process.motion .mobile-step .step-inner {opacity:.3;transform:translateY(16px)}.mek-process.motion .mobile-step.inview .step-inner {opacity:1;transform:none}}@media(prefers-reduced-motion:reduce) {.mek-process, .mek-process * {scroll-behavior:auto!important;transition:none!important;animation:none!important}.mek-process {height:auto}.mek-process .stage {position:relative;height:760px}.mek-process.motion .mobile-step .step-inner {opacity:1;transform:none}@media(max-width:800px) {.mek-process .stage {height:auto}}}.mek-process .progress {justify-content:flex-end}.mek-process .station:nth-of-type(2) .label {left:auto;right:22px;width:auto;white-space:nowrap;text-align:right;bottom:38px}.mek-process .copper,
.mek-process .shine {transition:none;will-change:stroke-dashoffset}.mek-process .card-body {transition:none}.mek-process .number {will-change:opacity,transform}@media(max-width:800px) {.mek-process .mobile-fill {transition:none;will-change:transform;}.mek-process .mobile-step .step-inner {padding:20px 18px 24px;margin:-20px -18px 0;border-left:2px solid transparent;transition:opacity .5s,transform .55s,background .4s,border-color .4s,color .4s;}.mek-process.motion .mobile-step .step-inner {opacity:.65;transform:translateY(14px);}.mek-process.motion .mobile-step.inview .step-inner {opacity:1;transform:none;}.mek-process .mobile-step.is-current .step-inner {background:var(--petrol);border-left-color:var(--bronze);color:var(--cream);}.mek-process .mobile-step.is-current .step-inner>p:not(.eyebrow) {color:#d3dfdd;}.mek-process .mobile-step.is-current .eyebrow {color:#dda47d;}.mek-process .mobile-step.is-current:before {background:var(--cream);border-color:var(--bronze);box-shadow:0 0 0 5px #ba7c5328;}.mek-process .mobile-step:before {transition:background .4s,border-color .4s,box-shadow .4s;}
}@media(prefers-reduced-motion:reduce) {.mek-process {height:auto}}.mek-process {background:#022831;color:#f3f0e9;}.mek-process .stage {background:#022831;}.mek-process .heading {justify-content:flex-end;align-items:flex-start;}.mek-process .heading>div {width:max-content;max-width:70%;text-align:right;}.mek-process .heading .eyebrow {display:flex;justify-content:flex-end;align-items:center;gap:14px;color:#d49a71;margin-bottom:16px;}.mek-process .heading .eyebrow:before {content:'';width:54px;height:1px;background:#ba7c53;}.mek-process .heading h2 {font-size:clamp(35px,3.9vw,62px);line-height:1.06;}.mek-process .track {stroke:#6d8b902e;}.mek-process .station {color:#a7bfc1;}.mek-process .station:before {background:#022831;border-color:#6c8a8e;}.mek-process .station.is-past,
.mek-process .station[aria-current="step"] {color:#dda579;}.mek-process .station[aria-current="step"]:before {background:#022831;box-shadow:0 0 0 6px #ba7c532b;}.mek-process .station:focus-visible {outline-color:#f3f0e9;}.mek-process .number {-webkit-text-stroke-color:#ba7c53;opacity:.7;}.mek-process .card {background:#001e26;border-right-color:#ba7c53;}.mek-process .footnote {color:#a5babc;border-top-color:#6d8b9045;}.mek-process .footnote strong {color:#eadbd0;}.mek-process .navbuttons button {color:#f3f0e9;border-color:#6d8b9060;}.mek-process .navbuttons button:hover {background:#ba7c53;color:#022831;}@media(max-height:720px) and (min-width:801px) {.mek-process .heading h2 {font-size:40px;}}@media(max-width:800px) {.mek-process .heading {display:flex;justify-content:flex-end;}.mek-process .heading>div {max-width:100%;}.mek-process .heading h2 {font-size:clamp(33px,8.8vw,56px);}.mek-process .heading .eyebrow {font-size:9px;gap:10px;}.mek-process .heading .eyebrow:before {width:28px;}.mek-process .mobile-steps:before {background:#6d8b903b;}.mek-process .mobile-step:before {background:#022831;border-color:#6d8b90;}.mek-process .mobile-step .eyebrow {color:#d49a71;}.mek-process .mobile-step .step-inner {border-bottom-color:#6d8b903b;}.mek-process .mobile-step .step-inner>p:not(.eyebrow) {color:#bbcccd;}.mek-process .mobile-step.is-current .step-inner {background:#073740;border-left-color:#d49a71;}.mek-process .mobile-step.is-current:before {background:#022831;}
}


.mek-process{--mp-header:0px;font-family:Inter,Arial,sans-serif;scroll-margin-top:var(--mp-header);}
.mek-process .stage{top:var(--mp-header);height:calc(100svh - var(--mp-header));}
@media(min-width:801px){
 .mek-process{height:calc(100svh - var(--mp-header) + var(--step-scroll)*4);}
}
@media(max-width:800px){.mek-process .stage{height:auto;top:auto;}}
@media(prefers-reduced-motion:reduce){.mek-process{height:auto;}.mek-process .stage{position:relative;top:auto;}}


.mek-process .heading h2,.mek-process .card h2,.mek-process .mobile-step h2{font-family:Inter,Arial,sans-serif!important;text-transform:none!important;font-weight:600!important;letter-spacing:-.045em!important;line-height:1.12!important;color:inherit!important;}
.mek-process .heading h2{font-size:clamp(35px,3.9vw,62px)!important;line-height:1.06!important;margin:0!important;}
.mek-process .card h2{font-size:clamp(25px,2.7vw,44px)!important;margin:0 0 16px!important;}
.mek-process .mobile-step h2{font-size:29px!important;margin:0 0 15px!important;}
@media(max-height:720px) and (min-width:801px){.mek-process .heading h2{font-size:40px!important;}.mek-process .card h2{font-size:27px!important;}}
@media(max-width:800px){.mek-process .heading h2{font-size:clamp(33px,8.8vw,56px)!important;}}


.mek-process .canvas{position:relative!important;}
.mek-process .pipe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;display:block!important;}
.mek-process .station{position:absolute!important;width:32px!important;height:32px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;border:0!important;background:transparent!important;}
.mek-process .station:before{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;}
@media(min-width:801px){
 .mek-process.mp-managed>.stage{position:absolute!important;top:var(--mp-stage-y,0px)!important;width:100%!important;height:calc(100svh - var(--mp-header))!important;min-height:0!important;}
 .mek-process.mp-pin-portal{position:fixed!important;top:var(--mp-pin-top)!important;left:var(--mp-pin-left)!important;width:var(--mp-pin-width)!important;height:var(--mp-pin-height)!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;z-index:900;overflow:hidden;}
 .mek-process.mp-pin-portal>.stage{position:relative!important;top:0!important;width:100%!important;height:100%!important;min-height:0!important;}
}
