/* OWC Knowledge Hub — sitewide chrome v8 (header polish + structured footer) */
:root{
  --v8-font:"Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --v8-n900:#071827;--v8-n800:#0b1f33;--v8-n700:#132c46;--v8-n600:#1d3a57;
  --v8-teal:#0f9f93;--v8-teal-d:#0a776e;--v8-teal-l:#7ee0d2;--v8-amber:#f4b942;
  --v8-paper:#f2f6f6;--v8-line:#d9e3e3;--v8-muted:#566979;
}
.site-header,.sfoot{font-family:var(--v8-font)}
.site-header .brand b{font-stretch:112%;font-weight:750;letter-spacing:-.01em}
.site-header .brand small,.sfoot .brand small{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500}
.nav{gap:24px;font-weight:600}
.nav-wa{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:var(--v8-n800);color:#fff}
.nav-wa:after{display:none}
.nav-wa .wa-dot{color:#3ddc84;font-size:10px}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--v8-amber);outline-offset:2px;border-radius:4px}
@media(max-width:980px){
  .nav-toggle{display:block}
  .nav{display:none;position:absolute;left:14px;right:14px;top:68px;background:#fff;border:1px solid var(--v8-line);border-radius:14px;box-shadow:0 20px 50px rgba(11,31,51,.14);padding:12px;flex-direction:column;align-items:stretch;gap:0}
  .nav.open{display:flex}
  .nav a{padding:11px 12px}
  .nav a:after{display:none}
  .nav-wa{justify-content:center;margin-top:6px}
}

/* ---------- Footer ---------- */
.sfoot{background:var(--v8-n900);color:#c9d6df;padding:72px 0 28px;font-size:15px;line-height:1.55}
.sfoot a{color:#dfe8ee}
.sfoot a:hover{color:var(--v8-teal-l)}
.sfoot-top{display:grid;grid-template-columns:minmax(260px,1.1fr) 2.6fr;gap:56px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.1)}
.sfoot-about p{margin:18px 0 0;color:#9fb2c0;max-width:40ch;font-size:14.5px}
.sfoot-about .sfoot-pub{color:#c9d6df}
.sfoot-about b{color:#fff;font-weight:650}
.sfoot .brand-footer b{color:#fff}
.sfoot .brand-footer small{color:#8fa3b1}
.sfoot-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.sfoot-cols div{display:flex;flex-direction:column;gap:10px}
.sfoot-cols h2{margin:4px 0 6px;font-size:14px;font-weight:700;font-stretch:112%;color:var(--v8-amber);letter-spacing:0}
.sfoot-cols a{font-size:14px;color:#c9d6df}
.sfoot-eco{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;margin:36px 0}
.sfoot-eco-item{display:flex;flex-direction:column;gap:3px;padding:18px 20px;background:var(--v8-n900);transition:background .2s}
a.sfoot-eco-item:hover{background:var(--v8-n800)}
.sfoot-eco-item span{font-size:12.5px;color:var(--v8-teal-l);font-weight:600}
.sfoot-eco-item b{color:#fff;font-weight:650;font-size:15px}
.sfoot-eco-item small{color:#8fa3b1;font-size:13px}
.sfoot-eco-item.is-here{background:var(--v8-n800);box-shadow:inset 3px 0 0 var(--v8-amber)}
.sfoot-bottom{display:flex;flex-direction:column;gap:14px}
.sfoot-bottom nav{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px}
.sfoot-bottom p{margin:0;color:#7f93a2;font-size:13px;max-width:none}
@media(max-width:1100px){
  .sfoot-top{grid-template-columns:1fr}
  .sfoot-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sfoot-eco{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .sfoot{padding:56px 0 110px}
  .sfoot-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
  .sfoot-eco{grid-template-columns:1fr}
}
@media(max-width:640px){
  .floating-wa{padding:8px;gap:0}
  .floating-wa-copy{display:none}
}