*{box-sizing:border-box}body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#22301f;background:#f6faf4}
a{color:#2f7a3f;text-decoration:none}a:hover{text-decoration:underline}
header{background:#fff;border-bottom:1px solid #dfe8db}.wrap{max-width:980px;margin:0 auto;padding:0 20px}
.bar{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;font-size:20px;color:#2f7a3f;letter-spacing:-.3px}.logo span{color:#8fbf63}
nav a{margin-left:18px;font-size:14px;color:#41513d}
.hero{background:linear-gradient(180deg,#eef7e8,#f6faf4);padding:56px 0 40px;border-bottom:1px solid #e6efe1}
h1{font-size:34px;margin:0 0 12px;letter-spacing:-.6px}h2{font-size:22px;margin:28px 0 10px}h3{font-size:17px;margin:20px 0 6px}
.lead{font-size:18px;color:#4d5f49;max-width:640px}
.btn{display:inline-block;background:#2f7a3f;color:#fff;padding:11px 20px;border-radius:8px;font-weight:600;margin-top:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:26px 0}
.card{background:#fff;border:1px solid #e2ebdd;border-radius:10px;padding:18px}
main{padding:32px 0 48px}table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
th,td{padding:9px 10px;border-bottom:1px solid #e6efe1;text-align:left}th{background:#f0f6ec}
footer{background:#22301f;color:#c8d6c2;padding:28px 0;font-size:14px;margin-top:40px}
footer a{color:#b5d49a}.muted{color:#6b7d66;font-size:14px}
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:420px;margin:18px 0}
.tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #dbe6d4;border-radius:8px;font-weight:700;font-size:20px;text-transform:uppercase}
.tile.ok{background:#2f7a3f;border-color:#2f7a3f;color:#fff}.tile.near{background:#cfa93c;border-color:#cfa93c;color:#fff}
input,textarea{width:100%;padding:10px;border:1px solid #cfdcc8;border-radius:8px;font:inherit;margin:6px 0 14px}