:root { --syn-navy:#1a1a2e; --syn-green:#5a9e8f; }
html { scroll-padding-top: 88px; }
.reveal { opacity:1 !important; transform:none !important; }
.syn-header { position:fixed; inset:0 0 auto; z-index:100; min-height:0; padding:0; border:0; background:rgba(26,26,46,.96); backdrop-filter:blur(18px); }
.syn-nav { width:min(1280px,calc(100% - 48px)); height:80px; margin:auto; display:flex; align-items:center; justify-content:space-between; font-family:Inter,Arial,sans-serif; }
.syn-logo { color:#fff; text-decoration:none; text-transform:uppercase; letter-spacing:.3em; font-weight:700; }
.syn-logo span { margin-left:.8rem; padding-left:.8rem; border-left:1px solid rgba(255,255,255,.3); text-transform:none; letter-spacing:.02em; font-size:.7rem; font-weight:400; opacity:.62; }
.syn-links { display:flex; align-items:center; gap:1.7rem; }
.syn-links a { color:rgba(255,255,255,.8); text-decoration:none; font-size:.82rem; }
.syn-links a:hover,.syn-links a[aria-current="page"] { color:#74b7aa; }
.syn-nav-toggle { display:none; background:transparent; border:0; padding:.4rem; }
.syn-nav-toggle span { display:block; width:24px; height:2px; margin:5px; background:#fff; }
.six-wrap { max-width:80rem !important; }
.six-body { max-width:58rem !important; }
@media(min-width:1280px){ .six-wrap { grid-template-columns:210px minmax(0,1fr) !important; gap:4rem !important; } }
.syn-footer { background:var(--syn-navy); color:rgba(255,255,255,.7); padding:3.5rem max(24px,calc((100vw - 1280px)/2)); font-family:Inter,Arial,sans-serif; }
.syn-footer-inner { display:flex; justify-content:space-between; gap:2rem; }
.syn-footer-logo { color:#fff; text-decoration:none; text-transform:uppercase; letter-spacing:.25em; font-weight:700; }
.syn-footer p { margin:.6rem 0 0; }
.syn-footer-links { display:flex; flex-wrap:wrap; gap:1.5rem; }
.syn-footer-links a { color:rgba(255,255,255,.78); text-decoration:none; }
.syn-copyright { border-top:1px solid rgba(255,255,255,.14); padding-top:1.5rem; margin-top:2.5rem !important; font-size:.82rem; }
@media(max-width:900px){
  .syn-logo span { display:none; }
  .syn-nav-toggle { display:block; }
  .syn-links { display:none; position:absolute; top:80px; left:0; right:0; padding:1.25rem 24px 1.5rem; flex-direction:column; align-items:flex-start; background:var(--syn-navy); }
  .syn-header.nav-open .syn-links { display:flex; }
  .syn-footer-inner { flex-direction:column; }
}
@media(max-width:640px){ .syn-nav { width:calc(100% - 32px); } .six-body { font-size:1.04rem !important; } .pf-decks { gap:.55rem !important; } }