:root{--bg:#1f2326;--panel:#272c30;--ink:#fff;--muted:#d1d5db;--line:#50575d;--accent:#e5e7eb;--red:#8b1e21}
body{background:var(--bg);color:var(--ink)}
.brand{display:block;flex:0 1 330px;min-width:0;letter-spacing:normal}
.brand img{display:block;width:100%;height:auto;max-width:330px}
header{gap:2rem}
.eyebrow{color:#e5e7eb}
.hero h1{font-weight:700;letter-spacing:-.04em}
.hero h1 em{font:inherit;color:#fff}
.button,button.primary{background:#8b1e21;color:#fff;border-color:#8b1e21}
.button:hover,button.primary:hover{background:#a82a2e;color:#fff;border-color:#a82a2e}
.contact{background:#8b1e21}
.contact .button{background:#fff;color:#1f2326}
.contact .button:hover{background:#e5e7eb}
.demo-nav a[aria-current=page],.demo-nav a[aria-current=page]:hover{background:#8b1e21;border-color:#ad4246;color:#fff}
.notice{border-left-color:#ad4246;background:#29282b}
.bar{background:#c14a4e}
.footer-brand{display:block;flex:0 0 180px}
.footer-brand img{display:block;width:180px;height:auto}
footer{align-items:center}
@media(max-width:760px){header{flex-wrap:wrap;gap:1rem}.brand{flex-basis:280px}.brand img{max-width:280px}header nav{width:100%;justify-content:space-between;gap:.75rem}header nav a:first-child{display:block}.footer-brand{flex-basis:140px}.footer-brand img{width:140px}}