:root{
  --paper:#f4f1e9; --ink:#1c1b18; --muted:#6f6d64;
  --green:#0f6e56; --green-dk:#0a5240; --signal:#14a37f; --line:#d9d4c6;
  --serif:"Fraunces",Georgia,serif;
  --sans:"Hanken Grotesk",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);overflow:hidden;position:relative;}
#net{position:fixed;inset:0;z-index:0;display:block;}
/* Paper-tinted scrim: strongest over the left text column, clears toward the right */
.scrim{position:fixed;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(105deg,
    rgba(244,241,233,0.94) 0%,
    rgba(244,241,233,0.90) 30%,
    rgba(244,241,233,0.58) 50%,
    rgba(244,241,233,0) 72%);}

.wrap{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;
  padding:clamp(20px,4vw,40px);pointer-events:none;}
.wrap a,.wrap button{pointer-events:auto;}

header{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{display:flex;align-items:center;gap:10px;}
.seal{width:26px;height:26px;border-radius:7px;background:var(--green);color:#fff;
  font-family:var(--serif);font-size:17px;display:flex;align-items:center;justify-content:center;}
.brand .nm{font-family:var(--serif);font-size:22px;letter-spacing:-.01em;}
nav.top{display:flex;align-items:center;gap:8px;}
nav.top a{font-size:14px;color:var(--ink);text-decoration:none;padding:9px 14px;border-radius:9px;}
nav.top a:hover{color:var(--green-dk);}
nav.top a.cta{background:var(--green);color:#fff;border:1px solid var(--green);}
nav.top a.cta:hover{background:var(--green-dk);}
a:focus-visible,button:focus-visible{outline:2px solid var(--green-dk);outline-offset:2px;}

main{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:760px;}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--green-dk);margin-bottom:22px;display:flex;align-items:center;gap:10px;}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--green);display:inline-block;}
h1{font-family:var(--serif);font-weight:560;font-size:clamp(2.5rem,6.4vw,5rem);
  line-height:1.02;letter-spacing:-.02em;margin-bottom:22px;overflow-wrap:break-word;hyphens:auto;}
h1 .em{font-style:italic;color:var(--green-dk);}
.lead{font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.55;color:#3a3833;max-width:58ch;margin-bottom:34px;}
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.btn{font-size:15px;text-decoration:none;border-radius:11px;padding:13px 22px;font-weight:500;}
.btn.primary{background:var(--green);color:#fff;border:1px solid var(--green);}
.btn.primary:hover{background:var(--green-dk);}
.btn.ghost{color:var(--ink);border:1px solid var(--line);background:rgba(255,255,255,.4);}
.btn.ghost:hover{border-color:var(--green);color:var(--green-dk);}

footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted);}
footer .legal{display:flex;gap:18px;}
footer a{color:var(--muted);text-decoration:none;}
footer a:hover{color:var(--green-dk);}

@media (max-width:560px){
  nav.top a:not(.cta){display:none;}
  footer{flex-direction:column;align-items:flex-start;gap:8px;}
}