@charset "UTF-8";
:root{--ink:#123d37;--muted:#617970;--paper:#f5f8f3;--mint:#c9ffb6;--deep:#073a36;--line:#d9e2d9;--white:#fff;--radius:28px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0}
button,a,input{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
button,a{touch-action:manipulation}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #3e9f65;outline-offset:5px}
button{color:inherit}
svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
img{max-width:100%;display:block}
p,h1,h2,h3,figure{margin:0}
h1,h2,h3{font-weight:650}
h2{font-size:clamp(2.4rem,4.4vw,4.7rem);line-height:1.18;letter-spacing:-.06em}
h2 span{color:#738d80}
h3{letter-spacing:-.035em}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:fixed;top:10px;left:10px;z-index:100;padding:15px;background:white;transform:translateY(-150%)}
.skip:focus{transform:translateY(0)}
.section-shell{width:min(1280px,calc(100% - 112px));margin:auto}
.eyebrow{font-size:12px;line-height:1.8;font-weight:650;letter-spacing:.12em}
.green{color:#438563}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;background:#f8faf6}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-.04em;white-space:nowrap}
.brand img{border-radius:9px}
.site-header nav{display:flex;gap:38px;font-size:13px;font-weight:550}
.site-header nav a{padding:12px 0}
.site-header nav a:hover{color:#3e9656}
.nav-download{display:flex;align-items:center;gap:13px;font-weight:650;font-size:12px;background:var(--deep);color:white;border-radius:30px;padding:12px 20px}
.nav-download svg{width:17px;height:17px}
.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 23px;border-radius:32px;font-size:13px;font-weight:650;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-3px);background:#dcffd0}
.button.light{background:white;color:#133b35}
.apple{fill:currentColor;stroke:none;width:21px;height:24px}
footer{padding:36px 56px;display:flex;align-items:center;gap:30px;background:#f9faf6}
footer .brand{font-size:14px}
footer p{font-size:10px;color:#748573;flex:1}
footer>span{font-size:9px;color:#91a08d}
footer>a:last-child{font-size:10px}
@media(max-width:1100px){
.section-shell{width:calc(100% - 72px)}
.site-header{padding:0 36px}
}
@media(max-width:760px){
html{scroll-padding-top:72px}
.section-shell{width:calc(100% - 40px)}
.site-header{height:70px;padding:0 20px}
.site-header nav{display:none}
.brand{font-size:15px;gap:8px}
.brand img{width:30px;height:30px}
.nav-download{padding:10px 14px;font-size:10px;gap:7px}
.nav-download svg{width:14px}
.button{font-size:12px;min-height:50px;padding:0 20px}
h2{font-size:2.45rem;letter-spacing:-.06em}
.eyebrow{font-size:10px;letter-spacing:.07em}
footer{padding:27px 20px;flex-wrap:wrap;gap:17px 22px}
footer .brand{font-size:13px}
footer .brand img{width:26px;height:26px}
footer p{font-size:9px;flex:1 0 calc(100% - 170px);line-height:1.7}
footer>span{font-size:8px;flex:1}
footer>a:last-child{font-size:9px}
}
.nav-download{min-height:44px}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*:before,*:after{transition:none!important;animation:none!important}
.button:hover{transform:none}
}