:root{
  /* From `style for new site` tokens (light). */
  --bg: #FAFBFB;
  --surface: #FFFFFF;
  --surface-2: #F2F4F5;
  --text: #1D262A;
  --text-2: #3D464C;
  --muted: #616971;
  --border: #DCE1E4;

  --brand: #36A1F0;
  --brand-2: #2D86C8;
  --brand-3: #246DA2;
  --navy: #133C5B;

  --radius-lg: 24px;
  --radius-md: 16px;
  --radius-sm: 12px;

  --shadow-1: 0 12px 30px rgba(13, 43, 66, 0.08);
  --shadow-2: 0 18px 60px rgba(13, 43, 66, 0.10);
}

/* No animations (requested). */
*,
*::before,
*::after{
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}

html{ background: var(--bg); }
body{
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Fix "everything black" from base reset. */
body *{ color: inherit; }
p, li, small{ color: var(--text-2); }
/* Small print / secondary text */
.snoska,
.confd,
.photo_name .desc,
.row-name p,
.desc{
  color: var(--muted) !important;
}
.snoska{
  font-size: 13px !important;
  line-height: 1.45 !important;
}
.confd{
  font-size: 12px !important;
  line-height: 1.45 !important;
}
.confd a{
  color: rgba(54,161,240,0.95) !important;
  text-decoration-color: rgba(54,161,240,0.35) !important;
}

/* Improve metric block (GrafTech numbers) */
.alter_cont p.desc{
  color: var(--text-2) !important;
}
.alter_cont p.desc span{
  color: var(--text) !important;
  letter-spacing: -0.02em !important;
}

/* Header + nav */
.head_div{ background: var(--navy) !important; padding: 22px 0 !important; }
header nav>ul>li>a{ font-size: 16px !important; letter-spacing: -0.01em; }
header nav>ul>li>a, header nav>ul>li>a>i{ color: rgba(255,255,255,0.70) !important; }
header nav>ul>li>a:hover, header nav>ul>li.sub_menu.hover>a, header nav>ul>li.active>a{ color:#fff !important; }

header{
  background: rgba(19,60,91,0.88) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,0.12);
}
.head_div{
  padding: 18px 0 !important;
}
.logo img{
  height: 28px !important;
  width: auto !important;
}
header nav:not(.mobile){
  max-width: 920px !important;
}
header nav>ul{
  gap: 22px !important;
}
header nav>ul>li>a{
  font-size: 15px !important;
  line-height: 20px !important;
}
.bye{
  height: 46px !important;
  font-size: 15px !important;
  box-shadow: none !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  background: rgba(255,255,255,0.10) !important;
  color: #fff !important;
}

/* Containers: more air, less “spreadsheet” */
.container,.cont{ width: calc(100% - 48px) !important; }
@media (max-width: 760px){
  .container,.cont{ width: calc(100% - 32px) !important; }
}

/* Hero block */
/* Remove “double offset” under fixed header */
body{ padding-top: 0 !important; }
.gl_blog{ margin-top: 72px !important; }
.head_div + .gl_blog{ margin-top: 56px !important; }
.gl_blog{ max-width: 1280px; width: calc(100% - 48px) !important; }
.gl_blog h2{
  font-size: 56px !important;
  line-height: 1.06 !important;
  letter-spacing: -0.03em !important;
  color: var(--text) !important;
}
.gl_blog p{
  font-size: 22px !important;
  line-height: 1.45 !important;
  color: var(--text-2) !important;
}
.gl_blog .row{
  align-items: center !important;
}
.gl_blog > .row > div:first-child > div[style*="border-radius: 100px"]{
  background: rgba(255,255,255,0.75) !important;
  border: 1px solid rgba(220,225,228,0.9) !important;
  box-shadow: var(--shadow-1) !important;
}
.gl_blog > .row > div:first-child > div[style*="border-radius: 36px"]{
  background: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(220,225,228,0.9) !important;
  color: var(--text-2) !important;
}
.gl_blog button{
  background: var(--brand) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: var(--shadow-1) !important;
  height: 52px !important;
  padding: 0 26px !important;
  font-family: Montserrat-SemiBold !important;
}

/* Kill debug borders in hero carousel */
#carouselExampleCaptions,
.gl_blog .col-xs-12.col-sm-6.col-md-6.col-lg-6.mb-5[style*="border: 1px solid"]{
  border: 0 !important;
  background: transparent !important;
}

/* Carousel controls — make them premium */
.carousel-control-prev,
.carousel-control-next{
  opacity: 1 !important;
}
.carousel-control-prev,
.carousel-control-next{
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(220,225,228,0.9) !important;
  background: rgba(255,255,255,0.85) !important;
  box-shadow: var(--shadow-1) !important;
}
.carousel-control-prev,
.carousel-control-next{
  width: 36px !important;
  height: 36px !important;
  background: rgba(255,255,255,0.92) !important;
  box-shadow: 0 10px 26px rgba(13, 43, 66, 0.12) !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}
.carousel-control-prev{
  transform: translateY(-50%) rotate(180deg) !important;
}
.carousel-control-prev-icon,
.carousel-control-next-icon{
  filter: none !important;
  opacity: 0 !important; /* hide bootstrap icons */
}
.carousel-control-prev svg path,
.carousel-control-next svg path{
  stroke: rgba(29,38,42,0.78) !important;
}

/* Generic cards: soften, remove heavy shadows */
.body_div,
.tarif,
.card,
.versi_fon,
.whitefon,
.about_us_smi .container,
.container.interf{
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-1) !important;
}

