html{scroll-behavior:smooth}
#hd.sc{background:rgba(20,61,33,.96);backdrop-filter:blur(8px);box-shadow:0 4px 20px rgba(0,0,0,.15)}
.nl{color:#fff;padding:.5rem .9rem;border-radius:999px;font-weight:600;font-size:.95rem;transition:.2s}
.nl:hover,.nl.on{background:rgba(255,255,255,.16);color:#c8a24a}
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.rv.in{opacity:1;transform:none}
.card{transition:transform .35s,box-shadow .35s}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(20,61,33,.15)}
.wa{animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.hero-img{animation:zoom 22s ease-in-out infinite alternate}
@keyframes zoom{to{transform:scale(1.12)}}
.leaf{position:absolute;border-radius:0 100% 0 100%;background:rgba(200,162,74,.25);animation:fl 9s ease-in-out infinite}
@keyframes fl{50%{transform:translateY(-24px) rotate(25deg)}}
.logo-box{filter:grayscale(1);opacity:.75;transition:.3s}.logo-box:hover{filter:none;opacity:1}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}