.hero{position:relative;min-height:86vh;display:flex;align-items:center;color:#fff;overflow:hidden;background:var(--forest)}
.hero-bg{position:absolute;inset:-6%;background:url(../assests/lake.jpg) center/cover;animation:kb 24s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,30,16,.82),rgba(10,30,16,.35))}
.hero .wrap{position:relative;z-index:2;width:100%}
.hero .eyebrow{animation:up .8s .1s both}.hero h1{font-size:clamp(38px,7vw,78px);text-transform:uppercase;letter-spacing:1px;margin:10px 0 14px;animation:up .8s .3s both}
.hero h1 span{color:var(--sun)}.hero p{font-size:20px;font-style:italic;max-width:560px;margin:0 0 28px;animation:up .8s .5s both}
.hero .btns{animation:up .8s .7s both}.hero .btn+.btn{margin-left:10px}
.stamp{position:absolute;right:7%;top:50%;z-index:2;width:170px;height:170px;border-radius:50%;border:3px dashed var(--sun);display:grid;place-items:center;text-align:center;font:700 14px "Trebuchet MS",sans-serif;letter-spacing:1px;text-transform:uppercase;transform:translateY(-50%) rotate(-12deg);animation:pulse 3s ease-in-out infinite}
.stamp b{display:block;font-size:44px;color:var(--sun);line-height:1}
.wave{position:absolute;bottom:-1px;left:0;width:100%;height:70px;z-index:3}
.scroll{position:absolute;bottom:84px;left:50%;z-index:3;font-size:26px;animation:bounce 1.6s infinite}
.strip{background:var(--green);color:#fff}.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:20px;font-weight:700;gap:10px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.stats b{display:block;font:800 52px "Trebuchet MS",sans-serif;color:var(--sun);line-height:1}.stats span{text-transform:uppercase;letter-spacing:2px;font-size:13px}
.acts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.acts a{background:#fff;border-radius:14px;padding:26px 12px;text-align:center;font-weight:700;color:var(--green);box-shadow:0 4px 16px rgba(0,0,0,.07);transition:.3s}.acts a:hover{transform:translateY(-8px) rotate(-1deg);background:var(--sun);color:#fff}.acts i{display:block;font-style:normal;font-size:44px}
@keyframes kb{to{transform:scale(1.14) translate(-1.5%,-1%)}}
@keyframes pulse{50%{transform:translateY(-50%) rotate(-12deg) scale(1.07)}}
@keyframes bounce{50%{transform:translateY(10px)}}
@media(max-width:900px){.stamp{display:none}.strip .wrap,.stats,.acts{grid-template-columns:1fr 1fr}.scroll{display:none}}