@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/onest-site.woff2) format('woff2');
}

:root{--ink:#171b19;--forest:#436159;--dark:#243833;--muted:#5c625f;--line:#d9e1dc;--sage:#adc4bd;--paper:#f3f6f3;--white:#fff;--landing-green:#075638;--landing-green-hover:#06462e;--ease:cubic-bezier(.22,.61,.36,1)}

:root {
  --landing-green-ink: #124532;
  --landing-green-tint: #e0f3e9;
  --landing-green-border: #aac7b8;
  --landing-green-rule: #78ad91;
}

.landing-glass {
  color: var(--landing-green-ink);
  background:
    radial-gradient(ellipse 152px 88px at 99% 0%, rgb(145 213 176 / 74%), transparent 100%),
    linear-gradient(145deg, rgb(202 236 218 / 72%), rgb(219 245 230 / 78%) 55%, rgb(197 233 214 / 68%));
  border: 1px solid #76b394;
  border-inline-end-color: #63aa87;
  box-shadow: inset 0 0 4px rgb(72 161 113 / 27%), inset 0 1px 2px rgb(255 255 255 / 90%),
    0 4px 8px rgb(7 86 56 / 10%);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--white);color:var(--ink);font-family:Onest,sans-serif;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,a,input{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button{color:inherit}
button:disabled{cursor:default}
img{display:block;max-width:100%}
[hidden]{display:none!important}
p,h1,h2,h3{margin:0}
button:focus-visible,a:focus-visible,input:focus-visible+span{outline:3px solid var(--forest);outline-offset:5px}
.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}

.wordmark{font-size:22px;font-weight:600;letter-spacing:-.7px;line-height:1.2}
.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:58px;padding:16px 24px;border:1px solid transparent;border-radius:6px;font-size:18px;font-weight:600;line-height:1.35;text-align:center;transition:background .2s,color .2s,border-color .2s,transform .2s}
.primary{color:white;background:var(--dark)}
.primary:hover{background:#365148}
.primary:active{transform:translateY(1px)}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}