/* Visual-only layer. Existing artwork and page motion retain their owners. */
:root{--mp-ease:cubic-bezier(.22,1,.36,1);--mp-shadow-low:0 1px 1px #18342606,0 5px 10px -5px #18342614,0 14px 28px -18px #18342630;--mp-shadow-raised:0 2px 3px #18342608,0 10px 20px -10px #18342626,0 28px 48px -25px #18342638;--mp-shadow-high:0 4px 6px #1834260a,0 14px 25px -12px #1834262b,0 38px 60px -30px #18342645;--mp-edge:inset 0 1px 0 #fff9;--mp-rx:0deg;--mp-ry:0deg}
body[data-mp-page] .site-header{border:1px solid #ffffffa6;box-shadow:0 2px 4px #00000008,0 18px 42px -24px #00000073,0 1px 0 #fff8 inset}
body[data-mp-page] .site-header nav a:not(.nav-cta){text-underline-offset:6px}
body[data-mp-page] .site-header nav .nav-cta{box-shadow:0 1px 0 #ffffff25 inset,0 4px 7px -4px #12261f77}
body[data-mp-page] :is(.button,.price-secondary,.scope-back,.scope-edit,.price-select-trigger,.scope-select-trigger){transition:box-shadow 220ms var(--mp-ease),background-color 180ms ease,color 180ms ease,border-color 180ms ease,transform 220ms var(--mp-ease)}
body[data-mp-page] .button{box-shadow:0 1px 0 #ffffff35 inset,0 3px 3px -2px #10271c40,0 8px 18px -12px #10271c70}
body[data-mp-page] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #739248;outline-offset:4px}
body[data-mp-page] :is(.hero,.page-hero,.es-hero,.about-close,.who-close) :is(a,button):focus-visible{outline-color:#d5ef7f}
body[data-mp-page] :is(.button,.nav-cta):active{transform:translateY(1px);box-shadow:inset 0 2px 4px #10271c24}
body[data-mp-page] .button:disabled{cursor:wait;transform:none;box-shadow:none}
body[data-mp-page] :is(.service-card,.price-card,.price-project,.article-card){box-shadow:var(--mp-edge),var(--mp-shadow-low);border:1px solid #354d2b17;transition:box-shadow 280ms var(--mp-ease),border-color 220ms ease,transform 280ms var(--mp-ease);transform-origin:center 60%}
body[data-mp-page] :is(.service-card,.article-card){isolation:isolate;position:relative}
body[data-mp-page] .service-card.reveal-in{animation-fill-mode:none}
body[data-mp-page] :is(.service-card,.article-card):focus-visible{box-shadow:var(--mp-edge),var(--mp-shadow-raised)}
body[data-mp-page] .card-link{display:flex;align-items:center;justify-content:space-between;gap:18px}
body[data-mp-page] .mp-arrow{display:inline-block;flex:none;width:18px;height:18px;background:currentColor;clip-path:polygon(0 44%,68% 44%,44% 20%,52% 12%,94% 54%,52% 96%,44% 88%,68% 64%,0 64%);transition:translate 200ms var(--mp-ease);opacity:.8}
body[data-mp-page] :is(.service-proof-grid article,.conversion-calculator,.price-report,.scope-shell,.pb-template,.pb-takeaway){box-shadow:var(--mp-edge),var(--mp-shadow-low)}
body[data-mp-page] .scope-shell{box-shadow:var(--mp-edge),0 6px 12px -8px #18342618,0 28px 60px -35px #18342645}
body[data-mp-page] .scope-sidebar{background-image:linear-gradient(135deg,#ffffff28,transparent 65%)}
body[data-mp-page] .scope-choice{box-shadow:0 1px 0 #fff8 inset;transition:box-shadow 180ms ease,border-color 180ms ease,background-color 180ms ease}
body[data-mp-page] .scope-choice:has(input:checked){box-shadow:0 0 0 1px #78985d,0 5px 14px -10px #34512b60,inset 0 1px 0 #fff9}
body[data-mp-page] .scope-choices label{transition:box-shadow 180ms ease,border-color 180ms ease,background-color 180ms ease}
body[data-mp-page] .scope-choices label:has(input:checked){box-shadow:0 0 0 1px #78985d,0 5px 14px -10px #34512b60,inset 0 1px 0 #fff9}
body[data-mp-page] :is(.scope-select-trigger,.price-select-trigger,input:not([type=radio]):not([type=checkbox]),textarea){box-shadow:inset 0 1px 3px #213e2910;transition:border-color 160ms ease,box-shadow 160ms ease,background-color 160ms ease}
body[data-mp-page] :is(.scope-select-trigger,.price-select-trigger,input:not([type=radio]):not([type=checkbox]),textarea):focus-visible{box-shadow:0 0 0 3px #aecb792e,inset 0 1px 2px #213e290c}
body[data-mp-page] :is(.scope-select-menu,.price-select-menu){box-shadow:0 2px 5px #10271c12,0 16px 36px -12px #10271c3d;border:1px solid #bfcbb1}
body[data-mp-page] .scope-motion-progress{box-shadow:inset 0 1px 2px #13291b15}
body[data-mp-page] .scope-motion-progress-fill{background-image:linear-gradient(90deg,#657b57,#8eaa6e)}
body[data-mp-page] :is(.price-details,.conversion-faq details,.onboarding-page details){border-color:#bbc7af}
body[data-mp-page] summary{transition:background-color 180ms ease,box-shadow 180ms ease}
body[data-mp-page] details[open]>summary{background-color:#dce7c72e}
body[data-mp-page] .who-workflow{box-shadow:var(--mp-edge),0 3px 7px -5px #18342620}
body[data-mp-page] .who-workflow summary{transition:background-color 180ms ease}
body[data-mp-page] footer a{transition:color 180ms ease,text-decoration-color 180ms ease;text-underline-offset:5px}
body[data-mp-page] footer a:is(:hover,:focus-visible){text-decoration:underline}
/* The existing SVGs are intentionally outside every new illustration selector. */
.mp-art{width:min(100%,560px);aspect-ratio:600/370;position:relative;pointer-events:none;contain:layout style;margin:0}
.mp-art svg{display:block;width:100%;height:auto;margin:0;overflow:visible}
.mp-art svg [data-mp-layer]{transform-box:fill-box;transform-origin:center}
.service-page .es-hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:30px;align-items:center}
.service-page .es-hero-layout>div:first-child{grid-column:1;grid-row:1}
.service-page .es-hero-aside{grid-column:1;grid-row:2;align-self:start}
.service-page .es-hero-aside p{max-width:42ch;font-size:18px;line-height:1.6;margin-bottom:26px}
.service-page .es-hero-layout>.mp-art{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:center;filter:drop-shadow(0 15px 30px #030e0826)}
.service-page .es-hero-foot{margin-top:56px}
.service-page .es-group{position:relative}
.service-page .es-list li{transition:background-color 180ms ease;border-bottom-color:#cad4c0}
.service-page .es-process-list{counter-reset:mp-step}
.service-page .es-process-list li{position:relative}
.service-page .es-process-list li::before{content:'';position:absolute;top:-1px;left:0;height:2px;width:100%;background:linear-gradient(90deg,#668b4f,#a9c77e00);transform:scaleX(0);transform-origin:left;transition:transform 650ms var(--mp-ease)}
.service-page .es-process-list li.mp-arrived::before{transform:scaleX(1)}
.service-page .es-start-action{padding:26px 28px;border:1px solid #b6c6ab;border-radius:14px;background:linear-gradient(145deg,#fffef74f,#e9efde50);box-shadow:var(--mp-edge),var(--mp-shadow-low)}
.services-page .service-card>.mp-art{width:205px;max-width:55%;align-self:flex-end;margin-top:-27px;margin-bottom:8px}
.services-page .service-card{overflow:visible}
.about-page .about-section-title>.mp-art{width:min(100%,410px);margin-top:28px}
.mp-sidebar-art{width:215px;max-width:100%;margin:14px auto 24px}
.scope-sidebar .mp-sidebar-art .mp-art{width:100%}
.mp-project-art{width:160px;float:right;margin:-12px -12px 4px 12px}
.mp-project-art .mp-art{width:100%}
.price-project:has(.mp-project-art){display:flow-root}
.article-card>.mp-art{width:230px;float:right;margin:-20px -12px 12px 22px}
.article-card:has(>.mp-art){display:flow-root;max-width:950px}
.pb-takeaway>.mp-art{width:190px;float:right;margin:-25px -4px 0 18px}
.pb-takeaway:has(>.mp-art){display:flow-root}
body[data-mp-page="privacy"] .content-section{border-left:2px solid #c7d5b5;padding-left:28px}
body[data-mp-page="privacy"] .content-section h2{border-bottom:1px solid #c7d5b566;padding-bottom:12px}
body[data-mp-page="404"] a{display:inline-block;padding:12px 18px;border-radius:8px;background:#d5ef7f;box-shadow:var(--mp-edge),var(--mp-shadow-low);transition:box-shadow 180ms ease}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body[data-mp-page] :is(.service-card,.article-card):hover{transform:perspective(1000px) translateY(-5px) rotateX(var(--mp-rx)) rotateY(var(--mp-ry));box-shadow:var(--mp-edge),var(--mp-shadow-high);border-color:#71865c40}
 body[data-mp-page] :is(.price-card,.price-project):hover{box-shadow:var(--mp-edge),var(--mp-shadow-raised);border-color:#71865c40}
 body[data-mp-page] .button:hover{transform:translateY(-2px);box-shadow:0 1px 0 #ffffff35 inset,0 4px 7px -3px #10271c3d,0 14px 22px -15px #10271c80}
 body[data-mp-page] :is(a:hover,a:focus-visible) .mp-arrow{translate:4px 0}
 body[data-mp-page] .es-list li:hover{background-color:#dce6ce35}
 body[data-mp-page] summary:hover{background-color:#dce7c72e}
}
@media(max-width:1023px){.service-page .es-hero-layout{column-gap:28px}.service-page .es-hero-aside p{font-size:17px}.service-page .es-hero-layout>.mp-art{min-width:0}.mp-project-art{width:125px}.mp-sidebar-art{width:175px}}
@media(max-width:760px){
 body[data-mp-page] .site-header{box-shadow:0 12px 24px -18px #0007,0 1px 0 #fff8 inset}
 body[data-mp-page] .menu-button{min-height:44px}
 body[data-mp-page] .site-header nav.is-open{box-shadow:0 8px 16px -8px #142c1d25,0 25px 45px -22px #142c1d40;border:1px solid #c8d2bb}
 .service-page .es-hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:26px}
 .service-page .es-hero-layout>.mp-art{width:min(100%,420px);align-self:center;filter:none;margin-top:0}
 .service-page .es-hero-aside p{max-width:42ch}
 .service-page .es-hero-foot{margin-top:32px}
 .services-page .service-card>.mp-art{width:165px;max-width:55%;margin-top:-23px;margin-bottom:0}
 .mp-sidebar-art{display:none}
 .mp-project-art{width:130px;margin-top:-4px}
 .about-page .about-section-title>.mp-art{width:285px;margin:20px auto 12px}
 .article-card>.mp-art{float:none;width:min(100%,310px);margin:0 auto 20px}
 .pb-takeaway>.mp-art{float:none;width:200px;margin:0 auto 10px}
 body[data-mp-page="privacy"] .content-section{padding-left:18px}
 .service-page .es-start-action{padding:24px}
 body[data-mp-page] :is(.service-card,.article-card):active{box-shadow:var(--mp-edge),0 2px 5px #18342618}
}
@media(prefers-reduced-motion:reduce){
 body[data-mp-page] :is(.service-card,.article-card,.button,.price-card,.price-project){transition:none!important;--mp-rx:0deg!important;--mp-ry:0deg!important}
 body[data-mp-page] .mp-arrow{transition:none;translate:none}
 .service-page .es-process-list li::before{transform:scaleX(1);transition:none}
}

/* Services cards: give existing dimensional artwork its own centered mobile row. */
@media(max-width:760px){
 .services-page .service-card>.mp-art{
  align-self:center;
  width:min(100%,240px);
  max-width:100%;
  margin:16px auto 24px;
 }
 .services-page .service-card>.mp-art svg{display:block;width:100%;height:auto;margin:0}
 .services-page .service-card:has(>.mp-art)>h3{margin-top:0}
}

/* Homepage service artwork uses the same compositions as Services. */
.landing-conversion .service-card>.mp-art{width:min(100%,240px);max-width:100%;align-self:center;margin:16px auto 24px}
.landing-conversion .service-card>.mp-art svg{display:block;width:100%;height:auto;margin:0}
.landing-conversion .service-card:has(>.mp-art)>h3{margin-top:0}
/* Mobile CTAs: center both the control and its label/arrow group. */
@media(max-width:760px){
 .landing-conversion .button,.pricing-page .button{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;margin-left:auto;margin-right:auto;gap:12px;line-height:1.5}
 .landing-conversion .button .mp-arrow,.pricing-page .button .mp-arrow{flex:0 0 18px}
}

/* Email and live chat: center hero and Standard onboarding CTAs on mobile. */
@media(max-width:760px){
 .service-page:is(.email-service,.live-chat-service) .es-button{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;margin-left:auto;margin-right:auto;gap:12px;line-height:1.5}
 .service-page:is(.email-service,.live-chat-service) .es-button .mp-arrow{flex:0 0 18px}
}