:root{--ink:#182824;--mute:#5e7168;--line:#d9e3dc;--off:#f8faf7;--paper:#fff;--green:#b5f5a8;--green-deep:#265d40;--navy:#142720;--max:1140px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;color:var(--ink);background:var(--paper);line-height:1.62}a{color:inherit}a:hover{color:var(--green-deep)}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip{position:absolute;transform:translateY(-160%);z-index:100;background:#fff;padding:12px}.skip:focus{transform:translateY(0)}
.site-head{border-bottom:1px solid #ecf0ec;background:#fff;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:23px;letter-spacing:-1.1px;color:var(--ink)}.brand-mark{background:#142720;color:#b5f5a8;width:39px;height:39px;display:grid;place-items:center;border-radius:12px;font-size:23px;letter-spacing:-2px}.brand em{color:#478c65;font-style:normal}.nav-links{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}.nav-links a{text-decoration:none}.nav-links a:focus-visible,.btn:focus-visible{outline:3px solid #49865f;outline-offset:4px;border-radius:5px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 19px;border:1px solid #20382d;border-radius:10px;text-decoration:none;background:var(--navy);color:#fff;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px);background:#28483b;color:#fff}.btn.light{color:var(--ink);background:#fff;border-color:var(--line)}.btn.light:hover{background:#f4f7f3;color:var(--ink)}.lang{font-size:12px;color:var(--mute);letter-spacing:.04em;border-left:1px solid #dce7dd;padding-left:18px}
.hero{background:radial-gradient(ellipse at 80% 17%,#e4f8de 0,transparent 42%),linear-gradient(170deg,#fcfdfa 0,#f5faf3 100%);padding:98px 0 112px;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:800;color:#316f49}.eyebrow .dot{width:7px;height:7px;background:#5aab67;border-radius:50%}.hero h1{font:800 clamp(40px,5.7vw,72px)/1.08 Manrope,sans-serif;letter-spacing:-.065em;margin:20px 0 24px}.hero h1 span{color:#4e9461}.lead{font-size:18px;line-height:1.8;color:#53675d;max-width:560px;margin:0 0 29px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-mini{font-size:12px;color:#789084;display:block;margin-top:25px}
.preview{background:#fff;box-shadow:0 24px 80px rgba(20,39,32,.12);border:1px solid #dcebdc;border-radius:19px;transform:rotate(1deg);overflow:hidden}.prev-head{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1ed;font-size:12px;font-weight:800}.prev-head span{display:inline-flex;gap:7px;align-items:center}.prev-head i{display:inline-block;width:8px;height:8px;background:#6ac67e;border-radius:50%}.demo{font-size:10px;background:#fff2d7;padding:5px 9px;border-radius:4px;color:#805e28;letter-spacing:.035em}.prev-body{padding:23px}.prev-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#7f9787;font-weight:800}.prev-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 26px}.metric{border:1px solid #e8ede8;border-radius:10px;padding:15px}.metric b{font:800 23px Manrope,sans-serif;display:block;letter-spacing:-1px}.metric small{font-size:10px;color:#718579}.metric strong{color:#417e4f;font-size:11px}.bars{height:130px;display:flex;gap:7px;align-items:flex-end;padding:10px 0 0}.bars i{display:block;flex:1;border-radius:5px 5px 0 0;background:#9ccdab}.bars i:nth-child(4n){background:#b6edab}.prev-table{margin-top:18px;border-top:1px solid #eaf0eb}.prev-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef2ee;font-size:12px}.prev-row strong{color:#497f50}.prev-foot{font-size:10px;color:#8b978e;text-align:center;margin:12px 0 0}
.section{padding:95px 0}.section.off{background:var(--off)}.section-dark{background:var(--navy);color:white}.section h2{font:800 clamp(30px,3.5vw,47px)/1.16 Manrope,sans-serif;letter-spacing:-.05em;margin:13px 0 15px}.section .intro{max-width:650px;font-size:17px;color:#687d70;margin:0 0 40px}.section-dark .intro{color:#c0d1c4}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px;border:1px solid var(--line);border-radius:15px;background:#fff}.card .num{width:42px;height:42px;border-radius:12px;background:#e8f6e4;display:grid;place-items:center;color:#34744a;font-weight:800;font-size:15px}.card h3{font:800 18px/1.35 Manrope,sans-serif;letter-spacing:-.02em;margin:18px 0 9px}.card p{font-size:14px;line-height:1.75;color:#647a6d;margin:0}.dark-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.check{padding:0;margin:23px 0 0;list-style:none}.check li{padding:11px 0 11px 27px;position:relative;color:#cfdbd1;font-size:15px}.check li:before{content:'✓';position:absolute;left:0;color:var(--green)}.stats{background:#203b30;border:1px solid #375345;border-radius:18px;padding:30px}.stats h3{margin:0 0 12px;font-size:16px}.stats b{font:800 52px Manrope,sans-serif;color:var(--green)}.stats p{color:#bbd0c1;margin:3px 0 15px}.stats .small{font-size:12px;color:#9cbda7}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;counter-reset:step}.step{padding:4px 12px 0 0}.step:before{counter-increment:step;content:'0' counter(step);display:block;font:800 42px Manrope,sans-serif;color:#78b488;margin-bottom:22px}.step h3{font:800 20px Manrope,sans-serif;margin:0 0 10px;letter-spacing:-.03em}.step p{color:#61756a;font-size:14px;margin:0}.note{padding:17px 19px;background:#eaf6e7;border-left:3px solid #6eae72;border-radius:0 8px 8px 0;margin-top:32px;font-size:13px;color:#42634c}
.faq{max-width:840px}.faq details{padding:23px 0;border-bottom:1px solid var(--line)}.faq summary{font-weight:800;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px}.faq summary:after{content:'+';font-size:23px;color:#5f8e68;line-height:1}.faq details[open] summary:after{content:'−'}.faq p{color:#62776b;font-size:15px;margin:15px 0 0}
.cta{padding:62px 50px;background:#def4d9;border-radius:21px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0 0 8px!important;font:800 33px Manrope,sans-serif;letter-spacing:-.045em}.cta p{margin:0;color:#577462;font-size:15px}.footer{background:#101c17;color:#dce9df;padding:55px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer .brand{color:white}.footer .muted{color:#97ac9e;font-size:13px;max-width:340px}.footer h4{font-size:13px;margin:0 0 12px}.footer ul{padding:0;margin:0;list-style:none}.footer li{margin:8px 0;font-size:13px}.footer a{text-decoration:none}.footer a:hover{color:#b5f5a8}.foot-bottom{border-top:1px solid #334b3d;margin-top:42px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;color:#91a597;font-size:12px}
.simple-hero{padding:70px 0 45px;background:#f5faf3}.simple-hero h1{font:800 clamp(34px,4.5vw,56px)/1.13 Manrope,sans-serif;letter-spacing:-.05em;margin:15px 0}.prose{max-width:820px;padding-top:50px;padding-bottom:85px}.prose h2{font:800 23px Manrope,sans-serif;margin-top:42px}.prose p,.prose li{color:#51665a;font-size:15px;line-height:1.9}.prose a{color:#235e3e}.prose ul{padding-left:20px}.smallprint{font-size:12px!important;color:#829486!important}
@media(max-width:930px){.hero-inner{grid-template-columns:1fr;gap:48px}.hero{padding:66px 0}.preview{transform:none;max-width:620px}.dark-grid{grid-template-columns:1fr}.nav-links{gap:16px}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(var(--max),calc(100% - 32px))}.nav{min-height:67px}.nav-links a:not(.nav-cta):not(.lang){display:none}.nav-cta{padding:10px!important}.lang{padding-left:9px}.hero{padding:55px 0 67px}.hero h1{font-size:clamp(37px,10vw,54px)}.lead{font-size:16px}.prev-metrics{gap:5px}.metric{padding:11px 6px}.metric b{font-size:17px}.section{padding:67px 0}.cards,.steps,.footer-grid{grid-template-columns:1fr}.cta{padding:32px 25px;flex-direction:column;align-items:start}.foot-bottom{flex-direction:column}.section h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}