@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600&display=swap');
:root{--cream:#F4EFE4;--sage:#8B9A7A;--sage-d:#6E7D5E;--forest:#3E4A37;--terra:#BC6D48;--ochre:#D6A24A;--ink:#3A3A31;--muted:#7C7A6E}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.7;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
header{padding:26px 0;border-bottom:1px solid rgba(62,74,55,.12)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.seed{width:15px;height:19px;background:var(--terra);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;transform:rotate(-8deg)}
.logo .n{font-family:'Fraunces',serif;font-size:22px;font-weight:600;color:var(--forest);letter-spacing:.5px}
.logo .n span{font-family:'Inter',sans-serif;font-size:10px;font-weight:500;letter-spacing:3px;color:var(--sage-d);margin-left:7px;vertical-align:2px}
header nav a{font-size:13.5px;color:var(--muted);text-decoration:none;margin-left:16px}
header nav a:hover{color:var(--forest)}
main{padding:48px 0 70px}
h1{font-family:'Fraunces',serif;font-size:36px;font-weight:600;color:var(--forest);line-height:1.15;margin-bottom:8px}
h2{font-family:'Fraunces',serif;font-size:22px;font-weight:600;color:var(--forest);margin:34px 0 10px}
h3{font-size:16px;font-weight:600;color:var(--forest);margin:22px 0 6px}
p,li{font-size:15.5px;color:#4b4b42;margin-bottom:12px}
ul,ol{margin:0 0 12px 22px}
a{color:var(--sage-d)}
.lead{font-size:16.5px;color:var(--muted);margin-bottom:26px}
.box{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:22px 24px;margin:22px 0;
     box-shadow:0 22px 46px -40px rgba(62,74,55,.9)}
.box.warn{background:#FBF3E4;border-color:rgba(214,162,74,.4)}
.ph{background:#fbe9e4;color:#b04b3a;border-radius:6px;padding:1px 7px;font-weight:600;font-size:14px;white-space:nowrap}
.small{font-size:13px;color:var(--muted)}
label.f{display:block;font-size:13.5px;font-weight:600;color:var(--forest);margin:14px 0 5px}
input.f,textarea.f,select.f{width:100%;font:inherit;font-size:15px;padding:11px 13px;border-radius:10px;
  border:1px solid rgba(62,74,55,.22);background:#fff;color:var(--ink)}
textarea.f{min-height:110px;resize:vertical}
.btn{display:inline-flex;align-items:center;gap:9px;background:var(--forest);color:var(--cream);text-decoration:none;
  font-weight:600;font-size:15px;padding:14px 26px;border:0;border-radius:12px;cursor:pointer;
  box-shadow:0 18px 34px -22px rgba(62,74,55,.95);transition:transform .25s,box-shadow .25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 24px 42px -22px rgba(62,74,55,.95)}
.btn.ochre{background:var(--ochre);color:#3A3A31}
footer{border-top:1px solid rgba(62,74,55,.12);padding:26px 0 40px}
footer .wrap{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--forest)}
@media(max-width:600px){h1{font-size:29px}main{padding:34px 0 50px}}