:root{--cut:8px;--hit:44px;--t-fast:.25s;--ls-h:-.03em;--ls-mono:.015em;--ls-caps:.08em;--grad-signal:linear-gradient(120deg,var(--c-ok) 4%,var(--c-info) 24%,var(--c-accent) 48%,var(--c-accent) 74%,var(--c-accent-2) 95%)}
/* forma-shell: шапка и подвал, общие для всех страниц (из прототипа home-v2) */
/* page */
#header{position: sticky;
  top: 0;
  z-index: 1000;
  background: color-mix(in srgb, var(--c-bg) 88%, transparent);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--c-line);}
.announcement{display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: var(--c-surface);
  color: var(--c-text-2);
  font-size: var(--fs-2);
  padding: 8px 16px;
  border-bottom: 1px solid var(--c-line);
  position: relative;}
.announcement span{display: inline-flex;
  align-items: center;
  gap: 6px;}
.announcement button{position: absolute;
  right: 16px;
  background: transparent;
  border: 0;
  color: var(--c-text-3);
  font-size:var(--fs-4);
  cursor: pointer;
  line-height: 1;}
.announcement button:hover{color: var(--c-text);}
#header nav{max-width: var(--grid-max);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 32px;
  height: 64px;
  gap: 24px;}
.brand{display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: var(--fs-4);
  color: var(--c-text);
  text-decoration: none;}
.brand-icon{display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;}
.ecosystem-nav{display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--fs-2);
  color: var(--c-text-3);
  letter-spacing: 0.04em;
  padding: 6px 14px;
  border-radius:0;
  border: 1px solid transparent;
  transition: all 0.2s ease;}
.ecosystem-nav:hover{color: var(--c-text);
  border-color: var(--c-line-strong);}
.nav-links{display: flex;
  align-items: center;
  gap: 28px;
  font-size: var(--fs-3);}
.nav-links a{color: var(--c-text-2);
  transition: color 0.2s ease;}
.nav-links a:hover{color: var(--c-text);}
.outline-button{display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--c-accent);
  color: var(--c-accent);
  background: transparent;
  padding: 8px 18px;
  font-size: var(--fs-2);
  font-weight: 600;
  letter-spacing: 0.04em;
  border-radius:0;
  transition: all 0.2s ease;
  cursor: pointer;}
.outline-button:hover{background: color-mix(in srgb, var(--c-accent) 12%, transparent);
  color: var(--c-accent-2);
  border-color: var(--c-accent-2);}
.mobile-menu{display: none;
  background: transparent;
  border: 0;
  color: var(--c-text);
  font-size:var(--fs-ico);
  cursor: pointer;}
@media (max-width: 900px){.ecosystem-nav,.nav-links,.launch{display: none;}
.mobile-menu{display: block;}}
#footer{background: var(--c-bg);
  border-top: 1px solid var(--c-line);
  position: relative;
  overflow: hidden;
  padding: 64px 0 32px;
  min-height: 440px;}
.footer-logo .brand-icon{width: 46px;
  height: 46px;}
.newsletter{display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 420px;}
.newsletter h3{margin: 0 0 6px 0;
  color: var(--c-text);font-size:var(--ds-h3);font-weight:var(--ds-h3-fw);line-height:var(--ds-h3-lh);letter-spacing:var(--ds-h3-ls)}
.newsletter .mono{font-family: var(--font-mono);
  font-size: var(--fs-1);
  color: var(--c-text-3);
  letter-spacing: 0.06em;}
#newsletter-form{display: flex;
  gap: 8px;
  margin-top: 4px;}
#newsletter-email{flex: 1;
  background: var(--c-surface);
  border: 1px solid var(--c-line);
  color: var(--c-text);
  padding: 10px 14px;
  font-size: var(--fs-2);
  border-radius:0;
  outline: none;
  transition: border-color 0.2s ease;}
