/* ============================================================
   ACCELPIX FOOTER for Zoho Desk Help Center — v2 (validator-safe)
   Paste into Setup > Customize > CSS. This must be the ONLY
   Accelpix CSS in that panel — do not paste the main website
   stylesheet here; it styles html/body and breaks the help center.
   Only apx- classes are touched. Colors match footer.site exactly.
   ============================================================ */
.apx-foot{
  background:#0E1030;
  color:#C3C8E8;
  margin-top:60px;
  font-family:Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  text-align:left;
}
.apx-wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.apx-foot-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;
  grid-gap:32px 26px;
  padding-top:52px;
}
.apx-fcol-h{
  font-family:"JetBrains Mono","Courier New",monospace;
  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#F7941D;
  margin:0 0 16px;
  font-weight:700;
}
.apx-foot-grid ul{list-style:none;margin:0;padding:0}
.apx-foot-grid li{margin:0 0 9px;padding:0}
.apx-foot-grid a{
  font-size:14px;
  color:#A8AECF;
  text-decoration:none;
  display:inline-block;
  -webkit-transition:color .18s,padding-left .22s;
  transition:color .18s,padding-left .22s;
}
.apx-foot-grid a:hover{color:#FFFFFF;padding-left:6px}
.apx-brand-logo{display:block;height:32px;width:186px;border:0}
.apx-foot-brand p{font-size:14px;color:#8E95BC;margin:20px 0 0;max-width:34ch;line-height:1.7}
.apx-addr{margin-top:18px;font-size:13px;color:#A8AECF;font-style:normal;line-height:1.8}
.apx-addr a{display:block;color:#A8AECF;text-decoration:none}
.apx-addr a:hover{color:#FFFFFF}
.apx-foot-social{margin-top:22px}
.apx-foot-social a{
  display:inline-block;
  width:36px;height:36px;
  border-radius:10px;
  margin-right:8px;
  text-align:center;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:#A8AECF;
  -webkit-transition:color .18s,border-color .18s,background .18s;
  transition:color .18s,border-color .18s,background .18s;
}
.apx-foot-social a:hover{color:#FFFFFF;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.1)}
/* Social icons live in CSS as data-URI backgrounds because the Zoho
   HTML sanitizer strips inline <svg> elements from the footer block. */
.apx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.apx-so{background-repeat:no-repeat;background-position:center;background-size:17px 17px}
.apx-so-fb{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23A8AECF%22%3E%3Cpath%20d%3D%22M14%209h3V6h-3c-2.2%200-4%201.8-4%204v2H8v3h2v7h3v-7h3l1-3h-4v-2c0-.6.4-1%201-1Z%22%2F%3E%3C%2Fsvg%3E")}
.apx-so-fb:hover{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M14%209h3V6h-3c-2.2%200-4%201.8-4%204v2H8v3h2v7h3v-7h3l1-3h-4v-2c0-.6.4-1%201-1Z%22%2F%3E%3C%2Fsvg%3E")}
.apx-so-x{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23A8AECF%22%3E%3Cpath%20d%3D%22M17.5%203h3l-6.6%207.6L21.6%2021h-5.9l-4.6-6-5.3%206H2.8l7-8L2.6%203h6l4.2%205.5L17.5%203Zm-1%2016h1.7L7.6%204.8H5.8L16.5%2019Z%22%2F%3E%3C%2Fsvg%3E")}
.apx-so-x:hover{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M17.5%203h3l-6.6%207.6L21.6%2021h-5.9l-4.6-6-5.3%206H2.8l7-8L2.6%203h6l4.2%205.5L17.5%203Zm-1%2016h1.7L7.6%204.8H5.8L16.5%2019Z%22%2F%3E%3C%2Fsvg%3E")}
.apx-so-ig{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23A8AECF%22%20stroke-width%3D%222%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%226.5%22%20r%3D%221.2%22%20fill%3D%22%23A8AECF%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")}
.apx-so-ig:hover{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%226.5%22%20r%3D%221.2%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")}
.apx-so-li{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23A8AECF%22%3E%3Cpath%20d%3D%22M5%203.5A1.5%201.5%200%201%201%205%206.5a1.5%201.5%200%200%201%200-3ZM3.5%208h3v12h-3V8Zm5.5%200h2.9v1.6h.1c.4-.8%201.4-1.7%203-1.7%203.2%200%203.8%202.1%203.8%204.8V20h-3v-5.4c0-1.3%200-3-1.8-3s-2.1%201.4-2.1%202.9V20H9V8Z%22%2F%3E%3C%2Fsvg%3E")}
.apx-so-li:hover{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M5%203.5A1.5%201.5%200%201%201%205%206.5a1.5%201.5%200%200%201%200-3ZM3.5%208h3v12h-3V8Zm5.5%200h2.9v1.6h.1c.4-.8%201.4-1.7%203-1.7%203.2%200%203.8%202.1%203.8%204.8V20h-3v-5.4c0-1.3%200-3-1.8-3s-2.1%201.4-2.1%202.9V20H9V8Z%22%2F%3E%3C%2Fsvg%3E")}
.apx-so-yt{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23A8AECF%22%3E%3Cpath%20d%3D%22M21.6%207.2a2.5%202.5%200%200%200-1.8-1.8C18.2%205%2012%205%2012%205s-6.2%200-7.8.4A2.5%202.5%200%200%200%202.4%207.2%2026%2026%200%200%200%202%2012a26%2026%200%200%200%20.4%204.8%202.5%202.5%200%200%200%201.8%201.8C5.8%2019%2012%2019%2012%2019s6.2%200%207.8-.4a2.5%202.5%200%200%200%201.8-1.8A26%2026%200%200%200%2022%2012a26%2026%200%200%200-.4-4.8ZM10%2015V9l5.2%203L10%2015Z%22%2F%3E%3C%2Fsvg%3E")}
.apx-so-yt:hover{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M21.6%207.2a2.5%202.5%200%200%200-1.8-1.8C18.2%205%2012%205%2012%205s-6.2%200-7.8.4A2.5%202.5%200%200%200%202.4%207.2%2026%2026%200%200%200%202%2012a26%2026%200%200%200%20.4%204.8%202.5%202.5%200%200%200%201.8%201.8C5.8%2019%2012%2019%2012%2019s6.2%200%207.8-.4a2.5%202.5%200%200%200%201.8-1.8A26%2026%200%200%200%2022%2012a26%2026%200%200%200-.4-4.8ZM10%2015V9l5.2%203L10%2015Z%22%2F%3E%3C%2Fsvg%3E")}
.apx-risk{
  margin-top:44px;
  padding:20px 0;
  border-top:1px solid rgba(255,255,255,.1);
  font-size:12px;
  line-height:1.75;
  color:#7C83AB;
}
.apx-risk b{color:#F7941D;letter-spacing:1px}
.apx-foot-bar{
  border-top:1px solid rgba(255,255,255,.1);
  padding:20px 0 24px;
  font-size:13px;
  color:#7C83AB;
}
.apx-foot-bar nav{display:inline}
.apx-foot-bar nav span{margin:0 8px}
.apx-foot-bar a{color:#7C83AB;text-decoration:none}
.apx-foot-bar a:hover{color:#FFFFFF}
.apx-foot-bar > span{display:block;margin-top:10px}
@media (min-width:900px){
  .apx-foot-bar nav{float:left}
  .apx-foot-bar > span{float:right;display:inline;margin-top:0}
  .apx-foot-bar:after{content:"";display:table;clear:both}
}
@media (max-width:1140px){
  .apx-foot-grid{grid-template-columns:1.4fr 1fr 1fr}
}
@media (max-width:720px){
  .apx-foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){
  .apx-wrap{padding:0 18px}
  .apx-foot-grid{grid-template-columns:1fr}
}