/* Detail pages share the typography, spacing and ECOMAIS brand tokens of the home. */
.service-page .breadcrumbs{padding-block:21px;font-size:12px;color:var(--muted)}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;padding:0;margin:0}
.breadcrumbs li+li::before{content:'/';color:#688071;margin-right:12px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.service-hero{background:var(--forest);color:#fff;padding-block:76px}
.service-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:64px;align-items:center}
.service-hero h1{font-size:clamp(42px,5.2vw,74px);font-weight:450;line-height:1.04;letter-spacing:-.055em;color:#fff;max-width:810px;margin-block:25px 27px}
.service-hero .eyebrow{color:#d8eaca;font-size:10px}
.service-lead{color:#e2ece3;font-size:16px;line-height:1.85;max-width:665px}
.service-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:29px}
.service-actions>a:not(.button){color:#fff;font-size:12px;text-decoration:underline;text-underline-offset:4px;padding-block:12px}
.service-hero .button,.service-budget .button{background:#fff;color:var(--forest);border-color:#fff;text-align:center;max-width:100%}
.service-hero .button:hover,.service-budget .button:hover{background:#ecf4e6;border-color:#ecf4e6}
.service-hero-note{color:#d0e0cd;font-size:11px;margin-top:24px}
.service-start{padding:34px;background:var(--paper);color:var(--ink)}
.service-label{color:var(--blue);font-size:9px;font-weight:650;letter-spacing:.14em;margin-bottom:20px}
.service-start h2{font-size:30px;line-height:1.15;letter-spacing:-.045em;margin-bottom:18px}
.service-start>p:not(.service-label){color:var(--muted);font-size:14px;line-height:1.8}
.service-start ul{padding-left:18px;margin:19px 0;border-bottom:1px solid var(--line);padding-bottom:16px}
.service-start li{padding-block:6px;color:var(--ink);font-size:14px;line-height:1.75}
.service-start>a{display:inline-block;font-size:12px;font-weight:550;color:var(--blue);text-decoration:underline;text-underline-offset:4px;padding-block:8px}
.service-sections{border-bottom:1px solid var(--line);background:#fff}
.service-sections>div{display:flex;flex-wrap:wrap;gap:0 32px;padding-block:11px}
.service-sections a{font-size:12px;font-weight:550;color:var(--blue);min-height:44px;display:flex;align-items:center}
.service-sections a:hover{text-decoration:underline;text-underline-offset:4px}
.service-section{padding-block:88px}
.service-heading{max-width:790px;margin-bottom:38px}
.service-heading h2{font-size:clamp(32px,3.2vw,47px);line-height:1.12;letter-spacing:-.045em;margin-bottom:23px}
.service-heading>p:last-child{font-size:16px;line-height:1.85;color:var(--muted)}
.service-heading .eyebrow{margin-bottom:22px}
.service-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
.service-scenarios article{background:var(--paper);padding:31px 28px}
.service-number{font-size:10px;color:var(--blue);display:block;margin-bottom:25px;letter-spacing:.1em}
.service-scenarios h3{font-size:26px;line-height:1.18;margin-bottom:18px;font-weight:450;letter-spacing:-.04em}
.service-scenarios p{font-size:15px;line-height:1.85;color:var(--muted)}
.service-context{background:var(--paper);padding-block:72px}
.service-context-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9%}
.service-context h2{font-size:clamp(31px,3.3vw,46px);line-height:1.13;letter-spacing:-.045em}
.service-context p{font-size:15px;color:var(--muted);margin-bottom:22px;line-height:1.85}
.service-context .service-callout{border-left:2px solid var(--green);padding-left:20px;color:var(--ink);margin-bottom:0}
.service-process{counter-reset:stage;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding:0}
.service-process li{counter-increment:stage;border-top:1px solid var(--line);padding-top:22px;min-width:0}
.service-process li::before{content:'0' counter(stage);display:block;color:var(--blue);font-size:10px;letter-spacing:.1em;margin-bottom:25px}
.service-process h3{font-size:23px;line-height:1.2;margin-bottom:16px;font-weight:450;letter-spacing:-.04em}
.service-process p{font-size:14px;line-height:1.85;color:var(--muted)}
.service-documents{background:var(--paper);padding-block:75px}
.service-documents-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9%}
.service-documents .eyebrow{margin-bottom:23px}
.service-documents h2{font-size:clamp(32px,3.3vw,46px);line-height:1.13;letter-spacing:-.045em;margin-bottom:26px}
.service-documents p{font-size:15px;line-height:1.85;margin-bottom:17px;color:var(--muted)}
.service-documents ul{list-style:none;padding:0;margin:0}
.service-documents li{border-bottom:1px solid var(--line);padding:21px 0}
.service-documents li:first-child{padding-top:0}
.service-documents strong,.service-documents li span{display:block}
.service-documents strong{color:var(--ink);margin-bottom:8px;font-size:17px;line-height:1.5;font-weight:550;letter-spacing:-.02em}
.service-documents li span{color:var(--muted);font-size:14px;line-height:1.85}
.service-faq{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:9%}
.service-faq .eyebrow{margin-bottom:23px}
.service-faq h2{font-size:clamp(32px,3.3vw,46px);line-height:1.13;letter-spacing:-.045em}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:23px;list-style:none;font-size:15px;font-weight:550;line-height:1.6;padding-block:22px;min-height:44px;cursor:pointer}
.faq-list summary::after{content:'+';font-size:24px;font-weight:350;color:var(--blue);flex-shrink:0}
.faq-list details[open]>summary::after{content:'−'}
.faq-list details>p{font-size:15px;line-height:1.85;color:var(--muted);padding:0 27px 25px 0}
.service-budget{background:var(--blue);color:#fff;padding-block:80px}
.service-budget-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:9%;align-items:center}
.service-budget .eyebrow{color:#d5e5ff;margin-bottom:23px}
.service-budget h2{font-size:clamp(34px,3.7vw,56px);line-height:1.1;letter-spacing:-.05em;margin-bottom:25px}
.service-budget p{color:#e2edff;font-size:15px;line-height:1.85;max-width:620px}
.service-budget-grid>div:last-child>p{font-size:12px;margin-block:17px 26px}
.service-phone,.service-email{display:block;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px;line-height:1.8;margin-top:10px}
.service-phone{font-size:22px;letter-spacing:-.03em}
.service-email{font-size:14px}
.service-related{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:center}
.service-related .eyebrow{margin-bottom:23px}
.service-related h2{font-size:clamp(31px,3.2vw,45px);line-height:1.13;letter-spacing:-.045em;margin-bottom:24px}
.service-related p{font-size:15px;line-height:1.85;color:var(--muted)}
.service-related a{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:22px 0;color:var(--blue);font-size:15px;font-weight:550;line-height:1.5}
.service-related a>span:last-child{font-size:22px;font-weight:400}
.service-related a:hover{text-decoration:underline;text-underline-offset:4px}
.service-sources{border-top:1px solid var(--line);padding-block:30px 45px}
.service-sources h2{font-size:16px;font-weight:550;letter-spacing:-.02em;margin-bottom:12px}
.service-sources p,.service-sources li{font-size:12px;color:var(--muted);line-height:1.85}
.service-sources ul{padding-left:19px;margin-bottom:0}
.service-sources a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.service-hero a:focus-visible,.service-budget a:focus-visible{outline-color:#b5df91}
.service-start a:focus-visible{outline-color:var(--blue)}
@media(max-width:1100px){.service-hero-grid{gap:34px}.service-start{padding:28px}.service-context-grid,.service-documents-grid,.service-faq,.service-budget-grid,.service-related{gap:7%}.service-scenarios article{padding:28px 23px}.service-process{gap:24px}.service-process h3{font-size:21px}}
@media(max-width:900px){.service-hero-grid{grid-template-columns:1fr;gap:36px}.service-start{max-width:640px}.service-hero{padding-block:55px}.service-hero h1{max-width:800px}.service-scenarios{grid-template-columns:1fr;gap:12px}.service-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.service-faq{grid-template-columns:1fr;gap:32px}.service-context-grid,.service-documents-grid,.service-budget-grid,.service-related{gap:5%}}
@media(max-width:680px){.service-page .breadcrumbs{padding-block:15px;font-size:11px}.service-hero{padding-block:43px}.service-hero h1{font-size:clamp(38px,10.5vw,57px);letter-spacing:-.05em;margin-block:21px 24px}.service-hero .eyebrow{font-size:9px;letter-spacing:.11em}.service-lead{font-size:16px;line-height:1.85}.service-actions{align-items:stretch;flex-direction:column;gap:7px}.service-actions .button{justify-content:center}.service-actions>a:not(.button){align-self:flex-start;font-size:13px}.service-start{padding:27px 24px}.service-start h2{font-size:30px}.service-start li{font-size:15px}.service-hero-note{font-size:11px}.service-sections>div{gap:0 23px;padding-block:10px}.service-sections a{font-size:12px}.service-section{padding-block:58px}.service-heading{margin-bottom:29px}.service-heading h2{font-size:34px}.service-heading>p:last-child{font-size:15px}.service-heading .eyebrow{margin-bottom:20px}.service-scenarios article{padding:27px 25px}.service-scenarios h3{font-size:26px}.service-context,.service-documents,.service-budget{padding-block:54px}.service-context-grid,.service-documents-grid,.service-budget-grid,.service-related{grid-template-columns:1fr;gap:29px}.service-context h2,.service-documents h2,.service-faq h2,.service-related h2{font-size:34px}.service-documents li span{font-size:15px}.service-process{gap:28px 22px}.service-process h3{font-size:22px}.service-process p{font-size:15px}.service-faq{gap:28px}.faq-list summary{font-size:14px;padding-block:22px;gap:18px}.faq-list details>p{font-size:15px;padding-right:10px}.service-budget .button{width:100%;justify-content:center}.service-budget h2{font-size:38px}.service-sources{padding-bottom:33px}.service-sources p,.service-sources li{font-size:12px}}
@media(max-width:380px){.service-process{grid-template-columns:1fr}.service-sections>div{gap:0 18px}.service-sections a{font-size:11px}.service-hero h1{font-size:37px}.service-budget h2{font-size:34px}}
@media print{.service-actions,.service-sections,.service-related{display:none}.service-hero,.service-budget,.service-context,.service-documents,.service-start{background:#fff;color:#000;padding-block:22px}.service-hero h1,.service-hero p,.service-budget p,.service-start p,.service-start li{color:#000}.service-hero-grid,.service-context-grid,.service-documents-grid,.service-budget-grid{grid-template-columns:1fr}.service-section{padding-block:25px}.service-hero h1{font-size:36pt}}

/* Corporate treatment for every service page. */
.service-hero{background:#fff;color:var(--ink);padding-block:54px 76px;border-bottom:1px solid var(--line)}
.service-hero h1{color:var(--ink);font-size:clamp(38px,4.2vw,62px);font-weight:450;letter-spacing:-.045em;line-height:1.1}
.service-hero .eyebrow,.service-hero-note{color:var(--muted)}
.service-lead{color:var(--muted);font-size:15px}
.service-start{background:var(--paper);border:1px solid var(--line);padding:34px}
.service-start h2{font-size:28px}
.service-hero .button,.service-budget .button{background:var(--forest);color:white;border-color:var(--forest)}
.service-hero .button:hover,.service-budget .button:hover{background:#172d24;border-color:#172d24}
.service-actions>a:not(.button){color:var(--ink)}
.service-sections{background:#fafbf9}
.service-sections a{color:var(--muted)}
.service-label,.service-number,.service-process li::before{color:var(--muted)}
.service-scenarios{gap:20px}
.service-scenarios article{background:white;border:1px solid var(--line)}
.service-scenarios h3,.service-process h3{font-weight:450;letter-spacing:-.03em}
.service-context,.service-documents{background:var(--paper)}
.service-context .service-callout{border-color:#a5b2a6}
.service-budget{background:#f5f6f3;color:var(--ink);border-block:1px solid var(--line)}
.service-budget .eyebrow,.service-budget p{color:var(--muted)}
.service-budget h2{font-size:clamp(34px,3.5vw,50px)}
.service-hero a:focus-visible,.service-budget a:focus-visible{outline-color:var(--green)}
@media(max-width:680px){.service-hero{padding-block:22px 46px}.service-hero h1{font-size:39px}.service-section{padding-block:56px}.service-start{padding:26px}.service-scenarios{gap:16px}.service-process{grid-template-columns:1fr}.service-scenarios p,.service-process p{font-size:14px}}


/* Service pages carry the same high-contrast ECOMAIS experience. */
.service-hero{background:radial-gradient(ellipse at 0 100%,#20593d,transparent 70%),#0b3027;color:white;border:0;padding-block:65px 75px}
.service-hero h1{color:#fff;font-weight:550;letter-spacing:-.05em}
.service-hero .eyebrow{color:#b9db97}.service-lead{color:#c3d6c8}.service-hero-note{color:#9ebbab}
.service-start{background:#f6faee;border:0;border-radius:23px;padding:35px;color:var(--ink);box-shadow:0 20px 45px #021d1b18}
.service-start h2{font-weight:550}.service-start .service-label{color:#548044}
.service-hero .button,.service-budget .button{background:#c2e592;color:#143b29;border-color:#c2e592}
.service-hero .button:hover,.service-budget .button:hover{background:#d5efb4;border-color:#d5efb4}
.service-actions>a:not(.button){color:#e2ede0}
.service-sections{background:#f0f5e8;border-bottom:0}.service-sections a{color:#396043;font-weight:550}
.service-scenarios article{border-radius:20px;background:#f4f8ee;border-color:#e1ebd8;padding:32px}
.service-number{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e3edd4;color:#456d35}
.service-context{background:#f0f5e8}.service-context .service-callout{border-color:#87af69}
.service-documents{background:#eff5f9}.service-documents strong{color:#234d65}
.service-process li{border-color:#b8d299}.service-process li::before{color:#3f723d;font-weight:600}
.service-budget{background:radial-gradient(ellipse at 0 100%,#20593d,transparent 70%),#0b3027;color:white;border:0}
.service-budget .eyebrow{color:#c2e592}.service-budget p{color:#bad0c1}.service-budget h2{font-weight:500;letter-spacing:-.05em}
.service-related a{border-radius:12px;background:#f3f7ed;border:0;padding:21px;margin-bottom:11px;color:#264f37}
.service-faq .faq-list summary::after{background:#eaf2df;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:22px}
@media(max-width:680px){.service-hero{padding-block:40px 48px}.service-hero h1{font-size:40px}.service-start{padding:27px;border-radius:18px}.service-actions .button{font-size:12px}.service-sections>div{flex-wrap:nowrap;overflow-x:auto;gap:22px;scrollbar-width:none}.service-sections a{white-space:nowrap;font-size:11px;flex-shrink:0}.service-scenarios article{padding:26px;border-radius:18px}.service-budget .button{font-size:12px}}


/* Existing illustrative photography supports the expanded service portfolio. */
.service-photo{margin:0;min-width:0}.service-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:20px}.service-photo figcaption{font-size:11px;line-height:1.65;color:#c3d6c8;margin-top:12px}.service-photo+*{min-width:0}
@media(max-width:680px){.service-photo img{aspect-ratio:16/10}.service-hero h1{overflow-wrap:break-word;font-size:clamp(30px,9vw,40px)}}
