/* TOP BAR */
.topbar{background:var(--navy-deep);color:#cdd8ef;font-size:13.5px}
.topbar .container{display:flex;align-items:center;justify-content:space-between;height:42px;--bt-css-height:42px;gap:20px}
.topbar a{color:#cdd8ef}.topbar a:hover{color:#fff}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:20px}
.topbar .hours::before{content:"";display:inline-block;width:7px;height:7px;--bt-css-height:7px;border-radius:50%;background:var(--cyan);margin-right:7px;vertical-align:middle}
.topbar .tagline{color:#aebbd6;padding-left:20px;border-left:1px solid rgba(255,255,255,.14)}

/* HEADER */
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .3s var(--ease),background .3s var(--ease)}
.header.scrolled{background:rgba(255,255,255,.95);box-shadow:0 1px 0 var(--line),0 10px 30px rgba(22,34,63,.08)}
.header .container,.topbar .container{max-width:none;--bt-max-width:100000px;width:100%}
.header .container{display:flex;align-items:center;gap:16px;height:74px;--bt-css-height:74px;min-width:0}
.logo{flex-shrink:0;display:flex;align-items:center;position:relative;z-index:2;cursor:pointer;color:inherit;text-decoration:none}
.logo span:where(.bt-background-image){height:30px;--bt-css-height:30px;width:var(--bt-auto-width, auto);pointer-events:none}
.nav{display:flex;align-items:center;gap:2px;margin-left:4px;flex:1 1 auto;min-width:0}
.nav>li>a{display:flex;align-items:center;gap:5px;padding:10px 11px;font-size:14.5px;font-weight:600;color:var(--ink);border-radius:9px;white-space:nowrap}
.nav>li>a:hover{color:var(--navy);background:var(--surface-cool)}
.nav .caret{width:14px;height:14px;--bt-css-height:14px;opacity:.55;flex-shrink:0}
.has-mega,.has-drop{position:relative}
.header-cta{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:auto}
.header-cta .btn{flex-shrink:0}
.icon-btn{width:42px;height:42px;--bt-css-height:42px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--navy);background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);flex-shrink:0}
.icon-btn:hover{border-color:rgba(32,69,147,.4);background:var(--surface-cool);transform:translateY(-1px);box-shadow:var(--shadow)}
.header-phone{font-weight:800;font-size:16px;color:var(--navy-ink);white-space:nowrap;text-align:right;line-height:1.15;flex-shrink:0}
.header-phone small{display:block;font-size:11px;font-weight:600;color:var(--muted)}

