:root{
  --wm-green:#328C5B;
  --wm-green-dark:#246642;
  --wm-green-darker:#1B4430;
  --wm-light:#ffffff;
  --wm-text-on-dark:#ffffff;
}

html,body{scroll-behavior:smooth;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif}
body{background:#f6f8fb;color:#1b1f23}

.navbar-theme{background:linear-gradient(90deg,var(--wm-green-dark),var(--wm-green))}
.navbar .nav-link,.navbar .navbar-brand strong{color:#fff}
.navbar .btn-light{color:var(--wm-green-darker)}

.hero-section{background:linear-gradient(135deg,var(--wm-green),var(--wm-green-dark));color:var(--wm-text-on-dark)}
.logo-hero{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}

.btn-primary{background:linear-gradient(135deg,var(--wm-green),var(--wm-green-dark));border:none}
.btn-primary:hover{filter:brightness(1.06)}
.btn-outline-light{color:#fff;border-color:rgba(255,255,255,.85)}
.btn-outline-light:hover{background:rgba(255,255,255,.12)}

.glass{background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(4px);color:#fff}
.bg-light-alt{background:linear-gradient(180deg,#f9fcfa 0%,#e6f4ed 100%)}

.feature-card .icon-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--wm-green),var(--wm-green-dark));color:#fff;font-size:1.25rem}

.how-list{counter-reset:step;padding-left:0;list-style:none}
.how-list li{counter-increment:step;margin-bottom:.75rem;padding-left:3rem;position:relative}
.how-list li::before{content:counter(step);position:absolute;left:0;top:0;width:2.2rem;height:2.2rem;border-radius:999px;background:var(--wm-green-darker);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}

.screenshot.ph{height:220px;background:linear-gradient(135deg,var(--wm-green-dark),var(--wm-green));opacity:.92;border:1px solid rgba(0,0,0,.05)}

#cta{background:linear-gradient(135deg,var(--wm-green),var(--wm-green-darker));color:#fff}

.footer-theme{background:linear-gradient(90deg,var(--wm-green-darker),var(--wm-green-dark));color:#fff}
.footer-theme a{color:#fff;text-decoration:none}
.footer-theme a:hover{text-decoration:underline}

.fade-in-up{opacity:0;transform:translateY(18px);transition:all .6s ease}
.fade-in-up.visible{opacity:1;transform:none}