/* ——— Modern Light — нежно-голубой минимализм ——— */
.overview-intro{
  --ink:#0c1528;
  --muted:#5f6b85;
  --accent:#3d7bff;
  --accent-2:#bcd3ff;
  --hairline: rgba(12,21,40,.10);

  background:
    radial-gradient(1200px 200px at 20% 0%, rgba(61,123,255,.06), transparent 65%),
    linear-gradient(#fff,#fff);
  border: none;
  border-radius: 18px;
  padding: 32px 28px 26px;
  margin: 0 0 40px;
  box-shadow: 0 6px 24px rgba(12,21,40,.05);
}

/* УБРАНО: .overview-intro::before */

/* типографика — лёгкая и элегантная */
.overview-intro h2{
  margin: 0 0 10px;
  font-size: clamp(16px, 2.2vw, 22px);
  line-height: 1.18;
  font-weight: 650;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.overview-intro h3{
  margin: 24px 0 8px;
  font-size: 19px;
  font-weight: 640;
  color: var(--ink);
}
.overview-intro .lead{
  margin: 0 0 16px;
  color: var(--muted);
  font-size: clamp(15.5px, 1.05vw, 17.5px);
  line-height: 1.65;
}
.overview-intro p{
  margin: 0 0 16px;
  color: #2a3651;
  font-size: 16px;
  line-height: 1.68;
}

/* изящные голубые маркеры */
.overview-intro ul{
  margin: 6px 0 0; padding: 0; list-style: none;
}
.overview-intro li{
  position: relative;
  padding-left: 20px;
  margin: 7px 0;
}
.overview-intro li::before{
  content:"";
  position:absolute; left:0; top:.6em;
  width:8px; height:8px; border-radius:50%;
  background: radial-gradient(circle at 30% 30%, #fff, var(--accent-2) 60%, var(--accent));
  box-shadow: 0 0 0 1px rgba(61,123,255,.25);
  opacity:.9;
}

/* акценты в тексте — мягкие, неяркие */
.overview-intro strong{
  font-weight: 650;
  background: linear-gradient(180deg, var(--ink) 0%, #1a2f69 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* чуть больше воздуха на широких экранах */
@media (min-width: 1000px){
  .overview-intro{ padding: 38px 36px 30px; }
}

/* темная тема */
@media (prefers-color-scheme: dark){
  .overview-intro{
    --ink:#e8eeff; --muted:#a7b2cb; --accent:#6b95ff; --accent-2:#a8c1ff;
    background:
      radial-gradient(1200px 200px at 20% 0%, rgba(107,149,255,.15), transparent 65%),
      linear-gradient(#0e1330,#0e1330);
    box-shadow: 0 10px 28px rgba(0,0,0,.45);
  }
  .overview-intro p{ color:#dbe2ff; }
}