/* The existing QIT header and footer, shared with the reference product pages. */
.site-header,.site-footer{
  --bg:#f7f7f7;--ink:#111;--ink-2:#3a3a3a;--muted:#8d8d8d;--line:#e3e3e3;--accent:#a6522b;
  --pad:clamp(20px,7.65vw,110px);--gap:24px;--header:56px;
  color:var(--ink);font:400 14px/1.45 'QIT Suisse',Arial,sans-serif;letter-spacing:-.005em;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.site-header .wrap,.site-footer .wrap{width:100%;padding:0 var(--pad);max-width:1640px;margin:0 auto}
.site-footer .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.site-header .brand,.site-footer .brand{display:flex;align-items:center;gap:8px;font-size:15px;letter-spacing:-.02em}
.site-header .brand svg,.site-footer .brand svg{display:block;width:38px;height:auto}
.site-header a:focus-visible,.site-footer a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.site-header{position:sticky;top:0;z-index:20;height:var(--header);background:rgba(247,247,247,.88);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.site-header .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.site-header .nav{display:flex;align-items:center;gap:28px;font-size:14px}
.site-header .nav a{color:var(--ink-2);transition:color .15s}
.site-header .nav a:hover,.site-header .nav a[aria-current=page]{color:var(--ink)}
.site-header .nav .cta{background:var(--ink);color:#fff;padding:8px 14px;border-radius:999px}
.site-header .nav .cta:hover{color:#fff;background:#333}
.site-footer{border-top:1px solid var(--line);padding:56px 0 40px;font-size:14px}
.site-footer .brand{grid-column:1/3;align-self:start}
.site-footer .tagline{grid-column:3/7;font-size:17px;line-height:1.3;letter-spacing:-.02em;max-width:17em}
.site-footer .f-col{grid-column:span 2;display:flex;flex-direction:column;gap:6px}
.site-footer .f-col h2{font-size:14px;line-height:1.45;letter-spacing:-.005em;color:var(--muted);margin-bottom:4px}
.site-footer .f-col a{color:var(--ink-2)}
.site-footer .f-col a:hover{color:var(--ink)}
.site-footer .f-bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:72px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.site-footer .f-bottom a:hover{color:var(--ink)}
.site-footer .f-legal{display:flex;flex-wrap:wrap;gap:8px 18px;order:3;width:100%}
.site-footer .clock{font-variant-numeric:tabular-nums}
@media (max-width:1000px){
  .site-header,.site-footer{--gap:16px}
  .site-footer .brand{grid-column:1/-1;margin-bottom:24px}
  .site-footer .tagline{grid-column:1/-1;margin-bottom:40px}
  .site-footer .f-col{grid-column:span 4}
}
@media (max-width:700px){
  .site-header .nav{gap:18px}
  .site-header .nav .hide-sm{display:none}
  .site-footer .f-col{grid-column:span 6;margin-bottom:24px}
}