.mm{--mm-ink:#10242E;--mm-navy:#073447;--mm-deep:#005968;--mm-bright:#1CC7D2;--mm-aqua:#DFF6F7;--mm-on:#F2FBFC;--mm-dim:#B4D2D8;--mm-line:rgba(255,255,255,.18);--mm-chip:#06303F;container-type:inline-size;position:relative;overflow:hidden;border-radius:32px;color:var(--mm-on);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(closest-side at 50% 24%,rgba(28,199,210,.36),transparent 100%),radial-gradient(700px 420px at 0% 100%,rgba(10,175,192,.22),transparent 60%),radial-gradient(600px 380px at 100% 0%,rgba(28,199,210,.14),transparent 60%),linear-gradient(135deg,#052A3A 0%,var(--mm-navy) 42%,var(--mm-deep) 100%);box-shadow:0 40px 90px -50px #073447b3}.mm *{box-sizing:border-box}.mm ul{list-style:none;margin:0;padding:0}.mm p{margin:0}.mm svg{display:block}.mm-machine{position:relative;display:grid;align-items:center;column-gap:12px;padding:clamp(18px,4cqw,44px) clamp(14px,3.2cqw,40px);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a b" "core core" "out out" "gain gain" "ben ben"}.mm-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.mm-wires path{fill:none}.mm-w-base{stroke:#1cc7d266;stroke-width:1.5}.mm-w-flow{stroke:var(--mm-bright);stroke-width:3;stroke-linecap:round;stroke-dasharray:1 17;animation:mm-flow 1.4s linear infinite}@keyframes mm-flow{to{stroke-dashoffset:-18}}.mm-pill{position:relative;z-index:1;justify-self:center;padding:6px 16px;border-radius:999px;background:var(--mm-chip);border:1px solid rgba(28,199,210,.65);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--mm-bright);white-space:nowrap}.mm-pill-light{background:#fff;border-color:#fff;color:var(--mm-deep)}.mm-badge{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#fff;color:var(--mm-deep);flex:none}.mm-badge svg{width:20px;height:20px}.mm-tile{position:relative;z-index:1;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:1/1;background:var(--mm-navy);box-shadow:0 22px 44px -24px #000000b3,0 0 0 1px var(--mm-line)}.mm-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mm-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,26,36,.72) 66%,rgba(3,26,36,.95) 100%)}.mm-tile figcaption{position:absolute;left:10px;right:10px;bottom:10px;z-index:1;display:grid;gap:7px;justify-items:start}.mm-tile figcaption b{display:block;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mm-bright);font-weight:700;white-space:nowrap}.mm-tile figcaption strong{display:block;font-size:clamp(13.5px,3.6cqw,20px);font-weight:600;letter-spacing:-.01em;color:#fff;line-height:1.2;white-space:nowrap}#mm-t1{grid-area:a}#mm-t2{grid-area:b}.mm-mid{grid-area:core;position:relative;z-index:1;display:grid;gap:12px;justify-items:center;text-align:center;margin-top:28px}.mm-core{position:relative;width:min(100%,340px);aspect-ratio:1}.mm-ring{position:absolute;inset:9%;border-radius:50%;border:1.5px dashed rgba(28,199,210,.6);animation:mm-spin 70s linear infinite}.mm-ring-out{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.09)}@keyframes mm-spin{to{transform:rotate(360deg)}}.mm-disc{position:absolute;inset:26%;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0%,#F3FCFD 60%,var(--mm-aqua) 100%);display:grid;place-items:center;box-shadow:0 0 0 10px #1cc7d22e,0 0 0 26px #1cc7d214,0 0 90px 10px #1cc7d273,0 30px 60px -20px #0009}.mm-disc img{width:74%;height:auto}.mm-disc-cta{z-index:3;border:0;padding:0;margin:0;cursor:pointer;text-decoration:none;align-content:center;justify-items:center;gap:2%;font:inherit;animation:mm-beat 2.6s ease-in-out infinite;transition:box-shadow .25s}.mm-disc-cta img{width:54%;margin-top:-4%}.mm-go{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;background:var(--mm-deep);color:#fff;font:700 clamp(9px,1.25cqw,12px)/1.2 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.mm-go:after{content:"→";font-size:1.1em;line-height:1}.mm-disc-cta:hover{animation-play-state:paused;transform:scale(1.06);box-shadow:0 0 0 10px #1cc7d24d,0 0 0 28px #1cc7d21f,0 0 110px 16px #1cc7d299,0 30px 60px -20px #0009}.mm-disc-cta:hover .mm-go{background:var(--mm-bright);color:var(--mm-ink)}.mm-disc-cta:focus-visible{outline:3px solid var(--mm-bright);outline-offset:6px}@keyframes mm-beat{0%,to{transform:scale(1)}12%{transform:scale(1.045)}24%{transform:scale(1)}36%{transform:scale(1.03)}50%{transform:scale(1)}}.mm-pulse{position:absolute;inset:26%;border-radius:50%;border:1px solid rgba(28,199,210,.6);animation:mm-pulse 3.2s ease-out infinite;pointer-events:none}@keyframes mm-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.75);opacity:0}}.mm-area{position:absolute;transform:translate(-50%,-50%);z-index:2;margin:0;padding:6px 12px;border-radius:999px;background:var(--mm-chip);border:1px solid rgba(28,199,210,.65);color:#fff;font:600 12px/1.2 Inter,system-ui,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:0 8px 18px -10px #000000b3;transition:background .25s,color .25s,box-shadow .25s}.mm-area:hover{background:#0a4556}.mm-area[aria-pressed=true]{background:#fff;color:var(--mm-navy);border-color:#fff;box-shadow:0 0 0 4px #1cc7d259}.mm-area:focus-visible{outline:3px solid var(--mm-bright);outline-offset:3px}.mm-cap{min-height:3.4em;max-width:34ch;font-size:14px;line-height:1.45;color:var(--mm-dim);text-wrap:balance}.mm-cap b{display:block;font:italic 400 21px/1.15 "Instrument Serif",Georgia,serif;color:#fff;margin-bottom:2px}.mm-cap span{display:block;animation:mm-fade .45s ease}@keyframes mm-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.mm-outs{grid-area:out;position:relative;z-index:1;display:grid;gap:12px;margin-top:26px}.mm-outs ul{display:grid;gap:10px}.mm-res{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:20px;background:#ffffff14;border:1px solid var(--mm-line);backdrop-filter:blur(4px)}.mm-res strong{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em;color:#fff;line-height:1.25}.mm-res small{display:block;font-size:13px;color:var(--mm-dim)}.mm-gain{grid-area:gain;position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin:30px 0 26px}.mm-gain>span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(28,199,210,.7))}.mm-gain>span:last-child{background:linear-gradient(270deg,transparent,rgba(28,199,210,.7))}.mm-bens{grid-area:ben;position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mm-ben{display:grid;justify-items:center;align-content:start;text-align:center;gap:8px}.mm-orb{position:relative;width:min(100%,100px);aspect-ratio:1;margin-bottom:4px}.mm-orb img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 3px var(--mm-bright),0 0 0 9px #1cc7d229,0 18px 36px -16px #000000b3}.mm-orb .mm-badge{position:absolute;right:-4px;bottom:-2px;width:32px;height:32px;border-radius:50%;box-shadow:0 6px 14px -6px #0009}.mm-orb .mm-badge svg{width:17px;height:17px}.mm-ben>b{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mm-bright);font-weight:700}.mm-ben>span:last-child{font-size:13px;font-weight:500;color:#fff;line-height:1.3;text-wrap:balance}@container (min-width:600px){.mm-machine{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"a core b" "out out out" "gain gain gain" "ben ben ben";column-gap:clamp(22px,4cqw,64px)}.mm-tile{aspect-ratio:3/4}.mm-tile figcaption{left:14px;right:14px;bottom:14px}.mm-tile figcaption strong{font-size:clamp(13px,2.05cqw,20px)}.mm-mid{margin-top:0}.mm-core{width:clamp(250px,40cqw,370px)}.mm-outs ul,.mm-bens{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(12px,2cqw,20px)}.mm-outs .mm-pill{margin-bottom:20px}.mm-res{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}.mm-gain{margin:40px 0 32px}.mm-orb{width:clamp(110px,16cqw,170px)}.mm-orb .mm-badge{width:clamp(34px,4.4cqw,42px);height:clamp(34px,4.4cqw,42px);right:2px;bottom:2px}.mm-ben>span:last-child{font-size:clamp(13.5px,1.6cqw,15.5px)}}@container (min-width:960px){.mm-tile{aspect-ratio:4/3.4}.mm-tile figcaption{left:18px;bottom:18px;gap:10px}.mm-tile figcaption b{font-size:10.5px}.mm-area{font-size:13px;padding:7px 15px}.mm-res strong{font-size:17px}}@media(prefers-reduced-motion:reduce){.mm-w-flow,.mm-ring,.mm-pulse,.mm-cap span,.mm-disc-cta{animation:none}.mm-pulse{display:none}}
