/*
	Theme Name: SDS Standart
	Author: Webarium
	Author URI: https://webarium.ru
	Version: 1.0.005
*/

.breadcrumbs{
  position:relative;
  padding:14px 0 16px;
  background:
    radial-gradient(circle at left top, rgba(255,106,0,.10), transparent 24%),
    linear-gradient(180deg, #f8fbff 0%, #f2f6fc 100%);
  border-bottom:1px solid rgba(11,58,126,.08);
}

.breadcrumbs__panel{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border:1px solid rgba(11,58,126,.10);
  border-radius:22px;
  background:rgba(255,255,255,.92);
  box-shadow:0 14px 28px rgba(7,43,90,.07);
  backdrop-filter:blur(8px);
}

.breadcrumbs__badge{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg, var(--accent), #ffb56f);
  box-shadow:0 10px 18px rgba(255,106,0,.22);
}

.breadcrumbs__badge svg{
  width:20px;
  height:20px;
  fill:#fff;
}

.breadcrumbs__nav,
#breadcrumbs{
  min-width:0;
  color:#617089;
  font-size:14px;
  line-height:1.55;
  font-weight:700;
}

.breadcrumbs__nav{
  display:block;
  padding-top:2px;
}

#breadcrumbs a,
.breadcrumbs__link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--blue-900);
  text-decoration:none;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(11,58,126,.04);
  border:1px solid transparent;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}

#breadcrumbs a:hover,
.breadcrumbs__link:hover{
  color:var(--accent);
  background:rgba(255,106,0,.09);
  border-color:rgba(255,106,0,.18);
  transform:translateY(-1px);
}

.breadcrumbs__sep{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 8px;
  color:#95a3bb;
  font-weight:900;
}

#breadcrumbs .breadcrumb_last,
.breadcrumbs__item--current{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(11,58,126,.08);
  color:#0f172a;
  font-weight:900;
}

.breadcrumbs__list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:0;
  align-items:center;
}

.breadcrumbs__item{
  display:inline-flex;
  align-items:center;
}

.breadcrumbs__item + .breadcrumbs__item:before{
  content:"/";
  margin:0 8px;
  color:#95a3bb;
  font-weight:900;
}

.shema_raboty {
  padding: clamp(40px, 5vw, 80px) 0;
}

.shema_raboty__wrap {
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  border-radius: 18px;
  padding: clamp(18px, 3vw, 28px);
}

.shema_raboty__title {
  margin: 0 0 14px;
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 1.15;
}

/* Типографика контента из ACF */
.shema_raboty__content {
  max-width: 980px;
  font-size: 16px;
  line-height: 1.65;
}

.shema_raboty__content p {
  margin: 0 0 12px;
}

.shema_raboty__content h2,
.shema_raboty__content h3,
.shema_raboty__content h4 {
  margin: 18px 0 10px;
  line-height: 1.2;
}

.shema_raboty__content a {
  text-decoration: underline;
}

.shema_raboty__content ul,
.shema_raboty__content ol {
  margin: 12px 0 12px 0;
  padding: 0;
}

/* --- Красивое оформление шагов, если контент сделан списком <ol> --- */
.shema_raboty__content ol {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

@media (max-width: 900px) {
  .breadcrumbs__panel{
    padding:12px 14px;
    border-radius:18px;
  }

  .breadcrumbs__badge{
    width:36px;
    height:36px;
    flex-basis:36px;
  }

  .shema_raboty__content ol {
    grid-template-columns: 1fr;
  }
}

.shema_raboty__content ol > li {
  position: relative;
  padding: 16px 16px 16px 58px;
  border-radius: 16px;
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.06);
}

.shema_raboty__content ol > li::before {
  counter-increment: step;
  content: counter(step);
  position: absolute;
  left: 14px;
  top: 14px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  font-weight: 700;
  background: rgba(0,0,0,.05);
}

/* включаем счетчик */
.shema_raboty__content ol {
  counter-reset: step;
}

/* Внутренние списки внутри шага */
.shema_raboty__content ol > li ul,
.shema_raboty__content ol > li ol {
  margin-top: 10px;
  display: block;
  padding-left: 18px;
}

/* Маркеры для обычного ul (если схема не списком шагов) */
.shema_raboty__content ul {
  padding-left: 18px;
}

.shema_raboty__content ul > li {
  margin: 6px 0;
}

 .expertopinion {
  background: #f6f8fb;
  border-left: 4px solid #ff7a00;
  padding: 18px 22px;
  margin: 28px 0;
  border-radius: 6px;
  font-size: 16px;
  line-height: 1.6;
  color: #1f2a44;
}

.expertopinion strong {
  display: inline-block;
  font-weight: 600;
  color: #ff7a00;
  margin-bottom: 6px;
}

@media (max-width: 768px) {
  .expertopinion {
    padding: 16px 18px;
    font-size: 15px;
  }
}


.top-back-img{
	min-height: 570px;
    background-image: linear-gradient(90.26deg, #D9D9D9 0.2%, rgba(217, 217, 217, 0) 97.9%), var(--top-bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 70px;
}

:root{
  --blue-900:#072B5A;
  --blue-800:#0B3A7E;
  --blue-700:#0E4DA6;
  --blue-100:#F3F7FF;
  --text:#0B1020;
  --muted:#5B6B84;
  --accent:#FF6A00;
  --white:#FFFFFF;
  --border: rgba(11,58,126,.16);
  --shadow: 0 12px 28px rgba(7,43,90,.18);
}
/* Иконки этапов */
.shema_raboty__icons {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin: 18px 0 26px;
}

@media (max-width: 900px) {
  .shema_raboty__icons {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .shema_raboty__icons {
    grid-template-columns: 1fr;
  }
}

.shema_raboty__icon {
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  padding: 14px 12px;

  display: grid;
  gap: 8px;
  justify-items: center;
  text-align: center;
}

.shema_raboty__icon .icon {
  font-size: 26px;
  line-height: 1;
}

.shema_raboty__icon .text {
  font-size: 14px;
  line-height: 1.3;
  opacity: .9;
  font-weight: 500;
}

*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; color:var(--text); background:var(--blue-100)}
a{color:inherit;text-decoration:none}
.container{max-width:1240px;margin:0 auto;padding:0 18px}

/* HEADER */
.hdr{
  background: linear-gradient(180deg, var(--white) 0%, #FBFCFF 100%);
  border-bottom:1px solid var(--border);
}
.hdr__row{
  display:grid;
  grid-template-columns: 220px 1fr 420px 44px;
  gap:18px;
  align-items:center;
  padding:14px 0;
}
.hdr__logo img{height:44px;width:auto;display:block}

.hdr__tagline{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 10px;border-radius:999px;
  font-size:13px;line-height:1;
}
.pill svg{width:16px;height:16px;fill:currentColor}
.pill--blue{background:rgba(11,58,126,.08); color:var(--blue-800); border:1px solid var(--border)}
.pill--ghost{background:transparent;color:var(--muted);border:1px dashed rgba(11,58,126,.22)}

.hdr__contacts{display:flex;gap:16px;flex-wrap:wrap}
.hdr__contact{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}
.hdr__contact svg{width:18px;height:18px;fill:var(--blue-700)}
.hdr__location{display:flex;flex-direction:column;gap:2px}
.hdr__locationLine{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hdr__locationCity{font-weight:800;color:var(--blue-900)}
.hdr__locationAddress{font-size:13px;color:var(--muted)}
.mv-city-selector{display:inline-flex;align-items:center}
.mv-city-selector select,
.mv-city-selector .select2-selection,
.mv-city-selector button,
.mv-city-selector a{
  font:inherit;
}

.hdr__actions{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.hdr__phoneTop{display:flex;align-items:center;gap:10px}
.hdr__phoneTop svg{width:18px;height:18px;fill:var(--blue-800)}
.hdr__phone a{font-weight:800;color:var(--blue-900);font-size:18px}
.hdr__phoneSub{color:var(--muted);font-size:12.5px;margin-left:28px}

.hdr__cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

.badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 10px;border-radius:10px;
  background:rgba(11,58,126,.06);
  border:1px solid var(--border);
  color:var(--blue-900);
  font-size:12.5px;
}
.badge svg{width:16px;height:16px;fill:var(--accent)}
.badge--muted{color:var(--muted); background:transparent; border-style:dashed}

/* BUTTONS */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border-radius:12px;
  padding:11px 14px;
  border:1px solid transparent;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  transition:.18s ease;
  user-select:none;
}
.btn svg{width:18px;height:18px;fill:currentColor}
.btn--accent{
  background:var(--accent);
  color:var(--white);
  box-shadow: 0 10px 22px rgba(255,106,0,.22);
}
.btn--accent:hover{transform:translateY(-1px); filter:saturate(1.05)}
.btn--ghost{
  background:transparent;
  border-color: rgba(11,58,126,.22);
  color:var(--blue-900);
}
.btn--ghost:hover{background:rgba(11,58,126,.06)}
.btn--sm{padding:9px 12px;border-radius:10px;font-size:13px}
.btn--block{width:100%}

/* BURGER */
.hdr__burger{
  display:none;
  width:44px;height:44px;border-radius:12px;
  border:1px solid var(--border);
  background:var(--white);
  cursor:pointer;
}
.hdr__burger span{
  display:block;height:2px;background:var(--blue-800);
  margin:6px 10px;border-radius:2px
}

/* NAV */
.nav{
  background:var(--blue-900);
  color:var(--white);
}
.nav__bar{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0, 1fr) 42px;
  gap:10px;
  align-items:center;
}
.nav__viewport{
  overflow-x:auto;
  overflow-y:visible;
  scrollbar-width:none;
  -ms-overflow-style:none;
  scroll-behavior:smooth;
  cursor:grab;
  min-width:0;
  max-width:100%;
}
.nav__viewport.is-submenu-open{
  overflow:visible;
}
.nav__viewport.is-dragging{
  cursor:grabbing;
  user-select:none;
}
.nav__viewport::-webkit-scrollbar{display:none}
.nav__list{
  list-style:none;margin:0;padding:0;
  display:inline-flex;align-items:stretch;gap:2px;
  width:auto;
  min-width:0;
  flex-wrap:nowrap;
}
.nav__item{position:relative;flex:0 0 auto}
.nav__item.has-submenu{
  padding-bottom:14px;
  margin-bottom:-14px;
}
.nav__item--right{margin-left:auto;display:flex;align-items:center}
.nav__scroll{
  width:42px;height:42px;border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  display:grid;place-items:center;
  cursor:pointer;
  transition:.18s ease;
}
.nav__scroll svg{width:18px;height:18px;fill:var(--white)}
.nav__scroll:hover{background:rgba(255,255,255,.14)}
.nav__scroll[disabled]{
  opacity:.35;
  cursor:default;
  pointer-events:none;
}

.nav__link{
  display:flex;align-items:center;gap:10px;
  padding:14px 14px;
  color:var(--white);
  border-radius:14px;
  transition:.18s ease;
  white-space:nowrap;
}
.nav__link:hover{background:rgba(255,255,255,.08)}
.nav__icon{
  width:34px;height:34px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}
.nav__icon svg{width:18px;height:18px;fill:var(--white)}
.nav__icon--accent{background:rgba(255,106,0,.22); border-color: rgba(255,106,0,.25)}
.nav__icon--type{
  background:rgba(255,106,0,.18);
  border-color:rgba(255,106,0,.28);
}
.nav__icon--type svg{
  width:18px;
  height:18px;
  fill:var(--white);
}
.nav__caret{
  margin-left:6px;
  width:10px;height:10px;
  border-right:2px solid rgba(255,255,255,.7);
  border-bottom:2px solid rgba(255,255,255,.7);
  transform:rotate(45deg);
}

/* SUBMENU (mega dropdown) */
.submenu{
  position:absolute;
  left:0;
  top:calc(100% - 2px);
  width:min(1120px, calc(100vw - 36px));
  max-height:min(76vh, 960px);
  overflow:auto;
  background:var(--white);
  color:var(--text);
  border:1px solid var(--border);
  border-radius:18px;
  padding:18px;
  margin-top:0;
  box-shadow:var(--shadow);
  z-index:50;
}
.submenu__head{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:14px}
.submenu__title{font-size:16px;font-weight:900;color:var(--blue-900)}

.submenu__grid{
  list-style:none;margin:0;padding:0;
  display:grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap:12px;
}
.submenu__card{
  display:block;
  padding:14px 16px;border-radius:16px;
  border:1px solid var(--border);
  background:linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%);
  transition:.18s ease;
}
.submenu__card:hover{transform:translateY(-2px); border-color: rgba(255,106,0,.25); box-shadow: 0 14px 26px rgba(7,43,90,.12)}
.submenu__name{font-weight:900;color:var(--blue-900)}

