
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'DM Sans','DM Sans Fallback',system-ui,sans-serif;background:#f6f8ed;color:#2a2a26;line-height:1.65}
.container{max-width:840px;margin:0 auto;padding:0 24px}
nav{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid rgba(0,0,0,.08)}
.logo{font-weight:800;font-size:18px;color:#2a2a26;text-decoration:none}
.logo span{color:#485946}
.cta{background:#485946;color:white;text-decoration:none;padding:9px 18px;border-radius:100px;font-size:13px;font-weight:700}
.hero{background:linear-gradient(135deg,#48594610,#48594605);border-bottom:1px solid rgba(0,0,0,.08);padding:38px 0 30px}
.badge{display:inline-block;background:rgba(72,89,70,.1);color:#485946;border-radius:100px;padding:5px 14px;font-size:12px;font-weight:700;margin-bottom:12px}
h1{font-size:29px;font-weight:800;letter-spacing:-.02em;margin-bottom:10px;line-height:1.2}
.sub{color:#4b5563;font-size:15px;max-width:640px}
h2{font-size:19px;font-weight:800;margin:32px 0 12px;color:#2c3635}
p{font-size:15px;color:#3b3f36;margin-bottom:12px}
table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.08);font-size:13.5px;margin:10px 0 6px}
th{background:#eef1e2;text-align:left;padding:10px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#5f6558}
td{padding:9px 12px;border-top:1px solid rgba(0,0,0,.05)}
tr:first-child td{font-weight:700}
.note{background:rgba(245,184,65,.10);border:1px solid rgba(245,184,65,.30);border-radius:12px;padding:14px 18px;font-size:13.5px;color:#4b5563;margin:18px 0}
.links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.links a{font-size:12.5px;color:#485946;text-decoration:none;border:1px solid rgba(72,89,70,.2);border-radius:100px;padding:5px 13px;background:white}
.links a:hover{background:rgba(72,89,70,.05)}
.lead{background:white;border:1.5px solid rgba(72,89,70,.16);border-radius:16px;padding:22px 24px;margin:28px 0;box-shadow:0 4px 20px rgba(72,89,70,.07)}
.lead-k{font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#047857;margin-bottom:6px}
.lead h3{font-size:19px;font-weight:800;letter-spacing:-.01em;margin-bottom:8px;line-height:1.3}
.lead p{font-size:14px;color:#4b5563;margin-bottom:14px}
.wacta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#25d366;color:#052e16;text-decoration:none;padding:12px 22px;border-radius:100px;font-size:14.5px;font-weight:800}
.ghostcta{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:100px;font-size:14px;font-weight:700;color:#485946;text-decoration:none}
.lead-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.fine{font-size:11px;color:#646a5b;line-height:1.55;margin:10px 0 0}
.method{font-size:12px;color:#4a5046;line-height:1.55;margin:14px 0 20px}
.method a{color:#485946;text-decoration:underline;text-underline-offset:2px}
footer{margin:40px 0 32px;padding-top:18px;border-top:1px solid rgba(0,0,0,.08);font-size:12px;color:#5f6558}
@media(max-width:640px){
  .container{padding:0 16px}
  h1{font-size:23px}
  .lead{padding:18px 16px}
  .lead-row a{width:100%;min-height:48px;text-align:center}
  table,tbody,tr,td{display:block;width:100%}
  thead{display:none}
  tr{background:#fff;border:1px solid #e3e7d6;border-radius:12px;padding:5px 12px;margin:0 0 10px}
  td{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid #eef1e2;font-size:13px;text-align:right;overflow-wrap:anywhere}
  td::before{content:attr(data-label);flex:0 0 39%;color:#4a5046;font-size:11px;font-weight:700;text-align:left}
  td:first-child{display:block;text-align:left;border-top:0;font-size:15px;color:#485946}
  td:first-child::before{display:none}
  .links a{min-height:44px;display:inline-flex;align-items:center}
}