/* Replace loud cyan backgrounds with quieter surfaces where possible */
.container.interf,
.our_preims{
  background: rgba(255,255,255,0.78) !important;
  border: 1px solid rgba(220,225,228,0.9) !important;
  backdrop-filter: blur(10px);
}

.title_div{
  background: var(--navy) !important;
  color: #fff !important;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0 !important;
}

/* Buttons */
.bye,
.dem_syst,
.etap-button,
.d30free,
.zagr_just{
  border-radius: 999px !important;
  border: 1px solid rgba(220,225,228,0.9) !important;
  background: #fff !important;
  color: var(--text) !important;
  box-shadow: none !important;
}
.bye{
  background: #fff !important;
}
.dem_syst,
.etap-button,
.d30free{
  background: var(--brand) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: var(--shadow-1) !important;
}

/* “Когда выбирают” timeline */
.our_preims_div{
  background: linear-gradient(180deg, #FFFFFF 0%, var(--surface-2) 100%) !important;
}
.our_preims_div h2{
  color: var(--text) !important;
  margin-left: 0 !important;
}
.our_preims_div h2 span{ color: var(--brand-2) !important; }

/* Tarifs section */
.tarifs{
  background: linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%) !important;
}
.tarif{
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(220,225,228,0.9) !important;
}
.tarif.tarig_blue{
  background: linear-gradient(180deg, rgba(54,161,240,0.12) 0%, rgba(45,134,200,0.06) 100%) !important;
  border-color: rgba(54,161,240,0.22) !important;
}
.tarif h3{
  letter-spacing: -0.02em !important;
  color: var(--text) !important;
}
.tarif li,
.tarif li span{
  color: var(--text-2) !important;
}
.tarif .price{ color: var(--text) !important; }

/* Reviews / subscribe form wrapper */
.subscibe_div{
  background: linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%) !important;
}
.subscibe_div .cont{
  background: rgba(255,255,255,0.90) !important;
  border: 1px solid rgba(220,225,228,0.9) !important;
  box-shadow: var(--shadow-2) !important;
}
.subscibe_div h2{ color: var(--text) !important; }
.confd, .confd a{ color: var(--muted) !important; }

/* Normalize section spacing */
.tarifs_div,
.impl_div,
.diagr_div,
.our_preims_div,
.subscibe_div,
.about_us_smi,
.about_us_smi.list_partns,
.classif_fon,
.sub_hist_fon{
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}
@media (max-width: 760px){
  .tarifs_div,
  .impl_div,
  .diagr_div,
  .our_preims_div,
  .subscibe_div,
  .about_us_smi,
  .about_us_smi.list_partns,
  .classif_fon,
  .sub_hist_fon{
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
}

/* Kill remaining loud cyan gradients in wrappers */
.about_us_smi,
.about_us_smi.list_partns,
.classif_fon,
.sub_hist_fon,
.our_believe{
  background: linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%) !important;
}

/* Secondary buttons */
.podr,
.timeline-btn,
.logo_partn_btn button,
.raise_cont button{
  border-radius: 999px !important;
  border: 1px solid rgba(220,225,228,0.95) !important;
  background: #fff !important;
  color: var(--text) !important;
  box-shadow: none !important;
}
.podr:hover,
.timeline-btn:hover,
.logo_partn_btn button:hover,
.raise_cont button:hover{
  background: rgba(255,255,255,0.92) !important;
}

/* Steps: last step outline button (was inline white) */
.timeline-etap li.active-tl .etap-button{
  background: #fff !important;
  color: var(--text) !important;
  border: 1px solid rgba(220,225,228,0.95) !important;
  box-shadow: none !important;
}
.timeline-etap li.active-tl .etap-button a{
  color: var(--text) !important;
  text-decoration: none !important;
}

