.elementor-4042 .elementor-element.elementor-element-bf435a9{--display:flex;}/* Start custom CSS for html, class: .elementor-element-428a03f *//* ===== ABOUT PAGE (Dark • clean) ===== */
:root{
  --bg:#000;                 /* фон страницы — чёрный */
  --panel:#0d1117;           /* карточки/панели */
  --ink:#EAF2FF;             /* основной текст */
  --muted:#96a0ad;           /* вторичный текст */
  --mint:#19d3b1;            /* мята/бирюза */
  --mint-2:#12bfa3;
  --accent:#E53935;          /* красный (кнопка) */
  --accent-700:#C62828;
  --accent-800:#B71C1C;
  --accent-ring: rgba(229,57,53,.28);
}

.about-page{
  background:#000; color:var(--ink);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  padding-top:clamp(12px,2.5vw,24px);
}
.about-page a{color:var(--mint); text-decoration:none}
.about-page a:hover{opacity:.9}

.ap-wrap{max-width:1200px; margin:0 auto; padding:clamp(18px,3.5vw,32px) 20px}

/* = Intro = */
.ap-intro{
  display:grid; grid-template-columns: 1.2fr .8fr; gap:22px; align-items:center;
}
@media (max-width:1000px){ .ap-intro{ grid-template-columns:1fr } }

.ap-intro-text h1{
  margin:0 0 10px; font-size:clamp(30px,4.6vw,44px);
  font-weight:800; letter-spacing:-.02em; color:#fff;
}
.ap-intro-text p{ color:var(--ink); opacity:.92; margin:0 0 12px; }
.ap-bullets{ margin:14px 0 16px; padding:0; list-style:none; display:grid; gap:8px }
.ap-bullets li{
  position:relative; padding-left:26px; color:#d9e8ff;
}
.ap-bullets li::before{
  content:"✅"; position:absolute; left:0; top:1px; opacity:.95;
}

/* CTA buttons */
.ap-cta{ display:flex; flex-wrap:wrap; gap:12px; }

.ap-btn,
.ap-btn-ghost{ text-decoration:none !important; border-radius:14px; font-weight:800; letter-spacing:.2px; line-height:1.15; }

/* — красная кнопка «Позвонить» (строго и чисто) */
.ap-btn{
  color:#fff !important;
  background: linear-gradient(180deg,var(--accent),var(--accent-700));
  border:1px solid var(--accent-800);
  padding:12px 18px;
  box-shadow: 0 6px 18px rgba(229,57,53,.28);
  transition: transform .06s ease, box-shadow .2s ease, background .2s ease, filter .2s ease;
}
.ap-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(229,57,53,.36);
  filter: saturate(1.02);
}
.ap-btn:active{ transform: translateY(0); }
.ap-btn:focus-visible{ outline:0; box-shadow:0 0 0 4px var(--accent-ring); }

/* — прозрачная кнопка (почта/телеграм) */
.ap-btn-ghost{
  color:#bff7ec !important;
  background: rgba(11,17,23,.25);
  border:1.5px solid #1b3d44;
  padding:12px 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  transition: transform .06s ease, border-color .2s ease, color .2s ease, background .2s ease;
}
.ap-btn-ghost:hover{
  transform: translateY(-1px);
  color:#00f5d4 !important;
  border-color: var(--mint);
  background: rgba(25,211,177,.08);
}

/* картинка */
.ap-intro-media img{
  width:100%; height:100%; object-fit:cover;
  border-radius:20px; border:1px solid #12202a;
  box-shadow:0 18px 48px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03);
  background:#0b0f15;
}

/* = Facts = */
.ap-facts{
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
}
@media (max-width:1000px){ .ap-facts{ grid-template-columns:1fr 1fr } }
@media (max-width:560px){ .ap-facts{ grid-template-columns:1fr } }

.ap-fact{
  display:flex; gap:14px; align-items:flex-start;
  background:linear-gradient(180deg,#0f141c,#0b0f15);
  border:1px solid #12202a; border-radius:16px; padding:16px 18px;
  box-shadow:0 10px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
}
.ap-ico{
  display:grid; place-items:center; min-width:42px; height:42px; border-radius:12px;
  background:radial-gradient(120% 120% at 30% 20%, #62ffe5, var(--mint));
  color:#002b25; box-shadow:0 0 0 4px rgba(25,211,177,.07), inset 0 1px 0 rgba(255,255,255,.25);
}
.ap-fact h3{margin:0 0 2px; color:#fff; font-size:18px}
.ap-fact p{margin:0; color:#cfe7ff}

/* = Services = */
.ap-title{
  margin:0 0 12px; font-size:clamp(22px,3.2vw,30px); font-weight:800; color:#fff;
}
.ap-services{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}
@media (max-width:1000px){ .ap-services{ grid-template-columns:1fr 1fr } }
@media (max-width:620px){ .ap-services{ grid-template-columns:1fr } }

.ap-card{
  background:linear-gradient(180deg,#0f141c,#0b0f15);
  border:1px solid #12202a; border-radius:16px; padding:18px 18px 16px;
  box-shadow:0 10px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
  transition:transform .12s ease, border-color .2s ease, box-shadow .2s ease;
}
.ap-card:hover{ transform:translateY(-2px); border-color:#1b3d44; box-shadow:0 16px 36px rgba(0,0,0,.35) }
.ap-card h3{ margin:0 0 6px; color:#fff; font-size:18px }
.ap-card p{ margin:0; color:#d9e8ff; opacity:.96 }

/* = Steps = */
.ap-steps{
  margin:0; padding:0; list-style:none;
  display:grid; grid-template-columns:repeat(5,1fr); gap:16px;
}
@media (max-width:1100px){ .ap-steps{ grid-template-columns:1fr 1fr 1fr } }
@media (max-width:700px){ .ap-steps{ grid-template-columns:1fr 1fr } }
@media (max-width:480px){ .ap-steps{ grid-template-columns:1fr } }

.ap-steps li{
  background:linear-gradient(180deg,#0f141c,#0b0f15);
  border:1px solid #12202a; border-radius:16px; padding:14px 16px;
  box-shadow:0 10px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
  display:flex; flex-direction:column; min-height:220px;
}
.ap-steps .n{
  display:inline-grid; place-items:center; width:28px; height:28px; border-radius:8px;
  background:radial-gradient(120% 120% at 30% 20%, #62ffe5, var(--mint)); color:#002b25;
  font-weight:800; margin-bottom:8px;
}
.ap-steps h4{ margin:0 0 4px; color:#fff; font-weight:800 }
.ap-steps p{ margin:0; color:#cfe7ff; opacity:.95 }

/* = CTA Panel = */
.ap-cta-panel{
  text-align:center;
  background:linear-gradient(180deg,#0f141c,#0b0f15);
  border:1px solid #12202a; border-radius:20px; padding:24px;
  box-shadow:0 18px 48px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03);
}
.ap-cta-panel h3{ margin:0 0 6px; color:#fff; font-size:24px }
.ap-cta-panel p{ margin:0 0 12px; color:#cfe7ff }
.ap-cta-panel .ap-cta{ justify-content:center }
/* Центрируем блок шагов на этой странице */
.about-page .ap-steps{
  padding-inline-start: 0 !important; /* убираем дефолтный padding у <ol> */
  margin-inline-start: 0 !important;  /* на случай, если тема добавляет margin */
  list-style: none;                    /* маркеры выключены — у нас свои */
}

/* (на всякий случай) если тема таргетит просто ol */
.about-page ol.ap-steps{
  padding-left: 0 !important;
  margin-left: 0 !important;
}/* End custom CSS */