:root{
  --brand:#1f7a52;
  --brand-2:#b0a048;
  --ink:#0b1720;
}
html{scroll-behavior:smooth}
.section-gradient{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)} 
.shadow-soft{box-shadow:0 10px 30px rgba(0,0,0,.08)}
.blur-backdrop{backdrop-filter:saturate(180%) blur(6px)}
.gallery img{transition:transform .25s ease, box-shadow .25s ease}
.gallery img:hover{transform:translateY(-4px); box-shadow:0 10px 20px rgba(2,6,23,.15)}
.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .65rem;border-radius:999px;border:1px solid #e2e8f0;background:#fff}
.floating-cta{position:fixed;bottom:1rem;right:1rem;z-index:50}
.lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.85)}
.lightbox.open{display:flex}
.lightbox img{max-width:min(1200px,90vw);max-height:88vh;border-radius:1rem}
kbd{border:1px solid #e2e8f0;border-bottom-width:2px;border-radius:.5rem;padding:.15rem .35rem;background:#fff}
.brand-text{color:var(--brand)}
.brand-btn{background:var(--brand); color:white}
.brand-btn:hover{filter:brightness(.9)}
.section-narrow{max-width:72rem;margin:0 auto}
.max-readable{max-width:68ch}