/* MAKE THE MOVE · original responsive SVG artwork integration · v22 */
/* All artwork is independent, transparent, scale-safe SVG, never a screenshot crop. */
.v18-journey{overflow:visible;background:linear-gradient(150deg,#fffdfa 0%,#f9f0e4 100%);box-shadow:0 26px 60px rgba(115,79,39,.12);}
.v18-journey-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:12px 0 0;align-items:start;position:relative}
.v18-journey-list::before{content:"";position:absolute;left:12%;right:12%;height:3px;top:79px;background:linear-gradient(90deg,transparent,#d4a859 15%,#bd8b41 85%,transparent);opacity:.7;z-index:0}
.v18-journey-list li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0;padding:0 3px;border:0;text-align:center}
.mtm-art-journey{width:100%;max-width:142px;height:auto;display:block;filter:drop-shadow(0 4px 7px rgba(107,79,41,.08));margin-bottom:-4px}
.v18-journey-list li>.v18-step{display:block;order:1;width:auto;height:auto;border:0;box-shadow:none;background:none;color:#9b6c2d;font-size:22px;font-weight:780;padding:0;margin:0 0 3px}
.v18-journey-list li>div{display:contents}
.v18-journey-list li strong{order:2;font-size:16px;white-space:nowrap;line-height:1.2;display:block}
.v18-journey-list li p{order:3;font-size:12px;line-height:1.32;max-width:120px;margin-top:5px;color:#6b5b49}
.mtm-service-visual{min-height:260px;position:relative}
.mtm-art-service{display:block;position:relative;z-index:2;width:min(100%,520px);height:auto;max-height:330px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(98,65,28,.09));transition:transform .35s ease}
.mtm-service:hover .mtm-art-service{transform:translateY(-5px) scale(1.017)}
.art-legacy-data{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none!important}
.mtm-service .mtm-service-visual{background:radial-gradient(ellipse at center,rgba(215,176,106,.09),transparent 72%)}
.mtm-service .mtm-service-visual img{margin:0 auto}
.mtm-service{overflow:visible}
.mtm-service-visual{overflow:visible}
/* The original text content of the diagnostic finding remains; artwork presents a visual anchor above it. */
.v18-proof-shell{position:relative;overflow:hidden;padding-top:7px}
.mtm-art-proof{width:100%;max-width:620px;height:auto;max-height:270px;display:block;object-fit:contain;margin:0 auto -4px;filter:drop-shadow(0 6px 18px rgba(85,56,24,.06))}
.v18-proof-title{position:relative;z-index:2}
.mtm-case-overview{min-height:345px;padding-bottom:32px}
.mtm-case-overview h3{position:relative;z-index:2;max-width:87%;font-size:clamp(26px,2.3vw,34px)}
.mtm-case-sector,.mtm-case-metric{position:relative;z-index:2}
.mtm-art-case{position:absolute;z-index:1;right:-38px;bottom:2px;width:51%;height:auto;max-height:260px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 5px 9px rgba(100,70,30,.04))}
.mtm-case-metric{max-width:62%;margin-top:auto}
.mtm-case-metric strong{font-size:clamp(29px,2.8vw,41px)}
.mtm-case-overview:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,240,228,.35),transparent 85%);pointer-events:none}
@media(max-width:1190px){.v18-journey-list li p{font-size:11px}.mtm-art-journey{max-width:115px}.mtm-case-overview h3{max-width:95%}.mtm-case-metric{max-width:72%}}
@media(max-width:1000px){.v18-journey-list li p{font-size:12px}.mtm-art-journey{max-width:155px}.mtm-art-service{max-height:350px}.mtm-case-overview{min-height:360px}}
@media(max-width:760px){
 .v18-journey-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 12px;margin-top:15px}
 .v18-journey-list:before{display:none}
 .mtm-art-journey{max-width:142px;margin:0 auto -10px}
 .v18-journey-list li>div{display:contents}
 .v18-journey-list li p{font-size:12px;max-width:152px}
 .v18-journey-list li strong{font-size:16px}
 .mtm-service-visual{min-height:190px;max-height:340px}
 .mtm-art-service{width:100%;max-width:500px;max-height:310px}
 .v18-proof-shell{padding-top:2px}.mtm-art-proof{max-height:240px}
 .mtm-case-overview{min-height:315px;padding-bottom:23px}
 .mtm-art-case{width:55%;max-height:250px;right:-14px;bottom:0}
 .mtm-case-overview h3{max-width:80%}.mtm-case-metric{max-width:57%}
 }
