/* Добросовестность — стили страницы (скоуп integrity.html).
   Главная и общие файлы заморожены: components.css/tokens.css не трогаем,
   всё, что отличается от эталона, — модификаторы здесь.
   Значения — замер по SVG и JSON-экспорту Figma
   «Integrity - Desktop 1440 / Tablet 768 / Mobile 390». */

:root{
  /* Кружок с крестиком на тёмной карточке. В tokens.css такого цвета нет
     (в макете #3A3A3C — на ступень светлее --card-dark-2). Вопрос в отчёте. */
  --itg-chip:#3A3A3C;
}

/* ——— Шапка на тёмном фоне ———————————————————————————————————
   Первый экран страницы чёрный (#1C1C1E), шапка лежит на нём. */
.header--itg{background:var(--card-dark)}
.header--itg .logo{color:#fff}
.header--itg .logo span{color:var(--blue-on-dark)}
.header--itg .nav a,.header--itg .nav__toggle{color:var(--gray-3)}
.header--itg .nav>a:hover,.header--itg .nav__toggle:hover{color:var(--blue-on-dark)}
.header--itg .nav a[aria-current="page"],.header--itg .nav__toggle[aria-current="page"]{color:#fff;font-weight:700}
.header--itg .burger span,
.header--itg .burger::before,
.header--itg .burger::after{background:#fff}
.menu-open .header--itg .burger span,
.menu-open .header--itg .burger::before,
.menu-open .header--itg .burger::after{background:var(--ink)}
/* выпадающий список «О GEO» остаётся белой панелью эталона */
.header--itg .nav__drop a{color:var(--ink)}

.itg-dark{background:var(--card-dark)}

/* ——— 01 · Первый экран ———————————————————————————————————— */
.itg-hero{padding-top:105px;padding-bottom:0}
.itg-hero .eyebrow{margin-bottom:15px}
.itg-h1{
  font-size:60px;line-height:64px;
  /* в макете у этого заголовка трекинг −2 % (замер: строка 1 — 999,4 px
     при 60/Bold; при трекинге 0 вышло бы 1037). Вопрос в отчёте. */
  letter-spacing:-.02em;
  max-width:1020px;
}
.itg-head1{margin-bottom:28.8px}
.itg-lead{max-width:745px}

/* ——— 02 · Как выглядит накрутка ——————————————————————————— */
.itg-grey{padding-top:97.2px;padding-bottom:103.7px}
.itg-head2{margin-bottom:42.3px}
.itg-grey .eyebrow{margin-bottom:15.5px}

.itg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.itg-card{
  display:flex;align-items:flex-start;gap:17px;
  background:var(--card-dark-2);border-radius:var(--r-md);
  padding:22.4px 24px 24.4px;
}
.itg-x{
  flex:0 0 auto;width:24px;height:24px;margin-top:.6px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:var(--itg-chip);
  font-size:14px;line-height:1;font-weight:700;color:var(--gray-2);
}
.itg-card__body{min-width:0}
.itg-card__s{margin-top:3.2px;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--gray-2)}

.itg-note{margin-top:27.3px;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--gray-2)}
.itg-note__link{font-size:15px;line-height:20px;vertical-align:baseline}
.itg-note__link::after{width:10px;height:8px}

/* ——— 03 · Наши принципы ——————————————————————————————————— */
.itg-pr{padding:105px 0 103px}
.itg-head3{margin-bottom:48.4px}
.itg-pr .eyebrow{margin-bottom:15.3px}
.itg-pr__grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:40px;row-gap:38px;
}
.itg-pr__c{padding:17.8px 0 2.4px;border-top:1px solid var(--ink)}
.itg-pr__s{margin-top:4.8px;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--gray)}

/* ——— 04 · Семь вопросов подрядчику ———————————————————————— */
.itg-q{padding-top:106px}
.itg-head4{margin-bottom:42.2px}
.itg-q .eyebrow{margin-bottom:14.8px}
.itg-h2q{max-width:830px}
.itg-q__lb{display:block;margin-bottom:11.9px}
.itg-q__card + .itg-q__lb{margin-top:47.1px}

.itg-q__card{padding:0 40px;border-radius:var(--r-xl)}
.itg-q__row{
  display:grid;grid-template-columns:69.3px 655.5fr 395.2fr;
  padding:25.6px 0 29.6px;
}
.itg-q__row + .itg-q__row{border-top:1px solid var(--line)}
.itg-q__row--link{padding-bottom:25.9px}
.itg-q__row--a2{padding-bottom:27.6px}
.itg-q__card--2 .itg-q__row{padding:24.7px 0 28.2px}
.itg-q__card--2 .itg-q__row:first-child{padding-bottom:30.7px}
.itg-q__n{margin-top:3px;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:700;color:var(--gray)}
.itg-q .itg-q__s{margin-top:3px;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--gray)}
.itg-q__a{margin-top:1.6px}
.itg-q__lbl{color:var(--blue);text-transform:none;font-size:13px;line-height:16px}
.itg-q .itg-q__txt{margin-top:3.5px;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink)}
.itg-q__link{display:flex;width:fit-content;margin-top:2.4px}
.itg-q__link::after{width:10px;height:8px}

/* ——— 05 · Первый шаг ——————————————————————————————————————— */
.itg-cta{padding:103.6px 0 103px}
.itg-h1cta{max-width:890px;margin:0 auto}
.itg-cta .itg-cta__actions{justify-content:center;margin-top:32.4px}
.itg-cta__link{margin-top:21.1px}
.itg-cta__link::after{width:10px;height:8px}