/* MODAL */
.modal{position:fixed;inset:0;z-index:100}
.modal__overlay{position:absolute;inset:0;background:rgba(7,43,90,.55)}
.modal__box{
  position:relative;
  max-width:520px;
  margin:8vh auto 0;
  background:var(--white);
  border-radius:20px;
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  padding:18px;
}
.modal__close{
  position:absolute;right:12px;top:10px;
  width:38px;height:38px;border-radius:12px;
  border:1px solid var(--border);
  background:var(--white);cursor:pointer;font-size:22px;line-height:1;
}
.modal__title{margin:0 0 8px;font-size:18px;color:var(--blue-900)}
.modal__text{margin:0 0 14px;color:var(--muted);font-size:14px}

.form{display:grid;gap:12px}
.form__field{display:grid;gap:6px;font-size:13px;color:var(--muted)}
.form__field input,.form__field select{
  height:44px;border-radius:12px;padding:0 12px;
  border:1px solid var(--border);
  outline:none;background:var(--white);
}
.form__field input:focus,.form__field select:focus{border-color: rgba(255,106,0,.55); box-shadow:0 0 0 4px rgba(255,106,0,.14)}
.form__note{font-size:12px;color:var(--muted)}

/* RESPONSIVE */
@media (max-width: 1100px){
  .hdr__row{grid-template-columns: 200px 1fr 380px 44px}
  .submenu__grid{grid-template-columns: repeat(3, minmax(0, 1fr))}
}
@media (max-width: 860px){
  .hdr__row{grid-template-columns: 1fr 44px}
  .hdr__meta, .hdr__actions{display:none}
  .hdr__burger{display:block}
  .nav{display:none}
  .nav.is-open{display:block}
  .nav__bar{grid-template-columns:1fr}
  .nav__scroll{display:none}
  .nav__viewport{overflow:visible}
  .nav__list{flex-direction:column;padding:10px 0;width:100%}
  .nav__item--right{margin-left:0;padding:0 14px 12px}
  .nav__item{width:100%}
  .nav__item.has-submenu{padding-bottom:0;margin-bottom:0}
  .submenu{position:static;width:auto;max-height:none;margin:8px 14px 12px}
  .submenu__grid{grid-template-columns: repeat(2, minmax(0, 1fr))}
}



/* HERO */
.hero{padding:26px 0 0}
.hero__grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:18px;
  align-items:stretch;
}

.hero__content{
  background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%);
  border:1px solid var(--border);
  border-radius:22px;
  padding:22px;
  box-shadow: 0 14px 26px rgba(7,43,90,.10);
}
.hero__badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}

.hero__title{
  margin:0 0 10px;
  font-size:38px;
  line-height:1.08;
  color:var(--blue-900);
  letter-spacing:-.4px;
}
.hero__titleAccent{
  color:var(--accent);
  font-weight:900;
  white-space:nowrap;
}
.hero__subtitle{
  margin:0 0 16px;
  font-size:16px;
  color:var(--muted);
  max-width:60ch;
}

.hero__list{
  list-style:none;
  margin:0 0 18px;
  padding:0;
  display:grid;
  gap:10px;
}
.hero__list li{
  display:flex;gap:10px;align-items:flex-start;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid var(--border);
  background: rgba(11,58,126,.04);
}
.hero__list svg{width:20px;height:20px;fill:var(--accent);flex:0 0 auto;margin-top:1px}

.hero__cta{display:grid;gap:10px;margin-bottom:14px}
.hero__micro{display:flex;gap:10px;flex-wrap:wrap}

.hero__proof{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:10px;
}
.kpi{
  border-radius:16px;
  border:1px solid var(--border);
  background: var(--white);
  padding:12px;
}
.kpi__num{font-weight:950;color:var(--blue-900);font-size:20px;line-height:1}
.kpi__txt{color:var(--muted);font-size:12.5px;margin-top:6px}

/* VISUAL */
.hero__visual{
  border-radius:22px;
  overflow:hidden;
  border:1px solid var(--border);
  box-shadow: 0 14px 26px rgba(7,43,90,.10);
  background: linear-gradient(135deg, rgba(11,58,126,.10), rgba(255,106,0,.06));
  display:flex;
  flex-direction:column;
}
.hero__imgWrap{position:relative;flex:1;min-height:360px}
.hero__img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.01);
}
.hero__float{
  position:absolute;
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background: rgba(255,255,255,.92);
  border:1px solid var(--border);
  color:var(--blue-900);
  font-weight:700;
  font-size:13px;
  box-shadow: 0 10px 22px rgba(7,43,90,.12);
}
.hero__float svg{width:18px;height:18px;fill:var(--accent)}
.hero__float--top{left:14px;top:14px}
.hero__float--bottom{left:14px;bottom:14px}

.hero__strip{
  display:flex;gap:14px;flex-wrap:wrap;
  padding:12px 14px;
  background: rgba(7,43,90,.82);
  color:var(--white);
}
.hero__strip span{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;
  opacity:.98;
}
.hero__strip svg{width:16px;height:16px;fill:var(--accent)}

