body{background:#f7fbf7;color:#142318}
.mesh{background-image:radial-gradient(circle at 12% 20%,rgba(34,197,94,.12),transparent 30%),radial-gradient(circle at 88% 15%,rgba(250,204,21,.14),transparent 25%),linear-gradient(180deg,#fff,#f4fbf4)}
.cta-ring{position:relative;isolation:isolate;overflow:hidden}
.cta-ring:before{content:"";position:absolute;inset:-180%;background:conic-gradient(from 0deg,transparent 0 72%,rgba(255,255,255,.95) 80%,transparent 90%);animation:spin 3s linear infinite;z-index:-2}
.cta-ring:after{content:"";position:absolute;inset:2px;border-radius:inherit;background:inherit;z-index:-1}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.floaty{animation:floaty 4.5s ease-in-out infinite}
.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.show{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.header-actions{align-items:center;flex-shrink:0}
.header-cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}
@media(max-width:639px){
  .site-header .header-row{gap:8px;padding-left:12px;padding-right:12px}
  .site-header .header-row>a img{width:76px;height:auto}
  .site-header .header-actions{gap:6px}
  .site-header .header-cta{height:36px;padding:0 10px;font-size:11px;line-height:1}
  .site-header #menuBtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:36px;margin-left:0;padding:0;flex-shrink:0}
}