
body { margin:0; font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color:#333; }
a { color:inherit; text-decoration:none; }
header { position:sticky; top:0; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.1); z-index:10; }
.navbar { max-width:1200px; margin:0 auto; padding:.75rem 1.25rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.nav-logo { display:flex; align-items:center; gap:.5rem; }
.nav-logo img { height:40px; }
.nav-logo span { font-weight:700; font-size:.85rem; letter-spacing:.08em; text-transform:uppercase; color:#555; }
.nav-links { display:flex; gap:1rem; align-items:center; font-size:.9rem; }
.nav-links a { padding:.25rem 0; border-bottom:2px solid transparent; }
.nav-links a:hover { border-color:rgba(200,16,46,.4); color:#C8102E; }
.nav-links a.active { border-color:#C8102E; color:#C8102E; }
.nav-cta { padding:.4rem .9rem; border-radius:999px; background:#C8102E; color:#fff; font-weight:600; font-size:.85rem; }
main { max-width:1200px; margin:0 auto; padding:1.75rem 1.25rem 2.25rem; }
h1 { font-size:1.8rem; margin-bottom:.75rem; color:#222; }
footer { background:#222; color:#eee; padding:1.5rem 1.25rem 1rem; margin-top:2rem; }
.footer-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:1rem; font-size:.78rem; align-items:center; }
.footer-main p { margin:.1rem 0; }
.footer-bafe { text-align:right; }
.footer-bafe img { height:38px; margin-left:auto; display:block; }
.footer-bafe p { margin:.1rem 0 0; font-size:.7rem; color:#ddd; }
.footer-bottom { max-width:1200px; margin:.4rem auto 0; font-size:.7rem; color:#bbb; }
.burger { display:none; }
@media(max-width:768px){
  .nav-links { position:fixed; top:56px; right:0; background:#fff; flex-direction:column; align-items:flex-start; padding:.75rem 1.25rem 1rem; box-shadow:-4px 6px 18px rgba(0,0,0,.15); transform:translateX(100%); opacity:0; pointer-events:none; transition:.25s; }
  .nav-links.open { transform:translateX(0); opacity:1; pointer-events:auto; }
  .burger { display:flex; flex-direction:column; gap:4px; cursor:pointer; }
  .burger span { width:22px; height:2px; background:#333; }
  .footer-inner { grid-template-columns:1fr; }
  .footer-bafe { text-align:left; }
}
