/* sfoot — подвал сайта (29.09). Свой корень: не зависит от стилей страницы. Всегда тёмный, чтобы отделяться от
 * светлой страницы; в тёмной теме чуть светлее фона страницы и с линией сверху. */
.sfoot{--sf-bg:#12141a;--sf-text:#F0EFEC;--sf-muted:#9AA1AB;--sf-line:rgba(255,255,255,.10);--sf-accent:#5B8CFF;
  background:var(--sf-bg);color:var(--sf-muted);font:400 15px/1.6 'Inter',system-ui,sans-serif;margin:0;border-top:1px solid var(--sf-line)}
/* квадратик логотипа и подсветка ссылок — в цвет своего сайта: /scan/ коралловый (30.09) */
.sfoot.sf-scan{--sf-accent:#F2685F}
:root[data-theme="dark"] .sfoot{--sf-bg:#16181D}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .sfoot{--sf-bg:#16181D}}
.sfoot *{box-sizing:border-box}
.sfoot p{margin:0}
.sfoot a{color:inherit;text-decoration:none}
.sf-in{max-width:1264px;margin:0 auto;padding:72px 32px 40px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px 64px}
.sf-logo{display:inline-flex;align-items:center;gap:10px;font:700 22px/1 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.01em;color:var(--sf-text)!important}
.sf-logo i{width:12px;height:12px;border-radius:3px;background:var(--sf-accent)}
.sf-soc{display:flex;gap:18px;margin:24px 0 32px}
.sf-soc a{color:var(--sf-muted);display:block;transition:color .2s}
.sf-soc a:hover{color:var(--sf-text)}
.sf-soc svg{width:20px;height:20px;display:block}
.sf-what{color:var(--sf-text);max-width:34em}
.sf-slogan{font:700 26px/1.1 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.03em;color:var(--sf-text);margin:16px 0 12px!important}
.sf-list{max-width:34em;font-size:14px}
.sf-nav{display:flex;flex-direction:column;gap:14px;padding-top:4px;justify-self:end;min-width:220px}
.sf-nav a{font:500 17px/1.3 'Space Grotesk',system-ui,sans-serif;color:var(--sf-text);transition:color .2s}
.sf-nav a:hover{color:var(--sf-accent)}
.sf-help::after{content:" \2197";color:var(--sf-muted)}
.sf-bottom{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px 32px;flex-wrap:wrap;border-top:1px solid var(--sf-line);padding-top:24px;font-size:13px}
.sf-bottom a{color:var(--sf-text);border-bottom:1px solid var(--sf-line)}
@media (max-width:760px){
  .sf-in{grid-template-columns:1fr;padding:48px 16px 32px;gap:36px}
  .sf-slogan{font-size:22px}
  .sf-nav{justify-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;min-width:0;border-top:1px solid var(--sf-line);padding-top:28px}
  .sf-nav a{font-size:16px}
  .sf-nav a:first-child{grid-column:1 / -1}
  .sf-bottom{flex-direction:column}
}