/* =================================================
   STATIC PAGES (shell)
   Shared for:
   /clients/ /FAQ/ /community/ /legal/
================================================= */

/* ВІДСТУП ВІД ХЕДЕРА — ЯК НА РОБОЧИХ СТОРІНКАХ */
.aw-main.aw-main--static{
  padding: 18px 0 28px;
  overflow-x: clip;
}
@supports not (overflow: clip){
  .aw-main.aw-main--static{ overflow-x: hidden; }
}

/* safety: якщо десь вилізе 100vw */
.aw-main.aw-main--static .aw-container,
.aw-main.aw-main--static .aw-two-col,
.aw-main.aw-main--static .aw-two-col__main{
  max-width: 100%;
}

/* consistent spacing for cards in main column */
.page-static .aw-two-col__main > .aw-card{
  margin-top: 14px;
}
.page-static .aw-two-col__main > :first-child{
  margin-top: 0;
}

/* =================================================
   CLIENTS — ONE BIG BLOCK
   Scope: .page-clients .aw-clients-one
================================================= */

/* головна картка — світла */
.page-clients .aw-clients-one{
  background: #ffffff;
  color: #07212c;
}

/* прибрати card-overlay */
.page-clients .aw-clients-one .aw-card__body{
  background: transparent;
}

/* ---------- HERO ---------- */

.page-clients .aw-clients-one .aw-section-title-main,
.page-clients .aw-clients-one .aw-section-title-main--sm{
  color: #07212c;
}

.page-clients .aw-clients-one .aw-section-subtitle{
  color: rgba(7,33,44,.78);
}

.page-clients .aw-clients-one .aw-section-eyebrow{
  color: rgba(7,33,44,.55);
}

/* actions row */
.page-clients .aw-actions{
  margin-top: 12px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

/* small actions variant */
.page-clients .aw-actions--sm{
  margin-top: 12px;
}

/* pills row */
.page-clients .aw-pills{
  margin-top: 10px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* note */
.page-clients .aw-note{
  margin-top: 12px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(2,47,59,.06);
  color: #07212c;
  font-weight: 700;
}

/* ---------- VISUAL SEPARATORS ---------- */

.page-clients .aw-static-sep{
  height: 1px;
  margin: 22px 0;
  background: linear-gradient(
    to right,
    transparent,
    rgba(2,47,59,.15),
    transparent
  );
}

/* ---------- FEATURES ---------- */

.page-clients .aw-grid-features{
  margin-top: 12px;
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
}
@media (min-width: 760px){
  .page-clients .aw-grid-features{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

/* soft inner cards */
.page-clients .aw-clients-softcard{
  background: rgba(2,47,59,.03);
  border: 1px solid rgba(2,47,59,.08);
}

/* feature row */
.page-clients .aw-clients-feature{
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.page-clients .aw-feature-title{
  font-weight: 900;
  color: #07212c;
}

.page-clients .aw-feature-desc{
  margin-top: 4px;
  color: rgba(7,33,44,.75);
  font-weight: 600;
  line-height: 1.55;
}

/* ---------- HOW ---------- */

.page-clients .aw-grid-how{
  margin-top: 12px;
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
}
@media (min-width: 980px){
  .page-clients .aw-grid-how{
    grid-template-columns: 1fr 360px;
    align-items: start;
  }
}

/* steps */
.page-clients .aw-step{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(2,47,59,.03);
  border: 1px solid rgba(2,47,59,.06);
}
.page-clients .aw-step + .aw-step{
  margin-top: 10px;
}

.page-clients .aw-step__n{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(2,47,59,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  flex: 0 0 auto;
}

.page-clients .aw-step__t{
  font-weight: 900;
  color: #07212c;
}

.page-clients .aw-step__d{
  margin-top: 4px;
  color: rgba(7,33,44,.75);
  font-weight: 600;
  line-height: 1.55;
}

/* ---------- RIGHT BOX ---------- */

.page-clients .aw-clients-h3{
  margin: 0 0 8px;
  font-weight: 900;
  color: #07212c;
}

.page-clients .aw-clients-bullets{
  margin: 0;
  padding-left: 18px;
  color: rgba(7,33,44,.85);
  font-weight: 700;
  line-height: 1.65;
}
.page-clients .aw-clients-bullets li + li{
  margin-top: 6px;
}
