*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#1c2430;background:#f7f5f0;line-height:1.5}
.w{max-width:960px;margin:auto;padding:0 20px}header{padding:18px 0}.logo{font-weight:800;font-size:20px}.logo span{color:#0f7b5f}
.hero{padding:50px 0 30px}h1{font-size:40px;line-height:1.15;margin:0 0 14px}.sub{font-size:19px;color:#4a5566;max-width:640px}
.btn{display:inline-block;background:#0f7b5f;color:#fff;padding:13px 22px;border-radius:10px;text-decoration:none;font-weight:600;border:0;cursor:pointer;font-size:16px}.btn.g{background:#fff;color:#0f7b5f;border:2px solid #0f7b5f}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:30px 0}.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 1px 3px #0001}
.price{font-size:34px;font-weight:800}footer{padding:40px 0;color:#778;font-size:14px}input{padding:12px;border:1px solid #ccd;border-radius:10px;font-size:16px;width:260px}
.ch{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:10px;margin:8px 0;background:#fafafa;border:1px solid #eee}
.tag{font-size:13px;padding:3px 10px;border-radius:20px;font-weight:600}.received{background:#d9f2e6;color:#0f7b5f}.due{background:#fff1cc;color:#8a6100}.bounced{background:#fde0e0;color:#b02a2a}.upcoming{background:#e6ecf5;color:#3a5070}.replaced{background:#e8e0fb;color:#5b3fb0}
.step{color:#0f7b5f;font-weight:700;font-size:13px;text-transform:uppercase}.wa{background:#e7fbe6;border-radius:12px;padding:12px;font-size:14px;margin-top:10px;white-space:pre-line}
.deposited{background:#dff0fb;color:#1d5f8a}.cleared{background:#d9f2e6;color:#0f7b5f}
table{width:100%;border-collapse:collapse;font-size:14px;margin-top:10px}td,th{padding:7px 8px;border-bottom:1px solid #eee;text-align:left}
.grp{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:10px 12px;margin:10px 0}.log{font-family:ui-monospace,Menlo,monospace;font-size:13px}
.btn.s{padding:8px 14px;font-size:14px}.muted{color:#778;font-size:13px}

.logo .by{font-weight:600;font-size:13px;color:#778;margin-left:4px}footer a{color:#0f7b5f}