/* Approved Premium Editorial — Stage 1. Presentation only; Hero is out of scope. */
.mh-section.mh-legacy {
 --mh-bg:#f5f8fa;--mh-ink:#102337;--mh-muted:#496071;--mh-line:#cedbe1;
 --mh-accent:#a83e28;--editorial-paper:#fff;--editorial-thread:#58b9d1;
 --editorial-radius:20px;--mm-accent:88,185,209;--mm-secondary:88,185,209;
 background:var(--mh-bg);color:var(--mh-ink);
}
:root[data-site-theme="dark"] .mh-section.mh-legacy {
 --mh-bg:#0a1423;--mh-ink:#f0f6fa;--mh-muted:#bbcad6;--mh-line:#344959;
 --mh-accent:#ffae95;--editorial-paper:#162a3c;
}
#what-we-do.mh-legacy {--mh-bg:#f5f8fa;}
#marketing-first.mh-legacy {--mh-bg:#faf6f0;}
#services-ecosystem.mh-legacy {--mh-bg:#edf5f7;}
#research-intelligence.mh-legacy {--mh-bg:#edf2f4;}
#websites-infrastructure.mh-legacy {--mh-bg:#f5f8fa;}
#how-we-work.mh-legacy {--mh-bg:#faf6f0;}
#projects.mh-legacy {--mh-bg:#fffdf8;}
#proof.mh-legacy {--mh-bg:#faf6f0;}
#resources.mh-legacy {--mh-bg:#edf5f7;}
#founder.mh-legacy {--mh-bg:#fbf9f3;}
#automation-follow-up.mh-legacy,#final-cta.mh-legacy {
 --mh-bg:#10283e;--mh-ink:#f0f6fa;--mh-muted:#c4d3dd;--mh-line:#486173;--mh-accent:#ffc0a9;--editorial-paper:#18364d;
}
:root[data-site-theme="dark"] #what-we-do.mh-legacy {--mh-bg:#101f31;}
:root[data-site-theme="dark"] #marketing-first.mh-legacy {--mh-bg:#1b2028;}
:root[data-site-theme="dark"] #services-ecosystem.mh-legacy {--mh-bg:#0c1a29;}
:root[data-site-theme="dark"] #research-intelligence.mh-legacy {--mh-bg:#101f31;}
:root[data-site-theme="dark"] #websites-infrastructure.mh-legacy {--mh-bg:#101f31;}
:root[data-site-theme="dark"] #how-we-work.mh-legacy {--mh-bg:#1b232d;}
:root[data-site-theme="dark"] #projects.mh-legacy {--mh-bg:#131f2b;}
:root[data-site-theme="dark"] #proof.mh-legacy {--mh-bg:#182430;}
:root[data-site-theme="dark"] #resources.mh-legacy {--mh-bg:#101f31;}
:root[data-site-theme="dark"] #founder.mh-legacy {--mh-bg:#1a232c;}
:root[data-site-theme="dark"] #automation-follow-up.mh-legacy {--mh-bg:#081a2a;}
:root[data-site-theme="dark"] #final-cta.mh-legacy {--mh-bg:#071320;}
/* A restrained Growth Thread frames ideas; it carries no business data. The
   seven-stage Journey keeps its own original path and interaction. */
