.mc-grid{align-items:center;display:grid;gap:clamp(30px,4vw,60px);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);margin-top:clamp(30px,3.6vw,46px)}.mc-board{aspect-ratio:16/10;background:linear-gradient(160deg,#fff,var(--stone));border:1px solid rgba(60,95,172,.16);border-radius:20px;box-shadow:0 30px 60px -48px rgba(0,24,68,.6);container-type:inline-size;overflow:hidden;position:relative;--fs:max(10.5px,1.7cqi)}.mc-board>*{height:var(--h);left:var(--x);position:absolute;top:var(--y);width:var(--w)}.mc-from{--x:3%;--y:8%;--w:21%;--h:84%}.mc-to{--x:78%;--y:8%;--w:19%;--h:84%}.mc-belt{--x:24%;--y:60%;--w:54%;--h:10%}.mc-c.mc-licensing{--x:26.5%;--y:38%;--w:10%;--h:22%}.mc-c.mc-waste{--x:39.5%;--y:38%;--w:10%;--h:22%}.mc-c.mc-risk{--x:52.5%;--y:38%;--w:10%;--h:22%}.mc-c.mc-compliance{--x:65.5%;--y:38%;--w:10%;--h:22%}.mc-c.mc-cost{--x:80%;--y:84%;--w:15%;--h:6%}.mc-cap{color:var(--mid);font:700 var(--fs)/1 var(--mono);left:8%;letter-spacing:.1em;position:absolute;text-transform:uppercase;top:5%;white-space:nowrap}.mc-from{align-content:center;background:#fff;border:1.5px solid rgba(60,95,172,.24);border-radius:14px;display:grid;gap:1.4cqi;padding:6cqi 2cqi 2cqi}.mc-from i{background:var(--stone);border:1.5px solid rgba(60,95,172,.24);border-radius:7px;color:var(--deep);display:grid;font:800 var(--fs)/1 var(--head);font-style:normal;height:5.4cqi;min-height:22px;place-items:center}.mc-to{background:rgba(88,188,216,.06);border:2px dashed var(--corn);border-radius:14px}.mc-to .mc-cap{color:var(--spot);left:auto;right:8%}.mc-meter{background:rgba(36,58,126,.08);border-radius:8px;bottom:30%;left:16%;overflow:hidden;position:absolute;right:16%;top:22%}.mc-fill{background:var(--corn);bottom:0;height:46%;transition:height 1s var(--ease),background .5s}.mc-fill,.mc-line{left:0;position:absolute;right:0}.mc-line{border-top:2px dashed var(--deep);top:30%}.mc-meter em{color:var(--deep);font:700 max(10.5px,1.5cqi)/1 var(--head);font-style:normal;position:absolute;right:6%;top:calc(30% - 1.4em);white-space:nowrap}.js-mc[data-a=cost] .mc-fill{background:var(--orange);height:88%}.mc-belt{animation:mcBelt 1.6s linear infinite;background:repeating-linear-gradient(90deg,rgba(60,95,172,.18) 0 14px,transparent 14px 28px),rgba(60,95,172,.08);border-radius:999px}@keyframes mcBelt{0%{background-position:0 0}to{background-position:28px 0}}.mc-c{transition:transform .5s var(--ease)}.mc-c>i{background:#fff;border:1.5px solid rgba(60,95,172,.3);border-radius:9px;box-shadow:0 12px 22px -16px rgba(0,24,68,.6);color:var(--deep);font:800 var(--fs)/1 var(--head);font-style:normal;inset:0;place-items:center;transition:border-color .4s,background .4s}.mc-c>i,.mc-c>s{display:grid;position:absolute}.mc-c>s{background:var(--stone);border:1.5px solid rgba(60,95,172,.3);border-radius:50%;color:var(--mid);font:900 max(10.5px,1.8cqi)/1 var(--head);height:max(20px,3.8cqi);place-items:center;right:-1.6cqi;text-decoration:none;top:-1.6cqi;transition:background .4s,color .4s,border-color .4s;width:max(20px,3.8cqi)}.mc-c>s svg{fill:none;height:62%;stroke:currentColor;stroke-linecap:round;stroke-width:2.2;width:62%}.mc-waste>i{background:var(--stone);border-style:dashed;color:var(--lt-mut)}.mc-c em{background:var(--orange);border-radius:8px;bottom:calc(100% + 2.6cqi);color:var(--deep);font:800 var(--fs)/1.15 var(--head);font-style:normal;left:50%;opacity:0;padding:.5em .8em;pointer-events:none;position:absolute;transform:translate(-50%,6px);transition:opacity .35s,transform .35s;white-space:nowrap}.mc-cost em{bottom:auto;top:calc(100% + 4px);transform:translate(-50%,-4px)}.js-mc[data-a=compliance] .mc-compliance em,.js-mc[data-a=cost] .mc-cost em,.js-mc[data-a=licensing] .mc-licensing em,.js-mc[data-a=risk] .mc-risk em,.js-mc[data-a=waste] .mc-waste em{opacity:1;transform:translate(-50%)}.mc-licensing em{left:0;transform:translateY(6px)}.js-mc[data-a=licensing] .mc-licensing em{transform:translate(0)}.js-mc[data-a=compliance] .mc-compliance,.js-mc[data-a=licensing] .mc-licensing,.js-mc[data-a=risk] .mc-risk,.js-mc[data-a=waste] .mc-waste{transform:translateY(-14%)}.js-mc[data-a=compliance] .mc-compliance>i,.js-mc[data-a=licensing] .mc-licensing>i,.js-mc[data-a=risk] .mc-risk>i,.js-mc[data-a=waste] .mc-waste>i{border-color:var(--orange)}.js-mc[data-a=compliance] .mc-compliance>s,.js-mc[data-a=licensing] .mc-licensing>s,.js-mc[data-a=risk] .mc-risk>s,.js-mc[data-a=waste] .mc-waste>s{background:var(--orange);border-color:var(--orange);color:var(--deep)}.mc-list{display:grid;gap:4px;list-style:none;margin:0;padding:0}.mc-list li{align-items:start;border-radius:14px;cursor:default;display:grid;gap:14px;grid-template-columns:14px minmax(0,1fr);outline:none;padding:12px 14px;transition:background .3s,box-shadow .3s}.mc-list li.is-on{background:#fff;box-shadow:0 16px 34px -26px rgba(0,24,68,.55)}.mc-list li:focus-visible{outline:2px solid var(--spot);outline-offset:2px}.mc-dot{border:2px solid rgba(60,95,172,.35);border-radius:50%;height:12px;margin-top:6px;transition:background .3s,border-color .3s;width:12px}.mc-list li.is-on .mc-dot{background:var(--orange);border-color:var(--orange)}.mc-list b{color:var(--deep);display:block;font:800 1.06rem/1.3 var(--head)}.mc-list p{color:var(--lt-mut);font-size:.94rem;line-height:1.55;margin:4px 0 0}@container (max-width:520px){.mc-from{--x:6%;--y:3%;--w:88%;--h:16%}.mc-to{--x:6%;--y:81%;--w:88%;--h:16%}.mc-belt{--x:44%;--y:19%;--w:12%;--h:62%}.mc-c.mc-licensing{--x:41%;--y:23%;--w:18%;--h:11%}.mc-c.mc-waste{--x:41%;--y:37%;--w:18%;--h:11%}.mc-c.mc-risk{--x:41%;--y:51%;--w:18%;--h:11%}.mc-c.mc-compliance{--x:41%;--y:65%;--w:18%;--h:11%}.mc-c.mc-cost{--x:8%;--y:90%;--w:84%;--h:5%}.mc-from{grid-template-columns:repeat(4,1fr);padding:7cqi 3cqi 3cqi}.mc-from i{aspect-ratio:2/1;height:auto}.mc-belt{animation-name:mcBeltV;background:repeating-linear-gradient(180deg,rgba(60,95,172,.18) 0 14px,transparent 14px 28px),rgba(60,95,172,.08)}.mc-to .mc-cap{top:10%}.mc-meter{bottom:28%;left:40%;right:8%;top:28%}.mc-line{border-left:2px dashed var(--deep);border-top:0;bottom:0;left:70%;right:auto;top:0}.mc-fill{height:auto;right:auto;top:0;transition:width 1s var(--ease),background .5s;width:46%}.js-mc[data-a=cost] .mc-fill{height:auto;width:92%}.mc-meter em{display:none}.mc-c em{bottom:auto;left:calc(100% + 3cqi);top:50%;transform:translate(6px,-50%)}.js-mc[data-a=compliance] .mc-compliance em,.js-mc[data-a=cost] .mc-cost em,.js-mc[data-a=licensing] .mc-licensing em,.js-mc[data-a=risk] .mc-risk em,.js-mc[data-a=waste] .mc-waste em{transform:translateY(-50%)}.mc-licensing em{left:calc(100% + 3cqi)}.mc-cost em{bottom:calc(100% + 4.4cqi);left:-4%;top:auto}.js-mc[data-a=cost] .mc-cost em,.mc-cost em{transform:none}}@keyframes mcBeltV{0%{background-position:0 0}to{background-position:0 28px}}@media (max-width:960px){.mc-grid{grid-template-columns:1fr}}@media (max-width:600px){.mc-board{aspect-ratio:3/4}}@media (prefers-reduced-motion:reduce){.mc-board *{animation:none!important;transition:none!important}}