#newsletter-email:focus{border-color: var(--c-accent);}
.fw-mark{text-align: center;
  font: 600 14.5vw/1 var(--font-sans);
  letter-spacing: -0.02em;
  background: linear-gradient(180deg, var(--c-line) 0%, color-mix(in srgb, var(--c-surface-2) 5%, transparent) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
  pointer-events: none;
  margin: 32px 0;}
.fw-links{display: flex;
  justify-content: center;
  align-items: center;
  gap: 36px;
  margin: 24px 0;
  font-size: var(--fs-3);
  flex-wrap: wrap;}
.fw-links a{color: var(--c-text-2);
  transition: color 0.2s ease;}
.fw-links a:hover{color: var(--c-accent);}
.fw-bottom{max-width: var(--grid-max);
  margin: 32px auto 0;
  padding: 24px 48px 0;
  border-top: 1px solid var(--c-line);
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--c-text-3);
  font-size: var(--fs-2);
  flex-wrap: wrap;
  gap: 16px;}
.sr-only{position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;}
/* unify */
#header{background:color-mix(in srgb,var(--c-bg) 90%,transparent);border-bottom:1px solid var(--c-line)}
.announcement{background:var(--c-surface);color:var(--c-text-2);font:var(--fs-1) var(--font-mono);letter-spacing:var(--ls-caps);text-transform:uppercase}
.announcement button{font-size:var(--fs-4)}
.brand{font-family:var(--font-sans);font-weight:500;font-size:var(--fs-6);letter-spacing:-1px;color:var(--c-text)}
.ecosystem-nav,.nav-links{font:var(--fs-1) var(--font-mono);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--c-text-2)}
.ecosystem-nav:hover,.nav-links a:hover{color:var(--c-accent-2)}
.nav-links{gap:var(--sp-6)}
#header .outline-button{font:500 var(--fs-1) var(--font-mono);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--c-text);
  border:1px solid var(--c-line-strong);border-radius:0;padding:var(--sp-3) var(--sp-5);
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
#header .outline-button:hover{background:var(--c-surface);border-color:var(--c-accent);color:var(--c-text)}
#footer{background:var(--c-bg);border-top:1px solid var(--c-line)}
.newsletter h3{font-family:var(--font-sans);font-weight:500;letter-spacing:var(--ls-h)}
.newsletter .mono{font-family:var(--font-mono);letter-spacing:var(--ls-caps);color:var(--c-text-3)}
#newsletter-email{background:var(--c-bg);border:1px solid var(--c-line-strong);border-radius:0;color:var(--c-text);font:var(--fs-2) var(--font-sans)}
#newsletter-email:focus{border-color:var(--c-accent)}
#newsletter-form .outline-button{font:500 var(--fs-1) var(--font-mono);letter-spacing:var(--ls-mono);color:var(--c-text);border:1px solid var(--c-line-strong);border-radius:0;
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
#newsletter-form .outline-button:hover{background:var(--c-surface);border-color:var(--c-accent)}
.fw-mark{background:none;-webkit-text-fill-color:currentColor;color:var(--c-surface-2);font-weight:600;line-height:.8;letter-spacing:-.04em}
.fw-links{font:var(--fs-1) var(--font-mono);letter-spacing:var(--ls-caps);text-transform:uppercase}
.fw-links a{color:var(--c-text-2)}
.fw-links a:hover{color:var(--c-accent-2)}
.fw-bottom{font:var(--fs-1) var(--font-mono);letter-spacing:var(--ls-mono);color:var(--c-text-3);border-top:1px solid var(--c-line)}
#header .outline-button,#newsletter-form .outline-button){position:relative;isolation:isolate;border:1px solid transparent;clip-path:none}
#header .outline-button,#newsletter-form .outline-button)::before,#header .outline-button,#newsletter-form .outline-button)::after{content:"";position:absolute;z-index:-1;pointer-events:none;transition:background var(--t-fast)}
#header .outline-button,#newsletter-form .outline-button)::before{inset:-1px;background:var(--c-line-strong);
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
#header .outline-button,#newsletter-form .outline-button)::after{inset:0;background:var(--c-bg);
  clip-path:polygon(calc(var(--cut) - 1px) 0,100% 0,100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,0 100%,0 calc(var(--cut) - 1px))}
#header .outline-button,#newsletter-form .outline-button):hover{background:transparent;border-color:transparent}
#header .outline-button,#newsletter-form .outline-button):hover::before{background:var(--c-accent)}
#header .outline-button,#newsletter-form .outline-button):hover::after{background:var(--c-surface)}
.announcement{display:none}
#header .outline-button.launch{padding:var(--sp-3) var(--sp-5);border-color:transparent;background:transparent}
#header .outline-button.launch::after{display:none}
#header .outline-button.launch::before{inset:0;background:var(--grad-signal);
  clip-path:polygon(0 18px,18px 0,100% 0,100% 2px,19px 2px,2px 19px,2px 83%,0 83%,0 18px,100% 100%,42% 100%,42% calc(100% - 2px),calc(100% - 18px) calc(100% - 2px),calc(100% - 2px) calc(100% - 19px),100% calc(100% - 19px),100% 100%)}