/* Typography in section titles */
.cont_beli h2,
.impl_div h2,
.tarifs_div h2,
.subscibe_div h2,
.our_preims_div h2{
  letter-spacing: -0.02em !important;
  color: var(--text) !important;
}
/* Force consistent left alignment (some headers “fly away”) */
.cont_beli h2,
.impl_div h2,
.tarifs_div h2,
.subscibe_div h2,
.our_preims_div h2,
.container h2{
  text-align: left !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Reduce visual noise of borders */
img{ border-radius: var(--radius-md); }

/* Clients logos grid */
.porasds_imgs{
  gap: 14px !important;
  padding: 10px 0 !important;
}
.porasds_imgs .img{
  min-height: 86px !important;
  border-radius: var(--radius-md) !important;
  background: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(220,225,228,0.9) !important;
  box-shadow: none !important;
  padding: 10px 12px !important;
  justify-content: center !important;
}
.porasds_imgs img{
  max-height: 44px !important;
  width: auto !important;
  max-width: 100% !important;
  filter: none !important;
  border-radius: 0 !important;
}

/* Industry cards (flip cards) — make them static and cleaner */
.card__fon,
.card__back{
  display: none !important;
}
.card{
  position: relative !important;
  border-radius: var(--radius-lg) !important;
  border: 1px solid rgba(220,225,228,0.9) !important;
  background: #fff !important;
  box-shadow: var(--shadow-1) !important;
}
.card__front{
  transform: none !important;
  backface-visibility: visible !important;
}
/* Inline hover in `index.php` hides the front via z-index:-1 — kill it */
.card:hover .card__front{
  transform: none !important;
  z-index: 1 !important;
}
.card:hover{
  background: #fff !important;
}
.card__front p{ color: var(--text) !important; }

/* Accordions / lists readability */
ul{ list-style-position: outside; }

/* Replace ugly “stars” with clean dots (lists inside timeline cards) */
.answer_akord .p ul{
  list-style: none !important;
  padding-left: 0 !important;
  margin: 10px 0 0 !important;
}
.answer_akord .p ul > li{
  position: relative !important;
  padding-left: 16px !important;
  margin: 8px 0 !important;
}
.answer_akord .p ul > li::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.62em !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: rgba(54,161,240,0.95) !important;
  box-shadow: 0 0 0 3px rgba(54,161,240,0.10) !important;
  transform: translateY(-50%) !important;
}

.answer_akord ul li::marker{ color: var(--brand) !important; }
.answer_akord .p,
.answer_akord .p *{
  color: var(--text-2) !important;
}
.answer_akord>ul>li{
  border-radius: var(--radius-lg) !important;
  border: 1px solid rgba(220,225,228,0.9) !important;
  box-shadow: none !important;
  background: rgba(255,255,255,0.92) !important;
}

/* “Записаться на демонстрацию” CTA under timeline: keep above the line */
.tarif{
  position: relative !important;
  z-index: 3 !important;
  overflow: hidden !important;
}
.tarif > button{
  position: relative !important;
  z-index: 4 !important;
  margin-top: 22px !important;
  height: 52px !important;
  padding: 0 26px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: var(--brand) !important;
  color: #fff !important;
  box-shadow: var(--shadow-1) !important;
}

/* Swiper arrows under “Примеры схем” */
.bodys_nav{
  margin-top: 18px !important;
}
.next_prev_div{
  gap: 10px !important;
}
.next_prev_div .prev,
.next_prev_div .next{
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(220,225,228,0.95) !important;
  background: rgba(255,255,255,0.92) !important;
  box-shadow: var(--shadow-1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  user-select: none !important;
}
.next_prev_div .next svg{
  transform: rotate(180deg) !important;
}
.next_prev_div svg path{
  stroke: rgba(29,38,42,0.78) !important;
}

/* Tiny icon consistency */
svg path[stroke="black"]{ stroke: rgba(29,38,42,0.75) !important; }

/* Forms (B24 embeds + generic inputs) */
input,
select,
textarea{
  border-radius: 14px !important;
  border: 1px solid rgba(220,225,228,0.95) !important;
  background: #fff !important;
  color: var(--text) !important;
  box-shadow: none !important;
}
input:focus,
select:focus,
textarea:focus{
  outline: none !important;
  border-color: rgba(54,161,240,0.55) !important;
}
.sub_form,
.sub_form *{
  font-family: Montserrat-Regular !important;
}

/* Tables / price blocks / dense lists */
table{
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
table td,
table th{
  border-color: rgba(220,225,228,0.9) !important;
}

/* Footer */
footer{
  background: #0F314A !important;
}
.conte_fo{
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.conte_fo>ul{
  gap: 18px !important;
}
.conte_fo>ul>li>a{
  font-size: 16px !important;
  letter-spacing: -0.01em !important;
  color: rgba(255,255,255,0.86) !important;
}
.conte_fo .sub-menu{
  margin-top: 16px !important;
  width: auto !important;
}
.conte_fo .sub-menu a{
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: rgba(255,255,255,0.72) !important;
  text-decoration: none !important;
}
.conte_fo .sub-menu a:hover{
  color: rgba(255,255,255,0.86) !important;
}

/* Map block */
#map{
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-1) !important;
  border: 1px solid rgba(220,225,228,0.9) !important;
}