@font-face{font-family:'Matter';font-style:normal;font-weight:400;font-display:swap;
  src:url('assets/fonts/matter-400.woff2') format('woff2')}
@font-face{font-family:'Matter';font-style:normal;font-weight:500;font-display:swap;
  src:url('assets/fonts/matter-500.woff2') format('woff2')}
@font-face{font-family:'Matter';font-style:normal;font-weight:600;font-display:swap;
  src:url('assets/fonts/matter-600.woff2') format('woff2')}
@font-face{font-family:'Season Mix';font-style:normal;font-weight:500;font-display:swap;
  src:url('assets/fonts/seasonmix-500.woff2') format('woff2')}

:root{
  --green:#072B18; --mineral:#F6F9F2; --lime:#B1FC63;
  --sans:'Matter','Inter',system-ui,-apple-system,sans-serif;
  --serif:'Season Mix',Georgia,serif;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);color:var(--green);background:var(--mineral);
  font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}

/* top bar */
.lp-top{background:var(--green);padding:20px clamp(20px,5vw,64px);
  display:flex;align-items:center;justify-content:space-between}
.lp-top a.brand{display:inline-flex;align-items:center}
.lp-top img{filter:brightness(0) invert(1);height:30px;width:auto;display:block}
.lp-top a.back{color:#fff;text-decoration:none;font-weight:500;font-size:14px;opacity:.85;
  transition:opacity .2s var(--ease)}
.lp-top a.back:hover{opacity:1}

/* content column */
main.lp{max-width:760px;margin:0 auto;padding:clamp(40px,6vw,80px) clamp(20px,5vw,40px) 80px}
.lp-note{background:#fff;border:1px solid #e2e8dc;border-left:4px solid var(--lime);
  border-radius:12px;padding:14px 18px;font-size:14px;color:#375443;margin-bottom:36px;
  box-shadow:0 10px 30px -18px rgba(7,43,24,.25)}
.lp h1{font-family:var(--serif);font-weight:500;font-size:clamp(32px,5vw,46px);
  line-height:1.06;letter-spacing:-.01em;margin:0 0 10px}
.lp .updated{font-size:14px;color:#6c6c6c;margin:0 0 40px}
.lp h2{font-family:var(--serif);font-weight:500;font-size:clamp(20px,2.4vw,26px);
  margin:44px 0 12px;line-height:1.15}
.lp p{margin:0 0 16px;font-size:16.5px}
.lp ul{margin:0 0 16px;padding-left:22px}
.lp li{margin:0 0 8px;font-size:16.5px}
.lp a.inline{color:var(--green);text-decoration:underline;text-underline-offset:2px}
.lp strong{font-weight:600}

/* footer */
.lp-foot{border-top:1px solid #e2e8dc;margin-top:64px;padding-top:28px;
  display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;
  font-size:14px;color:#6c6c6c}
.lp-foot a{color:#375443;text-decoration:none}
.lp-foot a:hover{text-decoration:underline}
:focus-visible{outline:2.5px solid var(--green);outline-offset:3px;border-radius:3px}