/* The site footer (2 Nov 2026).

   One footer on every page, written into each page by footer.mjs (run
   `node footer.mjs` after changing the map there; never hand edit a page's
   footer). Pages that load assets/madar.css and the legal pages that do not
   both load this file, so every token falls back to its brand value and
   every rule is scoped under footer.sf, which outranks the bare footer, p,
   ul, li and a rules the legal pages and madar.css set.

   Layout: six short columns on a desktop, three on a tablet, two on a
   phone. Then the NVIDIA Inception badge, the brand line with any page
   specific mail, and NVIDIA's legal line, which must sit wherever the
   badge does. */

footer.sf{
  --sf-line:var(--line,rgba(155,193,224,.11));
  --sf-text:var(--text,#EAEEF6); --sf-dim:var(--dim,#8B95A8); --sf-faint:var(--faint,#7A8497);
  --sf-copper:var(--copper,#F2926B);
  display:block;max-width:none;width:100%;margin:0;padding:clamp(40px,5vw,56px) 0 clamp(44px,6vw,64px);
  border-top:1px solid var(--sf-line);background:none;
  font-family:var(--body,"Inter",system-ui,sans-serif);font-size:14px;line-height:1.5;
  color:var(--sf-faint);letter-spacing:0;text-align:start
}
footer.sf .sf-in{box-sizing:border-box;width:100%;max-width:1140px;margin:0 auto;padding:0 clamp(16px,4vw,34px)}
footer.sf .sf-in > .sub-foot{margin-bottom:44px}
/* start.html styles every bare label as a block; the hidden spam trap's label must stay inline inside its 1px box */
footer.sf .sub-hp label{display:inline;margin:0}

footer.sf .sf-map{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 24px}
footer.sf .sf-h{margin:0 0 10px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;
  letter-spacing:0;text-transform:none;color:var(--sf-text)}
footer.sf ul{list-style:none;margin:0;padding:0;color:inherit}
footer.sf li{margin:0;padding:0}
footer.sf a{display:inline-block;padding:4px 0;color:var(--sf-dim);text-decoration:none;
  overflow-wrap:anywhere;transition:color .18s cubic-bezier(.2,.7,.3,1)}
footer.sf a:hover{color:var(--sf-text);text-decoration:none}
footer.sf a:focus-visible{outline:2px solid var(--sf-copper);outline-offset:2px;border-radius:3px}
footer.sf a[aria-current="page"]{color:var(--sf-text)}
/* The address is text, not a mailto link: it sits in the column like the links around it. */
footer.sf .sf-plain{display:inline-block;padding:4px 0;color:var(--sf-dim);overflow-wrap:anywhere}

footer.sf .sf-nvi{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:40px 0 0;padding-top:28px;
  border-top:1px solid var(--sf-line);color:var(--sf-dim);line-height:1.5}
footer.sf .sf-nvi a{display:block;flex:none;padding:0;line-height:0;border-radius:6px}
footer.sf .sf-nvi img{display:block;width:97px;height:42px;background:#fff;border-radius:6px}

footer.sf .sf-base{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;margin:20px 0 0;font-size:13px}
footer.sf .sf-base a{padding:2px 0}
footer.sf .sf-legal{margin:14px 0 0;max-width:none;font-size:12px;line-height:1.6;color:var(--sf-faint)}

footer.sf:lang(ar){font-family:"IBM Plex Sans Arabic","Inter",system-ui,sans-serif}
footer.sf:lang(ar) .sf-h{font-size:14px}
footer.sf [lang="en"]{font-family:var(--body,"Inter",system-ui,sans-serif)}

@media (max-width:1024px){
  footer.sf .sf-map{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:600px){
  footer.sf .sf-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
  footer.sf .sf-nvi{margin-top:32px}
}