:root{
  --text:#233231; --orange:#c1663a; --gold:#d38f1a; --olive:#7a965b;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}
a{color:inherit;text-decoration:none}
.container{max-width:1100px; margin:0 auto; padding:0 16px}
.site-header{position:fixed; inset:0 0 auto 0; z-index:50; background:rgba(255,255,255,.92); border-bottom:1px solid #eee; backdrop-filter:blur(6px)}
.site-header .brand{font-weight:800; letter-spacing:1px; padding:12px 0}
.header-spacer{height:48px}
.hero{height:76vh; min-height:460px; background:linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,0) 35%), linear-gradient(0deg, rgba(255,193,132,.22), rgba(255,193,132,.22)), url('img/hero.jpg') center/cover no-repeat;}
.cta-strip{padding:22px 0; background:#fff7f0}
.cta-grid{display:grid; grid-template-columns:repeat(4, minmax(160px,1fr)); gap:12px}
.btn{display:block; text-align:center; padding:12px 16px; border-radius:12px; font-weight:700; color:#fff; text-decoration:none; box-shadow:0 3px 10px rgba(0,0,0,.08)}
.btn.orange{background:#c1663a} .btn.olive{background:#7a965b} .btn.gold{background:#d38f1a}
.stats{padding:36px 0 56px; background:radial-gradient(1000px 200px at 50% -80px, rgba(0,0,0,.08), rgba(0,0,0,0)), linear-gradient(180deg, rgba(235,220,205,.55), rgba(0,0,0,0) 70%)}
.stats-row{display:flex; gap:24px; justify-content:center; align-items:center; flex-wrap:wrap}
.stat{text-align:center}
.circle{width:180px; height:180px; border-radius:50%; display:flex; align-items:center; justify-content:center; background: radial-gradient(120px 120px at 50% 40%, rgba(255,206,158,.18), rgba(240,180,90,.16)); border:6px solid rgba(0,0,0,.06); box-shadow: 0 12px 28px rgba(0,0,0,.10), inset 0 2px 10px rgba(255,255,255,.45); position:relative; overflow:hidden}
.circle::after{content:''; position:absolute; inset:10px; border-radius:50%; border:1px solid rgba(0,0,0,.06)}
.count{font-size:44px; font-weight:800}
.label{margin-top:8px; font-weight:700; white-space:nowrap}
.site-footer{padding:24px; text-align:center; background:#000; color:#fff}
@media (max-width: 900px){ .hero{height:62vh; min-height:380px} .cta-grid{grid-template-columns:repeat(2, 1fr)} }
@media (max-width: 420px){ .cta-grid{grid-template-columns:1fr} .circle{width:120px; height:120px; border-width:5px} .count{font-size:30px} .label{font-size:13px} }