/* tech.css — тех-страницы Фазы 4 (build_tech.py): О компании/Контакты/Отзывы/Блог/Политика/Оферта.
   Скоупим под .tech-page, чтобы НЕ задеть Tilda-хедер/футер/cookie. Дизайн-токены — как cat.css/car.css.
   Кнопка .seo-art__cta — канон из arenda.css (не дублируем). */
.tech-page main{background:#fff}
.tech-page .tp-wrap{
  font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;color:#1d1d1d;
  --ac:#cefe46;--ac-dk:#bdf02c;--ink:#1d1d1d;--dark:#1d1d1d;--black:#0e100f;
  --muted:#f5f6f7;--plate:#f5f6f7;--plate2:#eceef0;--line:#ededee;--grey:#5f6368;--grey2:#8b8f93;
  max-width:1240px;margin:0 auto;padding:90px clamp(16px,4vw,40px) 70px;
}
.tech-page .tp-wrap *{box-sizing:border-box}
.tech-page .tp-wrap a{color:inherit}
@media(max-width:760px){.tech-page .tp-wrap{padding-top:74px}}

/* хлебные крошки */
.tp-bc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--grey2);margin:0 0 26px}
.tp-bc a{color:var(--grey2)!important;text-decoration:none;transition:color .15s}
.tp-bc a:hover{color:var(--ink)!important}
.tp-bc span[aria-current]{color:var(--ink);font-weight:600}
.tp-bc>span[aria-hidden]{opacity:.45}

