
:root{--green:#159447;--green2:#0b7d3b;--dark:#4d4f51;--light:#f4f8f5;--line:#dce6df;--accent:#eaf6ee}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--light);color:#303436}
.container{max-width:1100px;margin:auto;padding:0 20px}
.header{background:#fff;border-bottom:4px solid var(--green);position:sticky;top:0;z-index:10}
.header-in{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{height:72px;width:auto}.head-contact{text-align:right;color:var(--dark);font-size:14px;line-height:1.7}.head-contact b{color:var(--green)}
.hero{text-align:center;padding:42px 15px 28px}.hero h1{font-size:38px;color:var(--dark);margin:0 0 10px}.hero h1 span{color:var(--green)}.hero p{margin:0;color:#66706a;font-size:16px}
.card{background:#fff;border-radius:16px;padding:25px;margin:18px 0;box-shadow:0 7px 25px rgba(35,70,50,.08);border:1px solid #edf1ee}
h2{margin:0 0 18px;color:var(--dark);font-size:21px}h2 .num{display:inline-flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;background:var(--green);color:#fff;font-size:14px;margin-right:8px}
.toggle{display:grid;grid-template-columns:1fr 1fr;gap:14px}.toggle button{padding:17px;border:2px solid var(--line);border-radius:12px;background:#fff;font-size:16px;font-weight:700;color:var(--dark);cursor:pointer}.toggle button.active{border-color:var(--green);background:var(--accent);color:var(--green2)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
label{font-size:13px;font-weight:700;display:block;margin:0 0 7px;color:#4c5550}.req{color:#d22}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #ccd8d0;border-radius:9px;background:#fff;color:#303436;font-size:15px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(21,148,71,.09)}textarea{min-height:78px;resize:vertical}
.note{font-size:12px;line-height:1.5;color:#717b75}.hidden{display:none}
.result{background:linear-gradient(135deg,#0e7539,#159447);color:#fff;border:0}.result h2{color:#fff}.result h2 .num{background:#fff;color:var(--green)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15);border-radius:11px;padding:14px}.metric small{display:block;color:#d7efe0;font-size:12px;margin-bottom:6px}.metric strong{font-size:20px}.net{margin-top:14px;background:#fff;color:var(--dark);border-radius:12px;padding:17px;text-align:center}.net span{display:block;font-size:13px}.net strong{font-size:30px;color:var(--green)}
.cta{width:100%;border:0;border-radius:11px;background:#159447;color:#fff;padding:16px;font-size:17px;font-weight:800;cursor:pointer}.cta:hover{background:#0f7e3b}.download{display:none;margin-top:14px;background:#4d4f51}.download.show{display:block}
.footer{background:#fff;border-top:1px solid var(--line);margin-top:35px;padding:28px 0;text-align:center;color:#68726c;font-size:13px}.footer b{color:var(--green)}
@media(max-width:800px){.header-in{align-items:center}.head-contact{font-size:12px}.metrics{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr}.hero h1{font-size:30px}}
@media(max-width:550px){.container{padding:0 13px}.header-in{min-height:75px}.logo{height:55px}.head-contact{display:none}.toggle,.grid{grid-template-columns:1fr}.card{padding:18px}.metrics{grid-template-columns:1fr 1fr}.hero{padding-top:28px}}
