/* No-links variant: banner-matched visuals, zero outbound links */

:root{
  --bg:#0b0d0c;
  --panel:#141816;
  --text:#e9e9e7;
  --muted:#a9aba3;
  --brand:#357552;     /* forest green */
  --accent:#8e6c43;    /* wood/sand */
  --edge-green: rgba(53,117,82,.55);
  --edge-red: rgba(162,42,35,.38);
  --ring: rgba(53,117,82,.35);
  --hero-image: url('/assets/hero-forest.png');
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}

.container{width:min(1100px,92%);margin:0 auto}

.site-header{position:sticky;top:0;z-index:10;background:rgba(11,13,12,.7);backdrop-filter:saturate(130%) blur(6px);border-bottom:1px solid #1b1f1c}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
.logo{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#101411;border:1px solid #1a201c}

.hero{position:relative;min-height:70vh;display:grid;place-items:center;border-bottom:1px solid #1b1f1c}
.hero-media{position:absolute;inset:0;background-image:var(--hero-image);background-size:cover;background-position:center;filter:saturate(90%) contrast(95%) brightness(70%)}
.hero-overlay{position:absolute;inset:0;
  background:
    radial-gradient(60% 100% at 100% 0%, var(--edge-green) 0%, rgba(0,0,0,0) 60%),
    radial-gradient(55% 100% at 0% 100%, var(--edge-red) 0%, rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.45) 35%, rgba(0,0,0,.65));
  box-shadow: inset 0 0 120px rgba(0,0,0,.6);
}

.hero-content{position:relative;text-align:center;padding:70px 0 80px}
.eyebrow{letter-spacing:.25em;color:#d8d8d4;font-size:12px;opacity:.9;margin:0 0 8px}
.headline{font-family:"Bebas Neue", system-ui, sans-serif;letter-spacing:.02em;font-size: clamp(38px, 9vw, 92px);line-height: .95;margin: 2px 0 6px;color:#ffffff;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.sub{color:var(--muted);font-size: clamp(16px, 2.3vw, 20px);max-width: 760px;margin: 0 auto 18px}

.inline-form{display:grid;grid-template-columns:1fr auto;gap:12px;width:min(700px,92%);margin:0 auto}
.inline-form input[type="email"]{padding:14px 14px;border-radius:12px;border:1px solid #2a332d;background:#121713;color:var(--text);outline:none}
.inline-form input[type="email"]:focus{border-color:var(--brand);box-shadow:0 0 0 6px var(--ring)}

.btn{display:inline-block;border-radius:12px;font-weight:800;letter-spacing:.02em;padding:12px 18px;border:1px solid transparent;cursor:pointer}
.btn.solid{background:linear-gradient(180deg, var(--brand), #245e42);color:#07100c;border:0;box-shadow:0 10px 26px rgba(36,94,66,.35)}
.btn.solid:hover{filter:brightness(1.06)}
.btn.ghost{border:1px solid #3a3f39;background:#121713;color:#e7dccd}
.quick{margin-top:10px}

.section{padding:40px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tile{background:linear-gradient(180deg,#141816,#101412);border:1px solid #1b1f1c;border-radius:16px;padding:18px;color:#d8d9d6}
.tile h3{margin:6px 0 6px}

.site-footer{border-top:1px solid #1b1f1c;background:#0a0d0b}
.foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0 36px;color:#c9c7c1}

.sr{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}

@media (max-width: 760px){
  .inline-form{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr}
}