.mx-service{width:100%;background:#fff;color:#0a0a0a;font-family:"Inter Display",Inter,Arial,sans-serif;position:relative;z-index:1;text-align:left}
.mx-service *{box-sizing:border-box}
.mx-service section{padding:96px max(24px,calc((100vw - 1360px)/2));border-bottom:1px solid #e6e6e6}
.mx-service .mx-section-heading{max-width:820px;margin-bottom:48px}
.mx-service .mx-label{font-size:12px;line-height:1.5;letter-spacing:.1em;margin:0 0 24px;color:#666}
.mx-service h2{font-size:clamp(36px,4.6vw,64px);font-weight:500;line-height:1.06;letter-spacing:-.045em;margin:0 0 24px}
.mx-service p{font-size:18px;line-height:1.5;margin:0;color:#686868}
.mx-service .mx-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e6e6e6}
.mx-service .mx-card{min-width:0;display:grid;grid-template-rows:subgrid;grid-row:span 3}
.mx-service .mx-card+.mx-card{border-left:1px solid #e6e6e6}
.mx-service .mx-card-heading,.mx-service .mx-card-action,.mx-service .mx-inclusions{padding:32px}
.mx-service .mx-card-heading,.mx-service .mx-card-action{border-bottom:1px solid #e6e6e6}
.mx-service h3{font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:0 0 20px}
.mx-service .mx-title-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}
.mx-service .mx-badge{font-size:10px;line-height:1.4;letter-spacing:.025em;padding:6px 8px;background:#eee;white-space:nowrap;margin-bottom:16px}
.mx-service .mx-statement{color:#111;font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-.05em;margin:0 0 20px}
.mx-service .mx-caption{font-size:15px;min-height:45px}
.mx-service .mx-button{display:flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:14px 12px;border:1px solid #d4d4d4;border-radius:3px;color:#111;text-decoration:none;font-size:15px;line-height:1.4;margin-top:24px;transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 160ms ease}
.mx-service .mx-button span{font-size:21px;line-height:1}
.mx-service .mx-featured .mx-button{background:#171717;color:#fff;border-color:#171717}
.mx-service .mx-button:active{transform:scale(.98)}
.mx-service .mx-button:focus-visible{outline:2px solid #111;outline-offset:4px}
.mx-service h4{font-size:17px;line-height:1.4;font-weight:500;margin:0 0 22px}
.mx-service ul{list-style:none;margin:0;padding:0}
.mx-service li{position:relative;padding:16px 0 16px 29px;border-top:1px dashed #e4e4e4;color:#686868;font-size:16px;line-height:1.5}
.mx-service li::before{content:'✓';position:absolute;left:0;top:19px;width:17px;height:17px;border:1px solid #818181;border-radius:50%;display:grid;place-items:center;font-size:11px;line-height:1}
.mx-service .mx-service-note{display:flex;justify-content:space-between;gap:20px;padding-top:24px}
.mx-service .mx-service-note p{font-size:14px;line-height:1.5}
.mx-service .mx-service-note p:first-child{color:#111}
@media(hover:hover) and (pointer:fine){.mx-service .mx-button:hover{background:#f3f3f3}.mx-service .mx-featured .mx-button:hover{background:#333}}
@media(min-width:810px) and (max-width:1100px){.mx-service .mx-card-heading,.mx-service .mx-card-action,.mx-service .mx-inclusions{padding:24px}.mx-service h3{font-size:25px}}
@media(max-width:809px){.mx-service section{padding:56px 20px}.mx-service .mx-section-heading{margin-bottom:32px}.mx-service .mx-columns{grid-template-columns:1fr}.mx-service .mx-card{display:block;grid-row:auto}.mx-service .mx-card+.mx-card{border-left:0;border-top:1px solid #cfcfcf}.mx-service .mx-card-heading,.mx-service .mx-card-action,.mx-service .mx-inclusions{padding:28px 24px}.mx-service .mx-caption{min-height:0}.mx-service .mx-statement{font-size:40px}.mx-service .mx-service-note{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.mx-service .mx-button{transition:none}.mx-service .mx-button:active{transform:none}}
.mx-service .mx-primary{background:#171717;color:white;max-width:280px;border-color:#171717}
.mx-service .mx-micro{font-size:14px;margin-top:16px}
.mx-service .mx-placeholder{aspect-ratio:4/5;background:#f4f4f2;border:1px dashed #c8c8c4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;color:#686868}
.mx-placeholder span{font-size:10px;letter-spacing:.1em}
.mx-placeholder strong{font-size:22px;font-weight:400;line-height:1.25;color:#444}
.mx-placeholder small{font-size:12px}
.mx-service .mx-service-note p:last-child{max-width:680px}
@media(hover:hover) and (pointer:fine){.mx-service .mx-primary:hover{background:#333}}
/* Visual-first funnel: one image and one short explanation per step. */
.mx-service .mx-card{grid-row:span 2}
.mx-service .mx-card-action{padding:16px;border-bottom:0}
.mx-service .mx-placeholder{aspect-ratio:4/3}
.mx-service .mx-card-heading{border-bottom:0;padding:20px 28px 32px}
.mx-service .mx-card-heading .mx-label{margin-bottom:14px}
.mx-service .mx-card-heading h3{font-size:25px;margin-bottom:12px}
.mx-service .mx-card-heading p:not(.mx-label){font-size:16px}
.mx-service .mx-funnel-end{text-align:center;padding-top:32px}
.mx-service .mx-funnel-end .mx-button{margin:0 auto}
.mx-service .mx-funnel-end p{max-width:none}
.mx-service .mx-delivery{font-size:16px;margin-top:28px;color:#111}
.mx-service .mx-details{max-width:640px;margin:14px auto 0;color:#686868;font-size:14px;line-height:1.5}
.mx-service .mx-details summary{cursor:pointer;padding:10px;min-height:44px}
.mx-service .mx-details p{font-size:14px;padding:12px}
.mx-service .mx-details summary:focus-visible{outline:2px solid #111;outline-offset:3px}
/* Hero typography stays within the original image composition. */
#introduction .framer-1b841kq{display:flex;flex-direction:column;align-items:stretch;gap:16px;width:100%}
#introduction .framer-wqmvhy{width:100%;height:auto;overflow:visible}
#introduction .framer-1585hh7{width:100%!important;height:auto!important}
#introduction .framer-1585hh7 h1,#introduction .framer-1585hh7 h3{font-size:clamp(56px,9vw,144px)!important;letter-spacing:-.065em!important;line-height:1.02!important;--framer-font-size:clamp(56px,9vw,144px);--framer-letter-spacing:-.065em;--framer-line-height:1.02}
#introduction .framer-1585hh7 mark{background:transparent;padding:0}
#introduction .mx-hero-byline{font-family:"Inter Display",Inter,sans-serif;font-size:16px;line-height:1.4;color:#fff;align-self:flex-end;text-align:right;margin:0}
#introduction .framer-jggmdm p{font-size:clamp(18px,2vw,28px)!important;line-height:1.35!important;letter-spacing:-.025em!important}
@media(max-width:809px){#introduction .framer-1585hh7 h1,#introduction .framer-1585hh7 h3{font-size:clamp(48px,12vw,88px)!important}#introduction .mx-hero-byline{font-size:13px}}
#introduction .framer-1585hh7 h1,#introduction .framer-1585hh7 h3{font-size:clamp(48px,7.2vw,116px)!important;--framer-font-size:clamp(48px,7.2vw,116px)}
@media(max-width:809px){#introduction .framer-1585hh7 h1,#introduction .framer-1585hh7 h3{font-size:clamp(40px,10vw,72px)!important}}
#introduction .mx-hero-byline{font-family:"Snell Roundhand","Apple Chancery","Brush Script MT",cursive;font-style:italic;font-size:clamp(24px,3vw,42px);line-height:1.3;letter-spacing:-.025em;clip-path:inset(0);animation:mx-signature-reveal 1.4s cubic-bezier(.23,1,.32,1) .45s both}
@keyframes mx-signature-reveal{from{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0);opacity:1}}
@media(prefers-reduced-motion:reduce){#introduction .mx-hero-byline{animation:none}}
.mx-service .mx-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#f7f7f7}
.mx-service .mx-media video,.mx-service .mx-media img{display:block;width:100%;height:100%;object-fit:cover}
.mx-service .mx-slide{position:absolute;inset:0;opacity:0;transition:opacity 350ms ease}
.mx-service .mx-slide.is-active{opacity:1}
.mx-service .mx-slide-toggle{position:absolute;right:12px;bottom:12px;z-index:2;border:1px solid #ddd;border-radius:999px;background:#fff;color:#171717;padding:10px 16px;min-height:44px;cursor:pointer;font:14px "Inter Display",sans-serif}
.mx-service .mx-slide-toggle:focus-visible{outline:2px solid #111;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.mx-service .mx-slide{transition:none}}
.mx-slide-toggle{display:none!important}
.mx-conversion-section a{align-items:center;background:#171717!important;border:1px solid #171717!important;border-radius:999px!important;color:#fff!important;display:inline-flex!important;justify-content:center;min-height:52px;padding:14px 24px!important;text-decoration:none!important;transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 160ms ease!important}
.mx-conversion-section a:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){.mx-conversion-section a:hover{background:#333!important}}