*{box-sizing:border-box}body{margin:0;background:#f6f5ef;color:#172b27;font:17px/1.6 system-ui,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #a85a16;outline-offset:5px}.wrap{width:min(1180px,90%);margin:auto}header .wrap,nav,footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}header{padding:20px 0;border-bottom:1px solid #d9dfd4}.brand{text-decoration:none;font-weight:850;font-size:23px}.brand b{display:inline-grid;place-items:center;background:#143d32;color:#ddf5ab;border-radius:8px;width:36px;margin-right:8px}nav a{text-decoration:none}.hero{background:#12382e;color:#f7f8ef;padding:clamp(55px,9vw,116px) 0}.hero .wrap,.split{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(22px,5vw,75px)}h1,h2,h3,p{margin:0 0 16px}h1,h2,h3{line-height:1.07;letter-spacing:-.045em}h1{font-size:clamp(43px,7vw,87px);max-width:13ch}h2{font-size:clamp(33px,5vw,55px)}h3{font-size:25px}.eyebrow{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.hero .eyebrow{color:#d7f797}.hero p{max-width:51ch}.button{display:inline-block;background:#d7f797;color:#14382e;padding:13px 20px;border-radius:7px;text-decoration:none;font-weight:800;margin-top:12px}.art{width:100%;height:auto}.section{padding:clamp(45px,7vw,94px) 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.card{border:1px solid #cdd8c8;background:#fffef9;padding:26px;border-radius:13px}.num{color:#426656;font-weight:800;font-size:14px}.band{background:#e5eddd}.process{padding-left:22px}.process li{padding:9px 0}.cta{background:#14382e;color:white;border-radius:16px;padding:clamp(24px,5vw,58px)}footer{padding:30px 0;border-top:1px solid #d9dfd4;font-size:15px}@media(max-width:720px){.hero .wrap,.split,.grid{grid-template-columns:1fr}.art{max-width:440px}header nav{gap:12px;font-size:15px}}
.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{position:relative;display:block;width:44px;height:39px;overflow:hidden;flex:none}.brand-mark img{position:absolute;width:94px;height:94px;max-width:none;left:-31px;top:-15px;mix-blend-mode:multiply}
.brand-mark img{filter:grayscale(1) sepia(1) hue-rotate(76deg) saturate(1.55) contrast(1.18)}
.service-page .hero{background:#e5eddd;color:#172b27}.service-page .hero .eyebrow{color:#315b48}.service-page h1{font-size:clamp(40px,5.4vw,72px);max-width:15ch}.service-page .hero .button{background:#14382e;color:#fff}.project-panel{background:#14382e;color:#fff;border-radius:18px;padding:clamp(22px,4vw,44px)}.service-page .project-panel .eyebrow{color:#d7f797}.project-panel ol{padding-left:24px;margin:0}.project-panel li{padding:15px 0;border-top:1px solid #537265}.project-panel li::marker{color:#d7f797}.service-page .card{border-top:4px solid #638f67}
.card h2{font-size:clamp(24px,3vw,34px)}
.solution-art {
  background: #12382e;
  color: #f7f8ef;
  border-radius: 20px;
  padding: clamp(18px, 4vw, 34px);
}
.solution-art-head {
  color: #d7f797;
  font-size: 1.15rem;
  font-weight: 750;
  margin-bottom: 16px;
}
.solution-art-body {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}
.solution-art-body > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px;
  border-radius: 7px;
  background: #275345;
}
.solution-art-body span {
  flex: 0 0 9px;
  height: 9px;
  border-radius: 50%;
  background: #d7f797;
}
.solution-note { margin-top: 24px; max-width: 70ch; }