/* FULL-WIDTH BAND */
.heroBand{
  margin-top:14px;
  background: linear-gradient(90deg, rgba(11,58,126,.10), rgba(255,106,0,.08));
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.heroBand__inner{
  display:flex;gap:14px;align-items:center;justify-content:space-between;
  padding:14px 0;
}
.heroBand__title{
  display:flex;align-items:center;gap:10px;
  font-weight:950;color:var(--blue-900);
}
.heroBand__title svg{width:18px;height:18px;fill:var(--accent)}
.heroBand__desc{color:var(--muted);font-size:14px;margin-top:4px}
.heroBand__right{display:flex;gap:10px;flex-wrap:wrap}

/* LEAD FORM */
.lead{padding:18px 0 28px}
.lead__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:18px;
  align-items:stretch;
}
.lead__info{
  background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%);
  border:1px solid var(--border);
  border-radius:22px;
  padding:18px;
}
.lead__title{margin:0 0 10px;color:var(--blue-900);font-size:22px}
.lead__bullets{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.lead__bullets li{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}
.lead__bullets svg{width:18px;height:18px;fill:var(--accent);margin-top:2px}
.lead__trustRow{display:flex;gap:10px;flex-wrap:wrap}

.lead__formBox{
  background: var(--white);
  border:1px solid var(--border);
  border-radius:22px;
  padding:16px;
  box-shadow: 0 14px 26px rgba(7,43,90,.10);
}
.lead__formHead{margin-bottom:10px}
.lead__formTitle{
  display:flex;align-items:center;gap:10px;
  font-weight:950;color:var(--blue-900);
  font-size:16px;
}
.lead__formTitle svg{width:18px;height:18px;fill:var(--accent)}
.lead__formHint{color:var(--muted);font-size:13px;margin-top:6px}

.lead__fast{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}

.lead__formBox .wpcf7,
.lead__formBox .wpcf7 form,
.calcCf7 .wpcf7,
.calcCf7 .wpcf7 form,
.etap__form .wpcf7,
.etap__form .wpcf7 form{margin:0}

.lead__formBox .wpcf7-form,
.calcCf7 .wpcf7-form,
.etap__form .wpcf7-form{
  display:grid;
  gap:12px;
}

.lead__formBox .wpcf7-form-control:not(.wpcf7-submit),
.calcCf7 .wpcf7-form-control:not(.wpcf7-submit),
.etap__form .wpcf7-form-control:not(.wpcf7-submit){
  width:100%;
  min-height:52px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(11,58,126,.18);
  background:#fff;
  color:var(--blue-900);
  font-size:16px;
  font-weight:700;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease;
}

.lead__formBox textarea.wpcf7-form-control,
.calcCf7 textarea.wpcf7-form-control,
.etap__form textarea.wpcf7-form-control{
  min-height:128px;
  padding:14px 16px;
  resize:vertical;
}

.lead__formBox .wpcf7-form-control::placeholder,
.calcCf7 .wpcf7-form-control::placeholder,
.etap__form .wpcf7-form-control::placeholder{
  color:#7c879c;
  font-weight:600;
}

.lead__formBox .wpcf7-form-control:focus,
.calcCf7 .wpcf7-form-control:focus,
.etap__form .wpcf7-form-control:focus{
  border-color:rgba(255,106,0,.55);
  box-shadow:0 0 0 4px rgba(255,106,0,.14);
}

.lead__formBox .wpcf7-not-valid,
.calcCf7 .wpcf7-not-valid,
.etap__form .wpcf7-not-valid{
  border-color:rgba(201,63,63,.55) !important;
  box-shadow:0 0 0 4px rgba(201,63,63,.12);
}

.lead__formBox .licence_block,
.calcCf7 .licence_block,
.etap__form .licence_block{
  font-size:14px;
  line-height:1.45;
  color:var(--blue-900);
}

.lead__formBox .licence_block label,
.calcCf7 .licence_block label,
.etap__form .licence_block label{
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.lead__formBox .licence_block input[type="checkbox"],
.calcCf7 .licence_block input[type="checkbox"],
.etap__form .licence_block input[type="checkbox"]{
  width:20px;
  height:20px;
  margin:2px 0 0;
  accent-color:var(--accent);
  flex:0 0 auto;
}

.lead__formBox .licence_block a,
.calcCf7 .licence_block a,
.etap__form .licence_block a{
  color:var(--blue-700);
  text-decoration:underline;
  text-underline-offset:3px;
}

.lead__formBox .wpcf7-submit,
.calcCf7 .wpcf7-submit,
.etap__form .wpcf7-submit{
  width:100%;
  min-height:56px;
  border:0;
  border-radius:18px;
  background:linear-gradient(180deg, #ff7b13 0%, #ff6a00 100%);
  color:#fff;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(255,106,0,.24);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.lead__formBox .wpcf7-submit:hover,
.calcCf7 .wpcf7-submit:hover,
.etap__form .wpcf7-submit:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(255,106,0,.28);
  filter:saturate(1.05);
}

.lead__formBox .wpcf7-submit:disabled,
.calcCf7 .wpcf7-submit:disabled,
.etap__form .wpcf7-submit:disabled{
  opacity:.55;
  cursor:not-allowed;
  box-shadow:none;
}

.lead__formBox .wpcf7-spinner,
.calcCf7 .wpcf7-spinner,
.etap__form .wpcf7-spinner{
  margin:10px auto 0;
  display:block;
}

.lead__formBox .wpcf7-response-output,
.calcCf7 .wpcf7-response-output,
.etap__form .wpcf7-response-output{
  margin:0 !important;
  padding:12px 14px !important;
  border-radius:14px;
  font-size:14px;
  font-weight:700;
}

.lead__formBox .wpcf7 form.sent .wpcf7-response-output,
.calcCf7 .wpcf7 form.sent .wpcf7-response-output,
.etap__form .wpcf7 form.sent .wpcf7-response-output{
  border-color:rgba(18,156,81,.32);
  background:rgba(18,156,81,.08);
  color:#0d6d39;
}

.lead__formBox .wpcf7 form.invalid .wpcf7-response-output,
.lead__formBox .wpcf7 form.failed .wpcf7-response-output,
.lead__formBox .wpcf7 form.aborted .wpcf7-response-output,
.calcCf7 .wpcf7 form.invalid .wpcf7-response-output,
.calcCf7 .wpcf7 form.failed .wpcf7-response-output,
.calcCf7 .wpcf7 form.aborted .wpcf7-response-output,
.etap__form .wpcf7 form.invalid .wpcf7-response-output,
.etap__form .wpcf7 form.failed .wpcf7-response-output,
.etap__form .wpcf7 form.aborted .wpcf7-response-output{
  border-color:rgba(201,63,63,.32);
  background:rgba(201,63,63,.08);
  color:#a53b3b;
}

/* MOBILE */
@media (max-width: 960px){
  .hero__grid{grid-template-columns:1fr}
  .hero__title{font-size:32px}
  .lead__grid{grid-template-columns:1fr}
  .heroBand__inner{flex-direction:column;align-items:flex-start}
}
/* TEXT CONTENT BLOCK */
.contentBlock{padding:24px 0 10px}
.contentBlock__grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:18px;
  align-items:start;
}

.contentBlock__article{
  background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%);
  border:1px solid var(--border);
  border-radius:22px;
  padding:18px;
  box-shadow: 0 14px 26px rgba(7,43,90,.10);
}

.contentBlock__kicker{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 10px;border-radius:999px;
  background:rgba(11,58,126,.06);
  border:1px solid var(--border);
  color:var(--blue-900);
  font-weight:800;
  font-size:13px;
}
.contentBlock__kicker svg{width:16px;height:16px;fill:var(--accent)}

.contentBlock__title{
  margin:12px 0 12px;
  font-size:24px;
  line-height:1.15;
  color:var(--blue-900);
  letter-spacing:-.2px;
}

.contentBlock__meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.metaPill{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 10px;border-radius:12px;
  border:1px solid var(--border);
  background:rgba(11,58,126,.04);
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}
.metaPill svg{width:16px;height:16px;fill:var(--blue-800)}
.metaPill--accent{
  background:rgba(255,106,0,.10);
  border-color: rgba(255,106,0,.25);
  color:var(--blue-900);
}
.metaPill--accent svg{fill:var(--accent)}

/* TYPOGRAPHY inside customtext1 */
.contentBlock__text{
  color:var(--text);
  font-size:15.5px;
  line-height:1.62;
}
.contentBlock__text p{margin:0 0 12px}
.contentBlock__text h3{
  margin:18px 0 10px;
  color:var(--blue-900);
  font-size:18px;
}
.contentBlock__text ul,
.contentBlock__text ol{margin:10px 0 14px;padding-left:18px}
.contentBlock__text li{margin:6px 0}
.contentBlock__text a{
  color:var(--blue-700);
  text-decoration:underline;
  text-underline-offset:3px;
}
.contentBlock__text blockquote{
  margin:14px 0;
  padding:12px 14px;
  border-left:4px solid rgba(255,106,0,.55);
  background:rgba(11,58,126,.04);
  border-radius:14px;
  color:var(--muted);
}
.contentBlock__text strong{color:var(--blue-900)}
.contentBlock__text hr{
  border:0;height:1px;
  background:var(--border);
  margin:16px 0;
}

/* Bottom CTA */
.contentBlock__bottomCta{
  display:flex;gap:10px;flex-wrap:wrap;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--border);
}

/* Aside card */
.contentBlock__aside{position:sticky; top:16px}
.sideCard{
  background: var(--white);
  border:1px solid var(--border);
  border-radius:22px;
  padding:16px;
  box-shadow: 0 14px 26px rgba(7,43,90,.10);
}
.sideCard__title{
  display:flex;align-items:center;gap:10px;
  font-weight:950;color:var(--blue-900);
  font-size:16px;margin-bottom:10px;
}
.sideCard__title svg{width:18px;height:18px;fill:var(--accent)}
.sideCard__list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.sideCard__list li{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:14px}
.sideCard__list svg{width:18px;height:18px;fill:var(--accent);margin-top:2px}
.sideCard__note{
  display:flex;align-items:center;gap:8px;
  margin-top:10px;
  color:var(--muted);
  font-size:12.5px;
}
.sideCard__note svg{width:16px;height:16px;fill:var(--blue-800)}
.sidebarStack{display:grid;gap:14px}
.sideCard__eyebrow{
  display:inline-flex;align-items:center;
  padding:6px 10px;border-radius:999px;
  background:rgba(255,106,0,.10);
  border:1px solid rgba(255,106,0,.18);
  color:var(--accent);
  font-size:12px;
  font-weight:900;
  margin-bottom:12px;
}
.expertCard{display:flex;gap:12px;align-items:flex-start}
.expertCard__avatar{
  width:54px;height:54px;border-radius:18px;
  display:grid;place-items:center;
  background:linear-gradient(180deg, rgba(255,106,0,.14) 0%, rgba(11,58,126,.12) 100%);
  border:1px solid rgba(11,58,126,.14);
  color:var(--blue-900);
  font-size:18px;
  font-weight:950;
  flex:0 0 auto;
  overflow:hidden;
}
.expertCard__avatar--image{
  background:#eef3fb;
  border-color:rgba(11,58,126,.10);
}
.expertCard__avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.expertCard__name{font-size:18px;font-weight:950;color:var(--blue-900);line-height:1.15}
.expertCard__position{margin-top:4px;color:var(--accent);font-weight:800;font-size:13px;line-height:1.4}
.expertCard__note{margin-top:8px;color:var(--muted);font-size:13.5px;line-height:1.55}
.sideCard__section + .sideCard__section{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(11,58,126,.10);
}
.sideCard__sectionTitle{
  color:var(--blue-900);
  font-size:13px;
  font-weight:950;
  letter-spacing:.02em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.sideCard__linkList{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sideCard__linkList li{margin:0}
.sideCard__linkList a{
  display:block;
  color:var(--blue-900);
  font-weight:800;
  font-size:14px;
  line-height:1.45;
}
.sideCard__linkList a:hover{
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:3px;
}
.page__aside .sidebarStack{width:100%}

/* Responsive */
@media (max-width: 960px){
  .contentBlock__grid{grid-template-columns:1fr}
  .contentBlock__aside{position:static}
}

/* PRICES SECTION */
.prices{padding:26px 0}
.prices__head{
  background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%);
  border:1px solid var(--border);
  border-radius:22px;
  padding:18px;
  box-shadow: 0 14px 26px rgba(7,43,90,.10);
}
.prices__kicker{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 10px;border-radius:999px;
  background:rgba(11,58,126,.06);
  border:1px solid var(--border);
  color:var(--blue-900);
  font-weight:900;font-size:13px;
}
.prices__kicker svg{width:16px;height:16px;fill:var(--accent)}
.prices__titleRow{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-top:12px}
.prices__title{margin:0;color:var(--blue-900);font-size:26px;letter-spacing:-.2px}
.prices__subtitle{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.55}
.prices__ctaRow{display:flex;gap:10px;flex-wrap:wrap}
.prices__trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}

/* TABS */
.pricesTabs{
  margin-top:14px;
  background:var(--white);
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow: 0 14px 26px rgba(7,43,90,.08);
  overflow:hidden;
}
.pricesTabs__caption{
  display:flex;align-items:center;gap:10px;
  padding:14px 16px;
  background:rgba(11,58,126,.06);
  border-bottom:1px solid var(--border);
  color:var(--blue-900);
  font-weight:900;
}
.pricesTabs__caption svg{width:18px;height:18px;fill:var(--accent)}
.pricesTabs__list{
  display:flex;gap:8px;flex-wrap:wrap;
  padding:12px 16px;
  border-bottom:1px solid var(--border);
}
.pricesTabs__tab{
  appearance:none;border:1px solid rgba(11,58,126,.18);
  background:rgba(11,58,126,.04);
  color:var(--blue-900);
  padding:10px 12px;
  border-radius:14px;
  font-weight:900;
  cursor:pointer;
  transition:.18s ease;
}
.pricesTabs__tab:hover{transform:translateY(-1px)}
.pricesTabs__tab.is-active{
  background:rgba(255,106,0,.12);
  border-color:rgba(255,106,0,.35);
  box-shadow:0 10px 22px rgba(255,106,0,.14);
}

/* PANELS */
.pricesTabs__panels{padding:14px 16px 16px}
.pricesPanel.is-active{display:block}
.pricesPanel__empty{
  display:flex;align-items:center;gap:10px;
  padding:14px 16px;
  border:1px dashed rgba(11,58,126,.25);
  border-radius:18px;
  background:rgba(11,58,126,.03);
  color:var(--muted);
}
.pricesPanel__empty svg{width:18px;height:18px;fill:var(--accent)}

