*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#17231d;background:#f6f8f5}.hero{background:linear-gradient(135deg,#153d2d,#285b43);color:#fff;min-height:560px}nav{max-width:1180px;margin:auto;padding:25px 24px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;letter-spacing:2px}.brand span{font-weight:400}.navlinks{display:flex;gap:24px}.navlinks a{color:#fff;text-decoration:none;font-size:14px}.hero-content{max-width:1180px;margin:auto;padding:85px 24px;display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;opacity:.75}.hero h1{font-size:64px;line-height:1.02;margin:15px 0}.hero h1 span{opacity:.65}.intro{font-size:18px;max-width:620px;line-height:1.6;opacity:.9}.button{display:inline-block;margin-top:20px;background:#fff;color:#153d2d;padding:14px 22px;border-radius:8px;text-decoration:none;font-weight:700}.hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:30px;border-radius:18px;backdrop-filter:blur(8px)}.small{font-size:11px;letter-spacing:1.5px;opacity:.7}.big{font-size:70px;font-weight:800;margin:12px 0}.trend{margin-top:18px;font-size:13px}.section{max-width:1180px;margin:auto;padding:90px 24px}.alt{max-width:none;background:#edf2ee}.alt>.section-title,.alt>.map-wrap{max-width:1180px;margin-left:auto;margin-right:auto}.section-title{margin-bottom:35px}.section-title h2{font-size:40px;margin:8px 0}.section-title p:not(.eyebrow){color:#657169;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.card,.panel,.chart-panel{background:#fff;border:1px solid #e1e7e2;border-radius:15px;padding:25px}.card span,.card small{display:block;color:#6b766f}.card strong{display:block;font-size:38px;margin:12px 0}.panel h3{margin-top:0}.bar-row{display:grid;grid-template-columns:170px 1fr 70px;gap:15px;align-items:center;margin:20px 0}.bar{height:14px;background:#dfe7e1;border-radius:20px;overflow:hidden}.bar div{height:100%;background:#2d6a4f;border-radius:20px}.note{font-size:12px;color:#7a847e}.map-wrap{position:relative}.map-wrap #mapCanvas{height:520px;border-radius:15px;overflow:hidden}.map-legend{position:absolute;right:18px;bottom:18px;background:#fff;padding:15px;border-radius:10px;box-shadow:0 3px 15px rgba(0,0,0,.15);z-index:500;font-size:12px}.map-legend div{margin-top:8px}.map-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px}.low{background:#8fc39d}.medium{background:#e2bd67}.high{background:#c86c6c}.controls{margin-bottom:20px}.controls label{font-weight:700}.controls select{display:block;margin-top:8px;padding:12px 14px;border:1px solid #ccd5ce;border-radius:8px;background:#fff;min-width:280px}.chart-panel{overflow:hidden}.table-wrap{margin-top:20px;background:#fff;border-radius:12px;overflow:auto;border:1px solid #e1e7e2}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 15px;border-bottom:1px solid #edf0ed}th{background:#f0f4f1}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.steps>div{background:#fff;padding:25px;border-radius:15px;border:1px solid #dfe7e1}.steps b{font-size:12px;letter-spacing:1px}.steps h3{margin-bottom:8px}.steps p{color:#68736c;line-height:1.5;font-size:14px}footer{background:#13251c;color:#fff;text-align:center;padding:45px 20px}footer p{opacity:.65}@media(max-width:800px){.navlinks{display:none}.hero-content{grid-template-columns:1fr}.hero h1{font-size:46px}.cards,.steps{grid-template-columns:1fr 1fr}.bar-row{grid-template-columns:100px 1fr 50px}}@media(max-width:520px){.cards,.steps{grid-template-columns:1fr}.section{padding:60px 18px}}