:root{
  --bg:#faf9f7; --ink:#1a1a1a; --muted:#5c5c5c;
  --accent:#4a3aff; --accent-ink:#fff; --line:#e7e4df; --max:44rem;
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{
  background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.55; -webkit-font-smoothing:antialiased;
}
main{max-width:var(--max); margin:0 auto; padding:clamp(3rem,8vw,6rem) 1.5rem}
.wordmark{font-size:.8rem; letter-spacing:.18em; text-transform:uppercase;
  color:var(--muted); margin:0 0 1.5rem}
h1{font-size:clamp(2.1rem,6vw,3.2rem); line-height:1.1; letter-spacing:-.02em;
  margin:0 0 1.25rem}
.lede{font-size:1.15rem; color:var(--muted); margin:0 0 2.5rem; max-width:38rem}
.points{list-style:none; padding:0; margin:0 0 2.5rem; border-top:1px solid var(--line)}
.points li{padding:.9rem 0 .9rem 1.6rem; border-bottom:1px solid var(--line); position:relative}
.points li::before{content:""; position:absolute; left:0; top:1.35rem;
  width:.5rem; height:.5rem; background:var(--accent); border-radius:50%}
.button{display:inline-block; background:var(--accent); color:var(--accent-ink);
  text-decoration:none; font-weight:600; padding:.8rem 1.4rem; border-radius:.5rem}
.button:hover{filter:brightness(1.08)}
.cta-note{color:var(--muted); font-size:.95rem; margin:.9rem 0 0}
.env-banner{background:#ffce54; color:#3a2f00; text-align:center; font-size:.8rem;
  font-weight:600; letter-spacing:.04em; padding:.35rem}