/* TABLE */
.pricesTable{
  border:1px solid var(--border);
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%);
}
.pricesTable__scroll{overflow:auto}
.pricesTable table{width:100%;border-collapse:collapse;min-width:860px}
.pricesTable th, .pricesTable td{
  border-bottom:1px solid var(--border);
  padding:12px 12px;
  text-align:center;
  font-size:14px;
}
.pricesTable th{
  background:rgba(7,43,90,.86);
  color:var(--white);
  font-weight:900;
}
.pricesTable td:first-child{
  text-align:left;
  font-weight:800;
  color:var(--blue-900);
  width:34%;
}
.cellTitle{display:flex;align-items:center;gap:10px}
.cellTitle__name{display:inline-flex;align-items:center;gap:10px}
.cellTitle__name svg{width:18px;height:18px;fill:var(--accent)}
.tip{
  margin-left:auto;
  width:28px;height:28px;
  border-radius:10px;
  border:1px solid rgba(11,58,126,.22);
  background:rgba(11,58,126,.04);
  color:var(--blue-900);
  font-weight:950;
  cursor:pointer;
}
.tip:hover{border-color:rgba(255,106,0,.4); background:rgba(255,106,0,.10)}
.resultRow td{background:rgba(11,58,126,.05);font-weight:950}
.resultLabel{color:var(--blue-900)}
.resultCell{color:var(--blue-900)}
.pricesTable__footer{
  display:flex;gap:14px;align-items:center;justify-content:space-between;
  padding:12px 14px;
  border-top:1px solid var(--border);
  flex-wrap:wrap;
}
.pricesTable__hint{
  display:flex;align-items:center;gap:8px;
  color:var(--muted);
  font-size:13px;
}
.pricesTable__hint svg{width:16px;height:16px;fill:var(--blue-800)}

/* PERMIT CTA */
.prices__permit{
  margin-top:14px;
  display:flex;gap:14px;align-items:center;justify-content:space-between;
  padding:14px 16px;
  border-radius:22px;
  border:1px solid var(--border);
  background: linear-gradient(90deg, rgba(11,58,126,.10), rgba(255,106,0,.08));
  flex-wrap:wrap;
}
.prices__permitText{font-size:18px;line-height:1.2;color:var(--blue-900);font-weight:900}
.prices__permitBig{font-size:20px}
.prices__permitAccent{
  color:var(--accent);
  text-transform:uppercase;
}

/* PROMO */
.pricesPromo{
  margin-top:14px;
  display:flex;gap:14px;align-items:stretch;justify-content:space-between;
  padding:14px 16px;
  border-radius:22px;
  border:1px solid var(--border);
  background:var(--white);
  box-shadow: 0 14px 26px rgba(7,43,90,.08);
  flex-wrap:wrap;
}
.pricesPromo__left{display:flex;gap:12px;align-items:flex-start;flex:1 1 420px}
.promoBadge{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 10px;border-radius:999px;
  background:rgba(255,106,0,.14);
  border:1px solid rgba(255,106,0,.28);
  color:var(--blue-900);
  font-weight:950;font-size:13px;
  white-space:nowrap;
}
.promoBadge svg{width:16px;height:16px;fill:var(--accent)}
.pricesPromo__text{color:var(--muted);font-size:14.5px;line-height:1.5}
.accentText{color:var(--accent)}
.pricesPromo__right{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;flex:1 1 360px}
.pricesPromo__phone{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:16px;
  border:1px solid var(--border);
  background:rgba(11,58,126,.04);
  color:var(--blue-900);
  font-weight:800;
}
.pricesPromo__phone svg{width:18px;height:18px;fill:var(--accent)}
.pricesPromo__phone a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* NOTES */
.pricesNotes{
  margin:14px 0 0;
  padding:14px 18px;
  border-radius:22px;
  border:1px solid var(--border);
  background:linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%);
  color:var(--muted);
  box-shadow: 0 14px 26px rgba(7,43,90,.06);
}
.pricesNotes li{margin:8px 0;line-height:1.5}
.noteIcon{display:inline-block;margin-right:8px;color:var(--accent);font-weight:950}

/* FINAL CTA */
.prices__finalCta{
  margin-top:14px;
  display:flex;gap:12px;align-items:center;justify-content:space-between;
  padding:14px 16px;
  border-radius:22px;
  border:1px solid var(--border);
  background:rgba(7,43,90,.86);
  color:var(--white);
  flex-wrap:wrap;
}
.prices__finalText{font-size:15px;line-height:1.5;max-width:70ch}

/* TOOLTIP bubble */
.tipBubble{
  position:fixed;
  inset:auto auto 0 0;
  z-index:999;
  max-width:360px;
  pointer-events:none;
}
.tipBubble__inner{
  background:rgba(255,255,255,.96);
  border:1px solid var(--border);
  border-radius:14px;
  padding:10px 12px;
  color:var(--text);
  box-shadow: 0 14px 26px rgba(7,43,90,.18);
  font-size:13px;
  line-height:1.45;
}
@media (max-width: 960px){
  .pricesTable table{min-width:760px}
  .prices__permitText{font-size:16px}
}


/* WORKFLOW */
.workflow{padding:26px 0}
.workflow__head{
  background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%);
  border:1px solid var(--border);
  border-radius:22px;
  padding:18px;
  box-shadow: 0 14px 26px rgba(7,43,90,.10);
}
.workflow__kicker{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 10px;border-radius:999px;
  background:rgba(11,58,126,.06);
  border:1px solid var(--border);
  color:var(--blue-900);
  font-weight:950;font-size:13px;
}
.workflow__kicker svg{width:16px;height:16px;fill:var(--accent)}
.workflow__titleRow{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-top:12px}
.workflow__title{margin:0;color:var(--blue-900);font-size:26px;letter-spacing:-.2px;max-width:72ch}
.workflow__ctaRow{display:flex;gap:10px;flex-wrap:wrap}
.workflow__subtitle{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.55}

.workflow__kpis{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:10px;
}
.wkpi{
  border:1px solid var(--border);
  border-radius:18px;
  background:rgba(11,58,126,.04);
  padding:12px;
}
.wkpi__num{font-weight:950;color:var(--blue-900);font-size:18px;line-height:1}
.wkpi__txt{color:var(--muted);font-size:12.5px;margin-top:6px;line-height:1.35}

/* STEPS GRID */
.workflow__steps{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:14px;
}
.stepCard{
  background:var(--white);
  border:1px solid var(--border);
  border-radius:22px;
  padding:16px;
  box-shadow: 0 14px 26px rgba(7,43,90,.08);
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
}
.stepCard::before{
  content:"";
  position:absolute;inset:-60px -80px auto auto;
  width:180px;height:180px;border-radius:50%;
  background:rgba(255,106,0,.10);
  filter:blur(0px);
}
.stepCard__top{display:flex;align-items:center;gap:12px;margin-bottom:10px;position:relative}
.stepCard__num{
  font-weight:950;
  color:rgba(11,58,126,.35);
  font-size:18px;
  letter-spacing:.5px;
}
.stepCard__icon{
  width:44px;height:44px;border-radius:16px;
  display:grid;place-items:center;
  background:rgba(11,58,126,.06);
  border:1px solid var(--border);
  position:relative;
}
.stepCard__icon svg{width:22px;height:22px;fill:var(--accent)}
.stepCard__title{margin:0;color:var(--blue-900);font-size:16px;line-height:1.2;position:relative}

.stepCard__text{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55;position:relative}
.stepCard__list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px;position:relative}
.stepCard__list li{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:14px;line-height:1.45}
.stepCard__list svg{width:18px;height:18px;fill:var(--accent);margin-top:2px}

.stepCard__cta{margin-top:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:14px}
.stepCard__hint{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px}
.stepCard__hint svg{width:16px;height:16px;fill:var(--blue-800)}

.stepCard__chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;position:relative}
.chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 10px;border-radius:999px;
  border:1px solid rgba(11,58,126,.18);
  background:rgba(11,58,126,.04);
  color:var(--blue-900);
  font-size:12.5px;
  font-weight:800;
}
.chip svg{width:16px;height:16px;fill:var(--blue-800)}
.chip--accent{
  border-color:rgba(255,106,0,.35);
  background:rgba(255,106,0,.12);
}
.chip--accent svg{fill:var(--accent)}

.stepCard__note{
  margin-top:12px;
  display:flex;gap:10px;align-items:flex-start;
  padding:10px 12px;
  border-radius:18px;
  border:1px dashed rgba(11,58,126,.25);
  background:rgba(11,58,126,.03);
  color:var(--muted);
  font-size:13.5px;
  line-height:1.45;
  position:relative;
}
.stepCard__note svg{width:18px;height:18px;fill:var(--accent);margin-top:1px}

.stepCard__accentBox{
  margin-top:12px;
  padding:12px 12px;
  border-radius:18px;
  border:1px solid rgba(255,106,0,.25);
  background:rgba(255,106,0,.08);
  color:var(--blue-900);
  font-size:13.5px;
  line-height:1.5;
  position:relative;
}

.stepCard__twoCols{
  margin-top:12px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
  position:relative;
}
.miniCard{
  border:1px solid var(--border);
  border-radius:18px;
  padding:12px;
  background:rgba(11,58,126,.03);
}
.miniCard__title{
  display:flex;align-items:center;gap:10px;
  font-weight:950;color:var(--blue-900);font-size:13.5px;
}
.miniCard__title svg{width:16px;height:16px;fill:var(--accent)}
.miniCard__list{margin:10px 0 0;padding-left:18px;color:var(--muted);font-size:13.5px;line-height:1.5}
.miniCard--accent{
  border-color:rgba(255,106,0,.25);
  background:rgba(255,106,0,.08);
}

/* FINAL CARD */
.stepCard--final{grid-column: 1 / -1}
.finalBox{
  margin-top:12px;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:12px;
  padding:12px;
  border-radius:22px;
  border:1px solid var(--border);
  background: linear-gradient(90deg, rgba(11,58,126,.06), rgba(255,106,0,.08));
  position:relative;
}
.finalBox__title{
  display:flex;align-items:center;gap:10px;
  font-weight:950;color:var(--blue-900);
}
.finalBox__title svg{width:18px;height:18px;fill:var(--accent)}
.finalBox__text{margin-top:6px;color:var(--muted);font-size:14px;line-height:1.5}
.finalBox__note{
  margin-top:10px;
  display:flex;align-items:center;gap:8px;
  color:var(--muted);font-size:12.5px;
}
.finalBox__note svg{width:16px;height:16px;fill:var(--blue-800)}

