/* The footer of every page (Cara, 2026-11-06; Adam: "Design the footer better please").
   A dark band that closes the page: the mark and what Stratara makes, then the products, the
   company and the contact on the home page's list columns (29% where the categories start, 69%
   where the status starts), and the legal line under a hairline. */
footer.site-foot{display:block;grid-template-columns:none;gap:0;border:0;padding:0;margin:0;max-width:none;font-size:15px;line-height:1.5;
  --f-bg:#23272a;--f-fg:#eceeea;--f-muted:#a0a6a1;--f-line:#ffffff1f;background:var(--f-bg);color:var(--f-fg)}
.foot-inner{display:grid;grid-template-columns:29% 20% 20% minmax(0,1fr);row-gap:64px;padding-block:76px 34px}
@media(min-width:1500px){.foot-inner.page-width{max-width:1440px;margin-inline:auto}}
.site-foot a{color:inherit;text-decoration:none}
.site-foot a:hover{opacity:1;color:#fff;text-decoration:underline;text-underline-offset:.22em}
.site-foot a:focus-visible{outline:2px solid var(--f-fg);outline-offset:4px}

.foot-brand{padding-right:28px}
.foot-logo{display:inline-flex;align-items:center;gap:14px}
.foot-logo:hover{text-decoration:none!important}
.foot-logo svg{width:16px;height:38px;filter:invert(1)}
.foot-logo span{font-size:18px;letter-spacing:.12em;font-weight:550}
.foot-brand p{margin:18px 0 0;max-width:300px;font-size:14px;line-height:1.55;color:var(--f-muted)}

.foot-col{min-width:0}
.foot-h{margin:0 0 14px;font-size:13px;color:var(--f-muted)}
.foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.foot-col a{display:inline-flex;align-items:center;gap:7px}
.site-foot .arrow-out{display:inline-block;fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.site-foot .arrow-out path{vector-effect:non-scaling-stroke}
.foot-col .arrow-out{width:10px;height:10px;opacity:.65}

.foot-legal{grid-column:1 / -1;margin:0;padding-top:22px;border-top:1px solid var(--f-line);font-size:12.5px;color:var(--f-muted)}

@media(max-width:1100px){.foot-inner{grid-template-columns:28% 22% 22% minmax(0,1fr)}}
@media(max-width:800px){
 .foot-inner{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:40px;padding-block:56px 28px}
 .foot-brand{grid-column:1 / -1;padding-right:0}
}
@media(max-width:370px){.foot-inner{grid-template-columns:minmax(0,1fr)}}