:root{color-scheme:light;--ink:#211b17;--muted:#60564e;--accent:#8b3e06;--border:#e8ddd2;--warm:#faf4ec}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font:1rem/1.65 system-ui,-apple-system,Segoe UI,sans-serif}
a{color:var(--accent);text-underline-offset:.17em;overflow-wrap:anywhere}
:focus-visible{outline:3px solid #a64c10;outline-offset:4px}
.wrap{width:min(68rem,100% - 2rem);margin-inline:auto}
header,footer{background:#211a15;color:white}
header .wrap,footer .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding:1rem 0}
header a,footer a{color:white}
.brand{font-weight:800;text-decoration:none;font-size:1.22rem}
nav{display:flex;flex-wrap:wrap;gap:.45rem 1rem}
nav a[aria-current=page]{text-decoration-thickness:3px}
.hero{padding:clamp(2.5rem,8vw,6rem) 0;background:var(--warm)}
.eyebrow{margin:0;color:var(--accent);font-size:.83rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
h1,h2,h3{line-height:1.2;margin:0 0 .7rem}
h1{font-size:clamp(2.1rem,6vw,3.9rem);max-width:20ch;margin-top:.5rem}
h2{font-size:clamp(1.4rem,3vw,2rem)}
p{margin:.6rem 0}
.lead{font-size:clamp(1.06rem,2.4vw,1.24rem);max-width:57ch;color:var(--muted)}
.button{display:inline-block;margin-top:.7rem;padding:.65rem 1rem;background:var(--accent);color:white;border:0;border-radius:.6rem;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}
.button:hover{background:#6b2c02}
.content{padding:2.5rem 0 3rem}
.content section+section{margin-top:2rem}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.card{border:1px solid var(--border);border-radius:.8rem;padding:1.15rem;background:#fff}
.card p:last-child{margin-bottom:0}
.notice{max-width:52rem;padding:1rem 1.15rem;background:var(--warm);border-left:.3rem solid var(--accent)}
form{max-width:42rem;display:grid;gap:.85rem}
label{font-weight:700}
input,select,textarea{width:100%;display:block;padding:.6rem .7rem;margin-top:.25rem;border:1px solid #9e9186;border-radius:.4rem;background:white;color:var(--ink);font:inherit}
textarea{min-height:9rem;resize:vertical}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.help{color:var(--muted);font-size:.9rem}
.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
form .button{justify-self:start}
@media(max-width:42rem){.grid,.fields{grid-template-columns:1fr}}