/* Unified object-led service cards, October 25 2026. */
.mf-services .mf-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mf-service-catalog .mf-service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mf-services .mf-service-card{position:relative;isolation:isolate;min-width:0;height:470px;border:0;border-radius:24px;background:#f5f5f7;overflow:hidden;box-shadow:none;transition:background .3s ease,transform .3s ease}
.mf-services .mf-service-body{position:relative;z-index:2;padding:30px 30px 0;text-align:left;pointer-events:none}
.mf-services .mf-service-body h3{font-size:30px;font-weight:600;line-height:1.13;letter-spacing:-1.05px;margin:0 0 14px;padding-right:46px;color:#25262c;max-width:100%}
.mf-service-link{color:inherit;text-decoration:none;pointer-events:auto}
.mf-service-link:after{content:"";position:absolute;inset:0;height:470px;z-index:3;border-radius:24px}
.mf-service-link:focus-visible{outline:none}
.mf-service-card:focus-within{outline:3px solid #346eec;outline-offset:4px}
.mf-tile-arrow{position:absolute;right:28px;top:30px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #6f7077;border-radius:9px;font-family:Arial,sans-serif;font-size:23px;font-weight:400;line-height:1;transition:background .25s,color .25s,border-color .25s}
.mf-services .mf-service-body p{max-width:285px;font-size:15px;line-height:1.45;margin:0 0 14px;color:#686a73;font-weight:400}
.mf-services .mf-service-body .svc-price{font-size:14px;font-weight:500;line-height:1.3;color:#363942;margin:0;letter-spacing:0}
.mf-services .mf-service-art{position:absolute;z-index:1;bottom:-68px;right:-28px;width:100%;height:340px;aspect-ratio:auto;overflow:visible;background:none;pointer-events:none}
.mf-services .mf-service-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transition:transform .65s cubic-bezier(.2,.7,.2,1);transform:rotate(-5deg) scale(1.08);transform-origin:65% 80%}
.mf-services .mf-service-web .mf-service-art{width:110%;right:-28px;bottom:-58px}
.mf-services .mf-service-social .mf-service-art{right:-35px;bottom:-65px}
.mf-services .mf-service-design .mf-service-art{right:-30px;bottom:-72px}
.mf-service-catalog .mf-service-card{height:430px;border-radius:22px}
.mf-service-catalog .mf-service-body{padding:26px 24px 0}
.mf-service-catalog .mf-service-body h3{font-size:25px;line-height:1.15;letter-spacing:-.7px;padding-right:36px;margin-bottom:12px}
.mf-service-catalog .mf-service-body p{font-size:13px;max-width:225px;line-height:1.45;margin-bottom:12px}
.mf-service-catalog .mf-tile-arrow{top:27px;right:23px;width:29px;height:29px;border-radius:8px;font-size:21px}
.mf-service-catalog .mf-service-art{height:285px;bottom:-45px;right:-22px}
.mf-service-catalog .mf-service-link:after{height:430px}
.mf-services .mf-service-launch{grid-column:1/-1;grid-row:auto;order:2;display:grid;grid-template-columns:1fr 1.7fr;border-radius:24px;overflow:hidden;min-height:270px;background:#346eec}
.mf-services .mf-service-launch .ph{height:100%;min-height:270px;max-height:340px;aspect-ratio:auto}
.mf-services .mf-service-launch .ph img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.mf-services .mf-service-launch .svc-promo-body{padding:38px 44px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#346eec}
.mf-services .mf-service-launch h3{font-size:32px;line-height:1.12;letter-spacing:-1px;margin:0 0 14px;color:white}
.mf-services .mf-service-launch p{max-width:490px;font-size:17px;line-height:1.5;margin:0 0 24px;color:#fff}
.mf-services .mf-service-launch .btn{width:auto;min-width:220px}
.mf-all-services{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;margin-top:24px;border:1px solid #d9e1f0;border-radius:16px;font-size:17px;font-weight:600;color:#285bd0;background:#fff;transition:background .2s}
.mf-all-services:hover{background:#f2f5ff}
.mf-service-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:1.8px;color:#346eec;margin:26px 0 18px}
.mf-service-catalog .mf-catalog-hero{padding-bottom:0}
.mf-service-catalog .mf-catalog-hero h1{max-width:820px;letter-spacing:-2.5px}
.mf-service-catalog .mf-catalog-hero p{max-width:700px;color:#596174}
.mf-service-help{display:flex;justify-content:space-between;align-items:center;gap:32px;margin:28px 0 70px;padding:40px;border-radius:24px;background:#346eec;color:white}
.mf-service-help .mf-service-eyebrow{margin:0 0 16px;color:#e3ecff}
.mf-service-help h2{font-size:30px;letter-spacing:-1px;margin:0 0 12px;color:white}
.mf-service-help p{max-width:620px;margin:0;color:#fff;line-height:1.6}
.mf-service-help .btn{white-space:nowrap;flex-shrink:0}
@media(hover:hover){.mf-services .mf-service-card:hover{background:#ededf2;transform:translateY(-3px)}.mf-service-card:hover .mf-tile-arrow{background:#292b32;color:#fff;border-color:#292b32}.mf-services .mf-service-card:hover .mf-service-art img{transform:rotate(0) scale(1.13)}}
@media(min-width:1700px){.mf-services .mf-service-card{height:510px}.mf-services .mf-service-link:after{height:510px}.mf-services .mf-service-art{height:370px}.mf-service-catalog .mf-service-card{height:470px}.mf-service-catalog .mf-service-link:after{height:470px}.mf-service-catalog .mf-service-art{height:325px}.mf-service-catalog .mf-service-body h3{font-size:30px}}
@media(max-width:1199px){.mf-service-catalog .mf-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-services .mf-service-body h3{font-size:25px}.mf-services .mf-service-body{padding:26px 24px 0}.mf-services .mf-tile-arrow{right:22px;top:26px}}
@media(max-width:900px){.mf-services .mf-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mf-services .mf-service-card{height:440px}.mf-services .mf-service-link:after{height:440px}.mf-services .mf-service-art{height:300px;bottom:-45px}.mf-service-help{align-items:flex-start;flex-direction:column}.mf-services .mf-service-launch .svc-promo-body{padding:28px}}
@media(max-width:540px){.mf-services .mf-service-grid{grid-template-columns:1fr;gap:16px}.mf-services .mf-service-card{height:420px;border-radius:22px}.mf-services .mf-service-link:after{height:420px}.mf-services .mf-service-body{padding:28px 26px 0}.mf-services .mf-service-body h3{font-size:28px;max-width:290px;padding-right:38px;letter-spacing:-.8px}.mf-services .mf-service-body p{font-size:14px;max-width:255px}.mf-services .mf-tile-arrow{right:25px;top:28px;width:31px;height:31px}.mf-services .mf-service-art{width:95%;height:300px;bottom:-55px;right:-20px}.mf-services .mf-service-web .mf-service-art{width:110%}.mf-service-catalog .mf-catalog-hero h1{font-size:38px;letter-spacing:-1.5px}.mf-service-eyebrow{font-size:9px;letter-spacing:1.4px}.mf-services .mf-service-launch{grid-template-columns:1fr}.mf-services .mf-service-launch .ph{min-height:0;height:240px}.mf-services .mf-service-launch h3{font-size:29px}.mf-service-help{padding:28px;margin-bottom:40px}.mf-service-help h2{font-size:28px}.mf-service-help .btn{white-space:normal;width:100%}.mf-all-services{font-size:15px;padding:22px}}
@media(prefers-reduced-motion:reduce){.mf-services .mf-service-card,.mf-services .mf-service-art img,.mf-tile-arrow{animation:none;transition:none}.mf-services .mf-service-card:hover{transform:none}.mf-services .mf-service-card:hover .mf-service-art img{transform:rotate(-5deg) scale(1.08)}}