* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Georgia, 'Times New Roman', serif; background: #FAF5EF; color: #44403C; line-height: 1.7; }
.sans { font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; }
header { background: #A03D18; padding: 18px 24px; display: flex; align-items: center; justify-content: space-between; }
header a.brand { color: #FAF5EF; text-decoration: none; font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 18px; letter-spacing: 0.02em; }
header a.brand span { color: #FAF5EF; }
header nav a { color: #FAF5EF; opacity: 0.85; text-decoration: none; font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 14px; margin-left: 20px; }
header nav a:hover { opacity: 1; }
header a.brand:focus-visible,
header nav a:focus-visible { outline: 3px solid #FAF5EF; outline-offset: 2px; border-radius: 2px; }
a:focus-visible,
button:focus-visible,
input:focus-visible { outline: 3px solid #D97757; outline-offset: 2px; border-radius: 2px; }
main { max-width: 760px; margin: 0 auto; padding: 40px 24px 64px; }
.crumbs { font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 13px; color: #57534E; margin-bottom: 28px; }
.crumbs a { color: #A03D18; text-decoration: none; }
h1 { font-size: 34px; line-height: 1.25; color: #1C1917; margin-bottom: 18px; }
.meta { font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 13px; color: #57534E; margin-bottom: 28px; }
.answer { background: #fff; border-left: 4px solid #D97757; border-radius: 0 8px 8px 0; padding: 20px 24px; font-size: 17px; margin-bottom: 32px; box-shadow: 0 1px 3px rgba(28,25,23,0.08); }
.stats { display: grid; gap: 12px; margin-bottom: 40px; }
.stat { background: #A03D18; color: #FAF5EF; border-radius: 8px; padding: 16px 20px; font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5; }
.stat strong { color: #FAF5EF; display: block; font-size: 15px; margin-bottom: 2px; }
h2 { font-size: 24px; color: #1C1917; margin: 40px 0 14px; }
p { margin-bottom: 16px; font-size: 16.5px; }
.faq dt { font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-weight: 700; color: #1C1917; margin-top: 20px; font-size: 16px; }
.faq dd { margin: 6px 0 0 0; font-size: 16px; }
.cta { background: #1C1917; color: #FAF5EF; border-radius: 12px; padding: 32px; margin-top: 48px; text-align: center; }
.cta-title { font-size: 24px; font-weight: bold; font-family: Georgia, 'Times New Roman', serif; }
.cta .cta-title { color: #D97757; margin: 0 0 10px; }
.cta p { font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 15px; opacity: 0.9; }
.cta a.btn { display: inline-block; margin-top: 18px; background: #D97757; color: #1C1917; font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 16px; padding: 14px 32px; border-radius: 8px; text-decoration: none; }
.cta a.btn:hover { filter: brightness(1.08); }
.leadmagnet { background: #fff; border: 1px solid #E7DDD0; border-radius: 12px; padding: 32px; margin-top: 40px; }
.leadmagnet .cta-title { color: #1C1917; margin: 0 0 10px; }
.leadmagnet p { font-size: 15px; margin-bottom: 16px; }
.leadmagnet input[type="email"] { padding: 10px 14px; border: 1px solid #D4C9BC; border-radius: 6px; font-size: 15px; width: 260px; max-width: 100%; margin-right: 8px; }
.leadmagnet button { padding: 10px 20px; background: #A03D18; color: #FAF5EF; border: none; border-radius: 6px; font-size: 15px; font-weight: 700; cursor: pointer; }
.leadmagnet button:hover { filter: brightness(1.1); }
.lead-msg { font-size: 14px; color: #A03D18; margin-top: 8px; }
.related { margin-top: 40px; font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; }
.related h3 { font-size: 15px; color: #1C1917; margin-bottom: 10px; }
.related a { color: #A03D18; font-size: 14px; display: block; margin-bottom: 6px; }
footer { border-top: 1px solid #E7DDD0; padding: 28px 24px; text-align: center; font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 13px; color: #57534E; }
footer a { color: #A03D18; text-decoration: none; margin: 0 8px; }
.card-grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); margin-top: 28px; }
.card { background: #fff; border: 1px solid #E7DDD0; border-radius: 10px; padding: 24px; text-decoration: none; color: inherit; display: block; box-shadow: 0 1px 3px rgba(28,25,23,0.06); }
.card:hover { border-color: #D97757; }
.card h2, .card h3 { font-size: 18px; color: #1C1917; margin: 0 0 8px; font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; }
.card p { font-size: 14.5px; margin: 0; color: #57534E; font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; }