/* =====================================================================
   Планшет 768–1023 (макет 768)
   ===================================================================== */
@media (max-width:1023px){
  .itg-h1{font-size:48px;line-height:52px;max-width:470px}
  .itg-hero{padding-top:80.4px}
  .itg-hero .eyebrow{margin-bottom:12px}
  .itg-head1{margin-bottom:27.4px}
  .itg-lead{max-width:none}

  .itg-grey{padding-top:72.6px;padding-bottom:80.7px}
  .itg-head2{margin-bottom:29.6px}
  .itg-grey .eyebrow{margin-bottom:12.9px}

  .itg-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .itg-card{padding:22.6px 24px 24.4px}
  .itg-x{margin-top:.4px}
  .itg-card__s{margin-top:2.9px}
  .itg-note{margin-top:22.3px}

  /* надзаголовки секций 03 и 04 в макете 768 остаются 17 px (как на 1440) */
  .itg-pr .eyebrow,.itg-q .eyebrow{font-size:17px;line-height:21px}
  .itg-pr{padding:81.3px 0 81px}
  .itg-head3{margin-bottom:34.3px}
  .itg-pr .eyebrow{margin-bottom:11.5px}
  .itg-pr__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:31.7px}
  .itg-pr__c{padding:17.6px 0 .8px}
  .itg-pr__s{margin-top:4.9px}

  .itg-q{padding:81.3px 0 80px}
  .itg-head4{margin-bottom:29px}
  .itg-q .eyebrow{margin-bottom:11.8px}
  .itg-h2q{max-width:590px}
  .itg-q__lb{margin-bottom:11.9px}
  .itg-q__card + .itg-q__lb{margin-top:36.1px}

  .itg-q__card{padding:0 28px;border-radius:var(--r-md)}
  .itg-q__row{grid-template-columns:44.8px minmax(0,1fr);padding:26.4px 0 28.3px}
  .itg-q__row--link{padding-bottom:27.7px}
  .itg-q__card--2 .itg-q__row{padding:26.4px 0 28.3px}
  .itg-q__card--2 .itg-q__row:first-child{padding-bottom:28.3px}
  .itg-q__a{grid-column:2;margin-top:14.8px}
  .itg-q__lbl{font-size:12px;line-height:15px}
  .itg-q .itg-q__txt{margin-top:3.5px}
  .itg-q__link{margin-top:2.4px}

  .itg-cta{padding:79.6px 0 77.7px}
  .itg-h1cta{max-width:620px}
  .itg-cta .itg-cta__actions{margin-top:28.4px}
  .itg-cta__link{margin-top:21.3px}
}

/* =====================================================================
   Телефон до 767 (макет 390)
   ===================================================================== */
@media (max-width:767px){
  .itg-h1{font-size:36px;line-height:40px;max-width:none}
  .itg-hero{padding-top:56.3px}
  .itg-hero .eyebrow{margin-bottom:11.6px}
  .itg-head1{margin-bottom:26.3px}

  .itg-grey{padding-top:55.2px;padding-bottom:55.4px}
  .itg-head2{margin-bottom:27.9px}
  .itg-grey .eyebrow{margin-bottom:11.8px}

  .itg-card{padding:19.5px 20px 20.4px;gap:16.5px}
  .itg-x{margin-top:-.5px}
  .itg-card__s{margin-top:2px}
  .itg-note{margin-top:21.3px}
  .itg-note__link{display:flex;width:fit-content;margin-top:3.3px}

  .itg-pr{padding:55.6px 0 56.4px}
  .itg-pr .eyebrow,.itg-q .eyebrow{font-size:var(--fs-eyebrow);line-height:var(--lh-eyebrow)}
  .itg-head3{margin-bottom:33.5px}
  .itg-pr .eyebrow{margin-bottom:12px}
  .itg-pr__grid{grid-template-columns:minmax(0,1fr);row-gap:24.1px}
  .itg-pr__c{padding:18.4px 0 .4px}
  .itg-pr__s{margin-top:4.1px}

  .itg-q{padding:55.6px 0 55.6px}
  .itg-head4{margin-bottom:28.3px}
  .itg-q .eyebrow{margin-bottom:11.3px}
  .itg-q__card + .itg-q__lb{margin-top:36.1px}

  .itg-q__card{padding:0 20px}
  .itg-q__row,.itg-q__card--2 .itg-q__row{grid-template-columns:32px minmax(0,1fr);padding:20.7px 0 20px}
  .itg-q__card .itg-q__row:first-child{padding-top:19.9px;padding-bottom:20px}
  .itg-q__card--2 .itg-q__row:first-child{padding-top:20.7px}
  .itg-q__main{min-width:0}
  .itg-q .itg-q__s{margin-top:2.06px}
  .itg-q__card > .itg-q__row:nth-child(-n+2) .itg-q__s,
  .itg-q__card--2 > .itg-q__row:nth-child(n+2) .itg-q__s{margin-top:.2px}
  .itg-q__a{
    margin-top:11.3px;
    background:var(--bg-soft);border-radius:14px;
    padding:15.15px 14.8px 13.05px;
  }
  .itg-q .itg-q__txt{margin-top:3.9px}
  .itg-q__link{margin-top:1.7px}

  .itg-cta{padding:57.9px 0 55.6px}
  .itg-cta__link{margin-top:20.4px}
}