.mkm-hero{--hero-accent:var(--mkm-copper);--hero-duration:8000ms;margin:24px auto 48px;border-radius:14px;overflow:hidden;background:#f4f5f5;font-family:Jost,sans-serif;color:var(--mkm-navy);isolation:isolate}
.mkm-hero *{box-sizing:border-box}.mkm-hero [hidden]{display:none!important}.mkm-hero a{text-decoration:none}.mkm-hero button{font:inherit;cursor:pointer}.mkm-hero :is(a,button):focus-visible{outline:3px solid var(--mkm-copper);outline-offset:4px}.mkm-hero svg{width:20px;height:20px;flex-shrink:0}
.mkm-hero-viewport{display:grid;overflow:hidden;touch-action:pan-y pinch-zoom}
.mkm-hero-slide{grid-area:1/1;display:grid;grid-template-columns:48% 52%;min-height:560px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s;position:relative}
.mkm-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.mkm-hero-copy{padding:62px 10px 50px clamp(32px,4.5vw,72px);align-self:center;position:relative;z-index:3;transform:translateY(14px);transition:transform .7s cubic-bezier(.2,.75,.25,1)}
.mkm-hero-slide.is-active .mkm-hero-copy{transform:none}
.mkm-hero-eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2.1px;font-weight:500;margin:0 0 23px}.mkm-hero-eyebrow>span{width:23px;height:2px;background:var(--mkm-copper)}
.mkm-hero .mkm-hero-title{font-size:clamp(38px,3.9vw,61px);line-height:1.07;letter-spacing:-2px;font-weight:500;margin:0 0 23px;color:var(--mkm-navy)}.mkm-hero-title>span{display:block;color:var(--mkm-copper)}
.mkm-hero-description{max-width:395px;font-size:15px;line-height:1.75;color:#5b6c78;margin:0 0 29px}
.mkm-hero-ctas{display:flex;align-items:center;flex-wrap:wrap;gap:18px 23px}.mkm-hero-primary{display:inline-flex;align-items:center;gap:25px;justify-content:space-between;min-height:50px;padding:13px 22px;border-radius:30px;background:var(--mkm-navy);color:white!important;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.mkm-hero-primary:hover{background:var(--mkm-copper);transform:translateY(-2px)}.mkm-hero-primary svg{width:18px;height:18px}.mkm-hero-assistance{font-size:12px;display:inline-flex;gap:9px;align-items:center;min-height:44px;color:var(--mkm-navy)!important}.mkm-hero-assistance:hover{text-decoration:underline}.mkm-hero-assistance svg{width:16px;height:16px;color:var(--mkm-copper)}
.mkm-hero-features{list-style:none;padding:0;margin:39px 0 0;display:flex;gap:0;max-width:475px}.mkm-hero-features li{display:flex;flex-direction:column;gap:10px;padding:0 22px;border-left:1px solid #d9dfe2;font-size:11px;line-height:1.6;flex:1;white-space:nowrap}.mkm-hero-features li:first-child{padding-left:0;border-left:0}.mkm-hero-features li:last-child{padding-right:0}.mkm-hero-features b{font-weight:500}.mkm-hero-features svg{width:20px;height:20px;color:var(--mkm-muted)}
.mkm-hero-visual{position:relative;min-width:0;min-height:560px;overflow:hidden;background:radial-gradient(ellipse at 50% 41%,#fff 0%,#f4f5f5 72%)}
.mkm-hero-visual-brand{position:absolute;right:35px;top:31px;font-size:11px;font-weight:600;letter-spacing:1px;z-index:3}.mkm-hero-visual-brand span{font-size:10px;color:#81909a;font-weight:400;margin-left:12px}
/* Light studio composition: no solid pedestal below the engines. */
.mkm-hero-caption{position:absolute;left:24px;right:24px;bottom:35px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;z-index:3;color:var(--mkm-navy)}
.mkm-hero-caption>span{font-size:10px;font-weight:500;letter-spacing:1.7px}.mkm-hero-caption small{font-size:9px;letter-spacing:.2px;color:#687d8b}
.mkm-hero-engines{position:absolute;inset:0;mix-blend-mode:multiply;pointer-events:none}
.mkm-hero-engine{position:absolute;height:auto!important;max-width:none!important;mix-blend-mode:multiply;object-fit:contain;transition:transform .85s cubic-bezier(.15,.8,.2,1);transform:translateX(25px);filter:brightness(1.04);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(transparent,#000 15%,#000 87%,transparent);mask-composite:intersect}
.mkm-hero-engine-0{width:43%;left:-3%;bottom:130px;z-index:1;transition-delay:.04s}
.mkm-hero-engine-2{width:43%;right:-3%;bottom:130px;z-index:1;transition-delay:.1s}
.mkm-hero-engine-1{width:57%;left:21.5%;bottom:88px;z-index:2;transition-delay:.16s}
.mkm-hero-slide.is-active .mkm-hero-engine{transform:none}
.mkm-hero-controls{display:flex;align-items:center;justify-content:space-between;gap:30px;background:white;border:1px solid var(--mkm-line);border-top:0;border-radius:0 0 14px 14px;padding:0 30px 0 clamp(32px,4.5vw,72px);min-height:76px}
.mkm-hero-pagination{display:flex;gap:30px;align-self:stretch}.mkm-hero-tab{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#6e7d87!important;position:relative;display:flex;align-items:center;gap:11px;padding:20px 0!important;font-size:12px!important;text-align:left;min-width:116px}.mkm-hero-tab-number{font-size:10px;color:#89969e}.mkm-hero-tab.is-active{color:var(--mkm-navy)!important}.mkm-hero-tab.is-active .mkm-hero-tab-number{color:var(--mkm-copper)}
.mkm-hero-tab i{position:absolute;bottom:0;left:0;right:0;height:3px;background:#e4e8ea;opacity:0;overflow:hidden}.mkm-hero-tab.is-active i{opacity:1}.mkm-hero-tab.is-active i::after{content:"";display:block;height:100%;background:var(--mkm-copper);transform-origin:left;animation:mkm-hero-progress var(--hero-duration) linear forwards}.mkm-hero.is-paused .mkm-hero-tab i::after{animation-play-state:paused}.mkm-hero.is-user-paused .mkm-hero-tab i::after{animation:none;transform:scaleX(1)}
.mkm-hero-arrows{display:flex;align-items:center;gap:9px}.mkm-hero-arrows button{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid #dce2e6;border-radius:50%;background:white;color:var(--mkm-navy);transition:background .2s,border .2s}.mkm-hero-arrows button:hover{background:var(--mkm-paper);border-color:#9dabb5}.mkm-hero-arrows button:focus{background:var(--mkm-paper);color:var(--mkm-navy)}.mkm-hero-prev svg{transform:rotate(180deg)}.mkm-hero-pause svg{height:15px;width:15px}.mkm-hero-counter{font-size:11px;color:#89969e;margin-right:12px;white-space:nowrap}.mkm-hero-counter b{color:var(--mkm-navy);font-weight:500;margin-right:5px}
@keyframes mkm-hero-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1600px){.mkm-hero-slide,.mkm-hero-visual{min-height:600px}.mkm-hero-engine-0,.mkm-hero-engine-2{bottom:123px}.mkm-hero-engine-1{bottom:85px}}
@media(min-width:1024px) and (max-width:1199px){.mkm-hero-copy{padding-left:32px}.mkm-hero-slide,.mkm-hero-visual{min-height:550px}.mkm-hero-title{letter-spacing:-1.3px!important}.mkm-hero-features li{padding-inline:13px;font-size:10px}.mkm-hero-ctas{gap:8px 14px}.mkm-hero-primary{font-size:12px;padding-inline:18px}.mkm-hero-assistance{font-size:11px}.mkm-hero-engine-0,.mkm-hero-engine-2{bottom:165px}.mkm-hero-engine-1{bottom:100px}}
@media(max-width:1023px){.mkm-hero{margin-top:20px}.mkm-hero-slide{grid-template-columns:1fr;min-height:0}.mkm-hero-copy{padding:35px 35px 0}.mkm-hero .mkm-hero-title{font-size:48px;letter-spacing:-1.5px}.mkm-hero-description{max-width:540px}.mkm-hero-features{display:none}.mkm-hero-visual{min-height:390px;margin-top:0}.mkm-hero-visual-brand{top:18px;right:26px}.mkm-hero-engine-0,.mkm-hero-engine-2{width:34%;bottom:89px}.mkm-hero-engine-0{left:5%}.mkm-hero-engine-2{right:5%}.mkm-hero-engine-1{width:43%;left:28.5%;bottom:47px}.mkm-hero-caption{bottom:22px;gap:6px}.mkm-hero-controls{min-height:72px;padding-inline:25px;gap:15px}.mkm-hero-pagination{gap:20px}.mkm-hero-tab{min-width:0;font-size:11px!important;gap:7px}.mkm-hero-counter{display:none}.mkm-hero-arrows{gap:6px}.mkm-hero-arrows button{width:40px;height:40px}}
@media(max-width:599px){.mkm-hero{margin:12px auto 28px;border-radius:10px}.mkm-hero-copy{padding:27px 23px 0}.mkm-hero-eyebrow{font-size:8px;letter-spacing:1.6px;gap:9px;margin-bottom:18px}.mkm-hero-eyebrow>span{width:18px}.mkm-hero .mkm-hero-title{font-size:clamp(28px,7.65vw,42px);letter-spacing:-1px;margin-bottom:17px;line-height:1.12}.mkm-hero-description{font-size:12px;line-height:1.7;margin-bottom:19px;min-height:62px}.mkm-hero-ctas{gap:4px 14px}.mkm-hero-primary{font-size:11px;min-height:44px;padding:11px 17px;gap:15px}.mkm-hero-assistance{font-size:10px;gap:7px;min-height:36px}.mkm-hero-assistance svg{width:13px;height:13px}.mkm-hero-visual{min-height:275px;margin-top:0}.mkm-hero-visual-brand{font-size:8px;top:9px;right:20px}.mkm-hero-visual-brand span{font-size:8px;margin-left:6px}.mkm-hero-engine-0,.mkm-hero-engine-2{width:44%;bottom:79px}.mkm-hero-engine-0{left:-5%}.mkm-hero-engine-2{right:-5%}.mkm-hero-engine-1{width:58%;left:21%;bottom:43px}.mkm-hero-caption{left:16px;right:16px;bottom:17px;gap:5px}.mkm-hero-caption>span{font-size:8px;letter-spacing:1.1px}.mkm-hero-caption small{font-size:8px}.mkm-hero-controls{min-height:65px;padding-inline:15px;gap:12px;border-radius:0 0 10px 10px}.mkm-hero-pagination{gap:13px;flex:1}.mkm-hero-tab{min-width:27px;justify-content:center;padding:18px 0!important}.mkm-hero-tab-label{display:none}.mkm-hero-tab-number{font-size:11px}.mkm-hero-tab i{height:2px}.mkm-hero-arrows{gap:5px}.mkm-hero-arrows button{width:36px;height:36px}.mkm-hero-arrows svg{width:16px;height:16px}}
@media(max-width:360px){.mkm-hero-copy{padding-inline:20px}.mkm-hero-visual{min-height:250px}.mkm-hero .mkm-hero-title{font-size:28px}.mkm-hero-description{font-size:11px}.mkm-hero-engine-0,.mkm-hero-engine-2{bottom:79px}.mkm-hero-engine-1{bottom:51px}}
@media(prefers-reduced-motion:reduce){.mkm-hero *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}