/* BOTTOM STRIP */
.workflow__bottom{
  margin-top:14px;
  display:flex;gap:14px;align-items:center;justify-content:space-between;
  padding:14px 16px;
  border-radius:22px;
  border:1px solid var(--border);
  background:rgba(7,43,90,.86);
  color:var(--white);
  flex-wrap:wrap;
}
.workflow__bottomTitle{
  display:flex;align-items:center;gap:10px;
  font-weight:950;font-size:16px;
}
.workflow__bottomTitle svg{width:18px;height:18px;fill:var(--accent)}
.workflow__bottomText{margin-top:6px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.5;max-width:70ch}
.workflow__bottomRight{display:flex;gap:10px;flex-wrap:wrap}

/* Responsive */
@media (max-width: 1100px){
  .workflow__kpis{grid-template-columns: repeat(2, minmax(0, 1fr))}
  .workflow__steps{grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@media (max-width: 760px){
  .workflow__steps{grid-template-columns: 1fr}
  .stepCard--final{grid-column:auto}
  .finalBox{grid-template-columns:1fr}
}

/* CALC */
.calc{padding:26px 0}
.calc__grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:14px;
  align-items:start;
}
.calc__head{
  background: linear-gradient(180deg,#FFFFFF 0%,#FBFCFF 100%);
  border:1px solid var(--border);
  border-radius:22px;
  padding:18px;
  box-shadow: 0 14px 26px rgba(7,43,90,.10);
}
.calc__kicker{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 10px;border-radius:999px;
  background:rgba(11,58,126,.06);
  border:1px solid var(--border);
  color:var(--blue-900);
  font-weight:950;font-size:13px;
}
.calc__kicker svg{width:16px;height:16px;fill:var(--accent)}
.calc__title{margin:12px 0 8px;color:var(--blue-900);font-size:26px;letter-spacing:-.2px}
.calc__subtitle{margin:0;color:var(--muted);font-size:15px;line-height:1.55}

/* Tabs */
.calcTabs{
  margin-top:14px;
  position:relative;
  display:flex;
  gap:10px;
  padding:10px;
  border-radius:22px;
  border:1px solid var(--border);
  background:var(--white);
  box-shadow: 0 14px 26px rgba(7,43,90,.06);
}
.calcTabs__tab{
  flex:1;
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 12px;
  border-radius:16px;
  border:1px solid rgba(11,58,126,.18);
  background:rgba(11,58,126,.04);
  color:var(--blue-900);
  font-weight:950;
  cursor:pointer;
  transition:.18s ease;
}
.calcTabs__tab:disabled{opacity:.5;cursor:not-allowed}
.calcTabs__tab.is-active{
  background:rgba(255,106,0,.12);
  border-color:rgba(255,106,0,.35);
}
.calcTabs__num{
  width:26px;height:26px;border-radius:10px;
  display:grid;place-items:center;
  border:1px solid var(--border);
  background:rgba(255,255,255,.9);
  font-size:13px;
}
.calcTabs__progress{
  position:absolute;left:10px;right:10px;bottom:8px;height:3px;
  background:rgba(11,58,126,.10);border-radius:99px;overflow:hidden;
}
.calcTabs__progress span{display:block;height:100%;width:50%;background:rgba(255,106,0,.85);border-radius:99px;transition:.2s ease}

/* Forms */
.calcForm{display:none}
.calcForm.is-active{display:block}

.calcCard{
  margin-top:14px;
  border:1px solid var(--border);
  border-radius:22px;
  padding:16px;
  background: linear-gradient(180deg,#FFFFFF 0%,#FBFCFF 100%);
  box-shadow: 0 14px 26px rgba(7,43,90,.06);
}
.calcCard__head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.calcCard__title{display:flex;align-items:center;gap:10px;font-weight:950;color:var(--blue-900);font-size:16px}
.calcCard__title svg{width:18px;height:18px;fill:var(--accent)}
.calcCard__hint{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px}
.calcCard__hint svg{width:16px;height:16px;fill:var(--blue-800)}

.calcGrid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.calcGrid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}

.field{display:flex;flex-direction:column;gap:8px}
.field__label{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--blue-900);font-size:13.5px}
.field__note{
  display:flex;align-items:center;gap:8px;
  padding:10px 12px;border-radius:16px;
  border:1px dashed rgba(11,58,126,.25);
  background:rgba(11,58,126,.03);
  color:var(--muted);
  font-size:12.5px;
}
.field__note svg{width:16px;height:16px;fill:var(--accent)}
.is-hidden{display:none!important}

.input, .select{
  width:100%;
  padding:12px 12px;
  border-radius:16px;
  border:1px solid rgba(11,58,126,.18);
  background:rgba(11,58,126,.03);
  color:var(--blue-900);
  font-weight:800;
}
.input:focus, .select:focus{outline:none;border-color:rgba(255,106,0,.45);box-shadow:0 0 0 4px rgba(255,106,0,.14)}
.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--blue-900) 50%),linear-gradient(135deg, var(--blue-900) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}

.range{border:1px solid rgba(11,58,126,.18);border-radius:18px;background:rgba(11,58,126,.03);padding:12px}
.range__row{display:flex;align-items:center;gap:10px;margin-top:10px}
.range__unit{color:var(--muted);font-weight:800}
.range__minmax{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:8px}
.range input[type="range"]{width:100%}

/* segmented */
.segmented{display:flex;gap:10px;flex-wrap:wrap}
.segmented input{position:absolute;opacity:0;pointer-events:none}
.segmented label{
  flex:1;
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:12px;border-radius:16px;
  border:1px solid rgba(11,58,126,.18);
  background:rgba(11,58,126,.03);
  color:var(--blue-900);
  font-weight:900;
  cursor:pointer;
}
.segmented label svg{width:18px;height:18px;fill:var(--accent)}
.segmented input:checked + label{
  border-color:rgba(255,106,0,.35);
  background:rgba(255,106,0,.12);
}

/* checks */
.checks{display:grid;gap:10px;margin-top:12px}
.check{
  display:flex;align-items:flex-start;gap:12px;
  padding:12px;border-radius:18px;
  border:1px solid rgba(11,58,126,.18);
  background:rgba(11,58,126,.03);
}
.check input{position:absolute;opacity:0;pointer-events:none}
.check__box{
  width:22px;height:22px;border-radius:8px;
  border:1px solid rgba(11,58,126,.35);
  background:#fff;
  margin-top:2px;
  position:relative;
}
.check input:checked ~ .check__box{
  border-color:rgba(255,106,0,.55);
  box-shadow:0 0 0 4px rgba(255,106,0,.12);
}
.check input:checked ~ .check__box::after{
  content:"";
  position:absolute;left:5px;top:2px;
  width:8px;height:14px;border:3px solid var(--accent);
  border-top:0;border-left:0;transform:rotate(45deg);
}
.check__txt{flex:1}
.check__title{display:block;font-weight:950;color:var(--blue-900);font-size:14px}
.check__sub{display:block;color:var(--muted);font-size:12.5px;margin-top:4px}

/* tip button */
.tip{
  margin-left:auto;
  width:28px;height:28px;border-radius:10px;
  border:1px solid rgba(11,58,126,.22);
  background:rgba(11,58,126,.04);
  color:var(--blue-900);
  font-weight:950;
  cursor:pointer;
  flex:0 0 auto;
}
.tip:hover{border-color:rgba(255,106,0,.4); background:rgba(255,106,0,.10)}

