/* ECOMAIS — commercial identity, November 2026.
   Logo green and blue, restrained surfaces, photographic service discovery. */
:root{--green:#238735;--forest:#123d2a;--blue:#074bab;--leaf:#8cce38;--ink:#183929;--muted:#596c60;--paper:#f4f7ef;--line:#dfe6dc;--gutter:clamp(22px,5vw,80px)}

body{background:#fff}
.button,.text-link{border-radius:8px;font-weight:600;box-shadow:none}
.button{background:var(--blue);border-color:var(--blue);font-size:13px;min-height:50px;padding:14px 24px;gap:12px}
.button:hover{background:#063a83;border-color:#063a83;transform:none}
.text-link{font-size:13px;color:var(--forest);border-bottom:1px solid #93ad8b}
.icon-arrow{display:none}
.eyebrow{font-size:10px;font-weight:650;letter-spacing:.14em;color:#35733b}
h2{font-size:clamp(34px,3.6vw,54px);font-weight:550;line-height:1.1;letter-spacing:-.045em}
h2 span{color:var(--green)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #3378d7;outline-offset:5px}
.group-bar{display:none}
.group-bar>.container,.group-bar strong{color:#edf4e7}
.group-bar>.container{min-height:30px;font-size:10px}
.header{background:#fffffff5;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:none}
.header-inner{height:72px}
.brand svg{width:174px;height:43px}
.desktop-nav{gap:25px}
.desktop-nav>a,.nav-services summary{font-size:12px;font-weight:550}
.header-cta{background:var(--blue);border-color:var(--blue)}
.nav-services-list{border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 35px #173c2912;max-height:65dvh;overflow:auto;min-width:310px}
.nav-services-list a{border-radius:6px;font-size:12px}
.section-space{padding-block:90px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:55px;margin-bottom:38px}
.section-heading .eyebrow{margin-bottom:20px}
.section-heading>p{max-width:360px;color:var(--muted);font-size:14px;line-height:1.85}

/* Carry the same identity through all nine detail pages. */
.service-page .service-hero{background:#f3f6ec;color:var(--ink);padding-block:65px}
.service-page .service-hero h1{color:var(--forest);font-size:clamp(39px,4.5vw,63px);font-weight:550}
.service-page .service-lead,.service-page .service-hero-note{color:var(--muted)}
.service-page .service-hero .eyebrow{color:#367c35}
.service-page .service-hero .button{background:var(--blue);color:white;border-color:var(--blue)}
.service-page .service-actions>a:not(.button){color:var(--forest)}
.service-page .service-photo img{border-radius:16px 16px 65px 16px}
.service-page .service-photo figcaption{color:var(--muted)}
.service-page .service-start{background:white;border:1px solid var(--line);box-shadow:none;border-radius:12px}
.service-page .service-sections{background:white;border-block:1px solid var(--line)}
.service-page .service-scenarios article{background:white;border:1px solid var(--line);border-radius:12px}
.service-page .service-context,.service-page .service-documents{background:#f3f6ec}
.service-page .service-documents strong{color:var(--forest)}
.service-page .service-budget{background:#123d2a}
.service-page .service-budget .button{background:#fff;color:#123d2a;border-color:white}
.service-page .service-related a{background:#f5f8ef;color:#1e5631;border-radius:7px}
.service-page .service-number{background:#edf4e3;color:#387c36}
.service-page .service-budget .eyebrow{color:#b7df93}
.service-page .service-budget p{color:#d1dfc9}

@media(max-width:900px){.header-inner{height:64px}
.brand svg{width:160px}
.service-page .service-hero-grid{gap:30px}
.service-page .service-hero h1{font-size:42px}
}

@media(max-width:680px){.brand svg{width:155px;height:39px}
.header-inner{height:64px}
.group-bar>.container>span{display:none}
.service-page .service-hero-grid{grid-template-columns:1fr;gap:32px}
.service-page .service-hero h1{font-size:38px}
.service-page .service-hero{padding-block:35px 43px}
.service-page .service-hero .button{font-size:12px}
.service-page .service-budget .button{font-size:12px}
.footer-bottom{padding-bottom:95px}
}

/* Compact navigation across the full portfolio. */
.header .header-cta{min-height:40px;padding:10px 20px;border-radius:30px;background:var(--green);border-color:var(--green)}
html{scroll-padding-top:84px}