:root{ --teal:#26A69A; --dark-green:#1B5E20; --lite:#E0E0E0 }
.text-teal{color:var(--teal)!important}
.btn-teal{ background:var(--teal); color:#fff; border:none }
.btn-teal:hover{ filter:brightness(.95) }
.hero{
  background: linear-gradient(135deg, rgba(27,94,32,.08), rgba(38,166,154,.08));
  border-bottom-left-radius:3rem;border-bottom-right-radius:3rem
}
.reveal{ opacity:0; transform: translateY(30px) scale(.98); transition: all .8s cubic-bezier(.2,.9,.2,1) }
.reveal.show{ opacity:1; transform: none }
.badge-soft{ background: rgba(38,166,154,.12); color:var(--teal); border:1px dashed var(--teal) }
.floaty{ animation: floaty 8s ease-in-out infinite }
@keyframes floaty{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-10px) } }
.cookie-banner{
 position: fixed; z-index: 1080; left:1rem; right:1rem; bottom:1rem;
 background:#fff; border:1px solid #ddd; border-radius:1rem; padding:1rem;
 box-shadow:0 25px 60px rgba(0,0,0,.15);
}