:root { --primary-deep: #40685f; --primary-sage: #a9c1a2; --primary-olive: #bdc99c; --moss: #6b806b; --cream: #c8d6c2; --sand: #b1c1ab; --lime: #c4d5aa; }
.intro, .page-main { background: #c8d6c2; }
.button:hover { background: #d1dec0; }
.button, .button-light { background: #809b7b; }
body,.intro,.workflow,.page-main{background:#284b3b;color:#fff}
.hero,.features,.cta,footer,.page-nav{background:#c8d6c2;color:var(--ink)}.nav{color:var(--ink)}.hero .lead,.hero .eyebrow,.hero-footer,.trust-row p,.feature-heading>p,.cta p{color:#405747}.text-link{color:var(--ink)}.hero h1,.features h2,.cta h2{color:var(--ink)}.feature-large{background:#6b806b;color:#fff}.feature-large p{color:#edf3ea}.cta:before,.cta:after{border-color:rgba(19,35,34,.15)}.cta-plane{color:#8faabd}footer p,footer a{color:#405747}.intro h2,.workflow h2,.page-main .page-hero{color:#fff}.intro p,.workflow-head p,.step p,.page-main .page-hero p{color:#dbe7dc}
.page-cta{background:#c8d6c2;color:var(--ink)}.page-cta p{color:#405747}
.cta .eyebrow { color: #405747; }
main > section, footer, .page-main, .page-cta, .page-nav { isolation: isolate; opacity: 1; }
.hero, .intro, .features, .workflow, .cta, footer, .page-main, .page-cta, .page-nav { position: relative; z-index: 1; }