:root{--emerald:#0F6A4B;--deep:#0B5338;--dark:#062A1D;--ink:#12211c;--soft:#5f6f68;
      --line:#e0e7e3;--paper:#fbfdfc;}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--emerald)}
.hero{background:radial-gradient(120% 90% at 50% -10%,var(--emerald) 0%,var(--deep) 45%,var(--dark) 100%);
  color:#fff;padding:64px 20px 56px;text-align:center}
.hero h1{font-size:clamp(30px,6vw,46px);margin:0 0 12px;letter-spacing:-.01em}
.hero p{margin:0 auto;max-width:560px;font-size:17px;opacity:.92}
.wrap{max-width:720px;margin:0 auto;padding:40px 20px 72px}
h2{font-size:19px;margin:34px 0 10px;padding-bottom:7px;border-bottom:1px solid var(--line)}
h3{font-size:15.5px;margin:22px 0 6px}
ul{padding-left:20px}li{margin:7px 0}
.meta{color:var(--soft);font-size:14px}
nav{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid var(--line);font-size:14.5px}
footer{margin-top:44px;padding-top:18px;border-top:1px solid var(--line);color:var(--soft);font-size:13.5px}
.review{background:#fdf4e3;border-left:4px solid #8a5a12;padding:12px 15px;border-radius:0 8px 8px 0;margin:18px 0;font-size:14.5px}

/* ---- pre-release signup ---- */
.signup{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 24px;margin:30px 0 8px;
  box-shadow:0 1px 3px rgba(6,42,29,.05)}
.signup h2{margin:0 0 8px;border:0;padding:0;font-size:21px}
.signup p{margin:0 0 16px;color:var(--soft);font-size:15.5px}
.signup ul{margin:0 0 18px;padding-left:20px;font-size:15px}
.signup li{margin:5px 0}
.su-row{display:flex;gap:9px;flex-wrap:wrap}
.su-row input[type=email]{flex:1;min-width:210px;padding:13px 15px;border:1px solid var(--line);
  border-radius:9px;font-size:16px;font-family:inherit;background:var(--paper)}
.su-row input[type=email]:focus{outline:2px solid var(--emerald);outline-offset:0;border-color:transparent}
.su-row button{padding:13px 24px;border:0;border-radius:9px;background:var(--emerald);color:#fff;
  font-size:16px;font-weight:600;font-family:inherit;cursor:pointer}
.su-row button:hover{background:var(--deep)}
.su-row button:disabled{opacity:.6;cursor:default}
.su-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.su-note{margin:12px 0 0;font-size:13.5px;color:var(--soft)}
.su-msg{margin:14px 0 0;font-size:15.5px;font-weight:600}
.su-msg.ok{color:var(--emerald)}
.su-msg.bad{color:#8a2b2b}