#header .outline-button.launch:hover{background:transparent;border-color:transparent;color:var(--c-accent-2)}
#header .outline-button.launch:hover::before{background:var(--grad-signal)}
.brand{display:inline-flex;align-items:center;gap:var(--sp-3)}
#footer{position:relative;overflow:hidden;min-height:0;padding:var(--sp-8) 0 var(--sp-6);border-top:1px solid var(--c-line)}
#footer::before{content:"";position:absolute;inset:-1px 0 auto;height:1px;background:var(--grad-signal);opacity:.5}
#footer .fw-mark{position:absolute;inset:auto 0 -.12em;margin:0;font:600 clamp(96px,16vw,260px)/1 var(--font-sans);letter-spacing:-.04em;color:var(--c-text);opacity:.05;text-align:center;white-space:nowrap;pointer-events:none;user-select:none}
.fw-row{position:relative;z-index:1;max-width:var(--grid-max);margin:0 auto;padding:0 var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6) var(--sp-7);flex-wrap:wrap}
.fw-brand{display:inline-flex;align-items:center;gap:var(--sp-3);color:var(--c-text)}
.fw-logo{width:48px;height:38px;flex:none}
.fw-name{font:600 var(--fs-6) var(--font-sans);letter-spacing:-.02em}
.fw-motto{margin:0;font:var(--fs-3) var(--font-sans);color:var(--c-text-2)}
#footer .fw-links{display:flex;gap:var(--sp-6);flex-wrap:wrap;padding:0;margin:0}
.fw-socials{display:flex;gap:var(--sp-4)}
.fw-socials a{color:var(--c-text-2);display:inline-flex}
.fw-socials a:hover{color:var(--c-accent-2)}
.fw-socials svg{width:22px;height:22px}
.fw-legal{margin:0;padding-left:var(--sp-5);border-left:1px solid var(--c-line-strong);font:var(--fs-1) var(--font-sans);color:var(--c-text-3)}
.fw-legal a{color:var(--c-text-3)}
.fw-legal a:hover{color:var(--c-accent-2)}
#footer{margin-top:-5vw;z-index:2}
@media (min-width:1200px){.fw-row{flex-wrap:nowrap;gap:var(--sp-5)}
.fw-motto{font-size:var(--fs-2)}
#footer .fw-links{gap:var(--sp-5);flex-wrap:nowrap}
.fw-name{font-size:var(--fs-5)}}
.brand .brand-icon{width:36px;height:36px;flex:none}
.fw-brand .brand-icon{width:46px;height:46px;flex:none}
#footer{min-height:clamp(280px,18vw,420px);display:flex;align-items:center;padding:var(--sp-9) 0}
#footer .fw-mark{inset:50% 0 auto;transform:translateY(-50%);line-height:1;font-size:clamp(120px,15vw,300px)}
#footer .fw-row{width:100%}
#footer{display:block;min-height:0;padding:var(--sp-8) 0 var(--sp-6)}
#footer .fw-mark{position:relative;inset:auto;transform:none;margin:0 0 var(--sp-7);font-size:clamp(96px,17vw,320px);line-height:.9;letter-spacing:-.04em;opacity:1;
  background:linear-gradient(180deg,color-mix(in srgb,var(--c-text) 4%,transparent) 0%,color-mix(in srgb,var(--c-text) 38%,transparent) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
#header .outline-button:not(.launch):not(#x):not(#y),#newsletter-form .outline-button:not(#x):not(#y){position:relative;isolation:isolate;background:transparent;border-color:transparent;clip-path:none;color:var(--c-text);box-shadow:none;transition:color var(--t-fast),filter var(--t-fast)}
#header .outline-button:not(.launch):not(#x):not(#y)::before,#newsletter-form .outline-button:not(#x):not(#y)::before{content:"";display:block;position:absolute;inset:-1px;z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--c-text) 30%,transparent);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));transition:background var(--t-fast)}
#header .outline-button:not(.launch):not(#x):not(#y)::after,#newsletter-form .outline-button:not(#x):not(#y)::after{content:"";display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--c-text) 12%,transparent),color-mix(in srgb,var(--c-text) 3%,transparent));-webkit-backdrop-filter:blur(6px) saturate(1.4);backdrop-filter:blur(6px) saturate(1.4);clip-path:polygon(calc(var(--cut) - 1px) 0,100% 0,100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,0 100%,0 calc(var(--cut) - 1px));transition:background var(--t-fast)}
#header .outline-button:not(.launch):not(#x):not(#y):hover,#newsletter-form .outline-button:not(#x):not(#y):hover{background:transparent;border-color:transparent;color:var(--c-accent-2);text-shadow:0 0 10px color-mix(in srgb,var(--c-accent) 60%,transparent)}
#header .outline-button:not(.launch):not(#x):not(#y):hover::before,#newsletter-form .outline-button:not(#x):not(#y):hover::before{background:var(--c-accent-2)}
#header .outline-button:not(.launch):not(#x):not(#y):hover::after,#newsletter-form .outline-button:not(#x):not(#y):hover::after{background:linear-gradient(135deg,color-mix(in srgb,var(--c-accent) 24%,transparent),color-mix(in srgb,var(--c-accent) 8%,transparent))}
#header .outline-button:not(.launch):not(#x):not(#y)::before,#newsletter-form .outline-button:not(#x):not(#y)::before{clip-path:polygon(evenodd,var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut),calc(var(--cut) + .4px) 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - var(--cut) - .4px),calc(100% - var(--cut) - .4px) calc(100% - 1px),1px calc(100% - 1px),1px calc(var(--cut) + .4px))}
#header .outline-button.launch:not(#x){font-size:var(--ds-btn-fs)}
.ecosystem-nav:not(#x),.nav-links a:not(#x),.brand:not(#x),.fw-links a:not(#x),.fw-socials a:not(#x),.fw-legal a:not(#x){position:relative}
.ecosystem-nav:not(#x)::after,.nav-links a:not(#x)::after,.brand:not(#x)::after,.fw-links a:not(#x)::after,.fw-socials a:not(#x)::after,.fw-legal a:not(#x)::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,var(--hit));height:var(--hit);transform:translate(-50%,-50%)}
/* first-section */

/* second-section */

/* third-section */

/* fourth-section */

/* fifth-section */

/* sixth-section */

/* seventh-section */

/* eighth-section */

/* ninth-section */

/* tenth-section */

/* --- дополнения: подвал со всеми ссылками, мобильное меню --- */
#footer .newsletter-consent{margin:10px 0 0;font-size:var(--fs-1);line-height:1.5;color:var(--c-text-3)}
#footer .newsletter-consent a{color:var(--c-text-2);text-decoration:underline;text-underline-offset:3px}
#newsletter-status{margin:0;font-size:var(--fs-1);color:var(--c-text-2)}
@media(max-width:900px){
#header nav{position:relative}
#header.menu-open .nav-links{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;padding:8px 32px 20px;background:var(--c-bg);border-bottom:1px solid var(--c-line)}
#header.menu-open .nav-links a{padding:12px 0;width:100%;font-size:var(--fs-4)}
#header.menu-open .ecosystem-nav{display:inline-flex}
}
/* --- контурные кнопки шапки и подвала (срезы углов), «Сообщество» в рамке --- */
:is(#header .outline-button,#newsletter-form .outline-button){position:relative;isolation:isolate;border:1px solid transparent;clip-path:none}
:is(#header .outline-button,#newsletter-form .outline-button)::before,
:is(#header .outline-button,#newsletter-form .outline-button)::after{content:"";position:absolute;z-index:-1;pointer-events:none;transition:background var(--t-fast)}
:is(#header .outline-button,#newsletter-form .outline-button)::before{inset:-1px;background:var(--c-line-strong);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
:is(#header .outline-button,#newsletter-form .outline-button)::after{inset:0;background:var(--c-bg);clip-path:polygon(calc(var(--cut) - 1px) 0,100% 0,100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,0 100%,0 calc(var(--cut) - 1px))}
:is(#header .outline-button,#newsletter-form .outline-button):hover{background:transparent;border-color:transparent}
:is(#header .outline-button,#newsletter-form .outline-button):hover::before{background:var(--c-accent)}
:is(#header .outline-button,#newsletter-form .outline-button):hover::after{background:var(--c-surface)}
#header .outline-button.launch{padding:var(--sp-3) var(--sp-5);border-color:transparent;background:transparent}
#header .outline-button.launch::after{display:none}
#header .outline-button.launch::before{inset:0;background:var(--grad-signal);clip-path:polygon(0 18px,18px 0,100% 0,100% 2px,19px 2px,2px 19px,2px 83%,0 83%,0 18px,100% 100%,42% 100%,42% calc(100% - 2px),calc(100% - 18px) calc(100% - 2px),calc(100% - 2px) calc(100% - 19px),100% calc(100% - 19px),100% 100%)}
#header .outline-button.launch:hover{background:transparent;border-color:transparent;color:var(--c-accent-2)}
#header .outline-button.launch:hover::before{background:var(--grad-signal)}
#header .outline-button.launch:not(#x){font-size:var(--ds-btn-fs)}
/* --- ширина шапки на внутренних страницах, мобильное меню --- */
#header{display:block}
#header nav{width:100%;max-width:none;box-sizing:border-box}
.brand{white-space:nowrap}
.nav-links .nav-eco,.nav-links .nav-comm{display:none}
@media(max-width:900px){
#header.menu-open .ecosystem-nav{display:none}
#header.menu-open .nav-links .nav-eco,#header.menu-open .nav-links .nav-comm{display:block}
#header.menu-open .nav-links .nav-comm{color:var(--c-accent)}
#header nav{padding:14px 20px}
.brand{font-size:var(--fs-5)}
}
#header .outline-button.launch{margin:0}
/* --- подвал: нижняя полоса (подписка, правовые ссылки, копирайт) в типографике прототипа --- */
#footer .fw-extra{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-6);flex-wrap:wrap;margin:var(--sp-8) auto 0;padding:var(--sp-6) var(--sp-6) 96px;border-top:1px solid var(--c-line)}
#footer .fw-meta{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:100%}
#footer nav.fw-legal{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 24px;margin:0;padding:0;border:0;font:var(--fs-1) var(--font-mono);letter-spacing:var(--ls-mono);text-transform:uppercase}
#footer nav.fw-legal a{color:var(--c-text-2);white-space:nowrap}
#footer nav.fw-legal a:hover{color:var(--c-accent-2)}
#footer .fw-copy{font:var(--fs-1) var(--font-mono);letter-spacing:var(--ls-mono);color:var(--c-text-3)}
@media(max-width:700px){#footer .fw-extra{flex-direction:column;align-items:flex-start;padding:var(--sp-6) var(--sp-5) 96px}#footer .fw-meta{align-items:flex-start}#footer nav.fw-legal{justify-content:flex-start;gap:8px 20px}}

#footer .fw-mark{margin:var(--sp-8) 0 var(--sp-6)}
#footer .fw-extra{align-items:flex-start}

/* --- подвал: единая центрированная композиция --- */
#footer{padding:var(--sp-8) 0 0;text-align:center}
#footer .fw-top{display:flex;flex-direction:column;align-items:center;gap:28px;padding:0 var(--sp-6);position:relative;z-index:1}
#footer .fw-brand{gap:14px}
#footer .fw-name{font-size:var(--fs-6)}
#footer .fw-top nav.fw-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 40px;border:0;padding:0;margin:0;width:auto;font:500 15px var(--font-mono);letter-spacing:.08em}
#footer .fw-top nav.fw-links a{color:var(--c-text);opacity:.85;white-space:nowrap}
#footer .fw-top nav.fw-links a:hover{color:var(--c-accent-2);opacity:1}
#footer .fw-mark{position:relative;inset:auto;transform:none;margin:var(--sp-8) 0;text-align:center}
#footer .fw-extra{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;margin:0;padding:var(--sp-7) var(--sp-6) 96px;border-top:1px solid var(--c-line);text-align:center}
#footer .fw-socials{display:flex;justify-content:center;gap:28px}
#footer .fw-socials svg{width:26px;height:26px}
#footer nav.fw-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 32px;font:500 13px var(--font-mono);letter-spacing:.08em}
#footer nav.fw-legal a{color:var(--c-text-2)}
#footer .fw-motto{margin:0;font:var(--fs-3) var(--font-sans);color:var(--c-text-2)}
#footer .fw-copy{font:13px var(--font-mono);letter-spacing:.06em;color:var(--c-text-3)}
@media(max-width:700px){#footer .fw-top nav.fw-links{gap:12px 24px;font-size:var(--fs-2)}#footer .fw-mark{margin:var(--sp-7) 0}#footer nav.fw-legal{gap:10px 20px}}
#footer .fw-extra{padding-bottom:var(--sp-6)}
#footer .fw-extra{padding-bottom:16px}
#footer .fw-mark+.fw-motto{margin:calc(-1 * var(--sp-5)) 0 var(--sp-8);padding:0 var(--sp-6);font:500 clamp(18px,2.4vw,32px)/1.3 var(--font-sans);letter-spacing:-.01em;color:var(--c-text);text-align:center;position:relative;z-index:1}
@media(max-width:700px){#footer .fw-mark+.fw-motto{font-size:clamp(14px,4.2vw,18px);margin-bottom:var(--sp-7)}}
@media(min-width:901px){#footer .fw-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-6);padding:0 var(--sp-6)}#footer .fw-top .fw-brand{justify-self:start}#footer .fw-top nav.fw-links{justify-self:center}#footer .fw-top .fw-socials{justify-self:end}}
@media(max-width:900px){#footer .fw-top .fw-socials{order:3}}
#footer .fw-mark+.fw-motto{margin-bottom:var(--sp-6)}
#footer .fw-extra{padding-top:var(--sp-5);gap:12px}
@media(max-width:700px){#footer .fw-mark+.fw-motto{margin-bottom:var(--sp-5)}}

/* единый подвал и меню на всех страницах: итоговые значения, перебивают стили страниц */
#footer{padding:64px 0 32px;margin-top:-72px}
#footer .fw-top{padding:0 32px;align-items:center}
#footer .fw-mark{margin:0 0 48px}
#footer .fw-mark+.fw-motto{margin:-24px 0 32px}
#footer .fw-extra{padding:24px 32px 16px}
#footer nav.fw-legal,#footer .fw-extra{height:auto}
#footer nav.fw-legal{padding:0;margin:0}
#header .ecosystem-nav,#header .nav-links,#header .nav-links a{font:500 15px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
#header .nav-links a,#header .ecosystem-nav{color:var(--c-text);opacity:.85}
#header .nav-links a:hover,#header .ecosystem-nav:hover{color:var(--c-accent-2);opacity:1}
#footer nav{height:auto;border-bottom:0}

/* липкая шапка: sticky на обёртке части шаблона (внутри обёртки высотой в шапку sticky не работает) */
html,body,body.home{overflow-x:clip!important;overflow-y:visible!important}
.wp-site-blocks>.wp-block-template-part:first-child,.wp-site-blocks>header.wp-block-template-part{position:sticky;top:0;z-index:1000}
/* админ-панель WP: липкая шапка ниже неё, без наложения */
body.admin-bar .wp-site-blocks>.wp-block-template-part:first-child,body.admin-bar .wp-site-blocks>header.wp-block-template-part{top:32px}
@media(max-width:782px){body.admin-bar .wp-site-blocks>.wp-block-template-part:first-child,body.admin-bar .wp-site-blocks>header.wp-block-template-part{top:46px}}

/* Футер: «Сообщество» — кнопка в стиле #header .outline-button.launch */
#footer .fw-top nav.fw-links a.fw-comm{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;padding:var(--sp-3) var(--sp-5);border:1px solid transparent;background:transparent;opacity:1;font:500 var(--ds-btn-fs) var(--font-mono);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--c-text)}
#footer .fw-top nav.fw-links a.fw-comm::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;background:var(--grad-signal);transition:background var(--t-fast);clip-path:polygon(0 18px,18px 0,100% 0,100% 2px,19px 2px,2px 19px,2px 83%,0 83%,0 18px,100% 100%,42% 100%,42% calc(100% - 2px),calc(100% - 18px) calc(100% - 2px),calc(100% - 2px) calc(100% - 19px),100% calc(100% - 19px),100% 100%)}
#footer .fw-top nav.fw-links a.fw-comm::after{display:none}
#footer .fw-top nav.fw-links a.fw-comm:hover{background:transparent;border-color:transparent;color:var(--c-accent-2);opacity:1}
