/* Фирменный стиль Interland поверх Bootstrap 5.3: палитра через переменные + мотив слэшей.
   Раскладка, отступы, сетка — утилитами Bootstrap в разметке. */
:root {
  --il-navy: #161B30;
  --il-navy2: #222942;
  --il-navy3: #2C3450;
  --il-accent: #3E73E6;
  --il-ink: #2A2E3A;
  --il-grey: #717784;
  --il-line: #DDE0E8;
  --il-panel: #F2F4F8;
  --il-tint: #EAEFFB;
  --il-muted: #AEB5CC;
  --il-soft: #C7CDDF;
  --bs-body-font-family: "Arimo", Arial, "Liberation Sans", sans-serif;
  --bs-body-color: var(--il-ink);
  --bs-primary: #3E73E6;
  --bs-primary-rgb: 62, 115, 230;
  --bs-link-color: #3E73E6;
  --bs-link-color-rgb: 62, 115, 230;
  --bs-link-hover-color: #2C5BC4;
  --bs-border-color: var(--il-line);
  --bs-secondary-color: var(--il-grey);
  --bs-tertiary-bg: var(--il-panel);
  --bs-border-radius: .6rem;
  --bs-border-radius-lg: .9rem;
}
.btn-primary {
  --bs-btn-bg: #3E73E6; --bs-btn-border-color: #3E73E6;
  --bs-btn-hover-bg: #2C5BC4; --bs-btn-hover-border-color: #2C5BC4;
  --bs-btn-active-bg: #244DA8; --bs-btn-active-border-color: #244DA8;
  --bs-btn-disabled-bg: #3E73E6; --bs-btn-disabled-border-color: #3E73E6;
}
.btn-outline-primary {
  --bs-btn-color: #3E73E6; --bs-btn-border-color: #3E73E6;
  --bs-btn-hover-bg: #3E73E6; --bs-btn-hover-border-color: #3E73E6;
  --bs-btn-active-bg: #2C5BC4; --bs-btn-active-border-color: #2C5BC4;
}
.progress { --bs-progress-bar-bg: #3E73E6; }
.form-control:focus { border-color: #3E73E6; box-shadow: 0 0 0 .2rem rgba(62, 115, 230, .2); }

/* Тёмные секции */
.bg-navy { background: var(--il-navy); color: #fff; }
.bg-navy .text-soft { color: var(--il-soft); }
.bg-navy .text-muted-on-dark { color: var(--il-muted); }
.bg-tint { background: var(--il-tint); }
.text-navy { color: var(--il-navy); }
.text-accent { color: var(--il-accent); }
.logo { display: inline-block; height: 22px; width: auto; vertical-align: middle; }
.logo svg { height: 100%; width: auto; display: block; }

/* Мотив слэшей: декор углов и акцент под заголовком */
.slashes { position: relative; overflow: hidden; }
.slashes::after {
  content: ""; position: absolute; right: -60px; top: -40px; width: 520px; height: 520px; pointer-events: none;
  background: linear-gradient(115deg, transparent 0 22%, var(--il-navy2) 22% 34%, transparent 34% 42%,
              var(--il-navy2) 42% 54%, transparent 54% 62%, var(--il-navy3) 62% 74%, transparent 74%);
  opacity: .9;
}
.slashes > * { position: relative; z-index: 1; }
.slashes-light::after { background: linear-gradient(115deg, transparent 0 30%, #F1F4FA 30% 40%, transparent 40% 47%,
              #F1F4FA 47% 57%, transparent 57% 64%, #F1F4FA 64% 74%, transparent 74%); }
.slash-mark { display: inline-flex; gap: 3px; margin-bottom: .6rem; }
.slash-mark i { width: 7px; height: 16px; background: var(--il-accent); transform: skewX(-20deg); border-radius: 1px; }

/* Поле адреса в первом экране */
.hero-form { background: #fff; border-radius: .9rem; padding: .4rem; box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }
.hero-form .form-control { border: 0; box-shadow: none; }

/* Карточки и номер шага */
.il-card { background: #fff; border: 1px solid var(--il-line); border-radius: .9rem; }
.il-card-top { border-top: 3px solid var(--il-accent); }
.step-num { width: 2.2rem; height: 2.2rem; border-radius: .5rem; background: var(--il-accent); color: #fff;
  display: inline-flex; align-items: center; justify-content: center; font-weight: 700; flex: none; }

/* Кольцо оценки (превью и отчёт) */
.score-ring { --p: 74; width: 92px; height: 92px; border-radius: 50%; flex: none;
  background: conic-gradient(var(--il-accent) calc(var(--p) * 1%), var(--il-line) 0);
  display: inline-flex; align-items: center; justify-content: center; }
.score-ring span { width: 72px; height: 72px; border-radius: 50%; background: #fff; display: flex; align-items: center;
  justify-content: center; font-weight: 700; font-size: 1.4rem; color: var(--il-navy); }
.preview-card { transform: rotate(-1.5deg); }

/* Итог-полоса (сумма) */
.total-band { background: var(--il-navy); color: #fff; border-radius: .9rem; }
.total-band .num { font-size: 1.6rem; font-weight: 700; white-space: nowrap; }
.roi-table td, .roi-table th { white-space: nowrap; }
.roi-plus { color: #1E8E5A; }
.roi-minus { color: #C2410C; }

/* CRM-форма Битрикс24 в окне заявки: приводим к фирменному стилю (её собственные стили — тёмная тема с жёлтой кнопкой) */
#leadModal .b24-form-wrapper { background: #fff !important; font-family: var(--bs-body-font-family) !important; box-shadow: none !important; border-radius: 0 !important; max-width: none !important; margin: 0 !important; }
#leadModal .b24-form-header { background: var(--il-navy) !important; border: 0 !important; padding-top: 1.6rem !important; padding-bottom: 1.4rem !important; text-align: left !important; }
#leadModal .b24-form-header-title { color: #fff !important; font-weight: 700 !important; font-size: 1.5rem !important; }
#leadModal .b24-form-header-description { color: var(--il-soft) !important; font-size: .9rem !important; }
#leadModal .b24-form-content { background: #fff !important; padding-top: 1.2rem !important; }
#leadModal .b24-form-control { background: #fff !important; color: var(--il-ink) !important; border: 1px solid var(--il-line) !important; border-radius: .6rem !important; }
#leadModal .b24-form-control:focus { border-color: var(--il-accent) !important; box-shadow: 0 0 0 .2rem rgba(62, 115, 230, .2) !important; }
#leadModal .b24-form-control-label { color: var(--il-grey) !important; }
#leadModal .b24-form-control-required { color: #DC3545 !important; }
#leadModal .b24-form-control-desc, #leadModal .b24-form-control-agreement, #leadModal .b24-form-field-agreement-link { color: var(--il-ink) !important; }
#leadModal .b24-form-field-agreement-link { color: var(--il-accent) !important; }
#leadModal .b24-form-btn { background: var(--il-accent) !important; color: #fff !important; border-radius: .6rem !important; font-weight: 600 !important; border: 0 !important; }
#leadModal .b24-form-btn:hover { background: #2C5BC4 !important; }
#leadModal .b24-form-sign, #leadModal .b24-form-sign-abuse-link, #leadModal .b24-form-sign-text { color: var(--il-grey) !important; background: #fff !important; }
#leadModal .b24-form-state, #leadModal .b24-form-state-text { background: #fff !important; color: var(--il-ink) !important; }