:root{
  --cream:#f4efe1;
  --paper:#fbf8ef;
  --green:#4f5a2b;
  --green-dark:#2f3a17;
  --text:#1f2118;
  --muted:#6c695f;
  --line:#d9d2c0;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:var(--cream);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body:before,body:after{content:"";position:fixed;border:1px solid rgba(79,90,43,.16);border-radius:50%;pointer-events:none}
body:before{width:520px;height:520px;right:-190px;top:-170px}
body:after{width:420px;height:420px;left:-190px;bottom:-210px}
.shell{min-height:100vh;display:grid;place-items:center;padding:40px 20px}
.card{width:min(920px,100%);background:rgba(251,248,239,.72);border:1px solid rgba(79,90,43,.12);border-radius:28px;padding:clamp(34px,7vw,76px);box-shadow:0 24px 70px rgba(47,58,23,.09);position:relative;overflow:hidden}
.card:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(79,90,43,.12);border-radius:50%;right:-72px;bottom:-85px}
.brand{margin-bottom:66px;min-height:115px;display:flex;align-items:center}
.brand img{display:block;width:min(330px,72vw);height:auto;opacity:0;transition:opacity .12s ease}
.brand img.is-loaded{opacity:1}
.eyebrow{margin:0 0 18px;color:var(--green);font-size:.74rem;font-weight:800;letter-spacing:.2em}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,7vw,6.4rem);line-height:.98;letter-spacing:-.045em;font-weight:400;margin:0;max-width:820px}
h1 em{font-style:normal;color:var(--green);font-weight:700;display:block}
.lead{max-width:720px;font-size:clamp(1rem,2vw,1.18rem);line-height:1.65;color:#56534c;margin:30px 0 0}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:999px;border:1px solid var(--green-dark);font-weight:700;font-size:.92rem;text-decoration:none;transition:transform .2s ease,background .2s ease}
.button:hover{transform:translateY(-2px)}
.primary{background:var(--green-dark);color:white}
.secondary{color:var(--green-dark);background:transparent}
.footnote{margin:30px 0 0;color:#757168;font-size:.82rem}
.footnote strong{color:var(--green-dark)}
@media(max-width:640px){
  .shell{padding:14px}
  .card{padding:34px 24px;border-radius:22px}
  .brand{margin-bottom:46px;min-height:98px}
  .brand img{width:min(280px,82vw)}
  .actions{display:grid}
  .button{width:100%}
}