.container{width:min(1160px,92vw);margin-inline:auto}
.grid{display:grid;gap:1.25rem}
.section{padding:4rem 0}

.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--border-dark);background:rgba(15,43,70,.9);backdrop-filter:saturate(120%) blur(8px)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.7rem;font-weight:900;font-size:1.1rem;letter-spacing:.01em;color:#fff}
.brand img{width:40px;height:40px;border-radius:.6rem;border:2px solid var(--saffron)}
.menu{display:flex;align-items:center;gap:1rem}
.menu a{padding:.5rem .65rem;border-radius:.6rem;color:#e7f6ff}
.menu a:hover{background:#0d2237;text-decoration:none}
#menuBtn{display:none;color:#fff}
@media (max-width:860px){
  .menu{display:none;position:absolute;inset:calc(100% + 1px) 0 auto 0;background:#0f2b46;border-bottom:1px solid var(--border-dark);padding:.75rem 1rem}
  .menu.open{display:grid;grid-template-columns:1fr;gap:.25rem}
  #menuBtn{display:inline-flex;background:transparent;border:0;padding:.5rem .7rem;border-radius:.6rem;font-size:1.25rem}
}

.site-footer{background:#0a3429;border-top:1px solid var(--border-dark);margin-top:3rem;color:#d8efe6}
.footer-grid{display:grid;gap:1.25rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:2rem 0}
@media (max-width:860px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.footer-grid{grid-template-columns:1fr}}
.copyright{border-top:1px solid var(--border-dark);padding:1rem 0;color:#c8e5dd;font-size:var(--step--1)}