/* герой страницы */
.tp-hero{margin:0 0 46px;max-width:900px}
.tp-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:#1d1d1d;background:var(--ac);border-radius:100px;padding:6px 15px;margin-bottom:18px}
.tp-h1{font-size:clamp(30px,5vw,52px);line-height:1.04;font-weight:800;letter-spacing:-.02em;margin:0 0 16px}
.tp-lead{font-size:clamp(16px,1.7vw,19px);line-height:1.55;color:#42474b;margin:0}

/* секции и заголовки */
.tp-section{margin:0 0 48px}
.tp-h2{font-size:clamp(23px,3vw,32px);line-height:1.12;font-weight:800;letter-spacing:-.01em;margin:0 0 20px}
.tp-h3{font-size:19px;font-weight:700;margin:26px 0 10px}
.tp-section p{font-size:17px;line-height:1.6;color:#3a3f43;margin:0 0 14px;max-width:880px}

/* сетки карточек */
.tp-grid{display:grid;gap:18px;margin-top:6px}
.tp-grid--2{grid-template-columns:repeat(2,1fr)}
.tp-grid--3{grid-template-columns:repeat(3,1fr)}
.tp-grid--4{grid-template-columns:repeat(4,1fr)}
.tp-card{background:var(--plate);border:1px solid var(--line);border-radius:20px;padding:24px}
.tp-card__t{font-size:18px;font-weight:700;margin:0 0 8px;letter-spacing:-.01em}
.tp-card p{font-size:15.5px;line-height:1.55;color:#42474b;margin:0}

/* статы */
.tp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:6px}
.tp-stat{background:#0e100f;border-radius:20px;padding:28px 22px;text-align:center;color:#fff}
.tp-stat__num{display:block;font-size:clamp(30px,4vw,46px);font-weight:800;line-height:1;color:var(--ac);letter-spacing:-.02em}
.tp-stat__lbl{display:block;margin-top:10px;font-size:14.5px;color:#c9cccf}

/* команда */
.tp-team{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:6px}
.tp-member{background:var(--plate);border:1px solid var(--line);border-radius:20px;padding:24px;text-align:left}
.tp-member__ava{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;
  background:var(--ac);color:#1d1d1d;font-weight:800;font-size:19px;letter-spacing:.02em;margin-bottom:14px}
.tp-member__name{font-size:17px;font-weight:700;margin:0 0 2px}
.tp-member__role{display:block;font-size:13.5px;font-weight:600;color:var(--ac-dk);margin-bottom:10px}
.tp-member__bio{font-size:14.5px;line-height:1.55;color:#42474b;margin:0}

/* контакты */
.tp-contacts{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px;max-width:620px}
.tp-contact{display:flex;align-items:baseline;gap:16px;background:var(--plate);border:1px solid var(--line);
  border-radius:14px;padding:15px 20px}
.tp-contact__lbl{flex:0 0 110px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--grey2)}
.tp-contact__val{font-size:17px;font-weight:600;color:var(--ink)!important;text-decoration:none}
a.tp-contact__val:hover{color:var(--ac-dk)!important}

/* график-таблица */
.tp-hours{border-collapse:collapse;width:100%;max-width:480px;font-size:16px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.tp-hours th,.tp-hours td{padding:13px 18px;text-align:left}
.tp-hours thead th{background:#0e100f;color:#fff;font-weight:700;font-size:14px}
.tp-hours tbody th{font-weight:700;color:var(--ink);background:var(--plate)}
.tp-hours tbody td{color:#3a3f43}
.tp-hours tbody tr+tr th,.tp-hours tbody tr+tr td{border-top:1px solid var(--line)}

/* карта */
.tp-map{margin:8px 0 0}
.tp-map__embed{position:relative;width:100%;height:380px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--plate)}
.tp-map__embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tp-map figcaption{margin-top:12px;font-size:14.5px;color:var(--grey2)}

/* агрегат отзывов */
.tp-agg{display:flex;flex-wrap:wrap;align-items:center;gap:28px;background:#0e100f;border-radius:24px;
  padding:28px 32px;margin:0 0 40px;color:#fff}
.tp-agg__main{display:flex;flex-direction:column;gap:2px;padding-right:28px;border-right:1px solid #2a2c2b}
.tp-agg__score{font-size:54px;font-weight:800;line-height:1;color:var(--ac)}
.tp-agg__lbl{font-size:14px;color:#c9cccf}
.tp-agg__sources{list-style:none;display:flex;flex-wrap:wrap;gap:26px;margin:0;padding:0}
.tp-agg__sources li{font-size:15px;color:#e6e8ea}
.tp-agg__sources b{display:block;font-size:13px;font-weight:600;color:#9aa0a6;margin-bottom:2px}
.tp-agg__sources span{font-size:12.5px;color:#9aa0a6}

/* отзывы */
.tp-reviews{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:6px}
.rvw{background:var(--plate);border:1px solid var(--line);border-radius:20px;padding:22px 24px;display:flex;flex-direction:column}
.rvw__head{display:flex;align-items:center;gap:13px;margin-bottom:13px}
.rvw__ava{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:var(--ac);color:#1d1d1d;
  display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.rvw__id{flex:1;min-width:0}
.rvw__name{font-size:16px;font-weight:700;margin:0}
.rvw__meta{font-size:12.5px;color:var(--grey2)}
.rvw__rate{flex:0 0 auto;color:#f5b301;font-size:15px;letter-spacing:1px}
.rvw__text{font-size:15.5px;line-height:1.6;color:#3a3f43;margin:0 0 14px}
.rvw__reply{background:#fff;border:1px solid var(--line);border-left:3px solid var(--ac);border-radius:12px;padding:12px 16px;margin:0 0 14px}
.rvw__reply-by{display:block;font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:4px}
.rvw__reply p{font-size:14px;line-height:1.5;color:#42474b;margin:0}
.rvw__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.rvw__badge{font-size:12px;font-weight:600;color:#1f9d57;background:#e7f6ee;border-radius:100px;padding:4px 11px}
.rvw__likes{font-size:13px;color:var(--grey2)}

/* блог */
.tp-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:6px}
.tp-post{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;
  transition:box-shadow .18s,transform .18s}
.tp-post:hover{box-shadow:0 14px 34px rgba(16,18,15,.10);transform:translateY(-3px)}
.tp-post__img{height:150px;background:linear-gradient(135deg,#1d1d1d,#2c2f2c);position:relative}
.tp-post__img::after{content:attr(data-cat);position:absolute;left:16px;bottom:14px;font-size:48px;font-weight:800;
  color:rgba(206,254,70,.16);letter-spacing:-.02em;line-height:1}
.tp-post__body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.tp-post__cat{align-self:flex-start;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  color:#1d1d1d;background:var(--ac);border-radius:100px;padding:4px 11px;margin-bottom:11px}
.tp-post__t{font-size:17px;font-weight:700;line-height:1.25;margin:0 0 9px}
.tp-post__t a{text-decoration:none;color:var(--ink)!important}
.tp-post__t a:hover{color:var(--ac-dk)!important}
.tp-post__ex{font-size:14.5px;line-height:1.55;color:#42474b;margin:0 0 14px}
.tp-post__date{margin-top:auto;font-size:13px;color:var(--grey2)}

/* юр.текст + оглавление */
.tp-toc{background:var(--plate);border:1px solid var(--line);border-radius:18px;padding:20px 26px;margin:0 0 36px;max-width:760px}
.tp-toc ol{margin:0;padding-left:20px;display:grid;gap:7px}
.tp-toc a{color:#3a3f43;text-decoration:none;font-size:15px}
.tp-toc a:hover{color:var(--ink);text-decoration:underline}
.tp-legal{max-width:880px}
.tp-legal__sec{margin:0 0 30px;scroll-margin-top:90px}
.tp-legal__sec .tp-h2{font-size:clamp(20px,2.4vw,26px);margin-bottom:12px}
.tp-legal__sec h3{font-size:17px;font-weight:700;margin:18px 0 8px}
.tp-legal__sec p{font-size:16px;line-height:1.65;color:#3a3f43;margin:0 0 12px}
.tp-legal__sec ul,.tp-legal__sec ol{margin:0 0 14px;padding-left:22px;display:grid;gap:7px}
.tp-legal__sec li{font-size:16px;line-height:1.55;color:#3a3f43}

/* CTA-полоса */
.tp-ctaband{background:#0e100f;border-radius:24px;padding:40px clamp(22px,4vw,48px);text-align:center;margin:54px 0 0;color:#fff}
.tp-ctaband .tp-h2{color:#fff;margin-bottom:10px}
.tp-ctaband p{color:#c9cccf;font-size:16.5px;line-height:1.55;max-width:620px;margin:0 auto 22px}
.tp-ctaband .seo-art__cta{margin:0 auto}

/* ───────── адаптив ───────── */
@media(max-width:980px){
  .tp-grid--3,.tp-grid--4,.tp-team{grid-template-columns:repeat(2,1fr)}
  .tp-stats{grid-template-columns:repeat(2,1fr)}
  .tp-blog{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .tp-grid--2,.tp-grid--3,.tp-grid--4,.tp-team,.tp-reviews,.tp-blog{grid-template-columns:1fr}
  .tp-stats{grid-template-columns:repeat(2,1fr)}
  .tp-agg{gap:18px;padding:22px}
  .tp-agg__main{border-right:0;border-bottom:1px solid #2a2c2b;padding-right:0;padding-bottom:16px;width:100%}
  .tp-agg__sources{gap:18px}
  .tp-contact{flex-direction:column;gap:4px}
  .tp-contact__lbl{flex-basis:auto}
  .tp-map__embed{height:300px}
}

/* Крошки тех-страницы (.tp-bc) лежат ВНЕ .tp-wrap → были прижаты к верху за фикс-хедером и во всю ширину.
   Даём контейнер 1240px и верхний отступ под фикс-хедер; верхний паддинг .tp-wrap уменьшаем (отступ даёт крошка). */
.tech-page .tp-bc{max-width:1240px;margin:0 auto;padding:72px clamp(16px,4vw,40px) 0;box-sizing:border-box;
  font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.tech-page .tp-wrap{padding-top:22px}
@media(max-width:760px){.tech-page .tp-bc{padding-top:82px}.tech-page .tp-wrap{padding-top:14px}}