:root{--red:#e3262e;--red2:#ff554e;--black:#090b0e;--panel:#12161b;--steel:#9ba2aa;--white:#f6f7f8;--line:#262c33}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.55}.container{width:min(1160px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(9,11,14,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand img{width:62px;height:62px;object-fit:contain}.brand b,.brand small{display:block}.brand b{letter-spacing:1.2px}.brand small{font-size:10px;color:var(--steel);text-transform:uppercase;letter-spacing:1.3px}.menu{display:flex;align-items:center;gap:30px}.menu a{color:#dfe2e5;text-decoration:none;font-size:14px}.menu a:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--red),#ad1118);color:white!important;padding:15px 23px;border-radius:4px;text-decoration:none;font-weight:700;box-shadow:0 10px 35px rgba(227,38,46,.22)}.button-small{padding:10px 15px}.menu-button{display:none;background:none;border:1px solid var(--line);color:white;font-size:22px;border-radius:4px}.hero{min-height:690px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 40%,#242931 0,transparent 34%),linear-gradient(120deg,#090b0e 20%,#11151a 100%);border-bottom:1px solid var(--line)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to right,transparent,black)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:690px}.eyebrow{color:var(--red2);font-size:12px;font-weight:800;letter-spacing:2.6px;margin:0 0 15px}.hero h1{font-size:clamp(68px,9vw,120px);line-height:.85;letter-spacing:-5px;margin:0 0 28px;text-transform:uppercase}.hero h1 span{color:transparent;-webkit-text-stroke:2px var(--red2);text-shadow:0 0 30px rgba(227,38,46,.25)}.lead{max-width:590px;color:#c1c6cc;font-size:19px}.hero-actions{display:flex;gap:22px;align-items:center;margin:32px 0}.text-link{color:white;text-decoration:none;font-weight:700}.facts{display:flex;gap:32px;border-top:1px solid var(--line);padding-top:23px;color:var(--steel);font-size:12px}.facts span{display:flex;flex-direction:column}.facts b{color:white;font-size:19px}.hero-mark{position:relative;display:flex;justify-content:center}.hero-mark img{width:min(450px,95%);max-height:520px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 20px 45px #000) drop-shadow(0 0 25px rgba(227,38,46,.18))}.shield-ring{position:absolute;width:440px;height:440px;border:1px solid rgba(255,85,78,.25);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px rgba(227,38,46,.12)}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section h2,.cta h2{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:0}.section-head>p{color:var(--steel);max-width:340px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{min-height:235px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent);transition:.25s}.service:hover{background:#15191e;transform:translateY(-3px)}.service span{color:var(--red2);font-weight:800}.service h3{font-size:22px;margin:35px 0 10px}.service p,.muted{color:var(--steel)}.about{background:#0e1115;border-block:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.about-card{min-height:400px;padding:55px;background:linear-gradient(145deg,rgba(227,38,46,.24),transparent 55%),#161b21;border:1px solid #30363d;display:flex;flex-direction:column;justify-content:end}.about-card p{color:var(--red2);font-weight:800;letter-spacing:3px}.about-card strong{font-size:35px;line-height:1.12}.red-line{height:5px;width:80px;background:var(--red);margin-top:30px}.checks{list-style:none;padding:0;margin:30px 0 0}.checks li{padding:13px 0;border-bottom:1px solid var(--line)}.checks li:before{content:"✓";color:var(--red2);font-weight:bold;margin-right:12px}.cta{padding:95px 0;background:linear-gradient(120deg,#201014,#0b0d10 55%)}.cta-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:90px}.cta p{color:#c3c7cc;max-width:630px}.cta .button{margin-top:16px}.details{border-left:1px solid #593036;padding-left:40px}.details h3{font-size:24px}.details p{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid rgba(255,255,255,.1);padding:10px 0;margin:0;color:white}.details span{color:var(--steel)}footer{border-top:1px solid var(--line);padding:25px 0;color:#737b84;font-size:13px}.footer-inner{display:flex;justify-content:space-between}
@media(max-width:820px){.menu-button{display:block;width:44px;height:42px}.menu{display:none;position:absolute;top:82px;left:0;right:0;padding:22px;background:#0c0f12;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:16px}.menu.open{display:flex}.hero,.hero-grid{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-top:70px}.hero h1{font-size:70px;letter-spacing:-3px}.hero-mark{height:390px}.hero-mark img{width:330px}.facts{gap:18px;flex-wrap:wrap}.section{padding:70px 0}.section-head{display:block}.services-grid{grid-template-columns:1fr 1fr}.about-grid,.cta-grid{grid-template-columns:1fr;gap:45px}.details{border-left:0;border-top:1px solid #593036;padding:25px 0 0}.about-card{min-height:300px}.container{width:min(100% - 28px,1160px)}}
@media(max-width:520px){.brand b{font-size:14px}.brand small{display:none}.brand img{width:52px;height:52px}.nav{height:70px}.menu{top:70px}.hero-grid{padding-top:55px}.hero h1{font-size:55px}.lead{font-size:17px}.hero-actions{align-items:stretch;flex-direction:column}.text-link{text-align:center}.hero-mark{height:330px}.facts{justify-content:space-between}.services-grid{grid-template-columns:1fr}.service{min-height:190px}.service h3{margin-top:24px}.about-card{padding:30px}.about-card strong{font-size:29px}.details p{grid-template-columns:90px 1fr}.footer-inner{gap:10px;flex-direction:column}}

/* Compact duty phone in the main-page header. */
.header-phone{display:inline-flex;align-items:center;gap:9px;margin-left:auto;margin-right:22px;color:#fff;text-decoration:none;white-space:nowrap;user-select:text;-webkit-user-select:text}
.header-phone svg{width:22px;height:22px;fill:var(--red2);flex:0 0 auto;filter:drop-shadow(0 0 7px rgba(255,85,78,.3))}
.header-phone span,.header-phone small,.header-phone b{display:block}
.header-phone small{color:var(--steel);font-size:10px;line-height:1.1;text-transform:uppercase;letter-spacing:.7px}
.header-phone b{font-size:18px;line-height:1.2;letter-spacing:.6px}
.header-phone:hover b,.header-phone:focus-visible b{color:var(--red2)}
@media(max-width:820px){.header-phone{margin-left:auto;margin-right:12px}.header-phone small{display:block;font-size:8px;letter-spacing:.45px}.header-phone b{font-size:16px}}
@media(max-width:430px){.header-phone{gap:6px;margin-right:8px}.header-phone svg{width:19px;height:19px}.header-phone b{font-size:14px}.brand b{font-size:12px}.brand img{width:44px;height:44px}.brand{gap:7px}}

/* Hero carousel */
.hero-carousel{width:min(590px,100%);height:520px;overflow:hidden;background:#090b0e;box-shadow:0 28px 70px #000;isolation:isolate}
.hero-carousel:before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.035) 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,rgba(255,255,255,.025) 50%,transparent 50.5%);background-size:46px 46px}
.hero-slide{position:absolute;inset:0;opacity:0;transform:scale(1.035);transition:opacity .9s ease,transform 5.8s ease;pointer-events:none}
.hero-slide.active{opacity:1;transform:scale(1);z-index:2}
.hero-carousel .hero-slide img{position:absolute;width:100%;height:100%;max-height:none;object-fit:cover;filter:none}
.slide-caption{position:absolute;z-index:6;left:22px;bottom:23px;color:white;background:rgba(7,9,12,.72);border-left:3px solid var(--red);padding:9px 13px;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;backdrop-filter:blur(8px)}
.carousel-dots{position:absolute;z-index:8;right:20px;bottom:26px;display:flex;gap:8px}
.carousel-dots button{width:28px;height:4px;padding:0;border:0;border-radius:5px;background:rgba(255,255,255,.35);box-shadow:none;transition:.25s}
.carousel-dots button.active{background:var(--red2);width:45px}
@media(max-width:820px){.hero-carousel{height:430px;margin:15px auto 0}}
@media(max-width:520px){.hero-carousel{height:320px}.slide-caption{left:14px;bottom:16px;font-size:10px}.carousel-dots{right:14px;bottom:19px;gap:5px}.carousel-dots button{width:16px}.carousel-dots button.active{width:28px}}
@media(prefers-reduced-motion:reduce){.hero-slide{animation:none!important;transition:none}}

/* Bear claw mark behind the hero title */
.hero-copy{position:relative;isolation:isolate}
.hero-copy>h1,.hero-copy>.eyebrow,.hero-copy>.lead,.hero-copy>.hero-actions,.hero-copy>.facts{position:relative;z-index:2}
.bear-scratch{position:absolute;z-index:0;left:-70px;top:4px;width:610px;height:330px;overflow:visible;pointer-events:none;opacity:.72;filter:drop-shadow(0 0 15px rgba(227,38,46,.22))}
.claw-cuts path{fill:none;stroke:#e3262e;stroke-width:13;stroke-linecap:round;opacity:.22}
.claw-cuts path:nth-child(2){stroke-width:10;opacity:.31}
.claw-cuts path:nth-child(3){stroke-width:8;opacity:.38}
.claw-cuts path:nth-child(4){stroke-width:6;opacity:.28}
.paw-print{fill:#e3262e;opacity:.17}
.paw-print .claw-tips{opacity:1;filter:drop-shadow(0 0 7px rgba(255,85,78,.7))}
@media(max-width:820px){.bear-scratch{left:-45px;top:10px;width:540px;height:300px;opacity:.64}}
@media(max-width:520px){.bear-scratch{left:-55px;top:15px;width:430px;height:250px}.claw-cuts path{stroke-width:9}.paw-print{opacity:.14}}

/* Stable hero proportions across browser widths and zoom levels */
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(470px,590px);gap:clamp(30px,4vw,68px)}
.hero-copy{min-width:0;overflow:visible;padding-right:20px}
.hero h1{max-width:100%;font-size:clamp(58px,4.5vw,72px);letter-spacing:-2px}
.hero-carousel{width:100%;height:auto;aspect-ratio:16/10;justify-self:end;align-self:center}
@media(min-width:1101px){.hero-grid{grid-template-columns:minmax(0,480px) minmax(470px,590px);gap:90px}.bear-scratch{left:-20px;width:500px;max-width:100%;overflow:hidden}}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr;gap:42px;padding-block:70px}.hero-copy{max-width:760px}.hero-carousel{width:min(720px,100%);justify-self:center;margin:0 auto}.hero,.hero-grid{min-height:auto}}
@media(max-width:520px){.hero-grid{padding-block:55px;gap:28px}.hero h1{font-size:55px;letter-spacing:-3px}.hero-carousel{height:auto;aspect-ratio:4/3}}

/* Cyrillic typography and hero facts */
body{font-family:"Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif}
.facts{display:grid;grid-template-columns:.65fr 1.25fr 1.2fr;gap:24px}
.facts span{min-width:0;line-height:1.35}
.facts b{font-family:"Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.2px;line-height:1.2;margin-bottom:5px}
@media(max-width:520px){.facts{grid-template-columns:1fr 1fr;gap:20px 16px}.facts span:last-child{grid-column:1/-1}}

/* VK-inspired service shields and pop-out interaction */
.service{position:relative;isolation:isolate;overflow:hidden;transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease,background-color .32s ease}
.service::before{content:"";position:absolute;z-index:-2;width:205px;height:205px;right:-8px;bottom:-6px;background:url("assets/service-wood-panel-v2.png") center/cover no-repeat;filter:drop-shadow(0 0 12px rgba(227,38,46,.22));opacity:.82;transform:scale(.94);transform-origin:center;transition:opacity .32s ease,transform .42s cubic-bezier(.2,.8,.2,1)}
.service::after{content:"";position:absolute;z-index:-1;width:134px;height:134px;right:27px;bottom:58px;background:url("assets/bear-shield-logo.png") center/contain no-repeat;opacity:.68;filter:contrast(1.18) saturate(1.3) drop-shadow(0 0 9px rgba(227,38,46,.48));transform:scale(.96);transition:opacity .32s ease,filter .32s ease,transform .42s cubic-bezier(.2,.8,.2,1)}
.service>*{position:relative;z-index:1}
.service:hover,.service:focus-visible{z-index:3;outline:none;transform:translateY(-10px) scale(1.018);border-color:rgba(239,52,60,.62);background-color:#101419;box-shadow:0 22px 44px rgba(0,0,0,.46),0 0 28px rgba(225,29,38,.13)}
.service:hover::before,.service:focus-visible::before{opacity:1;transform:rotate(0) scale(1.02)}
.service:hover::after,.service:focus-visible::after{opacity:.68;filter:contrast(1.18) saturate(1.35) drop-shadow(0 0 14px rgba(227,38,46,.58));transform:rotate(0) scale(1.02)}
.service-card-link{display:block;min-height:174px;color:inherit;text-decoration:none}

.nav-dropdown{position:relative}
.dropdown-toggle{display:flex;align-items:center;gap:5px}
.dropdown-toggle span{color:var(--red2);transition:transform .22s ease}
.dropdown-menu{position:absolute;top:calc(100% + 18px);left:-24px;width:245px;padding:10px;background:rgba(13,16,20,.98);border:1px solid #343a42;box-shadow:0 22px 45px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s;z-index:40}
.dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-19px;height:19px}
.dropdown-menu a{display:block;padding:10px 12px;border-left:2px solid transparent}
.dropdown-menu a:hover{background:#171c22;border-left-color:var(--red)}
.dropdown-menu .vacancy-catalog-link{color:#fff;font-weight:700;border-bottom:1px solid var(--line);margin-bottom:4px}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown:hover .dropdown-toggle span,.nav-dropdown:focus-within .dropdown-toggle span{transform:rotate(180deg)}
.menu>a[href*="about"]{order:1}.menu>a[href*="contacts"]{order:2}.menu>.nav-dropdown{order:3}.menu>.vacancy-dropdown{order:4}.menu>.button{order:5}
.menu>.vacancy-catalog-nav{order:4}
.menu>.service-catalog-nav{order:3}
@media(max-width:820px){.menu{max-height:calc(100vh - 82px);overflow-y:auto}.nav-dropdown{width:100%}.dropdown-toggle{justify-content:space-between}.dropdown-toggle span{display:inline-block}.dropdown-menu{display:none;position:static;width:100%;padding:8px 0 2px 14px;border:0;box-shadow:none;background:transparent;opacity:0;visibility:hidden;transform:none}.dropdown-menu::before{display:none}.dropdown-menu a{font-size:13px;padding:8px 10px}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{opacity:0;visibility:hidden}.nav-dropdown.mobile-open .dropdown-menu{display:block;opacity:1;visibility:visible}.nav-dropdown.mobile-open .dropdown-toggle span{transform:rotate(180deg)}}

.service-promise{display:flex;align-items:center;gap:18px}
.service-promise>span:first-child{max-width:270px}
.promise-mark{position:relative;flex:0 0 48px;width:48px;height:52px;background:linear-gradient(145deg,#3d2b25,#100b0a);border:1px solid rgba(255,85,78,.58);clip-path:polygon(50% 0,91% 14%,86% 68%,50% 100%,14% 68%,9% 14%);filter:drop-shadow(0 0 10px rgba(227,38,46,.2))}
.promise-mark::before{content:"";position:absolute;inset:7px;background:rgba(227,38,46,.22);clip-path:inherit;animation:promise-pulse 2.4s ease-in-out infinite}
.promise-mark i{position:absolute;left:50%;top:46%;width:9px;height:9px;border-radius:50%;background:var(--red2);transform:translate(-50%,-50%);box-shadow:0 0 0 0 rgba(255,85,78,.65);animation:promise-signal 2.4s ease-out infinite}
@keyframes promise-pulse{0%,100%{opacity:.24;transform:scale(.82)}50%{opacity:.72;transform:scale(1)}}
@keyframes promise-signal{0%{box-shadow:0 0 0 0 rgba(255,85,78,.7)}65%,100%{box-shadow:0 0 0 14px rgba(255,85,78,0)}}

/* Swapped hierarchy in the facts block */
.facts{grid-template-columns:.95fr 1.05fr 1.35fr;gap:16px}
.facts b{font-size:15px;line-height:1.22}
@media(max-width:520px){.facts{grid-template-columns:1fr 1fr}.service::before{opacity:.92}.service::after{opacity:.46}.section-head>p.service-promise{display:grid;width:100%;max-width:none;grid-template-columns:minmax(0,1fr) 36px;gap:8px;font-size:clamp(10.5px,2.9vw,14px)}.service-promise>span:first-child{max-width:none;white-space:nowrap}.promise-mark{width:36px;height:40px}.section-head.scroll-reveal,.section-head.scroll-reveal.reveal-from-right{transform:none}}

/* Side entrance while scrolling */
.reveal-ready .scroll-reveal{opacity:0;transform:translateX(-46px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1)}
.reveal-ready .scroll-reveal.reveal-from-right{transform:translateX(46px)}
.reveal-ready .scroll-reveal.is-visible{opacity:1;transform:translateX(0)}
.services-grid .scroll-reveal:nth-child(2),.services-grid .scroll-reveal:nth-child(4),.services-grid .scroll-reveal:nth-child(6){transition-delay:.09s}
@media(max-width:520px){.reveal-ready .scroll-reveal{transform:translateX(-24px)}.reveal-ready .scroll-reveal.reveal-from-right{transform:translateX(24px)}}
@media(prefers-reduced-motion:reduce){.service,.service::before,.service::after,.reveal-ready .scroll-reveal{transition:none}.reveal-ready .scroll-reveal,.reveal-ready .scroll-reveal.reveal-from-right{opacity:1;transform:none}.promise-mark::before,.promise-mark i{animation:none}}
@media(max-width:520px){.reveal-ready .section-head.scroll-reveal,.reveal-ready .section-head.scroll-reveal.reveal-from-right,.reveal-ready .about-card.scroll-reveal,.reveal-ready .about-card.scroll-reveal.reveal-from-right{transform:none}}

/* Bear silhouette in the existing about card */
.about-card{position:relative;isolation:isolate;overflow:hidden}
.about-card::before{content:"";position:absolute;z-index:-1;inset:20px 22px 85px;background:url("assets/bear-shield-logo.png") center 12%/310px auto no-repeat;filter:grayscale(1) contrast(1.25);opacity:.1;transform:scale(1.18)}
.about-card>*{position:relative;z-index:1}
@media(max-width:520px){.about-card.scroll-reveal,.about-card.scroll-reveal.reveal-from-right{transform:none}.about-card::before{inset:12px;background-position:center;background-size:contain;transform:none}}
@media(max-width:820px){.section-head>p.service-promise{display:inline-flex;width:auto;max-width:100%;align-items:center;gap:8px;font-size:clamp(10.5px,2.9vw,14px)}.service-promise>span:first-child{max-width:none;white-space:nowrap}.promise-mark{width:36px;height:40px}.about-card::before{inset:12px;background-position:center;background-size:contain;transform:none}.reveal-ready .section-head.scroll-reveal,.reveal-ready .section-head.scroll-reveal.reveal-from-right,.reveal-ready .about-card.scroll-reveal,.reveal-ready .about-card.scroll-reveal.reveal-from-right{transform:none}}

/* Contacts, social channels and license */
.social-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.social-button{display:inline-flex;align-items:center;gap:10px;min-width:145px;padding:12px 16px;border:1px solid rgba(255,255,255,.14);border-radius:5px;color:#fff;text-decoration:none;font-weight:800;transition:.2s}.social-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#fff;color:#111;font-size:13px;font-weight:900}.social-vk{background:#2787f5}.social-vk .social-icon{color:#2787f5}.social-tg{background:#229ed9}.social-tg .social-icon{color:#229ed9;font-size:18px}.social-max{background:linear-gradient(135deg,#735cff,#ee4db3)}.social-max .social-icon{color:#6b56ef}.direct-contacts{display:flex;flex-direction:column;gap:6px;margin-top:24px}.direct-contacts a{color:#dce2e8;text-decoration:none}.details h4{font-size:16px;margin:28px 0 8px;color:#fff}.license-details{margin-top:18px;padding-top:2px;border-top:1px solid rgba(255,255,255,.14)}.document-link{display:inline-block;margin-top:16px;color:var(--red2);font-weight:700;text-decoration:none}.cta-grid{grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);gap:70px}.details p{grid-template-columns:150px 1fr}
@media(max-width:820px){.cta-grid{grid-template-columns:1fr}.details p{grid-template-columns:130px 1fr}}
@media(max-width:520px){.social-button{width:100%}.details p{grid-template-columns:1fr;gap:4px}.details span{font-size:12px}}

/* Separate contacts page */
.contacts-page{background:#090b0e}.contacts-hero{padding:95px 0 75px;background:radial-gradient(circle at 18% 15%,rgba(227,38,46,.22),transparent 34%),linear-gradient(120deg,#10141a,#090b0e);border-bottom:1px solid var(--line)}.contacts-hero h1{font-size:clamp(52px,7vw,88px);line-height:.95;margin:22px 0 20px}.contacts-hero>div>p:last-child{max-width:650px;color:#c5cad0;font-size:19px}.contacts-main{padding:80px 0 100px}.contacts-layout{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(540px,1.22fr);gap:32px;align-items:start}.contact-channel-panel,.contact-data-panel>section{border:1px solid #303741;background:#11151a;padding:34px}.contact-channel-panel{position:sticky;top:110px}.contact-channel-panel h2,.contact-data-panel h2{font-size:32px;line-height:1.1;margin:0 0 28px}.contact-channel-grid{display:grid;gap:12px}.contact-channel{display:grid;grid-template-columns:48px 1fr 20px;gap:13px;align-items:center;min-height:76px;padding:12px 15px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;text-decoration:none;box-shadow:0 9px 24px rgba(0,0,0,.23);transition:.2s}.contact-channel:hover{transform:translateX(5px);filter:brightness(1.1)}.contact-channel b,.contact-channel small{display:block}.contact-channel b{font-size:16px}.contact-channel small{color:rgba(255,255,255,.82);font-size:12px}.contact-channel i{font-style:normal;font-size:21px}.channel-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#fff;color:#111;font-weight:900}.channel-icon svg{width:25px;height:25px;fill:currentColor}.channel-vk{background:#1877df}.channel-icon-vk{color:#1877df}.channel-tg{background:#168cc6}.channel-tg .channel-icon{color:#168cc6}.channel-max{background:linear-gradient(135deg,#604ee9,#cb3eaa)}.channel-icon-max{color:#644fe9;font-size:20px}.channel-email{background:#252b33}.channel-email .channel-icon{color:#e3262e}.contact-phone{display:flex;justify-content:space-between;align-items:end;margin-top:20px;padding:18px 20px;border:1px solid #3b424a;color:#fff;text-decoration:none;background:#0b0e12}.contact-phone span{color:var(--steel);font-size:13px}.contact-phone b{font-size:21px}.contact-data-panel{display:grid;gap:24px}.contact-data{margin:0}.contact-data>div{display:grid;grid-template-columns:180px 1fr;gap:22px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contact-data dt{color:#89929c}.contact-data dd{margin:0;color:#f1f3f5;overflow-wrap:anywhere}.license-card{background:linear-gradient(145deg,rgba(227,38,46,.12),transparent 48%),#11151a!important}.license-status{display:inline-flex;align-items:center;gap:9px;margin:-8px 0 18px;padding:7px 12px;border:1px solid rgba(65,201,115,.35);border-radius:20px;color:#76df9b;font-weight:800;font-size:13px}.license-status span{width:8px;height:8px;border-radius:50%;background:#41c973;box-shadow:0 0 12px #41c973}.menu a[aria-current="page"]{color:#fff}.menu a[aria-current="page"]:after{content:"";display:block;height:2px;margin-top:5px;background:var(--red)}
@media(max-width:900px){.contacts-layout{grid-template-columns:1fr}.contact-channel-panel{position:static}.contact-channel-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.contacts-main{padding:55px 0 70px}.contact-channel-panel,.contact-data-panel>section{padding:23px}.contact-channel-grid{grid-template-columns:1fr}.contact-data>div{grid-template-columns:1fr;gap:4px}.contact-phone{align-items:flex-start;flex-direction:column;gap:5px}.contacts-hero{padding:70px 0 55px}}
.channel-disabled{cursor:default;user-select:none}.channel-disabled:hover{transform:none;filter:none}.home-channels{padding:72px 0;border-top:1px solid var(--line);background:linear-gradient(120deg,#160d11,#0b0e12 58%)}.home-channels-inner{display:grid;grid-template-columns:.62fr 1fr 1.12fr;gap:30px;align-items:center}.home-channels h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:0}.home-channel-buttons{display:grid;grid-template-columns:1fr;gap:12px}.home-channel-buttons .contact-channel{grid-template-columns:48px 1fr;min-height:72px}.home-channel-buttons .contact-channel i{display:none}.office-map{overflow:hidden;border:1px solid #3a4149;border-radius:8px;background:#101419}.office-map iframe{display:block;width:100%;height:310px;border:0;filter:saturate(.75) contrast(1.05)}.office-map-caption{display:flex;flex-direction:column;padding:15px 17px}.office-map-caption span{color:var(--steel);font-size:12px}.office-map-caption b{font-size:14px;margin-top:3px}
@media(max-width:980px){.home-channels-inner{grid-template-columns:1fr 1fr}.home-channels-inner>div:first-child{grid-column:1/-1}.home-channel-buttons{grid-template-columns:1fr}}
@media(max-width:820px){.home-channels-inner{grid-template-columns:1fr}.home-channels-inner>div:first-child{grid-column:auto}.home-channel-buttons{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.home-channel-buttons{grid-template-columns:1fr}}
.footer-centered{align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:5px}.footer-slogan{color:#aeb5bd;font-weight:700}.footer-company{color:#737b84}

/* Плавное раскрытие компактного меню: мышью на компьютере и нажатием на телефоне. */
@media(max-width:820px){
  .menu{display:flex;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);max-height:0;overflow:hidden;transition:opacity .24s ease,transform .28s ease,max-height .32s ease,visibility 0s linear .32s}
  .menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);max-height:calc(100vh - 82px);overflow-y:auto;transition-delay:0s}
}
@media(max-width:820px) and (hover:hover) and (pointer:fine){
  .menu-button:hover + .menu,.menu:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);max-height:calc(100vh - 82px);overflow-y:auto;transition-delay:0s}
}
@media(max-width:520px){.menu.open{max-height:calc(100vh - 70px)}}

/* Вложенные пункты мобильного меню раскрываются отдельно и плавно. */
@media(max-width:820px){
  .dropdown-menu{display:block;max-height:0;padding-top:0;padding-bottom:0;opacity:0;visibility:hidden;overflow:hidden;transform:translateY(-6px);transition:max-height .32s ease,opacity .22s ease,transform .28s ease,padding .28s ease,visibility 0s linear .32s}
  .nav-dropdown.mobile-open .dropdown-menu{display:block;max-height:420px;padding-top:8px;padding-bottom:8px;opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}
}

/* Фирменный сигнал продолжает светиться и при мобильной настройке «меньше движения». */
@media(max-width:820px){
  .promise-mark::before{animation:promise-pulse 2.4s ease-in-out infinite!important}
  .promise-mark i{animation:promise-signal 2.4s ease-out infinite!important}
}

/* Desktop header: navigation first, unified phone as a distinct contact block. */
@media(min-width:821px){
  .nav{justify-content:flex-start}
  .brand{order:1}
  .menu{order:2;margin-left:auto}
  .header-phone{order:3;margin:0 0 0 24px;padding:7px 0 7px 23px;border-left:1px solid #30363d;gap:11px}
  .header-phone svg{width:24px;height:24px}
  .header-phone b{font-size:19px;letter-spacing:1px}
  .header-phone small{margin-top:2px;font-size:9px;letter-spacing:1.1px;text-align:left}
}

.contact-phone+.contact-phone{margin-top:10px}
