/* ===== Header / Footer styles ===== */
.sb-topbar{background:var(--accent);color:#04121f}
.sb-topbar-in{display:flex;justify-content:center;align-items:center;gap:8px;padding:9px 24px;font-size:14px;font-weight:500;flex-wrap:wrap}
.sb-topbar a{font-weight:700;text-decoration:underline}
.sb-nav{position:sticky;top:0;z-index:80;background:rgba(10,10,15,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.sb-nav-in{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:20px}
.sb-logo img{height:30px;width:auto}
.sb-links{display:flex;gap:26px}
.sb-links a{color:#fcfcfc;font-size:15px;transition:color .2s}
.sb-links a:hover{color:var(--accent)}
.sb-nav-btns{display:flex;gap:10px}
.sb-nav-btns .btn{padding:11px 20px;font-size:14px}
@media(max-width:960px){.sb-links{display:none}}
@media(max-width:520px){.sb-hide-m{display:none}.sb-logo img{height:26px}}
/* Footer */
.sbf{background:var(--bg);border-top:1px solid var(--line);padding:56px 0 30px;margin-top:20px}
.sbf-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px;margin-bottom:36px}
.sbf-brand img{height:26px;margin-bottom:14px}
.sbf-brand p{color:var(--mut2);font-size:13px;max-width:240px}
.sbf-col h4{font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:13px;color:#fff}
.sbf-col a{display:block;color:var(--mut2);font-size:13px;margin-bottom:9px;transition:color .2s}
.sbf-col a:hover{color:var(--accent)}
.sbf-bot{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:rgba(255,255,255,.28);font-size:12px}
.sbf-legal{display:flex;gap:18px}
.sbf-legal a{color:rgba(255,255,255,.28)}
.sbf-legal a:hover{color:var(--accent)}
@media(max-width:820px){.sbf-grid{grid-template-columns:1fr 1fr}.sbf-brand{grid-column:1/-1}}
@media(max-width:480px){.sbf-grid{grid-template-columns:1fr}.sbf-bot{flex-direction:column;text-align:center}}