:root{--red:#b5442a;--dirt:#c96a3b;--sky:#2e6f9e;--ink:#1f2328;--sand:#f7efe4}*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;color:var(--ink);background:var(--sand)}
.wrap{max-width:1100px;margin:auto;padding:0 16px}.hero{background:linear-gradient(160deg,var(--sky) 0 55%,var(--dirt) 55% 80%,var(--red) 80%);color:#fff;padding:36px 0 28px}
h1{margin:0;font-size:clamp(2.2rem,6vw,3.6rem);letter-spacing:-1px}h1 span{color:#ffd27a}.hero p{margin:.3em 0 1em;font-size:1.1rem}
.controls{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;margin-bottom:12px}input,select,textarea{font:inherit;padding:10px;border:1px solid #ccc;border-radius:8px;width:100%}
.btn{display:inline-block;background:#ffd27a;color:var(--ink);border:0;border-radius:8px;padding:9px 16px;font-weight:600;text-decoration:none;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 1px 3px #0002;display:flex;flex-direction:column;gap:6px;border-top:4px solid var(--dirt)}
.card.feat{border-top-color:var(--red)}.card h3{margin:0;font-size:1.05rem}.card h3 a{color:var(--sky);text-decoration:none}.meta{font-size:.82rem;color:#666}.tag{display:inline-block;background:#eee;border-radius:99px;padding:1px 8px;font-size:.75rem;margin:1px}
.brands .tag{background:#fde7c8}.card .rep{margin-top:auto;font-size:.8rem;color:#888;background:none;border:0;text-align:left;padding:0;cursor:pointer;text-decoration:underline}
h2{margin:28px 0 12px}h2 small{font-weight:400;color:#777;font-size:.9rem}.formbox{background:#fff;padding:18px;border-radius:12px;margin:30px 0}.formbox form{display:grid;gap:10px;max-width:600px}
.link{background:none;border:0;color:var(--sky);text-decoration:underline;cursor:pointer}footer{padding:24px 16px;color:#666;font-size:.9rem}
@media(max-width:700px){.controls{grid-template-columns:1fr 1fr}.controls input{grid-column:1/-1}}

.hero{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(380px,42vw,560px);display:flex;align-items:flex-end;padding:64px 0 28px;background:#1b2a1f}
.hero-bg,.hero-bg img{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-bg img{object-fit:cover;object-position:45% 20%}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,20,15,.35) 0%,rgba(10,20,15,.55) 45%,rgba(10,20,15,.85) 100%)}
.hero .wrap{width:100%}.hero h1,.hero p{text-shadow:0 2px 8px rgba(0,0,0,.6)}
@media(max-width:700px){.hero{min-height:560px}.hero-bg img{object-position:42% 22%}}

#msg.err{color:#a1261a;font-weight:600}#msg.ok{color:#256b2f;font-weight:600}button:disabled{opacity:.6;cursor:wait}
.ts{min-height:0;margin:4px 0}.ts-loading{font-size:.85rem;color:#777}