/* ===== О НАС: первый экран по макету ===== */

/* контейнер секции: тёмный блок с внутренними отступами */
.about-block{
  background: var(--bg-1);
  padding: clamp(24px, 3vw, 36px);
}

/* контентная ширина как на остальных экранах сайта */
.about-inner{
  max-width: 1120px;
  margin: 0 auto;
  padding: clamp(28px, 4vw, 40px);
  background: #262626;                 /* слегка светлее общего фона как в макете */
  border-radius: 0;                     /* у макета верх прямой */
}

/* заголовок */
.about-title{
  margin: 0 0 18px 0;
  font: 800 clamp(28px,4.6vw,44px) Montserrat, sans-serif;
  letter-spacing: .01em;
  color: var(--text);
}

/* блок абзацев миссии: крупный кегль и увеличенный интерлиньяж */
.about-mission{
  max-width: 92ch;
}
.about-mission p{
  margin: 18px 0;
  color: var(--muted);
  font: 400 clamp(16px,2vw,22px) Montserrat, sans-serif;
  line-height: 1.45;
}

/* карточка снизу — используем вашу who-card, но подгоняем отступы как в макете */
.about-card{
  margin-top: clamp(20px, 4vw, 28px);
  padding-top: 56px;                   /* место под плашку */
  border-radius: 28px;
}

/* меню берём как на главной — у вас уже настроено в main.css (.nav) */

/* адаптив как на ваших экранах */
@media (max-width: 1024px){
  .about-inner{ padding: 24px; }
}
@media (max-width: 560px){
  .about-card{ border-radius: 22px; }
}
/* ===== ЭКРАН 2: TRUST SECTION ===== */
.about-trust{
  background: var(--bg-1);
  padding: clamp(28px,3vw,36px);
}
.about-trust__container{
  max-width: 1120px;
  margin: 0 auto;
  background: #2a2a2a;            /* как на макете — тёмная панель */
  border-radius: 0;
  padding: clamp(28px,4vw,40px);
}
.about-trust__title{
  margin: 0 0 18px 0;
  font: 800 clamp(28px,4.6vw,44px) Montserrat, sans-serif;
  letter-spacing: .01em;
  color: var(--text);
}
.about-trust__text{
  max-width: 92ch;
}
.about-trust__text p{
  margin: 18px 0;
  color: var(--muted);
  font: 400 clamp(16px,2vw,22px) Montserrat, sans-serif;
  line-height: 1.45;
}

/* сетка из трёх карточек */
.about-trust__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(16px,3vw,28px);
  margin-top: clamp(24px,4vw,36px);
}

/* карточка и плашка */
.about-trust-card{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 28px;
  min-height: 220px;
  box-shadow: 0 12px 40px rgba(0,0,0,.25);
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.about-trust-card__tab{
  height: 50px;                          /* высота «пилюли» из макета */
  border-radius: 26px;
  background: var(--accent);
  box-shadow: 0 6px 18px rgba(75,93,255,.45);
  margin: 8px auto 0;                    /* по центру сверху */
  width: 82%;                            /* визуальная ширина, как на макете */
}

/* адаптив */
@media (max-width: 1024px){
  .about-trust__grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .about-trust__container{ padding: 24px; }
  .about-trust__grid{ grid-template-columns: 1fr; }
  .about-trust-card{ border-radius: 22px; }
  .about-trust-card__tab{ height: 44px; width: 86%; border-radius: 22px; }
}
/* ===== FOOTER ===== */
.footer{
  background: var(--bg-1);               /* единый фон */
  color: var(--text);
  padding: clamp(40px, 6vw, 64px) clamp(16px, 4vw, 56px) 0;
  border-top: 1px solid var(--stroke);
}
.footer__container{
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: clamp(24px, 4vw, 48px);
  align-items: start;
  max-width: 1200px;
  margin: 0 auto;
}
.footer__brand h3{ margin: 0 0 8px; font: 800 22px/1.2 Montserrat, sans-serif; }
.footer__brand p{ margin: 0; font: 400 16px/1.4 Montserrat, sans-serif; color: var(--muted); }
.footer__nav{ display:flex; flex-direction:column; gap:8px; }
.footer__nav a{ color:var(--text); text-decoration:none; font:500 16px Montserrat, sans-serif; transition:color .25s }
.footer__nav a:hover{ color:var(--accent); }
.footer__socials{ display:flex; gap:12px; }
.footer__socials a{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:50%; background:var(--accent); color:#fff; text-decoration:none; font-size:18px; transition:background .25s;
}
.footer__socials a:hover{ background:#3f4de8; }
.footer__bottom{
  margin-top:32px; padding-top:20px; border-top:1px solid var(--stroke);
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px;
  font:400 14px Montserrat, sans-serif; color:var(--muted);
}
.footer__bottom a{ color:var(--muted); text-decoration:none; transition:color .25s }
.footer__bottom a:hover{ color:var(--accent); }

/* ===== АДАПТИВ ===== */
@media (max-width:1024px){
  .hero__inner{grid-template-columns:1fr}
  .card{justify-self:start; max-width:560px}
  .headline p{max-width:34ch}
  .who__grid{grid-template-columns:1fr}
  .trust5__grid{ grid-template-columns:1fr; }
  .cta6__container{ grid-template-columns:1fr; }
  .cta6__form{ justify-self:start; }
}
@media (max-width:560px){
  .nav{justify-content:center; gap:20px; padding:18px 16px}
  .card{padding:22px; border-radius:22px}
  .card h3{font-size:22px}
  .cta{height:52px; font-size:18px}
  .who-card{padding:22px; border-radius:22px}
  .who-card__tab{font-size:16px; left:18px}
  .features3{ padding-bottom: 120px; }
  .features3__grid{ grid-template-columns: 1fr; }
  .fcard{ border-radius: 20px; min-height: 150px; }
  .features3__art{ height: min(48vh, 520px); opacity: .85; }
  .tcard{
    grid-template-columns: 72px 1fr;
    border-radius: 22px;
    padding: 18px;
  }
  .tcard__avatar{ width:72px; height:72px; border-radius:14px; }
  .tcard__name{ font-size:16px; padding:8px 14px; }
  .tcard__text{ font-size:16px; }
  .trust5__card{ border-radius:22px; min-height:300px; }
  .cta6__bg{ background-position: 60% center; }
}
.about-trust-card {
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.about-trust-card__tab {
  background: #4a5cff; /* синий фон */
  color: #fff; /* белый текст */
  font-weight: 600;
  font-size: 18px;
  padding: 8px 20px;
  border-radius: 50px;
  display: inline-block;
}

.about-trust-card p {
  margin: 0;
  color: #000; /* чёрный текст */
  font-size: 16px;
  line-height: 1.5;
}