*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#23272b;background:#f6f4ef}
a{color:#b35900}
.wrap{max-width:760px;margin:0 auto;padding:0 18px}
header.top{background:#23272b;color:#fff;padding:14px 0}
.brand{font-weight:800;font-size:20px;letter-spacing:.2px;color:#fff;text-decoration:none}
.brand span{color:#f08c00}
.hero{background:#23272b;color:#fff;padding:28px 0 40px;border-bottom:6px solid #f08c00}
.hero h1{font-size:30px;line-height:1.2;margin:0 0 14px}
.hero p{font-size:18px;margin:0 0 18px;color:#e6e3dc}
.btn{display:inline-block;background:#f08c00;color:#1b1d1f;font-weight:800;text-decoration:none;padding:14px 20px;border-radius:8px;font-size:18px}
.btn:hover{background:#ffa22e}
.small{font-size:15px;color:#b9b5ac;margin-top:10px}
section{padding:34px 0}
h2{font-size:24px;margin:0 0 14px}
ul.plain{padding-left:20px;margin:0}ul.plain li{margin:6px 0}
.cards{display:grid;gap:12px}
.card{background:#fff;border:1px solid #e2ddd2;border-left:6px solid #f08c00;border-radius:8px;padding:14px 16px}
.card h3{margin:0 0 4px;font-size:19px}
.card p{margin:2px 0;font-size:16px}
.tag{display:inline-block;font-size:13px;font-weight:700;padding:2px 8px;border-radius:20px;background:#fff1de;color:#8a4500;margin-bottom:6px}
.tag.pend{background:#eceae5;color:#4a4a4a}
.note{font-size:14px;color:#5d5a54;margin-top:12px}
.two{display:grid;gap:18px}
.box{background:#fff;border:1px solid #e2ddd2;border-radius:8px;padding:16px 18px}
.box h3{margin:0 0 8px;font-size:18px}
.offer{background:#fff;border:2px solid #23272b;border-radius:10px;padding:22px 20px}
.offer p{margin:0 0 12px}
footer{background:#23272b;color:#cfcbc2;font-size:14px;padding:24px 0 34px}
footer a{color:#f5b95c}footer p{margin:6px 0}
@media(min-width:720px){.hero h1{font-size:40px}.hero{padding:44px 0 56px}.two{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}}