*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Figtree',sans-serif;
  color:var(--ink);
  background:var(--cream);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,.display{font-family:'Bricolage Grotesque',sans-serif;line-height:1.04;letter-spacing:-.02em;font-weight:700}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--green-dark);background:var(--tint);
  padding:7px 14px;border-radius:100px;border:1px solid var(--tint-2);
}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green-bright)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Figtree';font-weight:600;font-size:16px;cursor:pointer;
  padding:15px 26px;border-radius:100px;border:1.5px solid transparent;transition:.22s ease;
}
.btn-primary{background:var(--green);color:#fff;box-shadow:var(--shadow-sm)}
.btn-primary:hover{background:var(--green-dark);transform:translateY(-2px)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--green);color:var(--green-dark);background:#fff}
.btn-light{background:#fff;color:var(--green-dark)}
.btn-light:hover{transform:translateY(-2px)}

/* reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}