*{box-sizing:border-box;margin:0;padding:0}
:root{--g:#1C3A2E;--g2:#254D3D;--lm:#6BBF4E;--dl:#3E8A22;--ch:#1A1A1A;--gr:#5b6470;--of:#F4F6F3;--wh:#fff}
html{scroll-behavior:smooth}
body{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--ch);background:var(--of);line-height:1.65;font-size:17px}
a{color:var(--dl)}
header{background:var(--g);border-bottom:3px solid var(--lm);position:sticky;top:0;z-index:50}
.hw{max-width:1080px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.logo{background:#fff;border-radius:6px;padding:5px 12px;display:flex}
.logo img{height:40px;width:auto;display:block}
nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
nav a{color:rgba(255,255,255,.85);text-decoration:none;font-size:15px}
nav a:hover{color:#fff}
.btn{display:inline-block;background:var(--lm);color:var(--g)!important;font-weight:700;text-decoration:none;padding:12px 24px;border-radius:4px}
.btn3{display:inline-block;background:#0084FF;color:#fff!important;font-weight:700;text-decoration:none;padding:12px 24px;border-radius:4px}
.btn2{display:inline-block;border:2px solid #fff;color:#fff!important;font-weight:600;text-decoration:none;padding:10px 22px;border-radius:4px}
.hero{background:var(--g);color:#fff;padding:56px 20px 60px}
.wrap{max-width:1080px;margin:0 auto}
.hero .wrap{max-width:820px}
h1{font-size:clamp(30px,5vw,46px);line-height:1.15;margin-bottom:16px}
.hero p{font-size:19px;color:rgba(255,255,255,.88);max-width:660px;margin-bottom:26px}
.hero .btns{display:flex;gap:12px;flex-wrap:wrap}
main section{padding:44px 20px}
main section:nth-of-type(even){background:#fff}
h2{font-size:clamp(23px,3.4vw,31px);color:var(--g);margin-bottom:16px;line-height:1.25}
h3{font-size:18px;color:var(--g);margin:18px 0 6px}
.txt{max-width:760px}
p{margin-bottom:12px}
ul.ck{list-style:none;max-width:760px}
ul.ck li{padding:7px 0 7px 30px;position:relative}
ul.ck li:before{content:"";position:absolute;left:4px;top:15px;width:11px;height:6px;border-left:3px solid var(--lm);border-bottom:3px solid var(--lm);transform:rotate(-45deg)}
table{border-collapse:collapse;width:100%;max-width:760px;background:#fff}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid #dfe5dc}
th{background:var(--g);color:#fff;font-size:15px}
td:last-child{font-weight:700;color:var(--g);white-space:nowrap}
.note{font-size:14px;color:var(--gr);margin-top:10px;max-width:760px}
ol.st{max-width:760px;counter-reset:s;list-style:none}
ol.st li{counter-increment:s;padding:10px 0 10px 48px;position:relative}
ol.st li:before{content:counter(s);position:absolute;left:0;top:8px;width:32px;height:32px;border-radius:50%;background:var(--g);color:var(--lm);font-weight:700;text-align:center;line-height:32px}
details{max-width:760px;background:#fff;border:1px solid #dfe5dc;border-radius:6px;margin-bottom:10px;padding:0 18px}
details[open]{border-color:var(--lm)}
summary{cursor:pointer;font-weight:600;padding:14px 0;color:var(--g)}
details p{padding-bottom:6px}
.cta{background:var(--g);color:#fff;text-align:center}
.cta h2{color:#fff}
.cta p{color:rgba(255,255,255,.85);max-width:560px;margin:0 auto 22px}
.cta .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.rel{max-width:760px;display:flex;gap:10px;flex-wrap:wrap}
.rel a{background:#fff;border:1px solid #dfe5dc;border-radius:20px;padding:6px 16px;text-decoration:none;font-size:15px}
footer{background:#142a21;color:rgba(255,255,255,.7);padding:30px 20px;font-size:14px;text-align:center}
footer a{color:rgba(255,255,255,.85);margin:0 8px}
.bc{font-size:14px;color:rgba(255,255,255,.65);margin-bottom:14px}
.bc a{color:rgba(255,255,255,.85)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--lm);outline-offset:2px}
@media(max-width:640px){body{font-size:16px}nav{gap:10px;width:100%}.hw{padding:8px 14px}.lang{border-left:0;padding-left:0}.hero{padding:40px 20px}td:last-child{white-space:normal}th,td{padding:10px 10px}table{font-size:15px}}