/* actions */
.calcActions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.calcWarnings{width:100%;color:#b00020;font-weight:800;font-size:13.5px;line-height:1.4}
.calcThanks{margin:10px 0 0;color:var(--muted);font-size:13.5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.calcThanks svg{width:18px;height:18px;fill:var(--accent)}
.calcThanks a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Step2 summary */
.calcSummaryBox{
  border:1px solid var(--border);
  border-radius:18px;
  padding:12px;
  background:rgba(11,58,126,.03);
}
.calcSummaryBox__title{display:flex;align-items:center;gap:10px;font-weight:950;color:var(--blue-900)}
.calcSummaryBox__title svg{width:18px;height:18px;fill:var(--accent)}
.calcSummaryBox__text{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.5}
.calcBackRow{margin-top:12px}

/* Side */
.calc__side{position:sticky;top:16px}
.calcSide{
  border:1px solid var(--border);
  border-radius:22px;
  padding:16px;
  background:var(--white);
  box-shadow: 0 14px 26px rgba(7,43,90,.10);
}
.calcSide__title{display:flex;align-items:center;gap:10px;font-weight:950;color:var(--blue-900)}
.calcSide__title svg{width:18px;height:18px;fill:var(--accent)}
.calcSide__price{margin-top:10px;font-size:28px;font-weight:950;color:var(--blue-900);letter-spacing:-.2px}
.calcSide__sub{margin-top:6px;color:var(--muted);font-size:13.5px;line-height:1.45}
.calcSide__breakdown{margin-top:12px;display:grid;gap:8px}
.bdItem{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:16px;border:1px solid rgba(11,58,126,.18);background:rgba(11,58,126,.03)}
.bdItem__l{display:flex;align-items:center;gap:10px;color:var(--blue-900);font-weight:900;font-size:13.5px}
.bdItem__l svg{width:16px;height:16px;fill:var(--accent)}
.bdItem__r{color:var(--muted);font-weight:900;font-size:13.5px}
.calcSide__cta{margin-top:12px}
.calcSide__note{margin-top:10px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px}
.calcSide__note svg{width:16px;height:16px;fill:var(--blue-800)}

/* Tooltip bubble */
.tipBubble{position:fixed;z-index:999;max-width:360px;pointer-events:none}
.tipBubble__inner{
  background:rgba(255,255,255,.96);
  border:1px solid var(--border);
  border-radius:14px;
  padding:10px 12px;
  color:var(--text);
  box-shadow:0 14px 26px rgba(7,43,90,.18);
  font-size:13px;line-height:1.45;
}

/* Responsive */
@media (max-width: 1100px){
  .calc__grid{grid-template-columns:1fr}
  .calc__side{position:static}
  .calcGrid3{grid-template-columns:1fr 1fr}
}
@media (max-width: 760px){
  .calcGrid2, .calcGrid3{grid-template-columns:1fr}
}


/* FOOTER */
.siteFooter{
  margin-top:28px;
  background: linear-gradient(180deg, rgba(7,43,90,.96) 0%, rgba(7,43,90,.92) 100%);
  color: rgba(255,255,255,.88);
  border-top: 1px solid rgba(255,255,255,.12);
}
.siteFooter a{color:inherit}
.siteFooter svg{width:18px;height:18px;fill:var(--accent)}

.siteFooter__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
  flex-wrap:wrap;
}
.siteFooter__topLeft{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}
.fContact{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(6px);
}
.fContact__icon{
  width:34px;height:34px;border-radius:14px;
  display:grid;place-items:center;
  background: rgba(255,106,0,.12);
  border:1px solid rgba(255,106,0,.28);
}
.fContact__icon svg{width:18px;height:18px;fill:var(--accent)}
.fContact__link{
  font-weight:950;
  text-decoration:none;
  color:#fff;
}
.fContact__link:hover{color:var(--accent)}
.fContact__sub{margin-top:4px;font-size:12.5px;color:rgba(255,255,255,.78)}

.siteFooter__topRight{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

/* Footer menu */
.siteFooter__mid{padding:18px 0}
.siteFooter__cols{
  display:grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap:14px;
}
.siteFooter__col{
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
}
.siteFooter__title{
  font-weight:950;
  color:#fff;
  margin-bottom:10px;
  font-size:14.5px;
}
.siteFooter__list{
  list-style:none;
  padding:0;margin:0;
  display:grid;
  gap:8px;
}
.siteFooter__list a{
  text-decoration:none;
  color: rgba(255,255,255,.84);
  font-weight:800;
  font-size:13.5px;
}
.siteFooter__list a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

/* Promo row */
.siteFooter__promo{
  margin-top:14px;
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(255,106,0,.25);
  background: rgba(255,106,0,.10);
  flex-wrap:wrap;
}
.siteFooter__promoLeft{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.promoBadge{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(255,106,0,.35);
  background: rgba(7,43,90,.55);
  color:#fff;
  font-weight:950;
  font-size:12.5px;
}
.promoBadge svg{fill:var(--accent)}
.siteFooter__promoText{max-width:70ch;color:rgba(255,255,255,.86);font-weight:800;font-size:13.5px;line-height:1.45}

/* Bottom */
.siteFooter__bottom{
  display:flex;
  gap:14px;
  align-items:flex-start;
  justify-content:space-between;
  padding:16px 0 22px;
  border-top:1px solid rgba(255,255,255,.12);
  flex-wrap:wrap;
}
.copyright{color:#fff;font-weight:900}
.siteFooter__disclaimer{margin-top:6px;color:rgba(255,255,255,.72);font-size:12.5px;line-height:1.5;max-width:70ch}

.siteFooter__bottomRight{display:flex;gap:10px;align-items:center}
.socials{list-style:none;margin:0;padding:0;display:flex;gap:10px}
.socials__btn{
  width:42px;height:42px;border-radius:16px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
}
.socials__btn svg{width:18px;height:18px;fill:#fff}
.socials__btn:hover{border-color:rgba(255,106,0,.35); background: rgba(255,106,0,.12)}
.socials__btn:hover svg{fill:var(--accent)}

.siteFooter__toTop{
  width:42px;height:42px;border-radius:16px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
}
.siteFooter__toTop svg{width:18px;height:18px;fill:#fff}
.siteFooter__toTop:hover{border-color:rgba(255,106,0,.35); background: rgba(255,106,0,.12)}
.siteFooter__toTop:hover svg{fill:var(--accent)}

/* Responsive */
@media (max-width: 1100px){
  .siteFooter__cols{grid-template-columns: repeat(2, minmax(200px, 1fr));}
}
@media (max-width: 640px){
  .siteFooter__cols{grid-template-columns: 1fr;}
  .siteFooter__topRight{width:100%}
  .siteFooter__topRight .btn{width:100%;justify-content:center}
}




/* CONTENT WRAPPER */
.wpContent{padding:26px 0}
.wpContent__grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:14px;
  align-items:start;
}
.wpContent__head{
  background: linear-gradient(180deg,#FFFFFF 0%,#FBFCFF 100%);
  border:1px solid var(--border);
  border-radius:22px;
  padding:18px;
  box-shadow: 0 14px 26px rgba(7,43,90,.10);
}
.wpContent__kicker{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 10px;border-radius:999px;
  background:rgba(11,58,126,.06);
  border:1px solid var(--border);
  color:var(--blue-900);
  font-weight:950;font-size:13px;
}
.wpContent__kicker svg{width:16px;height:16px;fill:var(--accent)}
.wpContent__title{margin:12px 0 8px;color:var(--blue-900);font-size:26px;letter-spacing:-.2px}
.wpContent__subtitle{margin:0;color:var(--muted);font-size:15px;line-height:1.55}

.wpContent__prose{
  margin-top:14px;
  border:1px solid var(--border);
  border-radius:22px;
  padding:18px;
  background:var(--white);
  box-shadow: 0 14px 26px rgba(7,43,90,.06);
}

/* Right side sticky */
.wpContent__side{position:sticky;top:16px}
.wpContentCard{
  border:1px solid var(--border);
  border-radius:22px;
  padding:16px;
  background:var(--white);
  box-shadow: 0 14px 26px rgba(7,43,90,.10);
}
.wpContentCard__title{
  display:flex;align-items:center;gap:10px;
  font-weight:950;color:var(--blue-900);font-size:16px;
}
.wpContentCard__title svg{width:18px;height:18px;fill:var(--accent)}
.wpContentCard__list{list-style:none;margin:12px 0 14px;padding:0;display:grid;gap:10px}
.wpContentCard__list li{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-weight:800;font-size:14px;line-height:1.45}
.wpContentCard__list svg{width:18px;height:18px;fill:var(--accent);margin-top:2px}
.wpContentCard__note{margin-top:10px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px}
.wpContentCard__note svg{width:16px;height:16px;fill:var(--blue-800)}
.wpContent__side .sidebarStack{display:grid;gap:14px}

/* Bottom CTA */
.wpContent__bottomCta{
  margin-top:14px;
  display:flex;gap:14px;align-items:center;justify-content:space-between;
  padding:14px 16px;
  border-radius:22px;
  border:1px solid var(--border);
  background:rgba(7,43,90,.86);
  color:var(--white);
  flex-wrap:wrap;
}
.wpContent__bottomTitle{display:flex;align-items:center;gap:10px;font-weight:950;font-size:16px}
.wpContent__bottomTitle svg{width:18px;height:18px;fill:var(--accent)}
.wpContent__bottomSub{margin-top:6px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.5;max-width:70ch}
.wpContent__bottomBtns{display:flex;gap:10px;flex-wrap:wrap}

/* ====== TYPOGRAPHY FOR the_content ====== */
.contentProse{color:var(--text);font-size:16px;line-height:1.7}
.contentProse > *:first-child{margin-top:0}
.contentProse > *:last-child{margin-bottom:0}

.contentProse h1,.contentProse h2,.contentProse h3,.contentProse h4{
  color:var(--blue-900);
  line-height:1.25;
  letter-spacing:-.2px;
  margin:22px 0 10px;
}
.contentProse h2{font-size:22px}
.contentProse h3{font-size:18px}
.contentProse p{margin:12px 0;color:var(--text)}
.contentProse a{color:var(--blue-900);font-weight:900;text-decoration:underline;text-underline-offset:3px}
.contentProse a:hover{color:var(--accent)}
.contentProse strong{color:var(--blue-900)}
.contentProse em{color:var(--muted)}

.contentProse ul,.contentProse ol{margin:12px 0 12px 18px}
.contentProse li{margin:6px 0}
.contentProse ul li::marker{color:var(--accent)}
.contentProse ol li::marker{color:var(--blue-900);font-weight:950}

.contentProse hr{
  border:none;height:1px;margin:18px 0;
  background:rgba(11,58,126,.18);
}

.contentProse blockquote{
  margin:16px 0;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(255,106,0,.25);
  background:rgba(255,106,0,.08);
  color:var(--blue-900);
}
.contentProse blockquote p{margin:0}

.contentProse table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin:16px 0;
  border:1px solid var(--border);
  border-radius:18px;
  overflow:hidden;
}
.contentProse th{
  text-align:left;
  background:rgba(11,58,126,.06);
  color:var(--blue-900);
  font-weight:950;
  padding:12px 12px;
  border-bottom:1px solid rgba(11,58,126,.12);
}
.contentProse td{
  padding:12px 12px;
  border-bottom:1px solid rgba(11,58,126,.10);
  color:var(--text);
}
.contentProse tr:last-child td{border-bottom:none}
.contentProse tr:nth-child(even) td{background:rgba(11,58,126,.03)}

.contentProse img{
  max-width:100%;
  height:auto;
  border-radius:18px;
  border:1px solid var(--border);
  box-shadow: 0 14px 26px rgba(7,43,90,.08);
  margin:14px 0;
}
.contentProse figure{margin:16px 0}
.contentProse figcaption{margin-top:8px;color:var(--muted);font-size:13.5px}

.contentProse pre{
  margin:16px 0;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(11,58,126,.18);
  background:rgba(11,58,126,.04);
  overflow:auto;
}
.contentProse code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.95em;
}

/* Gutenberg: buttons */
.contentProse .wp-block-button__link{
  background:var(--accent);
  color:#fff;
  border-radius:14px;
  padding:12px 16px;
  border:1px solid rgba(255,106,0,.55);
  font-weight:950;
  text-decoration:none;
}
.contentProse .wp-block-button__link:hover{filter:brightness(.98)}
.contentProse .wp-block-buttons{margin:16px 0}

/* Gutenberg: details / spoiler (если используете) */
.contentProse details{
  margin:14px 0;
  border:1px solid rgba(11,58,126,.18);
  border-radius:18px;
  background:rgba(11,58,126,.03);
  padding:12px 12px;
}
.contentProse summary{
  cursor:pointer;
  font-weight:950;
  color:var(--blue-900);
  display:flex;align-items:center;gap:10px;
}
.contentProse summary::marker{color:var(--accent)}
.contentProse details[open]{border-color:rgba(255,106,0,.35);background:rgba(255,106,0,.08)}

/* Responsive */
@media (max-width: 1100px){
  .wpContent__grid{grid-template-columns:1fr}
  .wpContent__side{position:static}
}

/* ===== Section Head (универсальный) ===== */
.sectionHead{
  margin-bottom:14px;
  padding:18px;
  border-radius:22px;
  border:1px solid var(--border);
  background: linear-gradient(180deg,#FFFFFF 0%,#FBFCFF 100%);
  box-shadow: 0 14px 26px rgba(7,43,90,.08);
}
.sectionKicker{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 10px;border-radius:999px;
  background:rgba(11,58,126,.06);
  border:1px solid var(--border);
  color:var(--blue-900);
  font-weight:950;font-size:13px;
}
.sectionKicker svg{width:16px;height:16px;fill:var(--accent)}
.sectionTitle{margin:12px 0 8px;color:var(--blue-900);font-size:26px;letter-spacing:-.2px}
.sectionSub{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.sectionActions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}

/* ===== Benefits ===== */
.benefits{padding:26px 0}
.benefitsGrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap:14px;
}
.benefitCard{
  position:relative;
  border:1px solid var(--border);
  border-radius:22px;
  padding:16px;
  background:var(--white);
  box-shadow: 0 14px 26px rgba(7,43,90,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.benefitCard:hover{
  transform: translateY(-2px);
  border-color: rgba(255,106,0,.28);
  box-shadow: 0 18px 34px rgba(7,43,90,.10);
}
.benefitIcon{
  width:44px;height:44px;border-radius:18px;
  display:grid;place-items:center;
  border:1px solid rgba(255,106,0,.30);
  background: rgba(255,106,0,.10);
}
.benefitIcon svg{width:22px;height:22px;fill:var(--accent)}
.benefitTitle{
  margin-top:12px;
  font-weight:950;
  color:var(--blue-900);
  font-size:16px;
  display:flex;
  align-items:center;
  gap:10px;
}
.benefitText{margin:8px 0 0;color:var(--muted);font-size:14.5px;line-height:1.55}

.benefitCard--cta{
  background: rgba(7,43,90,.92);
  border-color: rgba(255,255,255,.12);
  color: rgba(255,255,255,.88);
}
.benefitCard--cta .benefitCtaTitle{
  color:#fff;font-weight:950;font-size:18px;
}
.benefitCard--cta .benefitText{color: rgba(255,255,255,.84)}
.benefitCtaActions{margin-top:12px;display:grid;gap:10px}
.btn--block{width:100%;justify-content:center}

/* Tooltip (без JS) */
.tip{
  width:22px;height:22px;
  border-radius:999px;
  display:grid;place-items:center;
  background: rgba(11,58,126,.08);
  border:1px solid rgba(11,58,126,.18);
  color: var(--blue-900);
  font-weight:950;
  font-size:12px;
  cursor:help;
  position:relative;
}
.tip::after{
  content: attr(data-tip);
  position:absolute;
  left:50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);
  width: min(320px, 75vw);
  padding:10px 12px;
  border-radius:14px;
  background: rgba(7,43,90,.96);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  box-shadow: 0 16px 36px rgba(0,0,0,.22);
  opacity:0;
  pointer-events:none;
  transition: opacity .15s ease, transform .15s ease;
  transform-origin: bottom center;
  font-weight:800;
  line-height:1.45;
}
.tip::before{
  content:"";
  position:absolute;
  left:50%;
  bottom: calc(100% + 4px);
  transform: translateX(-50%);
  border:7px solid transparent;
  border-top-color: rgba(7,43,90,.96);
  opacity:0;
  transition: opacity .15s ease;
}
.tip:hover::after,
.tip:hover::before{opacity:1}

/* ===== Portfolio ===== */
.portfolio{padding:26px 0}
.portfolioActions{
  margin-top:12px;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.portfolioFilters{display:flex;gap:10px;flex-wrap:wrap}
.filterBtn{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--border);
  background:#fff;
  color:var(--blue-900);
  font-weight:950;
  cursor:pointer;
}
.filterBtn svg{width:16px;height:16px;fill:var(--blue-900)}
.filterBtn:hover{border-color: rgba(255,106,0,.28)}
.filterBtn.is-active{
  background: rgba(255,106,0,.10);
  border-color: rgba(255,106,0,.35);
}
.filterBtn.is-active svg{fill:var(--accent)}

.portfolioGrid{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(3, minmax(240px, 1fr));
  gap:14px;
}
.workCard{
  border:1px solid var(--border);
  border-radius:22px;
  overflow:hidden;
  background:var(--white);
  box-shadow: 0 14px 26px rgba(7,43,90,.06);
  text-decoration:none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.workCard:hover{
  transform: translateY(-2px);
  border-color: rgba(255,106,0,.28);
  box-shadow: 0 18px 34px rgba(7,43,90,.10);
}
.workThumb{position:relative}
.workThumb img{display:block;width:100%;height:220px;object-fit:cover}
.workBadge{
  position:absolute;
  left:12px;top:12px;
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 10px;
  border-radius:999px;
  background: rgba(7,43,90,.92);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  font-weight:950;
  font-size:12.5px;
}
.workBadge svg{width:16px;height:16px;fill:var(--accent)}
.workInfo{padding:14px}
.workTitle{color:var(--blue-900);font-weight:950;font-size:16px}
.workMeta{margin-top:6px;color:var(--muted);font-size:13.5px;font-weight:800}

.portfolioBottomCta{
  margin-top:14px;
  display:flex;gap:14px;align-items:center;justify-content:space-between;
  padding:14px 16px;
  border-radius:22px;
  border:1px solid var(--border);
  background: rgba(7,43,90,.92);
  color:#fff;
  flex-wrap:wrap;
}
.portfolioBottomTitle{display:flex;align-items:center;gap:10px;font-weight:950;font-size:16px}
.portfolioBottomTitle svg{width:18px;height:18px;fill:var(--accent)}
.portfolioBottomSub{margin-top:6px;color:rgba(255,255,255,.86);font-size:14px;line-height:1.5;max-width:70ch}
.portfolioBottomBtns{display:flex;gap:10px;flex-wrap:wrap}

/* Lightbox */
.lightbox{position:fixed;inset:0;display:none;z-index:9999}
.lightbox.is-open{display:block}
.lightbox__backdrop{position:absolute;inset:0;background:rgba(7,43,90,.72)}
.lightbox__dialog{
  position:relative;
  max-width: 980px;
  margin: 5vh auto;
  background:#fff;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  box-shadow: 0 30px 60px rgba(0,0,0,.28);
}
.lightbox__close{
  position:absolute;right:10px;top:10px;
  width:42px;height:42px;border-radius:16px;
  border:1px solid rgba(11,58,126,.18);
  background:#fff;
  color:var(--blue-900);
  font-weight:950;
  cursor:pointer;
}
.lightbox__media img{display:block;width:100%;max-height:58vh;object-fit:cover}
.lightbox__info{padding:14px 16px}
.lightbox__title{color:var(--blue-900);font-weight:950;font-size:18px}
.lightbox__meta{margin-top:6px;color:var(--muted);font-weight:800}
.lightbox__actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}

/* Responsive */
@media (max-width: 1100px){
  .benefitsGrid, .portfolioGrid{grid-template-columns: repeat(2, minmax(220px, 1fr));}
}
@media (max-width: 640px){
  .benefitsGrid, .portfolioGrid{grid-template-columns: 1fr;}
  .workThumb img{height:200px}
}



/* ===== Services ===== */
.services{padding:26px 0}
.servicesActions{
  margin-top:12px;
  display:flex;gap:10px;align-items:center;justify-content:space-between;
  flex-wrap:wrap;
}
.servicesSearch{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid var(--border);
  background:#fff;
  min-width:min(620px, 100%);
}
.servicesSearch svg{width:18px;height:18px;fill:var(--blue-900)}
.servicesSearch input{
  border:none;outline:none;background:transparent;
  width:100%;
  font-weight:800;
  color:var(--blue-900);
}
.servicesCtas{display:flex;gap:10px;flex-wrap:wrap}

.servicesGrid{display:grid;gap:14px;margin-top:14px}
.serviceGroup{
  border:1px solid var(--border);
  border-radius:22px;
  background:#fff;
  box-shadow: 0 14px 26px rgba(7,43,90,.06);
  overflow:hidden;
}
.serviceGroup__summary{
  cursor:pointer;
  list-style:none;
  display:flex;align-items:center;gap:12px;
  padding:14px 16px;
  background: linear-gradient(180deg,#FFFFFF 0%,#FBFCFF 100%);
}
.serviceGroup__summary::-webkit-details-marker{display:none}
.serviceGroup__icon{
  width:44px;height:44px;border-radius:18px;
  display:grid;place-items:center;
  border:1px solid rgba(255,106,0,.30);
  background: rgba(255,106,0,.10);
}
.serviceGroup__icon svg{width:22px;height:22px;fill:var(--accent)}
.serviceGroup__title{font-weight:950;color:var(--blue-900);font-size:16px}
.serviceGroup__meta{color:var(--muted);font-weight:800;font-size:13.5px;margin-left:auto}
.serviceGroup__chev{color:var(--blue-900);opacity:.7;font-weight:950}
.serviceGroup[open] .serviceGroup__chev{transform: rotate(180deg)}

.serviceGroup__body{padding:14px 16px;border-top:1px solid rgba(11,58,126,.10)}
.serviceSubgrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap:14px;
}
.serviceSub{
  border:1px solid rgba(11,58,126,.12);
  border-radius:18px;
  padding:12px 12px;
  background: rgba(11,58,126,.03);
}
.serviceSub__title{
  display:flex;align-items:center;gap:10px;
  font-weight:950;color:var(--blue-900);font-size:14.5px;
}
.serviceSub__title svg{width:18px;height:18px;fill:var(--accent)}
.serviceList{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.serviceList a{
  text-decoration:none;
  color:var(--blue-900);
  font-weight:900;
}
.serviceList a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.badge{
  margin-left:8px;
  display:inline-flex;align-items:center;
  padding:3px 8px;border-radius:999px;
  border:1px solid rgba(11,58,126,.18);
  background: rgba(11,58,126,.06);
  color:var(--blue-900);
  font-size:12px;font-weight:950;
}
.badge--hot{
  border-color: rgba(255,106,0,.35);
  background: rgba(255,106,0,.10);
  color: var(--accent);
}

.serviceGroup__cta{
  margin-top:14px;
  padding:12px 12px;
  border-radius:18px;
  border:1px solid rgba(255,106,0,.25);
  background: rgba(255,106,0,.08);
  display:flex;gap:12px;align-items:center;justify-content:space-between;
  flex-wrap:wrap;
}
.serviceGroup__ctaText{color:var(--blue-900);font-weight:900}
.serviceGroup__ctaBtns{display:flex;gap:10px;flex-wrap:wrap}

/* ===== Cities ===== */
.cities{padding:26px 0}
.citiesActions{
  margin-top:12px;
  display:flex;gap:10px;align-items:center;justify-content:space-between;
  flex-wrap:wrap;
}
.citiesSearch{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid var(--border);
  background:#fff;
  min-width:min(520px, 100%);
}
.citiesSearch svg{width:18px;height:18px;fill:var(--blue-900)}
.citiesSearch input{
  border:none;outline:none;background:transparent;
  width:100%;
  font-weight:800;
  color:var(--blue-900);
}

.officeGrid{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(3, minmax(240px, 1fr));
  gap:14px;
}

.officeGrid--cities{
  grid-template-columns: repeat(4, minmax(220px, 1fr));
}
.officeCard{
  text-decoration:none;
  border:1px solid var(--border);
  border-radius:22px;
  background:#fff;
  box-shadow: 0 14px 26px rgba(7,43,90,.06);
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.officeCard:hover{
  transform: translateY(-2px);
  border-color: rgba(255,106,0,.28);
  box-shadow: 0 18px 34px rgba(7,43,90,.10);
}
.officeCard__top{display:flex;gap:12px;align-items:flex-start}
.officeIcon{
  width:44px;height:44px;border-radius:18px;
  display:grid;place-items:center;
  border:1px solid rgba(255,106,0,.30);
  background: rgba(255,106,0,.10);
}
.officeIcon svg{width:22px;height:22px;fill:var(--accent)}
.officeCity{font-weight:950;color:var(--blue-900);font-size:16px}
.officeMeta{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap}
.pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 10px;border-radius:999px;
  border:1px solid rgba(11,58,126,.16);
  background: rgba(11,58,126,.06);
  color:var(--blue-900);
  font-weight:950;font-size:12px;
}
.pill svg{width:14px;height:14px;fill:var(--blue-900)}
.pill--accent{
  border-color: rgba(255,106,0,.35);
  background: rgba(255,106,0,.10);
}
.pill--accent svg{fill:var(--accent)}
.officeArrow{margin-left:auto;color:var(--blue-900);font-weight:950;opacity:.7;font-size:18px}
.officeBottom{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding-top:10px;border-top:1px solid rgba(11,58,126,.10);
}
.officeHint{color:var(--muted);font-weight:800;font-size:13.5px}
.officeBtn{
  color:#fff;
  background: var(--accent);
  border:1px solid rgba(255,106,0,.55);
  padding:8px 12px;
  border-radius:14px;
  font-weight:950;
}

/* Other cities list */
.citiesListWrap{
  margin-top:14px;
  border:1px solid var(--border);
  border-radius:22px;
  background:#fff;
  box-shadow: 0 14px 26px rgba(7,43,90,.06);
  padding:14px;
}
.citiesListHead{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.citiesListTitle{
  display:flex;align-items:center;gap:10px;
  font-weight:950;color:var(--blue-900);font-size:16px;
}
.citiesListTitle svg{width:18px;height:18px;fill:var(--accent)}
.citiesListNote{color:var(--muted);font-weight:800;max-width:70ch}

.citiesChips{
  margin-top:12px;
  display:flex;gap:10px;flex-wrap:wrap;
}
.cityChip{
  text-decoration:none;
  display:inline-flex;align-items:center;
  padding:10px 12px;border-radius:999px;
  border:1px solid rgba(11,58,126,.16);
  background: rgba(11,58,126,.04);
  color:var(--blue-900);
  font-weight:950;
}
.cityChip:hover{
  border-color: rgba(255,106,0,.35);
  background: rgba(255,106,0,.10);
  color: var(--accent);
}

.citiesPageContent{margin-top:18px}

.contactsHero .hero__grid{align-items:stretch}
.contactsPanel{
  height:100%;
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(11,58,126,.12);
  background:linear-gradient(180deg,#fff 0%,#f6f9ff 100%);
  box-shadow:0 22px 40px rgba(7,43,90,.10);
}
.contactsPanel__head{display:grid;gap:8px}
.contactsPanel__eyebrow{
  color:var(--accent);
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:12px;
}
.contactsPanel__title{font-size:24px;font-weight:950;color:var(--blue-900)}
.contactsPanel__desc{color:var(--muted);font-weight:700}
.contactsPanel .officeGrid{margin-top:0;grid-template-columns:1fr;gap:12px}
.officeCard--static{padding:16px}
.contactsPanel__value,
.contactsPanel__value a{
  color:var(--blue-900);
  font-size:15px;
  font-weight:900;
  text-decoration:none;
}
.contactsPanel__meta{display:flex;gap:10px;flex-wrap:wrap}
.contactsPanel__socials{display:flex;gap:10px;flex-wrap:wrap}
.contactsMap{
  border:1px solid var(--border);
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 34px rgba(7,43,90,.08);
  padding:18px;
}
.contactsMap__head{margin-bottom:14px}
.contactsMap__frame{
  overflow:hidden;
  border-radius:22px;
  min-height:360px;
  border:1px solid rgba(11,58,126,.10);
  background:#eef3fb;
}
.contactsMap__frame iframe,
.contactsMap__frame #map,
.contactsMap__frame > div{
  display:block;
  width:100%;
  min-height:360px;
}
.contactsContent{
  color:var(--blue-900);
  line-height:1.7;
}
.contactsContent > :first-child{margin-top:0}
.contactsContent > :last-child{margin-bottom:0}

.editorHighlights{padding:12px 0 4px}
.editorHighlights .sectionHead{margin-bottom:14px}

.seoBlock{padding:28px 0}
.seoBlock__grid{
  display:grid;
  grid-template-columns:minmax(0, 1.45fr) minmax(300px, .85fr);
  gap:18px;
  align-items:start;
}
.seoBlock__main,
.seoLinks{
  border:1px solid var(--border);
  border-radius:26px;
  background:#fff;
  box-shadow:0 18px 34px rgba(7,43,90,.08);
  padding:18px;
}
.seoBlock__title{
  margin:8px 0 0;
  font-size:28px;
  line-height:1.15;
  color:var(--blue-900);
  font-weight:950;
}
.seoContentCards{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-bottom:18px;
}
.seoContentCard{
  border:1px solid var(--border);
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 26px rgba(7,43,90,.06);
  padding:18px;
}
.seoContentCard__title{
  margin:0 0 10px;
  color:var(--blue-900);
  font-size:21px;
  font-weight:950;
  line-height:1.15;
}
.seoContentCard__body{font-size:15.5px}
.faqList{margin-top:14px;display:grid;gap:10px}
.faqItem{
  border:1px solid rgba(11,58,126,.12);
  border-radius:18px;
  background:#f8fbff;
  padding:0 14px;
}
.faqItem[open]{background:#fff7f0;border-color:rgba(255,106,0,.24)}
.faqItem__q{
  list-style:none;
  cursor:pointer;
  padding:14px 28px 14px 0;
  position:relative;
  color:var(--blue-900);
  font-weight:900;
}
.faqItem__q::-webkit-details-marker{display:none}
.faqItem__q::after{
  content:"+";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  font-size:24px;
  line-height:1;
  color:var(--accent);
}
.faqItem[open] .faqItem__q::after{content:"−"}
.faqItem__a{padding:0 0 14px;color:var(--muted);font-weight:700;line-height:1.65}
.faqItem__a p{margin:0}
.seoLinks{display:grid;gap:14px}
.seoLinks__title{
  color:var(--blue-900);
  font-size:20px;
  font-weight:950;
}
.seoLinks__group{display:grid;gap:8px}
.seoLinks__head{
  color:var(--accent);
  font-size:13px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.seoLinks__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.seoLinks__list a{
  display:block;
  text-decoration:none;
  color:var(--blue-900);
  font-weight:850;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(11,58,126,.04);
  border:1px solid rgba(11,58,126,.08);
}
.seoLinks__list a:hover{
  color:var(--accent);
  border-color:rgba(255,106,0,.24);
  background:rgba(255,106,0,.08);
}

.citiesListCta{
  margin-top:12px;
  padding:12px 12px;
  border-radius:18px;
  border:1px solid rgba(255,106,0,.25);
  background: rgba(255,106,0,.08);
  display:flex;gap:12px;align-items:center;justify-content:space-between;
  flex-wrap:wrap;
}
.citiesListCtaText{color:var(--blue-900);font-weight:900}

.serviceStory{padding:10px 0 28px}
.serviceStory__wrap{
  border:1px solid var(--border);
  border-radius:30px;
  background:
    radial-gradient(circle at top right, rgba(255,106,0,.10), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow:0 18px 34px rgba(7,43,90,.08);
  padding:22px;
}
.serviceStory__head{max-width:880px}
.serviceStory__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(11,58,126,.07);
  color:var(--blue-900);
  font-size:12px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.serviceStory__title{
  margin:14px 0 0;
  color:var(--blue-900);
  font-size:32px;
  line-height:1.1;
  font-weight:950;
}
.serviceStory__intro{
  margin:12px 0 0;
  max-width:780px;
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
  font-weight:700;
}
.serviceStory__grid{
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}
.serviceStory__card{
  min-width:0;
  border-radius:24px;
  padding:18px;
  background:#fff;
  border:1px solid rgba(11,58,126,.10);
  box-shadow:0 12px 24px rgba(7,43,90,.05);
}
.serviceStory__cardTitle{
  margin:0;
  color:var(--blue-900);
  font-size:20px;
  line-height:1.25;
  font-weight:950;
}
.serviceStory__cardText{
  margin:10px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
  font-weight:700;
}
.serviceStory__footer{
  margin-top:18px;
  display:flex;
  gap:18px;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
}
.serviceStory__points{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
  flex:1 1 460px;
}
.serviceStory__points li{
  position:relative;
  padding-left:28px;
  color:var(--blue-900);
  font-weight:800;
  line-height:1.55;
}
.serviceStory__points li::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--accent), #ffb36b);
  box-shadow:0 0 0 5px rgba(255,106,0,.12);
}
.serviceStory__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
  flex:0 1 360px;
}

/* Responsive */
@media (max-width: 1100px){
  .serviceSubgrid{grid-template-columns: repeat(2, minmax(220px, 1fr));}
  .officeGrid,
  .officeGrid--cities{grid-template-columns: repeat(2, minmax(240px, 1fr));}
  .contactsPanel .officeGrid{grid-template-columns:1fr}
  .seoBlock__grid{grid-template-columns:1fr}
  .seoContentCards{grid-template-columns:1fr}
  .serviceStory__grid{grid-template-columns:1fr}
  .serviceStory__actions{justify-content:flex-start;flex-basis:100%}
}
@media (max-width: 640px){
  .breadcrumbs{
    padding:10px 0 12px;
  }

  .breadcrumbs__panel{
    gap:10px;
    padding:12px;
    border-radius:16px;
  }

  .breadcrumbs__badge{
    width:32px;
    height:32px;
    flex-basis:32px;
    border-radius:12px;
  }

  .breadcrumbs__badge svg{
    width:16px;
    height:16px;
  }

  .breadcrumbs__nav,
  #breadcrumbs{
    font-size:13px;
    line-height:1.5;
  }

  #breadcrumbs a,
  .breadcrumbs__link,
  #breadcrumbs .breadcrumb_last,
  .breadcrumbs__item--current{
    padding:3px 8px;
  }

  .serviceSubgrid{grid-template-columns: 1fr;}
  .officeGrid,
  .officeGrid--cities{grid-template-columns: 1fr;}
  .contactsPanel{padding:18px;border-radius:22px}
  .contactsPanel__title{font-size:21px}
  .contactsMap{padding:14px;border-radius:22px}
  .contactsMap__frame,
  .contactsMap__frame iframe,
  .contactsMap__frame #map,
  .contactsMap__frame > div{min-height:280px}
  .seoBlock__title{font-size:23px}
  .serviceStory__wrap{padding:18px;border-radius:24px}
  .serviceStory__title{font-size:24px}
  .serviceStory__card{padding:16px;border-radius:20px}
  .serviceStory__cardTitle{font-size:18px}
}