.mx-marketing-hero{padding:65px var(--mx-space) 0;background:#ff986f;overflow:hidden;position:relative}
.mx-marketing-hero h1{font-size:clamp(48px,7.5vw,108px);line-height:1.01;max-width:1230px;letter-spacing:-.06em}
.mx-marketing-hero h1 em{color:var(--mx-ink);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:12px;text-decoration-color:#a43c16}
.mx-marketing-opening-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:15px 0 42px}
.mx-marketing-opening-copy .mx-lead{color:var(--mx-ink);font-size:19px;margin:0}
.mx-marketing-actions{display:flex;flex-direction:column;align-items:start;gap:14px;margin:0;justify-self:end}
.mx-marketing-actions .wp-block-button__link{border-radius:40px}
.mx-marketing-actions .wp-block-button:last-child a{background:transparent;color:var(--mx-ink);padding:10px 0;text-decoration:underline;text-underline-offset:6px}
.mx-marketing-ribbon{display:flex;gap:25px;justify-content:space-between;border-top:1px solid #813e2450;margin:0;padding-block:22px}
.mx-marketing-word{font-weight:600;font-size:clamp(16px,2.2vw,30px);letter-spacing:-.03em;margin:0}
.mx-marketing-journey{padding:75px var(--mx-space);background:var(--mx-ink);color:var(--mx-paper)}
.mx-journey-heading h2{font-size:clamp(37px,4.3vw,62px);max-width:900px}
.mx-journey-heading .mx-eyebrow{color:#ff986f}
.mx-journey-heading .mx-lead{color:#cbd0c1;font-size:17px}
.wp-block-buttons.mx-journey-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:35px;border-bottom:1px solid #72766b}
.mx-journey-controls .wp-block-button{width:100%}
.mx-journey-controls a{font-size:15px;width:100%;background:transparent;color:var(--mx-paper);border-radius:0;border-bottom:4px solid transparent;padding:20px 12px}
.mx-journey-controls a[aria-pressed=true]{color:#ff986f;border-bottom-color:#ff986f;background:#ffffff08}
.mx-journey-controls a:focus-visible{outline-color:#ff986f;outline-offset:-5px}
.mx-journey-panels{display:grid;gap:24px;margin-top:35px}
.mx-journey-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin:0;min-height:310px}
.mx-journey-panel[hidden]{display:none}
.mx-journey-copy h3{font-size:clamp(29px,3vw,43px);line-height:1.1;max-width:620px}
.mx-journey-copy>p:not(.mx-eyebrow){font-size:16px;color:#d3d6ca}
.mx-journey-copy>.mx-eyebrow{color:#ff986f;font-size:11px}
.mx-journey-copy>.mx-small{border-top:1px solid #ffffff30;padding-top:16px;font-size:13px}
.mx-journey-visual{background:#dce8ba;color:var(--mx-ink);padding:32px;border-radius:70px 8px 70px 8px;margin:0;min-height:310px;display:flex;flex-direction:column;justify-content:space-between}
.mx-journey-visual-2{background:#f2c3a7}.mx-journey-visual-3{background:#d8d1eb}.mx-journey-visual-4{background:#d4e4dd}
.mx-journey-visual>.mx-eyebrow{font-size:10px;letter-spacing:1.4px}
.mx-journey-flow{font-size:clamp(25px,2.8vw,40px);line-height:1.15;letter-spacing:-.035em;font-weight:600;margin-block:22px}
.mx-journey-visual>.mx-small{font-size:11px;margin-bottom:0}
.mx-route-track{display:flex;gap:8px;align-items:center;margin:0}
.mx-route-node{background:#20211e;color:white;border-radius:40px;padding:8px 14px;font-size:11px;margin:0;flex:1;text-align:center}

.mx-marketing-audiences>h2{max-width:1000px}
.mx-audience-card{padding:35px;border-top:3px solid var(--mx-ink);background:#ebece4}
.mx-audience-card:last-child{background:#f3dfd1}
.mx-audience-card h3{font-size:clamp(29px,3vw,41px)}
.mx-audience-card>p:not(.mx-eyebrow){font-size:16px}
.mx-audience-card .mx-feature{border-color:#20211e30}
.mx-marketing-channels{padding-top:10px}
.mx-channel-row{display:grid;grid-template-columns:150px 1fr;gap:60px;align-items:start;padding-block:42px;border-top:1px solid var(--mx-line);margin:0}
.mx-channel-symbol{width:130px;height:130px;border-radius:50%;background:#dce8ba;display:grid;place-items:center;font-size:68px;font-weight:700;letter-spacing:-.07em;margin:0}
.mx-channel-row:last-child .mx-channel-symbol{background:#d8d1eb;border-radius:32px;transform:rotate(-7deg)}
.mx-channel-copy{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:15px 50px}
.mx-channel-copy>h3{margin:0;grid-column:1}
.mx-channel-copy>.mx-channel-lead{font-size:27px;line-height:1.2;letter-spacing:-.03em;margin:0;grid-column:1}
.mx-channel-copy>p:not(.mx-channel-lead):not(.mx-small){grid-column:2;grid-row:1/3;margin:0;font-size:17px}
.mx-channel-copy>.mx-small{grid-column:1/-1;font-size:12px;color:#575c50;margin:10px 0 0}
.mx-scope-note{font-size:14px;border-left:3px solid var(--mx-accent);padding:12px 20px;background:#ebece4;max-width:900px}
.mx-marketing-creatives{padding:70px var(--mx-space);background:#e3e7d9;overflow:hidden}
.mx-creatives-copy{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;align-items:start}
.mx-creatives-copy>.mx-eyebrow{grid-column:1/-1;margin:0}
.mx-creatives-copy h2{margin:0}
.mx-creatives-copy>.mx-lead{margin:0;font-size:18px}
.mx-creatives-copy>.mx-small{grid-column:2;margin-top:0}
.mx-ad-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;padding-block:48px;margin:0;align-items:center}
.mx-ad{padding:28px;min-height:390px;display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;overflow:hidden;box-shadow:0 18px 25px #20211e15;margin:0}
.mx-ad>*{position:relative;z-index:1;margin:0}
.mx-ad h3{font-size:clamp(34px,4vw,59px);line-height:1.01;letter-spacing:-.06em}
.mx-ad .mx-demo-label{font-size:9px;line-height:1.5}
.mx-ad-foot{font-size:10px;font-weight:600;letter-spacing:1px;border-top:1px solid currentColor;padding-top:13px}
.mx-ad-one{background:#253b2e;color:#f1edda;border-radius:130px 130px 5px 5px;transform:rotate(-5deg);padding-top:60px}
.mx-ad-one:before{content:'';position:absolute;inset:50% -30% -40% 30%;border:45px solid #547258;border-radius:50%;z-index:0}
.mx-ad-two{background:#f9a178;color:#20211e;min-height:430px;transform:rotate(3deg)}
.mx-ad-two:before{content:'';position:absolute;width:180px;height:180px;border:28px solid #e48157;border-radius:50%;right:-30px;top:70px;z-index:0}
.mx-ad-three{background:#d7cced;color:#262335;transform:rotate(-3deg);border-radius:8px}
.mx-ad-three:before{content:'↗';position:absolute;font-size:260px;line-height:1;right:-30px;bottom:20px;color:#bbb0d4;z-index:0}
.mx-marketing-creatives>.mx-small{font-size:12px;max-width:800px}
.mx-marketing-seo>.mx-lead{max-width:820px;margin-bottom:35px}
.mx-seo-card{padding:35px;background:#fff;border:1px solid var(--mx-line);border-radius:7px}
.mx-seo-card h3{margin-top:0;font-size:clamp(29px,3vw,40px)}
.mx-seo-card>p{font-size:16px}
.mx-contract-note{margin-top:35px;background:#dce8ba;padding:35px;display:grid;grid-template-columns:.8fr 1.2fr;gap:15px 50px}
.mx-contract-note>h3{font-size:35px;grid-row:1/3;margin:0}
.mx-contract-note>p{margin:0;font-size:17px}
.mx-contract-note>.mx-small{font-size:13px}
.mx-marketing-pricing{background:var(--mx-ink);color:var(--mx-paper)}
.mx-marketing-pricing>.mx-eyebrow{color:#ff986f}
.mx-marketing-pricing>.mx-lead{color:#d3d6ca;max-width:820px}
.mx-cost-card{border-top:1px solid #ffffff50;padding-block:25px;margin:0}
.mx-cost-card .mx-eyebrow{color:#ff986f}
.mx-cost-card h3{font-size:30px;margin-block:15px}
.mx-cost-card>p:not(.mx-eyebrow){font-size:16px;color:#d3d6ca;max-width:500px}
.mx-marketing-pricing .wp-block-button__link{background:#ff986f;color:var(--mx-ink);border-radius:40px}
@media(prefers-reduced-motion:no-preference){
 @keyframes mx-route-enter{from{transform:translateY(12px)}to{transform:translateY(0)}}
 .mx-marketing-hero h1{animation:mx-rise .7s ease-out both}
 .mx-marketing-word{animation:mx-rise .6s .1s ease-out both}.mx-marketing-word:nth-child(2){animation-delay:.2s}.mx-marketing-word:last-child{animation-delay:.3s}
 .mx-journey-panel.is-selected .mx-route-node{animation:mx-route-enter .45s ease-out both}.mx-journey-panel.is-selected .mx-route-node:nth-child(2){animation-delay:.1s}.mx-journey-panel.is-selected .mx-route-node:nth-child(3){animation-delay:.2s}
 .mx-ad{transition:transform .3s ease,box-shadow .3s ease}.mx-ad:hover{transform:rotate(0) translateY(-9px);box-shadow:0 23px 35px #20211e22}
}
@media(max-width:1000px){.mx-marketing-opening-copy{gap:35px}.mx-journey-panel{gap:30px}.mx-channel-row{grid-template-columns:100px 1fr;gap:35px}.mx-channel-symbol{width:100px;height:100px;font-size:54px}.mx-channel-copy{grid-template-columns:1fr;gap:18px}.mx-channel-copy>p:not(.mx-channel-lead):not(.mx-small){grid-column:1;grid-row:auto}.mx-ad{padding:20px;min-height:320px}.mx-ad-one{padding-top:45px}.mx-ad-two{min-height:360px}.mx-ad-gallery{gap:20px}.mx-ad h3{font-size:clamp(29px,4vw,45px)}}
@media(max-width:700px){.mx-marketing-hero{padding-top:40px}.mx-marketing-hero h1{font-size:clamp(43px,10.8vw,70px)}.mx-marketing-hero h1 em{text-underline-offset:7px;text-decoration-thickness:2px}.mx-marketing-opening-copy{grid-template-columns:1fr;gap:24px}.mx-marketing-opening-copy .mx-lead{font-size:17px}.mx-marketing-actions{justify-self:start}.mx-marketing-actions a{font-size:14px}.mx-marketing-ribbon{flex-wrap:wrap;gap:8px 20px}.mx-marketing-word{font-size:17px}.mx-marketing-journey{padding-block:50px}.wp-block-buttons.mx-journey-controls{grid-template-columns:1fr 1fr;gap:5px;border-bottom:0}.mx-journey-controls a{font-size:12px;padding:17px 7px;border:1px solid #72766b;border-bottom-width:3px}.mx-journey-panel{grid-template-columns:1fr;gap:20px;min-height:0}.mx-journey-visual{padding:26px;min-height:270px;border-radius:45px 6px 45px 6px}.mx-journey-copy h3{font-size:31px}.mx-route-node{font-size:10px;padding:8px}.mx-audience-card,.mx-seo-card{padding:26px}.mx-channel-row{grid-template-columns:1fr;gap:25px;padding-block:32px}.mx-channel-symbol{width:70px;height:70px;font-size:40px}.mx-channel-row:last-child .mx-channel-symbol{border-radius:19px}.mx-channel-copy>.mx-channel-lead{font-size:25px}.mx-creatives-copy{grid-template-columns:1fr;gap:20px}.mx-creatives-copy>.mx-small{grid-column:1}.mx-marketing-creatives{padding-block:50px}.mx-ad-gallery{grid-template-columns:1fr;gap:28px;padding-inline:8px}.mx-ad{max-width:390px;width:100%;justify-self:center;min-height:330px;padding:28px}.mx-ad-one{padding-top:50px}.mx-ad h3{font-size:48px}.mx-ad-two{min-height:350px}.mx-contract-note{grid-template-columns:1fr;padding:26px;gap:20px}.mx-contract-note>h3{grid-row:auto}.mx-cost-card{padding-block:20px}}

/* Full marketing service: plan, responsibilities and the existing delivery sections. */
.mx-marketing-whole-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:start}
.mx-marketing-whole-grid>*{margin:0;min-width:0}
.mx-marketing-whole-copy h2{font-size:clamp(38px,4.2vw,60px);margin:20px 0 30px}
.mx-marketing-whole-copy .mx-lead{font-size:20px}
.mx-marketing-whole-copy>p:last-child{font-size:16px;color:var(--mx-muted)}
.mx-marketing-whole-row{display:grid;grid-template-columns:46px 1fr;gap:20px;border-top:1px solid var(--mx-line);padding:25px 0;margin:0}
.mx-marketing-whole-number{margin:0;color:var(--mx-muted);font-size:27px;letter-spacing:-.04em}
.mx-marketing-whole-detail{margin:0}
.mx-marketing-whole-detail h3{font-size:28px;margin:0 0 14px}
.mx-marketing-whole-detail p{font-size:17px;margin:0}
.mx-marketing-whole-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;background:#e7e9de;padding:28px 32px;border-radius:5px;margin-top:28px}
.mx-marketing-whole-bottom>p{font-size:16px;margin:0}
.mx-marketing-whole-bottom>.wp-block-buttons{justify-content:flex-end;margin:0}
.mx-marketing-roles{background:#f3dfd1}
.mx-marketing-roles>h2{font-size:clamp(34px,4vw,56px)}
.mx-marketing-role{padding:32px;border-top:3px solid var(--mx-ink);background:#ffffff75;min-width:0}
.mx-marketing-role h3{font-size:clamp(29px,3vw,39px);margin:22px 0}
.mx-marketing-role p{font-size:17px}
.mx-marketing-role .mx-small{font-size:15px;border-top:1px solid #bdb2a7;padding-top:18px}
.mx-marketing-role-links{font-size:16px;max-width:920px;margin-top:30px}
@media(max-width:900px){.mx-marketing-whole-grid{grid-template-columns:1fr;gap:30px}.mx-marketing-whole-copy{max-width:730px}.mx-marketing-whole-bottom{grid-template-columns:1fr;gap:22px}.mx-marketing-whole-bottom>.wp-block-buttons{justify-content:flex-start}}
@media(max-width:600px){.mx-marketing-whole-row{grid-template-columns:35px 1fr;gap:14px}.mx-marketing-whole-detail h3{font-size:26px}.mx-marketing-whole-copy .mx-lead{font-size:18px}.mx-marketing-whole-bottom{padding:24px}.mx-marketing-role{padding:25px}.mx-marketing-whole-bottom .wp-block-button,.mx-marketing-whole-bottom .wp-block-button__link{width:100%}}