:root{color-scheme:light dark;--a:#b8860b}
body{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;margin:0;line-height:1.7;background:Canvas;color:CanvasText}
header,footer{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:1rem 1.5rem;border-bottom:1px solid #8884}
footer{border:0;border-top:1px solid #8884;font-size:.9rem;margin-top:3rem}
nav{display:flex;gap:1rem;flex-wrap:wrap}a{color:var(--a)}
main{max-width:46rem;margin:0 auto;padding:1.5rem}h1{line-height:1.3}.lead{font-size:1.2rem}.muted{opacity:.7}
.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;color:inherit}
.brand-logo{height:38px;width:auto;border-radius:6px;vertical-align:middle;display:inline-block}
.brand strong{font-size:1.25rem;letter-spacing:-.01em}
.hero-media{margin:0 0 1.5rem;text-align:center}
.hero-logo{max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.25);display:inline-block}