.implementation__map{--line:1.5px;--sk-1:#dcdbe2;--sk-2:#ecebf0;--sk-k:#dcd4f7;--card-rule:#17151b12;--lane:color-mix(in srgb, var(--mh-violet) 42%, var(--mh-paper));--spectrum-y:linear-gradient(180deg, #6e56cf 0%, #a94bc9 52%, #d5339c 100%);--pad:16px;--thumb-h:56px;--thumb-c:calc(var(--pad) + 1px + var(--thumb-h) / 2);--in-h:194px;--lane-gap:16px;--cy:var(--thumb-c);--stem:24px;--cx:24px;--node:14px;--well:112px;--well-gap:12px;margin-top:var(--mh-head-visual);grid-template-columns:minmax(0,2.4fr) minmax(56px,1.5fr) minmax(0,8.1fr);align-items:stretch;display:grid;position:relative}.implementation__map:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(22% 46% at 76% 54%, var(--mh-glow-magenta), transparent), radial-gradient(36% 48% at 42% 50%, var(--mh-glow-violet), transparent);position:absolute;inset:-40px 0}.implementation__inputs,.implementation__merge,.implementation__path{z-index:1;position:relative}.implementation__input,.implementation__card{box-sizing:border-box;min-width:0;padding:var(--pad);border:1px solid var(--card-rule);background:var(--mh-paper);border-radius:4px;flex-direction:column;align-items:stretch;display:flex;position:relative}.implementation__step:where(:not(:last-child)) .implementation__card{border-color:var(--mh-rule-strong) transparent transparent;background:0 0;border-radius:0}.implementation__input,.implementation__step--team .implementation__card{border-top:2px solid var(--mh-ink);padding-top:calc(var(--pad) - 1px)}.implementation__step:last-child .implementation__card{box-shadow:var(--mh-elev-2)}.implementation__sk{box-sizing:border-box;width:var(--w,100%);background:var(--sk-1);border-radius:3px;flex:none;height:6px;display:block}.implementation__sk--2{background:var(--sk-2);border-radius:2px;height:4px}.implementation__sk--k{background:var(--sk-k)}.implementation__inputs{align-self:start;row-gap:var(--lane-gap);margin:0;padding:0;list-style:none;display:grid}.implementation__input{min-height:var(--in-h)}.implementation__input h3{letter-spacing:-.015em;margin:10px 0 4px;font-size:17px;font-weight:500;line-height:1.25}.implementation__input p{color:var(--mh-muted);margin:0 0 10px;font-size:14px;line-height:1.45}.implementation__input .implementation__owner{margin-top:auto}.implementation__thumb{box-sizing:border-box;height:var(--thumb-h);background:var(--mh-wash);color:var(--mh-ink);border:1px solid #0000;border-radius:4px;flex-direction:column;padding:8px 10px;display:flex}.implementation__thumb-head{flex:none;align-items:center;gap:8px;height:16px;display:flex}.implementation__glyph{flex:none;width:16px;height:16px;display:block}.implementation__tag{box-sizing:border-box;border:1px solid var(--mh-rule);background:var(--mh-paper);letter-spacing:.06em;height:16px;color:var(--mh-muted);border-radius:3px;margin-left:auto;padding:0 4px;font-size:12px;font-weight:500;line-height:14px}.implementation__tag:before{content:"CSV"}.implementation__sheet{flex:1;grid-template-rows:repeat(2,1fr);margin-top:3px;display:grid}.implementation__row{border-top:1px solid var(--mh-rule);grid-template-columns:1.4fr 1fr .7fr;align-items:center;gap:8px;display:grid}.implementation__row:first-child .implementation__sk{background:var(--sk-1);border-radius:3px;height:6px}.implementation__row .implementation__sk:nth-child(2){width:72%}.implementation__code{flex-direction:column;flex:1;justify-content:space-evenly;margin-top:3px;display:flex}.implementation__line{padding-left:calc(var(--indent) * 10px);gap:6px;display:flex}.implementation__line .implementation__sk:first-child{background:var(--sk-1)}.implementation__port{top:calc(var(--thumb-c) - 2px - 3px);background:var(--mh-violet);border-radius:50%;width:6px;height:6px;position:absolute;right:-4px}.implementation__merge{--art-w:120px;--art-h:calc(var(--art-w) * .6267);--out:12px;mix-blend-mode:multiply}.implementation__merge path{vector-effect:non-scaling-stroke;stroke-width:var(--line);stroke-linecap:round}.implementation__lane{stroke:var(--lane)}.implementation__trunk{stroke:var(--mh-violet)}.implementation__inlet{width:calc(100% - var(--out) - .835 * var(--art-w));position:absolute;left:0;overflow:visible}.implementation__inlet--csv{top:calc(var(--cy) - .24 * var(--art-h));height:calc(.24 * var(--art-h))}.implementation__inlet--api{top:calc(var(--cy) + .25 * var(--art-h));height:calc(var(--in-h) + var(--lane-gap) - .25 * var(--art-h))}.implementation__merge:before{content:"";left:calc(100% - var(--out) - 2px);right:0;top:calc(var(--cy) - var(--line) / 2);height:var(--line);background:var(--mh-violet);position:absolute}.implementation__art{top:calc(var(--cy) - .395 * var(--art-h));right:calc(var(--out) - .06 * var(--art-w));width:var(--art-w);mix-blend-mode:multiply;pointer-events:none;position:absolute}.implementation__art img{width:100%;height:auto;display:block}.implementation__merge .implementation__wires{width:100%;left:0;top:var(--thumb-c);height:calc(var(--in-h) + var(--lane-gap));display:none;position:absolute;overflow:visible}.implementation__path{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.implementation__path:before{content:"";left:0;top:calc(var(--cy) - var(--line) / 2);width:var(--cx);height:var(--line);background:var(--mh-violet);position:absolute}.implementation__step{min-width:0;padding:calc(var(--cy) + var(--stem)) 12px 0 0;flex-direction:column;display:flex;position:relative}.implementation__step:last-child{padding-right:0}.implementation__step:before{content:"";left:calc(var(--cx) - .5px);top:calc(var(--cy) + var(--node) / 2);height:calc(var(--stem) - var(--node) / 2);background:var(--mh-rule-strong);width:1px;position:absolute}.implementation__node{z-index:2;left:calc(var(--cx) - var(--node) / 2);top:calc(var(--cy) - var(--node) / 2);width:var(--node);height:var(--node);box-sizing:border-box;border:2px solid var(--mh-violet);background:var(--mh-paper);border-radius:50%;position:absolute}.implementation__step--team .implementation__node{border-color:var(--mh-ink);background:var(--mh-ink)}.implementation__step:last-child .implementation__node{outline:4px solid var(--mh-signal-soft)}.implementation__segment{z-index:1;left:var(--cx);width:100%;top:calc(var(--cy) - 3px);height:6px;position:absolute;overflow:hidden}.implementation__segment:before{content:"";left:0;right:0;top:calc(50% - var(--line) / 2);height:var(--line);background:var(--mh-spectrum) 0 0/300% 100%;position:absolute}.implementation__step:nth-child(2) .implementation__segment:before{background-position:50% 0}.implementation__step:nth-child(3) .implementation__segment:before{background-position:100% 0}.implementation__pulse{position:absolute;inset:0}.implementation__pulse:after{content:"";background:var(--mh-signal);border-radius:50%;width:6px;height:6px;position:absolute;top:0;right:-3px}.implementation__card{flex:1;gap:10px}.implementation__step-head{gap:6px;display:grid}.implementation__index{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--mh-muted);font-size:13px;font-weight:500;line-height:1.2;display:block}.implementation__step--kleva .implementation__index{color:var(--mh-violet)}.implementation__step h3{letter-spacing:-.02em;margin:0;font-size:clamp(19px,1.6vw,21px);font-weight:500;line-height:1.15}.implementation__card>p{color:var(--mh-muted);margin:0;font-size:15px;line-height:1.5}.implementation__well{box-sizing:border-box;width:100%;height:var(--well);justify-content:center;gap:var(--well-gap);background:var(--mh-wash);color:var(--mh-ink);border:1px solid #0000;border-radius:4px;flex-direction:column;flex:none;margin:auto 0 4px;padding:12px;display:flex}.implementation__ui-row{align-items:center;gap:8px;min-height:16px;display:flex}.implementation__ui-row+.implementation__ui-row{padding-top:var(--well-gap);border-top:1px solid var(--mh-rule)}.implementation__pair{flex:1;gap:4px;min-width:0;display:grid}.implementation__icon{flex:none;width:16px;height:16px;display:block}.implementation__tile{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--mh-violet) 14%, var(--mh-paper));background:var(--mh-violet-soft);width:20px;height:20px;color:var(--mh-violet);border-radius:4px;flex:none;place-items:center;display:grid}.implementation__tile svg{width:12px;height:12px;display:block}.implementation__toggle{box-sizing:border-box;background:var(--sk-1);border-radius:6px;flex:none;width:20px;height:12px;position:relative}.implementation__toggle:after{content:"";background:var(--mh-paper);border-radius:50%;width:8px;height:8px;position:absolute;top:2px;left:2px}.implementation__toggle.is-on{background:var(--mh-violet)}.implementation__toggle.is-on:after{left:10px}.implementation__avatars{flex:none;display:flex}.implementation__avatars>span{box-sizing:border-box;border:1px solid var(--mh-rule-strong);background:var(--sk-2);border-radius:50%;width:16px;height:16px}.implementation__avatars>span+span{margin-left:-5px}.implementation__pill{background:var(--mh-ink);width:28px;height:16px;color:var(--mh-paper);border-radius:8px;flex:none;place-items:center;margin-left:auto;display:grid}.implementation__pill svg{width:12px;height:12px;display:block}.implementation__dot{background:var(--mh-signal);border-radius:50%;flex:none;width:6px;height:6px;margin:0 3px 0 auto}.implementation__portion{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.implementation__portion>span{background:var(--sk-2);border-radius:3px;height:6px}.implementation__portion>span:first-child{background:var(--mh-spectrum)}.implementation__compare{align-content:center;gap:var(--well-gap) 12px;grid-template-columns:max-content minmax(24px,1fr);list-style:none;display:grid}.implementation__compare li{grid-column:1/-1;grid-template-columns:subgrid;color:var(--mh-ink);align-items:center;font-size:13px;font-weight:500;line-height:16px;display:grid}.implementation__bars{gap:4px;display:grid}.implementation__bars .implementation__sk{width:var(--w)}.implementation__owner{letter-spacing:.06em;text-transform:uppercase;color:var(--mh-muted);flex:none;align-items:center;gap:7px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.implementation__owner:before{content:"";box-sizing:border-box;border-radius:50%;flex:none;width:6px;height:6px}.implementation__owner--kleva:before{border:1.5px solid var(--mh-violet)}.implementation__owner--team:before{background:var(--mh-ink)}.implementation__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 40px;margin-top:32px;display:flex}.implementation__legend{color:var(--mh-muted);flex-wrap:wrap;gap:10px 28px;margin:0;font-size:15px;line-height:1.4;display:flex}.implementation__legend>span{align-items:center;gap:10px;display:inline-flex}.implementation__legend strong{color:var(--mh-ink);font-weight:500}.implementation__key{box-sizing:border-box;border:2px solid var(--mh-violet);background:var(--mh-paper);border-radius:50%;width:14px;height:14px}.implementation__key--team{border-color:var(--mh-ink);background:var(--mh-ink)}.implementation__links{flex-wrap:wrap;gap:4px 32px;margin:0;display:flex}@media (width>=1100px) and (width<=1359px){.implementation__map{--pad:14px;--in-h:208px;grid-template-columns:minmax(0,2.3fr) minmax(48px,1.3fr) minmax(0,8.4fr)}.implementation__merge{--art-w:88px;--out:10px}.implementation__step{padding-right:10px}.implementation__well{padding:10px}.implementation__compare{column-gap:8px}.implementation__compare li{font-size:12px}.implementation__card .implementation__owner{letter-spacing:.03em;white-space:nowrap;gap:6px}}@media (width>=1100px) and (width<=1199px){.implementation__map{grid-template-columns:minmax(0,2.3fr) minmax(48px,.6fr) minmax(0,9.1fr)}.implementation__merge .implementation__wires{display:block}.implementation__merge:before,.implementation__merge :is(.implementation__inlet,.implementation__art){display:none}}@media (width<=1099px){.implementation__map{--rail:36px;--spine-x:12px;--path-gap:16px;--step-gap:12px;--thumb-h:72px;--r:14px;--well:90px;--well-gap:8px;grid-template-columns:minmax(0,1fr)}.implementation__map:before{background:radial-gradient(46% 18% at 60% 80%, var(--mh-glow-magenta), transparent), radial-gradient(48% 30% at 46% 44%, var(--mh-glow-violet), transparent)}.implementation__merge{display:none}.implementation__inputs{row-gap:var(--step-gap);margin-left:var(--rail)}.implementation__input{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(220px,300px);column-gap:32px;min-height:0;display:grid}.implementation__thumb{grid-area:1/2/span 3}.implementation__input :is(h3,p,.implementation__owner){grid-column:1}.implementation__input h3{margin-top:0}.implementation__input p{margin-bottom:10px;font-size:15px}.implementation__input .implementation__owner{align-self:end}.implementation__port{left:-4px;right:auto}.implementation__input:before{content:"";box-sizing:border-box;left:calc(var(--spine-x) - var(--rail) - var(--line) / 2);width:calc(var(--rail) - var(--spine-x) + var(--line) / 2);top:calc(var(--thumb-c) - 2px - var(--line) / 2);height:calc(var(--r) + var(--line));border:0 solid var(--lane);border-top-width:var(--line);border-left-width:var(--line);border-top-left-radius:var(--r);position:absolute}.implementation__input:after{content:"";left:calc(var(--spine-x) - var(--rail) - var(--line) / 2);width:var(--line);top:calc(var(--thumb-c) - 2px + var(--r));position:absolute}.implementation__input--csv:after{bottom:calc(-1 * (var(--step-gap) + var(--thumb-c) + var(--r) - 1px));background:var(--lane)}.implementation__input--api:after{bottom:calc(-1 * var(--path-gap) - 1px);background:var(--mh-violet)}.implementation__path{--cy:29px;margin-top:var(--path-gap);padding-left:var(--rail);display:block}.implementation__path:before{left:calc(var(--spine-x) - var(--line) / 2);width:var(--line);height:var(--cy);top:0}.implementation__step{margin-top:var(--step-gap);padding:0;display:block}.implementation__step:first-child{margin-top:0}.implementation__step:before{display:none}.implementation__node{left:calc(var(--spine-x) - var(--rail) - var(--node) / 2)}.implementation__segment{left:calc(var(--spine-x) - var(--rail) - 3px);width:6px;top:var(--cy);height:calc(100% + var(--step-gap))}.implementation__segment:before{left:calc(50% - var(--line) / 2);width:var(--line);background:var(--spectrum-y) 0 0/100% 300%;height:auto;top:0;bottom:0;right:auto}.implementation__step:nth-child(2) .implementation__segment:before{background-position:0}.implementation__step:nth-child(3) .implementation__segment:before{background-position:0 100%}.implementation__pulse:after{inset:auto auto -3px 0}.implementation__card{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:10px 32px;display:grid}.implementation__card>:not(.implementation__well){grid-column:1}.implementation__well{grid-area:1/2/span 3;align-self:center;margin:0}.implementation__card>.implementation__owner{align-self:end}.implementation__step-head{align-items:baseline;gap:12px;display:flex}.implementation__step h3{font-size:22px}.implementation__card>p{max-width:56ch;font-size:16px}.implementation__compare li{font-size:14px}}@media (width<=768px){.implementation__map{--pad:14px;--thumb-w:80px;--thumb-h:56px;--step-gap:10px;--path-gap:14px}.implementation__input{grid-template-columns:var(--thumb-w) minmax(0, 1fr);column-gap:12px}.implementation__thumb{grid-column:1}.implementation__input :is(h3,p,.implementation__owner){grid-column:2}.implementation__thumb{padding:7px 8px}.implementation__thumb-head{gap:6px}.implementation__thumb-head>.implementation__sk{display:none}.implementation__tag{padding:0 3px}.implementation__row{gap:5px}.implementation__line{padding-left:calc(var(--indent) * 6px);gap:4px}.implementation__input h3{font-size:18px}.implementation__input p{margin-bottom:8px;font-size:15px}.implementation__card{gap:8px;display:flex}.implementation__card>.implementation__owner{align-self:flex-start}.implementation__well--glance{display:none}.implementation__compare{height:auto;margin-top:2px}.implementation__step h3{font-size:21px}.implementation__foot{margin-top:24px}.implementation__links{flex-direction:column;align-items:flex-start;gap:0}}@keyframes implementation-settle{0%{transform:translate(-8px)}}@keyframes implementation-node{0%{transform:scale(.5)}}@keyframes implementation-pulse-x{0%{transform:translate(-100%)}}@keyframes implementation-pulse-y{0%{transform:translateY(-100%)}}@media (prefers-reduced-motion:no-preference){[data-home-motion-state=running] .implementation__thumb{animation:implementation-settle .32s var(--mh-ease) backwards}[data-home-motion-state=running] .implementation__input--api .implementation__thumb{animation-delay:60ms}[data-home-motion-state=running] .implementation__node{animation:.2s cubic-bezier(.34,1.4,.64,1) 60ms backwards implementation-node}[data-home-motion-state=running] .implementation__step:nth-child(2) .implementation__node{animation-delay:.22s}[data-home-motion-state=running] .implementation__step:nth-child(3) .implementation__node{animation-delay:.36s}[data-home-motion-state=running] .implementation__step:nth-child(4) .implementation__node{animation-delay:.5s}[data-home-motion-state=running] .implementation__pulse{animation:.14s cubic-bezier(.45,0,.55,1) .12s backwards implementation-pulse-x}[data-home-motion-state=running] .implementation__step:nth-child(2) .implementation__pulse{animation-delay:.26s}[data-home-motion-state=running] .implementation__step:nth-child(3) .implementation__pulse{animation-delay:.4s}}@media (prefers-reduced-motion:no-preference) and (width<=1099px){[data-home-motion-state=running] .implementation__pulse{animation-name:implementation-pulse-y}}