.mh-legacy:not(.mh-journey) .mh-inner {position:relative;}
.mh-legacy:not(.mh-journey) .mh-kicker::after {content:'';height:1px;width:64px;background:var(--editorial-thread);align-self:center;opacity:.7;}
.mh-legacy .mh-inner {max-width:1240px;}
.mh-legacy:not(.mh-journey) h2 {font-size:clamp(34px,4.1vw,62px);line-height:1.13;letter-spacing:-.045em;font-weight:600;}
.mh-legacy:not(.mh-journey)[dir=rtl] h2 {font-size:clamp(32px,3.6vw,56px);line-height:1.5;letter-spacing:-.025em;font-weight:400;}
.mh-legacy .mh-body {font-size:clamp(16px,1.25vw,19px);line-height:1.9;max-width:58ch;}
.mh-legacy .mh-kicker {font-weight:600;letter-spacing:.08em;margin-bottom:24px;}
.mh-legacy .mh-section-number {color:var(--mh-muted);}
.mh-legacy .mh-media {border-radius:var(--editorial-radius);border:1px solid var(--mh-line);padding:8px;background:var(--editorial-paper);}
.mh-legacy .mh-media::after {display:none;}
.mh-legacy .mh-media img {border-radius:13px;filter:saturate(.8);aspect-ratio:6/5;object-fit:cover;}
.mh-legacy .mh-items {gap:24px;}
.mh-legacy .mh-items li {border:0;border-top:1px solid var(--mh-line);border-radius:0;padding:24px 0;background:transparent;box-shadow:none;}
.mh-legacy .mh-items h3 {font-size:clamp(20px,1.8vw,25px);}
.mh-legacy .mh-items p {font-size:16px;line-height:1.9;}
#what-we-do .mh-media {transform:rotate(-2deg);margin:12px;}
#marketing-first .mh-item-number {background:transparent;border:1px solid var(--mh-line);color:var(--mh-accent);border-radius:50%;width:42px;height:42px;font-size:16px;}
#research-intelligence .mh-items li,#how-we-work .mh-items li,#websites-infrastructure .mh-items li {background:transparent;box-shadow:none;}
#automation-follow-up.mh-legacy {margin:24px clamp(12px,2vw,32px)!important;border-radius:28px;padding-inline:clamp(24px,4vw,64px);}
#automation-follow-up .mh-items {max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;}
#automation-follow-up .mh-items li {display:block;background:transparent;padding:24px 0;}
#automation-follow-up .mh-item-number {margin-bottom:14px;}
#websites-infrastructure .mh-items {padding:0;}
#projects .mh-empty,#proof .mh-empty,#resources .mh-empty {background:transparent;border-radius:0;border-width:1px 0 0;padding:24px 0 0;font-size:15px;max-width:74ch;}
#founder .mh-inner {border-block:0;padding-block:12px;}
#founder h2 {border-inline-start:2px solid var(--editorial-thread);padding-inline-start:24px;}
#final-cta .mh-inner {max-width:1240px;}
#final-cta h2 {font-size:clamp(38px,5.3vw,76px);max-width:21ch;}
/* Connected Capabilities: a signature panel and four supporting tiles. */
#services-ecosystem .mh-items {grid-template-columns:1.18fr 1fr 1fr;gap:20px;position:relative;}
#services-ecosystem .mh-items::before {content:'';position:absolute;inset:0;pointer-events:none;border-top:1px solid var(--editorial-thread);border-radius:45% 30% 0 0;opacity:.35;}
#services-ecosystem .mh-items li {position:relative;padding:24px;border:1px solid var(--mh-line);border-radius:var(--editorial-radius);background:var(--editorial-paper);gap:14px;min-height:0;transition:transform .25s ease,border-color .25s ease;}
#services-ecosystem .mh-items li:first-child {grid-row:span 2;background:#10283e;color:#f0f6fa;--mh-muted:#c4d3dd;--mh-line:#486173;--mh-accent:#ffc0a9;justify-content:center;}
#services-ecosystem .mh-items li:first-child .mh-pillar-art {height:310px;}
#services-ecosystem .mh-items li:first-child h3 {font-size:clamp(26px,2.5vw,36px);}
#services-ecosystem .mh-items li:nth-child(4) {background:color-mix(in srgb,var(--editorial-paper) 60%,var(--mh-bg));}
#services-ecosystem .mh-items h3 {font-size:clamp(21px,1.7vw,25px);}
#services-ecosystem .mh-items p {font-size:15px;line-height:1.85;}
#services-ecosystem .mh-pillar-art {height:146px;border-radius:12px;margin:0;}
#services-ecosystem .mh-pillar-art img {filter:saturate(.75);}
#services-ecosystem .mh-item-number {color:var(--mh-muted);font-size:12px;}
#services-ecosystem .mh-link {align-self:flex-start;gap:12px;padding:8px 0;text-decoration:none;border-bottom:1px solid var(--mh-line);font-size:14px;font-weight:600;}
.mh-legacy .mh-link span,.mh-legacy .mh-cta span {width:30px;height:30px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;flex-shrink:0;transition:transform .25s ease;}
.mh-legacy .mh-cta {border-radius:30px;font-size:15px;gap:24px;padding:9px 12px 9px 22px;transition:transform .25s ease;}
.mh-legacy[dir=rtl] .mh-cta {padding:9px 22px 9px 12px;}
.mh-legacy[dir=rtl] :is(.mh-cta,.mh-link) span {transform:scaleX(-1);}
.mh-legacy :is(.mh-cta,.mh-link):is(:hover,:focus-visible) span {transform:rotate(45deg);}
.mh-legacy[dir=rtl] :is(.mh-cta,.mh-link):is(:hover,:focus-visible) span {transform:scaleX(-1) rotate(45deg);}
#services-ecosystem .mh-items li:focus-within {border-color:var(--editorial-thread);}
@media(hover:hover) {#services-ecosystem .mh-items li:hover {transform:translateY(-3px);border-color:var(--editorial-thread);}.mh-legacy .mh-cta:hover{transform:translateY(-2px);}}
/* Existing six scenes, original words and progress. Linework adds a visual
   counterpart to each step without inventing outcomes or another scroll system. */
.mh-legacy .mm-type-scene {--surface:var(--editorial-paper);}
.mh-legacy .mm-type-title {font-weight:600;}
.mh-legacy[lang=ar] .mm-type-title {font-weight:400;letter-spacing:-.025em;}
#how-we-work .mm-media-quiet {padding:0;}
#how-we-work .mm-quiet-sheet {position:relative;padding:30px;border:1px solid var(--mh-line);border-radius:20px;background:var(--editorial-paper);}
#how-we-work .mm-quiet-sheet::before {content:'';display:block;height:96px;margin-bottom:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 96' fill='none'%3E%3Cpath d='M12 70H62C92 70 86 22 122 22H177C213 22 203 70 236 70H288' stroke='%2358b9d1' stroke-width='1.5'/%3E%3Cpath d='M12 82H288M12 10H288' stroke='%2358b9d1' stroke-opacity='.18'/%3E%3Cg stroke='%2358b9d1'%3E%3Ccircle cx='28' cy='70' r='8'/%3E%3Ccircle cx='150' cy='22' r='12'/%3E%3Ccircle cx='271' cy='70' r='8'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;}
#how-we-work .mm-quiet-sheet strong {font-weight:600;font-size:clamp(20px,2vw,28px);}
#how-we-work .mm-quiet-sheet>span:not(.mm-quiet-number) {font-size:13px;line-height:1.7;}
#how-we-work .mm-quiet-number {font-size:14px;letter-spacing:.12em;}
#how-we-work .mm-quiet-rule {margin-block:22px;background:var(--mh-line);}
#how-we-work .mm-quiet-track {gap:6px;}
#how-we-work .mm-quiet-track i {height:5px;border-radius:4px;}
#how-we-work .mm-type-panel:nth-child(even) .mm-quiet-sheet::before {transform:scaleX(-1);}
#how-we-work .mm-type-panel:nth-child(3n) .mm-quiet-sheet::before {opacity:.7;}
@media(min-width:1101px) {#services-ecosystem .mh-intro {display:grid;grid-template-columns:1.25fr 1fr;gap:0 64px;align-items:end;}#services-ecosystem .mh-kicker{grid-column:1/-1;}#services-ecosystem h2{margin-bottom:0;} }
@media(min-width:768px) and (max-width:1100px) {#services-ecosystem .mh-items{grid-template-columns:1fr 1fr;}#services-ecosystem .mh-items li:first-child{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;}#services-ecosystem .mh-items li:first-child .mh-pillar-art{grid-column:2;grid-row:1/4;height:100%;min-height:250px;}#services-ecosystem .mh-items li:first-child .mh-link{grid-column:1;} }
@media(max-width:900px) {#how-we-work .mm-quiet-sheet {padding:20px;}#how-we-work .mm-quiet-sheet::before{height:65px;margin-bottom:12px;}#how-we-work .mm-quiet-rule{margin-block:16px;} }
@media(max-width:767px) {
 .mh-legacy:not(.mh-journey) h2,.mh-legacy:not(.mh-journey)[dir=rtl] h2{font-size:32px;line-height:1.4;letter-spacing:-.025em;}
 .mh-legacy .mh-body{font-size:16px;line-height:1.9;}
 .mh-legacy .mh-items{gap:12px;margin-top:32px;}
 .mh-legacy .mh-items li{padding:20px 0;}
 .mh-legacy .mh-media img{aspect-ratio:6/5;}
 #what-we-do .mh-media{margin:8px;}
 #automation-follow-up .mh-items{grid-template-columns:1fr;}
 #services-ecosystem .mh-items{grid-template-columns:minmax(0,1fr);gap:16px;}
 #services-ecosystem .mh-items li{padding:22px;}
 #services-ecosystem .mh-items li:first-child{grid-row:auto;}
 #services-ecosystem .mh-items li:first-child .mh-pillar-art{height:220px;}
 #services-ecosystem .mh-pillar-art{height:160px;}
 #services-ecosystem .mh-items li:first-child h3{font-size:28px;}
 #how-we-work .mm-type-panel {padding-block:20px;gap:22px;}
 #how-we-work .mm-type-panel p{margin-top:14px;}
 #how-we-work .mm-type-number{margin-bottom:10px;}
 #how-we-work .mm-type-footer{margin-top:20px;}
 #final-cta h2{font-size:38px;}
}
@media(prefers-reduced-motion:reduce) {.mh-legacy :is(.mh-cta,.mh-link) span,#services-ecosystem .mh-items li,.mh-legacy .mh-cta{transition:none!important;}#services-ecosystem .mh-items li:hover,.mh-legacy .mh-cta:hover{transform:none;}.mh-legacy :is(.mh-cta,.mh-link):is(:hover,:focus-visible) span{transform:none;}.mh-legacy[dir=rtl] :is(.mh-cta,.mh-link):is(:hover,:focus-visible) span{transform:scaleX(-1);} }

.mh-legacy .mh-service-symbol {width:22px;height:22px;flex-shrink:0;}
/* The legacy infrastructure ID carried explicit dark text tokens. Reset its
   complete palette when returning this section to porcelain in the light theme. */
#websites-infrastructure.mh-legacy {--mh-ink:#102337;--mh-muted:#496071;--mh-line:#cedbe1;--mh-accent:#a83e28;}
:root[data-site-theme="dark"] #websites-infrastructure.mh-legacy {--mh-ink:#f0f6fa;--mh-muted:#bbcad6;--mh-line:#344959;--mh-accent:#ffae95;}
/* 10:30 operator correction: recover the legacy dark tonal families and image
   contrast, while leaving the approved light palette independent. */
:root[data-site-theme="dark"] .mh-legacy:not(.mh-journey) {padding-block:clamp(56px,6vw,88px);background:radial-gradient(ellipse 65% 35% at 90% 12%,rgba(var(--mm-accent),.08),transparent),var(--mh-bg);}
:root[data-site-theme="dark"] #what-we-do.mh-legacy {--mh-bg:#0d1d29;--mm-accent:92,200,255;}
:root[data-site-theme="dark"] #marketing-first.mh-legacy {--mh-bg:#251e1a;--mm-accent:231,157,103;--editorial-paper:#302925;--mh-line:#51453b;}
:root[data-site-theme="dark"] #services-ecosystem.mh-legacy {--mh-bg:#111e28;--mm-accent:92,160,182;}
:root[data-site-theme="dark"] #research-intelligence.mh-legacy {--mh-bg:#201f32;--mm-accent:139,129,193;--editorial-paper:#29283d;--mh-line:#49465f;}
:root[data-site-theme="dark"] #automation-follow-up.mh-legacy {--mh-bg:#082a35;--mm-accent:79,191,199;--editorial-paper:#123c48;--mh-line:#366370;}
:root[data-site-theme="dark"] #websites-infrastructure.mh-legacy {--mh-bg:#11243b;--mm-accent:92,160,217;--editorial-paper:#1b324c;--mh-line:#385470;}
:root[data-site-theme="dark"] #how-we-work.mh-legacy {--mh-bg:#20252c;--mm-accent:150,177,185;--editorial-paper:#2b333d;--mh-line:#495563;}
:root[data-site-theme="dark"] #projects.mh-legacy {--mh-bg:#27261f;--mm-accent:197,177,121;--mh-line:#514e40;}
:root[data-site-theme="dark"] #proof.mh-legacy {--mh-bg:#171c23;--mm-accent:118,145,168;}
:root[data-site-theme="dark"] #resources.mh-legacy {--mh-bg:#122535;--mm-accent:91,174,194;}
:root[data-site-theme="dark"] #founder.mh-legacy {--mh-bg:#2a241e;--mm-accent:199,158,114;--mh-line:#53473b;}
:root[data-site-theme="dark"] #final-cta.mh-legacy {--mh-bg:#080e15;--mm-accent:76,141,173;}
:root[data-site-theme="dark"] .mh-legacy .mh-media img,:root[data-site-theme="dark"] .mh-legacy .mh-pillar-art img {filter:saturate(1.02) contrast(1.01);}
:root[data-site-theme="dark"] .mh-legacy .mh-media {border:0;padding:0;background:transparent;}
:root[data-site-theme="dark"] .mh-legacy .mm-type-scene {margin-bottom:calc(-1 * clamp(56px,6vw,88px));}
:root[data-site-theme="dark"] .mh-curated.mh-legacy {padding-block:48px;}
/* Unboxed editorial artwork: three composed rows, not five bordered picture
   cards. All original image files, text, links and DOM reading order remain. */
#services-ecosystem .mh-items {grid-template-columns:repeat(12,minmax(0,1fr));gap:52px 44px;align-items:start;}
#services-ecosystem .mh-items::before {border:0;inset:12% 5% 10%;background:linear-gradient(115deg,transparent 49.9%,var(--editorial-thread) 50%,transparent 50.1%);opacity:.18;}
#services-ecosystem .mh-items li {grid-column:span 5;display:flex;align-self:start;padding:0;border:0;border-radius:0;background:transparent;color:var(--mh-ink);gap:16px;transition:none;}
#services-ecosystem .mh-items li:first-child {grid-column:span 7;grid-row:auto;background:transparent;color:var(--mh-ink);--mh-muted:inherit;--mh-line:inherit;--mh-accent:inherit;justify-content:flex-start;}
#services-ecosystem .mh-items li:nth-child(2) {padding-top:88px;}
#services-ecosystem .mh-items li:nth-child(4) {grid-column:span 7;background:transparent;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:24px;align-self:center;}
#services-ecosystem .mh-items li:nth-child(5) {grid-column:2/12;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;align-items:center;}
#services-ecosystem .mh-pillar-art,#services-ecosystem .mh-items li:nth-child(2) .mh-pillar-art {height:240px;border:0;border-radius:0;padding:0;overflow:visible;background:transparent;min-width:0;width:100%;}
#services-ecosystem .mh-pillar-art img {object-fit:contain;filter:none;mask-image:radial-gradient(ellipse 76% 76% at 50% 46%,#000 57%,transparent 86%);}
#services-ecosystem .mh-items li:first-child .mh-pillar-art {height:360px;}
#services-ecosystem .mh-items li:nth-child(2) .mh-pillar-art {width:86%;height:250px;margin-inline-start:auto;}
#services-ecosystem .mh-items li:nth-child(3) .mh-pillar-art {height:220px;}
#services-ecosystem .mh-items li:nth-child(4) .mh-pillar-art {grid-column:2;grid-row:1/4;height:280px;}
#services-ecosystem .mh-items li:nth-child(4)>:not(.mh-pillar-art) {grid-column:1;}
#services-ecosystem .mh-items li:nth-child(5) .mh-pillar-art {grid-column:1;grid-row:1/4;height:280px;}
#services-ecosystem .mh-items li:nth-child(5)>:not(.mh-pillar-art) {grid-column:2;}
#services-ecosystem .mh-items li:nth-child(5) h3 {font-size:clamp(24px,2.3vw,32px);}
#services-ecosystem .mh-items li .mh-item-number {border-top:1px solid var(--mh-line);padding-top:16px;margin:0;color:var(--mh-muted);}
#services-ecosystem .mh-link {margin-top:4px;justify-self:start;}
#services-ecosystem .mh-items li:hover {transform:none;}
@media(max-width:1100px) {
 #services-ecosystem .mh-items {gap:40px 28px;}
 #services-ecosystem .mh-items li:first-child {display:flex;grid-column:span 7;}
 #services-ecosystem .mh-items li:first-child .mh-pillar-art {height:280px;min-height:0;}
 #services-ecosystem .mh-items li:nth-child(4) {display:flex;}
 #services-ecosystem .mh-items li:nth-child(4) .mh-pillar-art {height:240px;}
}
@media(max-width:767px) {
 #services-ecosystem .mh-items {grid-template-columns:minmax(0,1fr);gap:40px;}
 #services-ecosystem .mh-items li,#services-ecosystem .mh-items li:first-child,#services-ecosystem .mh-items li:nth-child(4),#services-ecosystem .mh-items li:nth-child(5) {grid-column:1;display:flex;padding:0;gap:14px;}
 #services-ecosystem .mh-items li .mh-pillar-art {height:210px;}
 #services-ecosystem .mh-items li:first-child .mh-pillar-art {height:270px;}
 #services-ecosystem .mh-items li:nth-child(2) .mh-pillar-art {height:190px;width:86%;}
 #services-ecosystem .mh-items li:nth-child(3) .mh-pillar-art {height:210px;}
 #services-ecosystem .mh-items li:nth-child(5) .mh-pillar-art {height:230px;}
 #services-ecosystem .mh-items li .mh-item-number {width:100%;}
 :root[data-site-theme="dark"] .mh-legacy:not(.mh-journey) {padding-block:56px;}
 :root[data-site-theme="dark"] .mh-legacy .mm-type-scene {margin-bottom:-56px;}
}

#services-ecosystem .mh-pillar-art {display:flex;align-items:center;justify-content:center;}
#services-ecosystem .mh-pillar-art img {width:auto;max-width:100%;height:100%;mask-image:radial-gradient(ellipse 65% 65% at 50% 50%,#000 48%,transparent 76%);}
/* A persistent 78px shell now shares the 805px desktop viewport. Preserve the
   original seven-stage animation by reclaiming margins/path display space,
   without changing its curve, labels, copy, stage boundaries or motion code. */
@media(min-width:901px) and (max-height:900px) {
 .mh-legacy .is-animated .mm-journey-scene {padding-block:16px;}
 .mh-legacy .mm-journey-path {height:146px;flex-shrink:0;}
 .mh-legacy .mm-journey-index {margin-top:12px;}
 .mh-legacy .mm-journey-note {margin-top:8px;}
 .mh-legacy .mm-journey-footer {margin-top:8px;}
}
@media(min-width:901px) and (max-height:900px) {
 .mh-legacy .is-animated .mm-type-stage {padding-block:24px;}
}