:root{--bg:#ffffff;--bg2:#eef6ea;--fg:#16301e;--muted:#4f6656;--accent:#2f8f4e;--accent2:#c7e86b;--on-accent2:#16301e;--card:#fff;--line:rgba(22,48,30,.12);--fh:"Poppins",system-ui,sans-serif;--fb:"Poppins",system-ui,sans-serif;--r:20px;--fbg:#16301e;--ffg:#d7eadb;--hbg:#fff}
h1,h2,h3{font-weight:700;letter-spacing:-.02em}
.hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;color:#fff;background:#2f8f4e}
.hero svg.bg{position:absolute;inset:0;width:100%;height:100%}
.hero .w{position:relative;z-index:2;padding:70px 0}
.hero h1{color:#fff;max-width:13ch;text-shadow:0 2px 20px rgba(0,0,0,.25)}
.hero p{max-width:480px;font-size:1.15rem;color:#eaf6e8}
.hero .gr{transform-origin:bottom;transform-box:fill-box;animation:g 4s ease-in-out infinite alternate}
@keyframes g{from{transform:skewX(-4deg)}to{transform:skewX(4deg)}}
.ba{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;--pos:50%;box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba .a{clip-path:inset(0 0 0 var(--pos))}
.ba .bar{position:absolute;top:0;bottom:0;left:var(--pos);width:4px;margin-left:-2px;background:#fff}
.ba .k{position:absolute;top:50%;left:var(--pos);width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:#fff;color:var(--accent);display:grid;place-items:center;font-weight:900;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba .l{position:absolute;top:14px;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-weight:700;font-size:13px}
.pk{display:flex;flex-direction:column}.pk .p{font-size:2rem;font-weight:700;color:var(--accent);margin:4px 0 12px}
.pk.hl{background:var(--fg);color:#fff;border-color:var(--fg)}.pk.hl .p{color:var(--accent2)}.pk.hl .ticks li::before{background:var(--accent2);color:var(--fg)}
.pk .dcta{margin-top:auto}