/* Shared navigation and footer: production baseline 20261009-funnel-security-1. */

html.article-document{
  --n0:#FFFFFF;--n50:#F7F7F6;--n100:#F2F2F0;--n200:#E4E4E1;--n300:#D2D2CE;
  --n400:#B0B0AB;--n500:#8A8A85;--n600:#6B6B67;--n700:#4A4A47;--n800:#333333;
  --n900:#1F2124;--n950:#111111;--accent:#FF3D00;--accent-hover:#FF5A26;
  --accent-active:#E63700;--accent-text:#D93500;--accent-deep:#B82D00;--accent-tint:#FFEDE6;
  --bg:#FFFFFF;--bg-warm:#F2F2F0;--surface:#FFFFFF;--text:#111111;--text-2:#333333;
  --text-3:#6B6B67;--border:#D2D2CE;--border-soft:#E4E4E1;--font-sans:'Inter',-apple-system,'Helvetica Neue',Arial,sans-serif;
  --font-mono:'JetBrains Mono','SF Mono',Consolas,monospace;--r-sm:16px;
}
*{box-sizing:border-box}
body{max-width:100%;margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;scroll-timeline-name:--page-scroll;scroll-timeline-axis:block}
img{max-width:100%}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
button,input{font:inherit}
.container{box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding-inline:32px}
.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border)}
.header-scroll-sentinel{display:block;width:1px;height:64px;pointer-events:none}
.site-header__inner{position:relative;height:64px;display:flex;align-items:center;gap:32px}
.brand{font-size:17px;font-weight:600;letter-spacing:-.01em}
.brand span{color:var(--accent-text)}
.site-header .brand{opacity:1;visibility:visible;transform:none}
.site-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:2px}
.site-nav a{padding:8px 10px;border-bottom:2px solid transparent;font-size:14px;color:var(--n800)}
.site-nav a:hover{border-bottom-color:var(--n300)}
.cabinet-link{margin-left:auto;height:36px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid var(--n950);border-radius:var(--r-sm);font-size:14px;font-weight:600}
.cabinet-link:hover{background:var(--accent);border-color:var(--accent-active);color:var(--n0)}
.cabinet-link__short{display:none}
.mobile-menu{display:none;position:relative}
.mobile-menu summary{width:36px;height:36px;padding:0;display:grid;place-items:center;list-style:none;cursor:pointer}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu__icon{width:20px;height:14px;position:relative;display:block}
.mobile-menu__icon::before,.mobile-menu__icon::after,.mobile-menu__icon span{content:'';position:absolute;left:0;width:20px;height:2px;background:var(--n950);transition:transform .16s ease,top .16s ease,opacity .16s ease}
.mobile-menu__icon::before{top:0}.mobile-menu__icon span{top:6px}.mobile-menu__icon::after{top:12px}
.mobile-menu[open] .mobile-menu__icon::before{top:6px;transform:rotate(45deg)}
.mobile-menu[open] .mobile-menu__icon span{opacity:0}
.mobile-menu[open] .mobile-menu__icon::after{top:6px;transform:rotate(-45deg)}
.mobile-menu__nav{position:absolute;z-index:60;top:44px;right:0;width:min(280px,calc(100vw - 40px));padding:8px;background:var(--n0);box-shadow:0 14px 36px rgba(17,17,17,.14)}
.mobile-menu__nav a{padding:12px 14px;display:block;font-size:15px;font-weight:500}
.mobile-menu__nav a:hover{background:var(--n100)}
.brand-motion{position:relative;width:400px;height:225px;overflow:hidden;background:var(--n0);isolation:isolate}
.brand-motion__video{position:absolute;left:50%;top:50%;width:400px;height:225px;transform:translate(-50%,-50%);object-fit:contain;pointer-events:none}
.brand-motion__image{display:none;width:100%;height:100%;object-fit:contain}
.brand-motion__video::-webkit-media-controls,.brand-motion__video::-webkit-media-controls-start-playback-button{display:none!important}
@media (prefers-reduced-motion:reduce){.brand-motion__video,.brand-motion__image{display:none}.brand-motion::after{content:'инженерка.';position:absolute;inset:0;display:grid;place-items:center;font-size:36px;line-height:1;font-weight:700;letter-spacing:-.04em}}.site-nav [data-coming-soon],.mobile-menu__nav [data-coming-soon]{display:inline-flex;align-items:center;gap:7px}.site-nav [data-coming-soon]::after,.mobile-menu__nav [data-coming-soon]::after{content:'СКОРО';font:500 8px var(--font-mono);letter-spacing:.05em;color:var(--n500)}
.site-footer{background:var(--n950);color:var(--n0)}
.footer-grid{padding-block:42px;display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:32px}
.footer-copy{max-width:38ch;margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--n400)}
.footer-label{margin-bottom:12px;font:11px var(--font-mono);color:var(--n400)}
.footer-list{margin:0;padding:0;display:grid;gap:9px;list-style:none;font-size:13px}
.footer-list a:hover{color:var(--accent)}
.requisites{margin-top:18px;font:10px/1.5 var(--font-mono);color:var(--n400)}
@media (max-width:900px){.brand-motion{width:360px;height:203px}.brand-motion__video{width:360px;height:203px}.footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  html:has(.mobile-menu[open]),body:has(.mobile-menu[open]){overflow:hidden}
  .container{padding-inline:20px}.header-scroll-sentinel{height:56px}.site-header__inner{height:56px;padding-block:0;gap:6px;flex-wrap:nowrap}.site-header .brand{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none;animation:none}
  .site-nav{display:none}.cabinet-link{height:34px;margin-left:auto;padding:0 11px;font-size:13px}.cabinet-link__full{display:none}.cabinet-link__short{display:inline}.mobile-menu{display:block;flex:0 0 auto}
  .mobile-menu__nav{position:fixed;inset:56px 0 0;width:auto;height:calc(100dvh - 56px);padding:28px 20px;display:flex;flex-direction:column;background:var(--n0);border-top:1px solid var(--border);box-shadow:none;overflow-y:auto}
  .mobile-menu__nav a{padding:18px 0;font-size:28px;line-height:1.1;font-weight:600;letter-spacing:-.025em;border-bottom:1px solid var(--border)}
  .mobile-menu__nav a:hover{background:transparent;color:var(--accent-text)}.brand-motion{width:min(320px,100%);height:auto;aspect-ratio:16/9}.brand-motion__video{display:none}.brand-motion__image{display:block}.footer-grid{grid-template-columns:1fr}.footer-grid>div:not(:first-child){padding-top:20px;border-top:1px solid var(--n800)}
}
html.article-document{scroll-behavior:smooth;scroll-padding-top:96px}
@media(prefers-reduced-motion:reduce){html.article-document{scroll-behavior:auto}}