*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:#faf7f1;color:#16201a;font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#2f6b4f}a:hover{color:#234f3a}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
[data-reveal].in{opacity:1;transform:none}
.draw{stroke-dasharray:1400;stroke-dashoffset:1400}
[data-reveal].in .draw{animation:draw 1.8s .3s ease-out forwards}
@keyframes draw{to{stroke-dashoffset:0}}
[data-bar]{transform:scaleX(0);transform-origin:left;transition:transform 1.6s cubic-bezier(.2,.7,.2,1) .3s}
[data-reveal].in [data-bar]{transform:scaleX(1)}
[data-dot]{transform:scale(0);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
[data-reveal].in [data-dot]{transform:scale(1)}
@media (max-width:820px){[data-steps]{grid-template-columns:repeat(2,minmax(0,1fr))!important}[data-steps-line]{display:none!important}}
html{scroll-behavior:smooth}
@media (max-width:820px){[data-navlinks]{display:none!important}}
input[type=range]{accent-color:#2f6b4f;width:100%}