/* Shared header (nav + mobile menu) and footer styles, extracted from the home page. */
.scp0:hover { color: rgb(255, 255, 255) !important; }
@keyframes navIn { 
  0% { opacity: 0; transform: translateY(-16px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes upIn20 { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes marq { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
.hideMob { display: none; }
.navPad { padding: 16px 24px; }
.circ { width: 28px; height: 28px; }
@font-face { font-family: "Helvetica Regular"; font-display: swap; src: url("https://db.onlinewebfonts.com/t/a64ff11d2c24584c767f6257e880dc65.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/a64ff11d2c24584c767f6257e880dc65.woff") format("woff"), url("https://db.onlinewebfonts.com/t/a64ff11d2c24584c767f6257e880dc65.ttf") format("truetype"); }
.liquid-glass { background: rgba(255, 255, 255, 0.01); background-blend-mode: luminosity; backdrop-filter: blur(4px); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px inset; position: relative; overflow: hidden; }
.liquid-glass::before { content: ""; position: absolute; inset: 0px; border-radius: inherit; padding: 1.4px; background: linear-gradient(rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.15) 20%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.15) 80%, rgba(255, 255, 255, 0.45) 100%); mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); pointer-events: none; }
.fgrid { display: grid; grid-template-columns: 1fr; gap: 48px; margin-bottom: 56px; }
.fcols { display: grid; grid-template-columns: 1fr; gap: 28px; }
.fbar { display: flex; flex-direction: column; align-items: center; gap: 24px; }
.glassPad { padding: 24px; }
.showMob { display: flex; }
.navLogo { height: 56px; width: auto; display: block; transition: filter 0.3s; }
html.navDark .siteNav .navLogo { filter: invert(1); }
.siteNav { background: rgba(255,255,255,.94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: background 0.25s,  transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s; }
html.navReady .siteNav { animation: auto ease 0s 1 normal none running none !important; }
@media (max-width: 767px) {
  html.navAway .siteNav { transform: translateY(-120%); opacity: 0; }
  html.navAway .siteNav * { pointer-events: none !important; }
}
@media (min-width: 768px) {
  .showMob { display: none; }
  .navLogo { height: 68px; }
  .navLogoMenu { height: 56px; }
  .fgrid { grid-template-columns: 5fr 7fr; gap: 64px; }
  .fcols { grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .fbar { flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; }
  .glassPad { padding: 40px; }
  .hideMob { display: flex; }
  .navPad { padding: 24px max(32px, 50% - 700px); }
  .circ { width: 32px; height: 32px; }
}

/* Subpage-only helpers (pages that are not the home page) */
.siteFootWrap { position: relative; overflow: hidden; background: rgb(0, 0, 0); font-family: "Helvetica Regular", Inter, system-ui, sans-serif; padding: 48px 24px 24px; }
.siteFootWrap > .siteFootInner { position: relative; z-index: 10; max-width: 1400px; margin: 0px auto; }
.siteFootWrap footer p { color: inherit; max-width: none; }
.siteFootWrap footer a { text-decoration: none; }
/* Same container as the home page: 1400px content inside 24px (mobile) / 32px (desktop) side padding */
body.hasSiteNav main { padding-top: 112px; max-width: 1464px; }
#mobileMenu a { color: rgb(0, 0, 0); text-decoration: none; }
@media (min-width: 768px) {
  .siteFootWrap { padding: 72px 32px 36px; }
  body.hasSiteNav main { padding-top: 150px; }
}
html.navDark .siteNav { background: rgba(0,0,0,.88); }
