.mp-service-detail { overflow: clip; padding-top: var(--mp-header-height); }
.mp-service-hero { padding: clamp(68px,8vw,116px) 0 clamp(72px,8vw,110px); border-bottom: 1px solid var(--mp-line-soft); background: radial-gradient(circle at 8% 85%,rgba(231,31,47,.07),transparent 27%),radial-gradient(circle at 88% 12%,rgba(27,103,222,.07),transparent 28%),rgba(248,250,249,.78); }
.mp-service-hero__grid { display:grid; grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr); align-items:center; gap:clamp(44px,7vw,104px); }
.mp-service-hero__content { position:relative; z-index:2; }
.mp-service-back { display:inline-flex; margin-bottom:38px; color:var(--mp-muted); font-size:.72rem; font-weight:800; text-decoration:none; }
.mp-service-hero h1 { max-width:720px; margin:0 0 18px; font-size:clamp(3.2rem,2.55rem + 2.75vw,5.8rem); line-height:.98; letter-spacing:-.055em; }
.mp-service-hero h2 { max-width:620px; margin:0 0 22px; font-size:clamp(1.3rem,1.1rem + .7vw,2rem); line-height:1.22; }
.mp-service-hero__content>p { max-width:610px; margin:0 0 30px; color:var(--mp-muted); font-size:clamp(.98rem,.94rem + .18vw,1.1rem); line-height:1.8; }
.mp-service-hero__visual { margin:0; aspect-ratio:1.12/1; overflow:hidden; border:1px solid var(--mp-line-soft); border-radius:clamp(28px,4vw,52px); background:#fff; box-shadow:0 34px 90px rgba(37,39,43,.09); }
.mp-service-hero__visual picture,.mp-service-hero__visual img { display:block; width:100%; height:100%; }
.mp-service-hero__visual img { object-fit:cover; }
.mp-service-scope,.mp-service-outcomes { padding-block:clamp(76px,9vw,126px); }
.mp-service-heading { max-width:820px; margin-bottom:clamp(42px,6vw,70px); }
.mp-service-heading h2,.mp-service-outcomes h2 { margin:0; font-size:clamp(2.6rem,2.05rem + 2.2vw,4.7rem); line-height:1.02; letter-spacing:-.05em; }
.mp-service-scope__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.mp-service-scope__grid article { min-height:260px; padding:clamp(28px,3.5vw,46px); border:1px solid var(--mp-line-soft); border-radius:28px; background:#fff; box-shadow:0 20px 60px rgba(37,39,43,.055); }
.mp-service-scope__grid span { color:var(--mp-muted); font:800 .62rem/1 "SFMono-Regular",Consolas,monospace; }
.mp-service-scope__grid h3 { max-width:280px; margin:92px 0 0; font-size:clamp(1.45rem,1.25rem + .65vw,2.1rem); line-height:1.1; }
.mp-service-scope__grid article:nth-child(2) { transform:translateY(24px); }
.mp-service-outcomes { border-block:1px solid var(--mp-line-soft); background:rgba(247,250,248,.72); }
.mp-service-outcomes__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.72fr); align-items:start; gap:clamp(46px,8vw,120px); }
.mp-service-outcomes ul { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.mp-service-outcomes li { display:flex; align-items:center; gap:16px; padding:22px 0; border-bottom:1px solid var(--mp-line); font-size:clamp(1rem,.94rem + .28vw,1.18rem); font-weight:700; }
.mp-service-outcomes li i { flex:0 0 9px; width:9px; height:9px; background:var(--mp-red); box-shadow:8px 8px 0 var(--mp-blue); }
.mp-service-cta { padding:clamp(70px,8vw,110px) 0 10px; }
.mp-service-cta__card { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:clamp(36px,5vw,70px); border:1px solid var(--mp-line-soft); border-radius:32px; background:radial-gradient(circle at 90% 20%,rgba(27,103,222,.08),transparent 30%),radial-gradient(circle at 8% 90%,rgba(231,31,47,.08),transparent 30%),#fff; }
.mp-service-cta h2 { margin:0 0 12px; font-size:clamp(2rem,1.65rem + 1.3vw,3.3rem); line-height:1.05; }
.mp-service-cta p { max-width:650px; margin:0; color:var(--mp-muted); line-height:1.7; }
[dir=rtl] .mp-service-back { direction:rtl; }
@media(max-width:900px){.mp-service-hero__grid{grid-template-columns:1fr}.mp-service-hero__visual{order:-1;max-width:680px}.mp-service-scope__grid{grid-template-columns:1fr 1fr}.mp-service-scope__grid article:nth-child(2){transform:none}.mp-service-outcomes__grid{grid-template-columns:1fr}}
@media(max-width:600px){.mp-service-hero{padding-top:42px}.mp-service-hero h1{font-size:clamp(2.65rem,13vw,3.8rem)}.mp-service-scope__grid{grid-template-columns:1fr}.mp-service-scope__grid article{min-height:190px}.mp-service-scope__grid h3{margin-top:55px}.mp-service-cta__card{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.mp-service-scope__grid article:nth-child(2){transform:none}}