/* A measured page rhythm: white hero, stone strip, pale product canvas,
   dark reference, stone services, an inset sage process panel, white FAQ. */
:root{
  --surface-strip:#f1f2ed;
  --surface-products:#eef2e7;
  --surface-services:#f3f4f0;
  --surface-process:#e9efde;
  --surface-contact:#edf1e5;
  --surface-edge:#dce3d2;
}

.reference-hero{
  background:
    linear-gradient(180deg,transparent 83%,var(--surface-strip)),
    radial-gradient(ellipse at 87% 60%,#eff5e64d,transparent 48%),#fff;
}
.client-strip{
  background:var(--surface-strip);
  border-bottom:1px solid #dfe3d7;
}
.client-strip .clients{border:0;padding-block:29px}
.client-strip .client-logos img{filter:grayscale(1) brightness(0);opacity:.58}

.product-showcase{
  background:
    radial-gradient(ellipse at 68% 35%,#ffffffa8,transparent 62%),
    var(--surface-products);
  border-bottom:1px solid var(--surface-edge);
}
.product-showcase .product-directory>button{background:#ffffffb8}
.product-showcase .product-directory>button[aria-selected=true]{background:#dde8c9;border-color:#98b360}
.product-showcase .product-ribbon{opacity:.22}

.enco-proof{border-top:1px solid #d9e2cd;border-bottom:1px solid #ffffff12}
.enco-logo img{background:transparent;border-radius:0;padding:0;filter:brightness(0) invert(1)}
.services-reference{
  background:var(--surface-services);
  border-bottom:1px solid #e1e5d9;
  padding-bottom:76px;
}
.service-reference-accordion{border-color:#e0e5d9;box-shadow:0 18px 50px #263c2708}
.service-capabilities{background:#f0f3e9}

.working-model{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin-block:58px;
  padding:52px 48px 42px;
  border:1px solid #d9e3cb;
  border-radius:26px;
  background:
    linear-gradient(112deg,transparent 72%,#b4d4570a 72%,#b4d4570a 79%,transparent 79%),
    linear-gradient(115deg,var(--surface-process),#f0f4e8 72%,#e5edda);
}
.working-steps li{border-top-color:#cbd8b8}
.working-model .delivery-note{border-top-color:#d2ddc3}
.working-model .section-heading>a{color:#315932}

.faq-section{border-top:0;padding-top:23px}
.faq-accordion{background:transparent;border:0;box-shadow:none}
.project-contact{
  background:
    radial-gradient(ellipse at 16% 83%,#dfe9ce99,transparent 46%),
    var(--surface-contact);
  border-top:1px solid #d9e1cd;
}
.project-form input:not([type=hidden]):not([type=checkbox]),.project-form textarea{border-color:#c8d2bd}
.needs-options span{border-color:#c8d2bd}

@media(max-width:850px){
  .client-strip .clients{padding-block:27px}
  .services-reference{padding-bottom:46px}
  .working-model{margin-block:32px;padding:32px 23px 28px;border-radius:20px}
  .working-model .section-heading h2{font-size:31px}
  .working-model .working-steps{gap:25px}
  .working-model .working-steps>li{padding-left:32px}
  .working-model .working-steps>li::before{left:3px}
  .faq-section{padding-top:18px}
}
@media(max-width:374px){
  .working-model{padding-inline:19px}
  .working-model .section-heading h2{font-size:28px}
}