@media(max-width:420px){
 .mtm-art-journey{max-width:119px}.v18-journey-list{gap:9px}.v18-journey-list li p{font-size:11.5px}.v18-journey-list li strong{font-size:15px}
 .mtm-service-visual{min-height:165px}.mtm-art-service{max-height:255px}
 .mtm-case-overview{min-height:300px}.mtm-case-overview h3{font-size:26px;max-width:89%}
 .mtm-art-case{width:59%;bottom:-7px;right:-24px;opacity:.92}
 .mtm-case-metric{max-width:66%}.mtm-case-metric strong{font-size:31px}
}
@media(prefers-reduced-motion:reduce){.mtm-service:hover .mtm-art-service{transform:none}}
/* final art containment pass: no figure is clipped by a case card */
.mtm-art-case{right:5px;width:47%;bottom:3px;max-height:235px}
@media(max-width:760px){.mtm-art-case{right:4px;width:51%;bottom:2px;max-height:230px}}
@media(max-width:420px){.mtm-art-case{right:2px;width:50%;bottom:0;opacity:1}}

/* === v23 / seamless editorial art direction ===
   Art is composed inside each continuous card background, never a cut-out or a framed thumbnail.
   Text, headings, pricing, layout order and forms remain unchanged. */
:root{--art-ivory:#fffdfa;--art-cream:#f8f0e5;--art-honey:#e5c99a;--art-ink:#29231e}

/* CUSTOMER JOURNEY: one soft continuous ribbon; icons belong to the illustration, not individual tiles. */
.v18-journey{background:radial-gradient(ellipse at 77% 72%,rgba(228,194,135,.22),transparent 57%),linear-gradient(124deg,#fffdfa 0%,#f9f2e8 100%)}
.v18-journey-list{gap:7px;margin-top:13px;isolation:isolate}
.v18-journey-list::before{height:4px;top:75px;left:10%;right:10%;border-radius:50%;background:linear-gradient(90deg,transparent,#dcb776 11%,#c39550 46%,#f0d6a4 86%,transparent);opacity:.76;box-shadow:0 5px 11px rgba(134,91,37,.09)}
.mtm-art-journey{max-width:150px;filter:drop-shadow(0 8px 12px rgba(97,69,34,.08));margin-bottom:-7px}
.v18-journey-list li{background:none}

/* SERVICES: a continuous premium surface, light entering from the artwork side.
   The illustration is anchored to the card itself: no box, platform, or abrupt art boundary. */
.mtm-service{
 isolation:isolate;overflow:hidden;min-height:322px;
 background:linear-gradient(108deg,#fffdf9 0%,#fffdf9 44%,#fbf5ed 70%,#f4e8d7 100%);
 box-shadow:0 20px 54px rgba(72,49,25,.055),inset 0 1px rgba(255,255,255,.95);
 border-color:#e7ddcf;
}
.mtm-service::before{
 content:"";position:absolute;z-index:0;pointer-events:none;
 right:-13%;bottom:-89px;width:70%;height:340px;border-radius:50%;
 background:radial-gradient(ellipse at 58% 55%,rgba(226,186,116,.19),rgba(226,186,116,.065) 44%,transparent 72%);
}
.mtm-service::after{
 content:"";position:absolute;z-index:0;pointer-events:none;
 right:-17%;bottom:-125px;width:75%;height:265px;border-top:1px solid rgba(184,135,65,.14);
 transform:rotate(-8deg);border-radius:52% 48% 0 0;
}
.mtm-service-aside,.mtm-service-body{position:relative;z-index:2}
.mtm-service-body{padding-right:6px}
.mtm-service-visual{position:relative;z-index:1;align-self:stretch;background:none!important;min-height:265px;display:block;overflow:visible}
.mtm-service .mtm-service-visual img.mtm-art-service{
 display:block;position:absolute;right:-34px;bottom:-24px;
 width:calc(100% + 75px);height:calc(100% + 60px);max-width:none;max-height:none;
 object-fit:contain;object-position:right bottom;margin:0;
 filter:drop-shadow(0 12px 12px rgba(112,75,30,.095));
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.9) 16%,#000 28%,#000 100%);
 mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.9) 16%,#000 28%,#000 100%);
 transition:transform .35s ease;
}
.mtm-service:hover .mtm-art-service{transform:translateY(-3px)}

/* FACTS: artwork flows into the result document instead of stacking on top. */
.v18-proof-shell{
 isolation:isolate;overflow:hidden;
 background:radial-gradient(ellipse at 82% 11%,rgba(236,209,162,.22),transparent 44%),#fffdf9;
 padding-top:21px;
}
.v18-proof-shell::before{content:"";position:absolute;right:-21%;top:-90px;width:76%;height:390px;border-bottom:1px solid rgba(174,120,61,.13);border-radius:0 0 50% 50%;pointer-events:none}
.v18-proof-shell>.mtm-art-proof{
 position:absolute;z-index:0;top:-7px;right:-34px;
 display:block;width:58%;height:250px;max-width:none;max-height:none;
 object-fit:contain;object-position:right top;margin:0;
 filter:drop-shadow(0 7px 13px rgba(126,93,47,.08));
 -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 95%,transparent 100%);
 mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 95%,transparent 100%);
}
.v18-proof-title{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:191px;max-width:51%;border:0;padding:0 0 15px}
.v18-proof-title strong{font-size:clamp(23px,2.1vw,29px)}
.v18-proof-row{position:relative;z-index:1;background:rgba(255,253,249,.60)}
.v18-proof-row:first-of-type{border-top:1px solid #e8dcca}

/* CASE STUDIES: sector-specific objects visually share the card surface;
   no oval stands, image boxes or cut-off rectangular patches. */
.mtm-case-overview{
 isolation:isolate;min-height:350px;
 background:linear-gradient(110deg,#fcf7ef 0%,#faf1e6 48%,#f0dfc7 100%);
}
.mtm-case-overview::before{content:"";position:absolute!important;z-index:0!important;inset:0!important;pointer-events:none;
 background:radial-gradient(ellipse at 86% 80%,rgba(210,160,84,.14),transparent 50%)!important}
.mtm-case-overview::after{top:auto;bottom:-48%;right:-44%;width:125%;height:96%;border:1px solid rgba(191,151,89,.13);border-radius:50%;z-index:0}
.mtm-case-overview .mtm-art-case{
 position:absolute;z-index:1;right:-6%;bottom:-8%;
 width:64%;height:78%;max-height:none;object-fit:contain;object-position:right bottom;
 filter:drop-shadow(0 10px 11px rgba(100,70,34,.09));
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.86) 12%,#000 28%,#000 100%);
 mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.86) 12%,#000 28%,#000 100%);
}
.mtm-case-sector,.mtm-case-overview h3,.mtm-case-metric{z-index:2;position:relative}
.mtm-case-overview h3{max-width:84%}
.mtm-case-metric{max-width:64%}

@media(max-width:1180px){
 .mtm-service .mtm-service-visual img.mtm-art-service{right:-24px;width:calc(100% + 55px)}
 .mtm-case-overview .mtm-art-case{width:62%}
}
@media(max-width:1000px){
 .mtm-service{min-height:0}
 .mtm-service-visual{grid-column:2;min-height:265px;width:100%}
 .mtm-service .mtm-service-visual img.mtm-art-service{width:min(100%,520px);height:295px;right:auto;left:0;bottom:-12px;object-position:left bottom}
 .v18-proof-shell>.mtm-art-proof{height:235px}
}
@media(max-width:760px){
 .v18-journey-list::before{display:none}
 .mtm-service{min-height:0;padding-bottom:0;background:linear-gradient(170deg,#fffdfa 0%,#fffaf4 57%,#f4e5d1 100%)}
 .mtm-service::before{right:-35%;bottom:-110px;width:120%;height:290px}
 .mtm-service::after{right:-20%;bottom:-165px;width:150%}
 .mtm-service-body{padding-right:0}
 .mtm-service-visual{grid-column:auto;min-height:210px;width:100%;max-width:100%;margin-top:-12px}
 .mtm-service .mtm-service-visual img.mtm-art-service{
 position:absolute;right:-5px;left:auto;bottom:-24px;
 width:min(100%,470px);height:265px;max-height:none;
 object-position:right bottom;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 100%);
 mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 100%);
 }
 .v18-proof-shell{padding-top:16px}
 .v18-proof-shell>.mtm-art-proof{top:5px;right:-18px;width:64%;height:188px}
 .v18-proof-title{min-height:155px;max-width:55%}
 .v18-proof-title strong{font-size:22px}
 .v18-proof-title span{font-size:13px}
 .mtm-case-overview{min-height:320px}
 .mtm-case-overview .mtm-art-case{width:57%;height:67%;right:-3%;bottom:-5%}
 .mtm-case-overview h3{max-width:84%}
 .mtm-case-metric{max-width:70%}
}
@media(max-width:440px){
 .mtm-service-visual{min-height:186px}
 .mtm-service .mtm-service-visual img.mtm-art-service{width:106%;height:230px;right:-15px;bottom:-19px}
 .v18-proof-shell>.mtm-art-proof{right:-18px;width:69%;height:155px;top:11px}
 .v18-proof-title{min-height:137px;max-width:59%;gap:6px}
 .v18-proof-title strong{font-size:20px}
 .v18-proof-title span{font-size:12px}
 .mtm-case-overview{min-height:295px}
 .mtm-case-overview .mtm-art-case{width:60%;height:62%;bottom:-3%;right:-4%}
 .mtm-case-overview h3{max-width:85%}
 .mtm-case-metric{max-width:70%}
}
@media(prefers-reduced-motion:reduce){.mtm-service .mtm-art-service{transition:none!important}}
/* Final containment calibration: each complete object remains inside its card. */
.mtm-service-system .mtm-art-service{bottom:9px!important;height:calc(100% + 14px)!important;right:-20px!important;width:calc(100% + 40px)!important}
.v18-proof-shell>.mtm-art-proof{right:8px;width:47%;height:214px;top:4px}
.mtm-case-overview .mtm-art-case{
 right:0;bottom:8px;width:54%;height:51%;max-height:none;
 object-position:right bottom;
}
@media(max-width:1000px){
 .mtm-service-system .mtm-art-service{height:270px!important;right:auto!important;left:0!important;width:min(100%,500px)!important;bottom:4px!important}
 .mtm-case-overview .mtm-art-case{right:5px;bottom:6px;width:52%;height:49%}
}
@media(max-width:760px){
 .mtm-service-visual{min-height:242px;margin-top:0}
 .mtm-service .mtm-service-visual img.mtm-art-service{
 width:100%;height:248px;right:0;bottom:14px;left:auto;
 object-fit:contain;object-position:center bottom;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 100%);
 mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 100%);
 }
 .mtm-service-system .mtm-art-service{height:225px!important;bottom:13px!important;right:0!important;left:auto!important;width:100%!important}
 .v18-proof-shell>.mtm-art-proof{right:5px;top:10px;width:55%;height:150px}
 .mtm-case-overview{min-height:315px}
 .mtm-case-overview .mtm-art-case{width:54%;height:54%;right:7px;bottom:9px}
}
@media(max-width:440px){
 .mtm-service-visual{min-height:225px}
 .mtm-service .mtm-service-visual img.mtm-art-service{width:100%;height:228px;right:0;bottom:12px}
 .mtm-service-system .mtm-art-service{height:210px!important;bottom:15px!important}
 .v18-proof-shell>.mtm-art-proof{top:6px;right:3px;width:57%;height:133px}
 .v18-proof-title{min-height:129px}
 .mtm-case-overview{min-height:310px}
 .mtm-case-overview .mtm-art-case{width:54%;height:51%;right:4px;bottom:9px}
}
/* Final collision-safe object placements */
.mtm-case-overview .mtm-art-case{width:50%;height:47%;right:-3px;bottom:10px}
.mtm-service-system .mtm-art-service{bottom:22px!important;height:calc(100% - 8px)!important;width:calc(100% + 5px)!important;right:-9px!important}
@media(max-width:1000px){
 .mtm-service-system .mtm-art-service{height:260px!important;bottom:14px!important;width:100%!important;right:0!important}
}
@media(max-width:760px){
 .mtm-case-overview .mtm-art-case{width:46%;height:44%;right:-1px;bottom:11px}
 .mtm-service-system .mtm-art-service{height:204px!important;bottom:27px!important;right:0!important}
}
@media(max-width:440px){
 .mtm-case-overview .mtm-art-case{width:44%;height:43%;right:-1px;bottom:12px}
 .mtm-service-system .mtm-art-service{height:195px!important;bottom:30px!important}
}
@media(max-width:440px){.mtm-case-overview .mtm-art-case{width:42%;right:-5px}}
