/* The site footer (tools/site-chrome.cjs::footer). Every rule is scoped under
   footer.sfoot with the sf- prefix, so the older per-page `footer{}` and
   `.foot` rules cannot reach it. Bump ?v in site-chrome's FOOTER_CSS after
   editing: /assets/* is cached for 7 days. */
footer.sfoot{background:#061038;color:#AEB6D6;padding:72px 0 32px;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;content-visibility:visible;contain-intrinsic-size:none;margin:0}
.sfoot *{box-sizing:border-box}
.sfoot .sf-wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.sfoot a{color:inherit;text-decoration:none}
.sfoot ul{list-style:none;margin:0;padding:0}

.sfoot .sf-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1)}
.sfoot .sf-brand{max-width:400px}
.sfoot .sf-logo{display:inline-block}
.sfoot .sf-logo img{display:block;height:32px;width:auto;margin:0 0 18px}
.sfoot .sf-brand p{margin:0;font-size:15.5px;line-height:1.6;color:#AEB6D6}
.sfoot .sf-social{display:flex;gap:10px;margin-top:20px}
.sfoot .sf-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:10px;color:#AEB6D6;transition:color .15s ease,border-color .15s ease}
.sfoot .sf-social a:hover{color:#fff;border-color:rgba(255,255,255,.45)}
.sfoot .sf-social svg{width:18px;height:18px;fill:currentColor}

.sfoot .sf-cta{text-align:right}
.sfoot .sf-cta-h{margin:0 0 16px;font-size:20px;font-weight:600;color:#fff;letter-spacing:-.01em}
.sfoot .sf-cta-row{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.sfoot .sf-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:12px;font-size:15.5px;font-weight:600;white-space:nowrap;border:1.5px solid transparent;transition:background .15s ease,border-color .15s ease}
.sfoot .sf-btn-primary{background:#fff;color:#0B1226}
.sfoot .sf-btn-primary:hover{background:#EEF2FF}
.sfoot .sf-btn-line{border-color:rgba(255,255,255,.35);color:#fff}
.sfoot .sf-btn-line:hover{border-color:#fff}

.sfoot .sf-grid{display:grid;gap:32px 40px;padding:48px 0 40px}
.sfoot .sf-stack{display:flex;flex-direction:column;gap:32px}
.sfoot .sf-col summary{list-style:none;cursor:default;pointer-events:none;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin:0 0 14px}
.sfoot .sf-col summary::-webkit-details-marker{display:none}
.sfoot .sf-col li a{display:inline-block;padding:5px 0;font-size:14.5px;color:#AEB6D6;transition:color .15s ease}
.sfoot .sf-col li a:hover{color:#fff}
.sfoot .sf-col li a.sf-more{color:#8FB4FF;font-weight:500}
.sfoot .sf-col li a.sf-more:hover{color:#fff}
/* Product and Industries are long lists: two columns inside the column. */
.sfoot .sf-grid>.sf-col:nth-child(-n+2) ul{columns:2;column-gap:20px}
.sfoot .sf-grid>.sf-col:nth-child(-n+2) li{break-inside:avoid}
.sfoot .sf-grid{grid-template-columns:1.75fr 1.75fr 1.25fr 1fr;gap:32px 36px}

.sfoot .sf-base{display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap;padding-top:26px;border-top:1px solid rgba(255,255,255,.1);font-size:14px}
.sfoot .sf-legal{display:flex;gap:8px 22px;flex-wrap:wrap}
.sfoot .sf-legal a:hover{color:#fff}
.sfoot .sf-slogan{margin-left:auto;color:#8FB4FF;font-weight:600}
.sfoot .sf-badges{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:24px}
.sfoot .sf-ph{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.04);color:#fff;transition:border-color .15s ease,background .15s ease}
.sfoot .sf-ph:hover{border-color:#FF6154;background:rgba(255,97,84,.1)}
.sfoot .sf-ph svg{width:28px;height:28px;flex:none}
.sfoot .sf-ph span{display:flex;flex-direction:column;line-height:1.15}
.sfoot .sf-ph small{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#AEB6D6}
.sfoot .sf-ph b{font-size:15px;font-weight:700}

@media (max-width:1080px){
  .sfoot .sf-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  footer.sfoot{padding:52px 0 28px}
  .sfoot .sf-wrap{padding:0 20px}
  .sfoot .sf-top{flex-direction:column;gap:28px;padding-bottom:32px}
  .sfoot .sf-cta{text-align:left;width:100%}
  .sfoot .sf-cta-h{font-size:18px}
  .sfoot .sf-cta-row{justify-content:flex-start}
  .sfoot .sf-cta-row .sf-btn{flex:1 1 140px}
  /* Phones: each column is a tap-to-open section (the footer's script
     closes them on load; without JS they stay open). */
  .sfoot .sf-grid{display:block;padding:12px 0 24px}
  .sfoot .sf-stack{display:block}
  .sfoot .sf-col{border-bottom:1px solid rgba(255,255,255,.1)}
  .sfoot .sf-col summary{pointer-events:auto;cursor:pointer;margin:0;padding:16px 0;display:flex;justify-content:space-between;align-items:center;min-height:44px}
  .sfoot .sf-col summary::after{content:"";width:9px;height:9px;border-right:2px solid #AEB6D6;border-bottom:2px solid #AEB6D6;transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .15s ease}
  .sfoot .sf-col[open] summary::after{transform:rotate(225deg);margin-top:4px}
  .sfoot .sf-col ul{padding:0 0 14px}
  .sfoot .sf-grid>.sf-col:nth-child(-n+2) ul{columns:2}
  .sfoot .sf-col li a{padding:8px 0}
  .sfoot .sf-base{flex-direction:column;align-items:flex-start}
  .sfoot .sf-slogan{margin-left:0}
}