.mega,.drop{position:absolute;top:calc(100% + 12px);left:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:22px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s}
.mega{width:760px}
.has-mega:hover .mega,.has-drop:hover .drop,.has-mega:focus-within .mega,.has-drop:focus-within .drop{opacity:1;visibility:visible;transform:translateY(0)}
.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.mega-grid a{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--ink)}
.mega-grid a:hover{background:var(--surface-cool);color:var(--navy)}
.mega-grid a .bullet{width:7px;height:7px;--bt-css-height:7px;border-radius:2px;background:var(--cyan);flex-shrink:0;transform:rotate(45deg)}
.mega-foot{margin-top:16px;padding-top:16px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center}
.mega-foot a.allcat{font-weight:700;color:var(--navy);font-size:14px;display:inline-flex;align-items:center;gap:7px}
.mega-foot a.allcat:hover{color:var(--cyan-ink)}
.mega-ntd{font-size:13px;color:var(--muted)}.mega-ntd a{color:var(--navy);font-weight:700}
.drop{width:250px;padding:12px}
.drop a{display:block;padding:9px 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--ink)}
.drop a:hover{background:var(--surface-cool);color:var(--navy)}
.burger{display:none;width:44px;height:44px;--bt-css-height:44px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.burger span:not(:where(.bt-background-image)){width:20px;height:2px;--bt-css-height:2px;background:var(--navy-ink);border-radius:2px}

/* FOOTER */
.footer{background:var(--navy-ink);color:#aebbda;padding:56px 0 26px;font-size:14px}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-logo{display:inline-flex;align-items:center;color:inherit;text-decoration:none;cursor:pointer}
.footer-logo span:where(.bt-background-image){height:30px;--bt-css-height:30px;width:var(--bt-auto-width, auto);margin-bottom:4px;pointer-events:none;filter:brightness(0) invert(1)}
.footer-about{color:#8595bb;margin-top:16px;max-width:280px;--bt-max-width:280px;line-height:1.6}
.footer h4{color:#fff;font-size:14px;font-weight:700;margin-bottom:16px;letter-spacing:.02em}
.footer-col a{display:block;color:#aebbda;padding:6px 0;transition:color .15s}.footer-col a:hover{color:#fff}
.footer-contact a{color:#fff;font-weight:700;font-size:18px}
.footer-contact .mail{font-weight:600;font-size:15px;display:inline-block;margin-top:8px}
.socials{display:flex;gap:10px;margin-top:18px}
.socials a{width:40px;height:40px;--bt-css-height:40px;border:1px solid rgba(255,255,255,.16);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#aebbda}
.socials a:hover{background:#fff;color:var(--navy-ink)}
.footer-bot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:24px;color:#8595bb;font-size:13px}
.footer-bot a{color:#aebbda}.footer-bot a:hover{color:#fff}

@media (max-width:1600px){
  .header-phone{display:none}
}
@media (max-width:1480px){
  .header-cta .lang,.lang{display:none}
  .nav>li>a{padding:9px 8px;font-size:13.5px}
}
@media (max-width:1280px){
  .nav{display:none}
  .burger{display:flex}
  .header .container{justify-content:space-between;gap:14px}
  .header-cta .btn{display:inline-flex;flex-shrink:0}
  .header-phone{display:none}
}
@media (max-width:1080px){.hero h1{font-size:40px}}
@media (max-width:920px){
  .nav{display:none}.burger{display:flex}.header .container{justify-content:space-between}
  .header-cta .btn{display:inline-flex}
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:36px}.lead-card{max-width:480px;--bt-max-width:480px}
  .usp .container{grid-template-columns:repeat(2,1fr)}.usp-item:nth-child(2){border-right:none}.usp-item{border-bottom:1px solid rgba(255,255,255,.08)}
  .prod-grid,.entry-grid,.why-grid{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(3,1fr);gap:30px 24px}.rev-grid{grid-template-columns:1fr 1fr}
  .news-wrap{grid-template-columns:1fr;gap:30px}.final{grid-template-columns:1fr;padding:38px}.footer-top{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .container{padding:0 18px}.section{padding:54px 0}
  .topbar-left{display:none}.topbar-right a:not(.tel){display:none}.topbar .container{justify-content:flex-end}
  .hero h1{font-size:30px}.hero-lead{font-size:16px}.s-title{font-size:26px}
  .prod-grid,.entry-grid,.why-grid,.rev-grid{grid-template-columns:1fr}
  .usp .container{grid-template-columns:1fr}.usp-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.usp-item:last-child{border-bottom:none}
  .footer-top{grid-template-columns:1fr;gap:28px}
  .stats{grid-template-columns:repeat(2,1fr);padding:34px 24px}.stat .num{font-size:32px}
  .s-head--row{flex-direction:column;align-items:flex-start}.final h2{font-size:25px}.chat-fab span:not(:where(.bt-background-image)).txt{display:none}
}
@media (min-width:1700px){:root{--container:1320px}.hero h1{font-size:54px}.s-title{font-size:38px}.final h2{font-size:36px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.drawer{position:fixed;inset:0;z-index:70;background:rgba(22,34,63,.5);opacity:0;visibility:hidden;transition:.2s}
.drawer.open{opacity:1;visibility:visible}
.drawer-panel{position:absolute;top:0;right:0;width:min(86%,360px);height:100%;--bt-css-height:100%;background:#fff;padding:24px;overflow-y:auto;transform:translateX(100%);transition:transform .25s var(--ease)}
.drawer.open .drawer-panel{transform:none}
.drawer-panel a{display:block;padding:13px 0;font-weight:600;color:var(--navy-ink);border-bottom:1px solid var(--line-soft)}
.drawer-close{float:right;font-size:26px;background:none;border:none;cursor:pointer;color:var(--navy-ink);line-height:1}
/* HERO TICKER (бегущая строка акций) */
.hero-ticker{display:flex;align-items:stretch;width:100%;max-width:min(600px,100%);--bt-max-width:100000px;height:38px;--bt-css-height:38px;background:#fff;border:1px solid var(--line);border-radius:100px;box-shadow:var(--shadow-sm);overflow:hidden;min-width:0}
.hero-ticker .tk-label{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:0 15px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,var(--navy),var(--cyan))}
.hero-ticker .tk-label .pls{width:7px;height:7px;--bt-css-height:7px;border-radius:50%;background:#fff;animation:tkpulse 1.8s infinite}
@keyframes tkpulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}70%{box-shadow:0 0 0 6px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.tk-view{position:relative;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)}
.tk-track{display:flex;align-items:center;height:100%;--bt-css-height:100%;width:max-content;animation:tkscroll 26s linear infinite}
.tk-set{display:inline-flex;align-items:center}
.hero-ticker:hover .tk-track{animation-play-state:paused}
@keyframes tkscroll{to{transform:translateX(-50%)}}
.tk-item{display:inline-flex;align-items:center;white-space:nowrap;font-size:13px;font-weight:600;color:var(--navy-ink);padding:0 2px}
.tk-item:hover{color:var(--cyan-ink)}
.tk-item b{color:var(--cyan-ink);font-weight:700;margin:0 3px}
.tk-sep{padding:0 13px;color:var(--cyan);font-weight:700}
@media (max-width:560px){.hero-ticker{max-width:none;--bt-max-width:100000px}}
@media (prefers-reduced-motion:reduce){.tk-track{animation:none}.hero-ticker .tk-label .pls{animation:none}}
/* LANG SWITCH */
.lang{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;flex-shrink:0}
.lang-opt{padding:0 11px;height:42px;--bt-css-height:42px;display:inline-flex;align-items:center;font-size:13px;font-weight:700;color:var(--muted);transition:background .15s,color .15s}
.lang-opt.is-active{background:var(--navy);color:#fff}
.lang-opt:not(.is-active):hover{background:var(--surface-cool);color:var(--navy)}
@media (max-width:720px){.header-phone{display:none}}
@media (max-width:560px){.header-cta .icon-btn{display:none}}