/* Цены */
.price-page{
  --text:#111111;
  --muted:#6b7280;
  --line:rgba(15,23,42,.08);

  --gold-1:#fff7de;
  --gold-2:#f3d38b;
  --gold-3:#ddb15c;

  --radius-xl:28px;
  --radius-lg:22px;

  position:relative;

  width:100%;

  padding:20px 0 70px;

  color:var(--text);

  background:transparent;
}

/* =========================
   NAVIGATION
========================= */

.price-nav{
  position:sticky;

  top:14px;

  z-index:30;

  display:flex;
  flex-wrap:wrap;

  gap:12px;

  padding:14px;

  margin-bottom:30px;

  border-radius:24px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.96),
      rgba(245,245,245,.92)
    );

  border:1px solid rgba(0,0,0,.05);

  box-shadow:
    0 10px 28px rgba(0,0,0,.05);
}

.price-nav__link{
  position:relative;

  display:flex;

  align-items:center;
  justify-content:center;

  min-height:48px;

  padding:12px 20px;

  border-radius:16px;

  text-decoration:none;

  font-size:14px;
  font-weight:900;

  color:#1a1a1a;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.96),
      rgba(245,245,245,.92)
    );

  border:1px solid rgba(0,0,0,.06);

  box-shadow:
    0 6px 18px rgba(0,0,0,.04);

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}

.price-nav__link:hover{
  transform:translateY(-2px);

  box-shadow:
    0 12px 24px rgba(0,0,0,.08);
}

.price-nav__link.is-active{
  color:#1b1408;

  background:
    linear-gradient(
      135deg,
      var(--gold-1),
      var(--gold-2) 55%,
      var(--gold-3)
    );

  border-color:rgba(221,177,92,.28);

  box-shadow:
    0 14px 28px rgba(221,177,92,.22);
}

/* =========================
   SECTION
========================= */

.price-section{
  margin:26px 0;

  padding:30px;

  border-radius:var(--radius-xl);

background:
  linear-gradient(
    180deg,
    #fffdf8 0%,
    #faf7f1 45%,
    #f6f1e7 100%
  );

  border:1px solid rgba(214,197,168,.18);

  box-shadow:
    0 10px 30px rgba(0,0,0,.04);

  overflow:hidden;
}

.price-section.soft-bg{
  background:
    linear-gradient(
      135deg,
      #fff8e6 0%,
      #f8f1df 35%,
      #f2e0b7 100%
    );
}

/* =========================
   TITLES
========================= */

.price-section-title{
  display:flex;

  align-items:center;

  gap:14px;

  margin:0 0 22px;

  font-size:clamp(20px,2vw,28px);

  line-height:1.2;

  font-weight:900;

  letter-spacing:-0.02em;

  color:#1b1408;
}

.price-icon{
  width:22px;
  height:22px;

  flex-shrink:0;

  fill:currentColor;
}

/* =========================
   CARDS
========================= */

.price-card{
  display:grid;

  grid-template-columns:minmax(0,1fr) auto;

  align-items:center;

  gap:22px;

  padding:24px;

  margin:16px 0;

  border-radius:var(--radius-lg);

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.97),
      rgba(250,250,250,.94)
    );

  border:1px solid rgba(0,0,0,.05);

  box-shadow:
    0 10px 24px rgba(0,0,0,.05);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.price-card:hover{
  transform:translateY(-4px);

  border-color:rgba(221,177,92,.25);

  box-shadow:
    0 18px 38px rgba(0,0,0,.08);
}

.price-info{
  min-width:0;
}

.price-info h3{
  margin:0 0 8px;

  font-size:17px;

  line-height:1.35;

  font-weight:850;

  letter-spacing:-0.01em;
}

.price-info p{
  margin:0;

  font-size:14px;

  line-height:1.55;

  color:var(--muted);
}

/* =========================
   ALL PRICES
========================= */

.price-value{
  display:flex;

  align-items:center;
  justify-content:center;

  min-width:170px;

  min-height:54px;

  padding:12px 20px;

  border-radius:16px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.98),
      rgba(245,245,245,.94)
    );

  border:1px solid rgba(0,0,0,.06);

  box-shadow:
    0 8px 20px rgba(0,0,0,.05);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}
.price-value span{
  font-size:18px;

  font-weight:900;

  color:#1a1a1a;

  white-space:nowrap;

  letter-spacing:-0.01em;
}

.price-card:hover .price-value{
  transform:translateY(-1px);
}

/* =========================
   MULTIPLE PRICES
========================= */

.price-multi{
  display:flex;

  flex-direction:column;

  gap:10px;

  min-width:230px;
}

.price-multi span{
  display:flex;

  align-items:center;
  justify-content:center;

  min-height:48px;

  padding:10px 16px;

  border-radius:14px;

  text-align:center;

  font-size:14px;
  font-weight:850;

  line-height:1.3;

  color:#1a1a1a;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.98),
      rgba(245,245,245,.94)
    );

  border:1px solid rgba(0,0,0,.06);

  box-shadow:
    0 8px 18px rgba(0,0,0,.05);

  transition:
    transform .22s ease,
    box-shadow .22s ease;
}

.price-card:hover .price-multi span{
  transform:translateY(-1px);
}

/* =========================
   NOTE
========================= */

.price-note{
  position:relative;

  overflow:hidden;

  margin-top:20px;

  padding:22px 22px 22px 24px;

  border-radius:22px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.97),
      rgba(250,250,250,.94)
    );

  border:1px solid rgba(0,0,0,.06);

  box-shadow:
    0 12px 28px rgba(0,0,0,.05);
}

.price-note::before{
  content:"";

  position:absolute;

  left:0;
  top:0;
  bottom:0;

  width:5px;

  background:
    linear-gradient(
      180deg,
      var(--gold-3),
      var(--gold-2),
      var(--gold-1)
    );
}

.price-note p{
  margin:0 0 10px;

  font-size:15px;

  font-weight:900;
}

.price-note ul{
  margin:0;

  padding-left:18px;

  color:var(--muted);
}

.price-note li{
  line-height:1.6;
}

/* =========================
   REVEAL OFF
========================= */

.price-page [data-reveal]{
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
}

/* =========================
   MOBILE
========================= */

@media (max-width:840px){

  .price-page{
    padding:16px 0 50px;
  }

  .price-nav{
    top:8px;
  }

  .price-nav__link{
    flex:1;

    text-align:center;
  }

  .price-section{
    padding:22px;

    border-radius:24px;
  }

  .price-section-title{
    font-size:22px;
  }

  .price-card{
    grid-template-columns:1fr;

    gap:18px;

    padding:20px;
  }

  .price-value{
    width:100%;
  }

  .price-multi{
    width:100%;

    min-width:unset;
  }

  .price-multi span{
    width:100%;
  }

  .price-info h3{
    font-size:16px;
  }
}

/* =========================
   Нейропсихологическая диагностика (neuroX)
   ========================= */
.neuroX{
  --ink:#111827;
  --muted:rgba(17,24,39,.72);
  --line:rgba(17,24,39,.10);
  --shadow:0 18px 45px rgba(16,24,40,.10);
  --shadow2:0 10px 28px rgba(16,24,40,.08);

  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--ink);
}

.neuroX, .neuroX *{ box-sizing:border-box; }
.neuroX a{ text-decoration:none; }
.neuroX p{ margin:0; }
.neuroX ul{ margin:0; }

.neuroX [data-reveal]{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}

/* Container */
.neuroX{
  width: min(980px, 100%);
  margin: 0 auto;
  padding: 0 14px;
}
.item-page .neuroX,
.com-content-article .neuroX{ max-width:none !important; }

/* HERO */
.neuroX-hero{
  position:relative;
  border-radius: 28px;
  overflow:hidden;
  background-image: var(--hero-img);
  background-size: cover;
  background-position: center;
  min-height: 360px;
  box-shadow: 0 30px 80px rgba(17,24,39,.14);
}

.neuroX-hero__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 520px at 18% 12%, rgba(245,196,0,.18), transparent 62%),
    radial-gradient(900px 520px at 80% 20%, rgba(47,107,255,.18), transparent 65%),
    linear-gradient(90deg, rgba(17,24,39,.30) 0%, rgba(17,24,39,.08) 55%, rgba(17,24,39,.02) 100%);
}

.neuroX-hero__grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 16px;
  padding: 22px;
  align-items: end;
}

.neuroX-hero__panel,
.neuroX-heroCard{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--line) !important;
  border-radius: 22px;
  padding: 22px;
  box-shadow: var(--shadow);
  color: var(--ink) !important;
}

.neuroX-title{
  font-size: clamp(26px, 2.4vw, 40px);
  line-height: 1.08;
  margin: 10px 0 12px;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: var(--ink) !important; /* FIX: было белым */
}

.neuroX-lead{
  font-size: 16px;
  line-height: 1.75;
  color: rgba(17,24,39,.82) !important;
  max-width: 62ch;
}

/* “Что вы получите” — сделать всегда видимым */
.neuroX-heroCard{
  padding: 18px 18px 16px;
}
.neuroX-heroCard__title{
  font-weight: 900;
  letter-spacing: -0.01em;
  margin-bottom: 10px;
  font-size: 16px;
  color: var(--ink) !important;
}
.neuroX-miniList{
  padding-left: 18px;
  color: rgba(17,24,39,.80) !important;
  line-height: 1.75;
}
.neuroX-miniList li + li{ margin-top: 6px; }

/* Chips (60-90 / рекомендации / дети-взрослые) — ровные на ПК */
.neuroX-chips{
  margin-top: 16px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.neuroX-chip{
  background: rgba(255,255,255,.96) !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px;
  padding: 12px 12px 10px;
  box-shadow: 0 12px 30px rgba(17,24,39,.08);
  min-height: 74px;                 /* FIX: одинаковая высота */
  display:flex;
  flex-direction: column;
  justify-content: center;          /* FIX: центрируем текст */
}
.neuroX-chip__t{
  font-weight: 900 !important;
  font-size: 14px;
  line-height: 1.25;
  color: var(--ink) !important;
}
.neuroX-chip__s{
  margin-top: 3px;
  font-size: 12px;
  color: rgba(17,24,39,.70) !important;
}

/* Section headings */
.neuroX-section{ margin-top: 22px; }
.neuroX-h2{
  font-size: 28px;
  line-height: 1.2;
  margin: 10px 0 8px;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: var(--ink) !important;
}
.neuroX-sub{
  color: rgba(17,24,39,.72) !important;
  line-height: 1.75;
  max-width: 70ch;
}

/* ===== Красивые карточки “п.4” ===== */
.neuroX-block{ display:grid; gap: 14px; }

/* Steps wrapper */
.neuroX-steps{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

/* Step card */
.neuroX-step{
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 16px 16px 14px;
  box-shadow: var(--shadow2);
}
.neuroX-step__head{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
.neuroX-step__n{
  width: 30px;
  height: 30px;
  border-radius: 999px;
display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  color: var(--ink) !important;
  background: rgba(245,196,0,.28);
  border: 1px solid rgba(245,196,0,.32);
  flex: 0 0 auto;
}
.neuroX-step__t{
  font-weight: 900;
  letter-spacing: -0.01em;
  color: var(--ink) !important;
  line-height: 1.25;
  font-size: 15px;
  margin-top: 2px;
}
.neuroX-step__p{
  margin: 0;
  color: rgba(17,24,39,.78) !important;
  line-height: 1.7;
  font-size: 14px;
}

/* Bullets with check marker */
.neuroX-bullets{
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
  list-style: none;
}
.neuroX-bullets li{
  position: relative;
  padding-left: 30px;
  color: rgba(17,24,39,.78) !important;
  line-height: 1.65;
  font-size: 14px;
}
.neuroX-bullets li::before{
  content:"";
  position:absolute;
  left:0;
  top:.25em;
  width:20px;
  height:20px;
  border-radius:999px;
  background: rgba(47,107,255,.12);
  border: 1px solid rgba(47,107,255,.18);
}
.neuroX-bullets li::after{
  content:"";
  position:absolute;
  left:6px;
  top:.63em;
  width:8px;
  height:4px;
  border-left: 2px solid rgba(17,24,39,.85);
  border-bottom: 2px solid rgba(17,24,39,.85);
  transform: rotate(-45deg);
}

/* Callout “Важно” */
.neuroX-callout{
  border-radius: 22px;
  border: 1px solid var(--line);
  background: linear-gradient(135deg, rgba(245,196,0,.14), rgba(47,107,255,.10));
  padding: 16px;
  box-shadow: var(--shadow2);
}
.neuroX-callout__t{
  font-weight: 900;
  letter-spacing: -0.01em;
  margin-bottom: 6px;
  color: var(--ink) !important;
}
.neuroX-callout__p{
  margin: 0;
  color: rgba(17,24,39,.80) !important;
  line-height: 1.7;
}

/* Adults/Where — красивый блок */
.neuroX-card{
  background:#fff;
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 18px;
  box-shadow: var(--shadow2);
}
.neuroX-card--blue{ border-color: rgba(47,107,255,.18); }
.neuroX-card--mint{ border-color: rgba(34,197,94,.18); }

.neuroX-list--checks{
  list-style:none;
  padding:0;
  margin: 10px 0 0;
  display:grid;
  gap: 10px;
}
.neuroX-list--checks li{
  position:relative;
  padding-left: 30px;
  color: rgba(17,24,39,.78) !important;
  line-height: 1.65;
}
.neuroX-list--checks li::before{
  content:"";
  position:absolute;
  left:0;
  top:.25em;
  width:20px;
  height:20px;
  border-radius:999px;
  background: rgba(34,197,94,.14);
  border: 1px solid rgba(34,197,94,.20);
}
.neuroX-list--checks li::after{
  content:"";
  position:absolute;
  left:6px;
  top:.63em;
  width:8px;
  height:4px;
  border-left: 2px solid rgba(17,24,39,.85);
  border-bottom: 2px solid rgba(17,24,39,.85);
  transform: rotate(-45deg);
}
.neuroX-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 14px;
  border-radius:999px;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;

  color:#111827 !important;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(17,24,39,.14);
  box-shadow:
    0 10px 30px rgba(17,24,39,.10),
    inset 0 1px 0 rgba(255,255,255,.65);

  position:relative;
  overflow:hidden;
}

.neuroX-kicker::after{
  content:"";
  position:absolute;
  inset:-60%;
  background: linear-gradient(120deg,
    transparent 0%,
    rgba(255,255,255,.50) 35%,
    transparent 70%);
  transform: translateX(-55%) rotate(10deg);
  opacity:.35;
  animation: neuroShine 7s cubic-bezier(.2,.9,.2,1) infinite;
  pointer-events:none;
}

@keyframes neuroShine{
  0%   { transform: translateX(-60%) rotate(10deg); opacity:.20; }
  40%  { opacity:.45; }
  100% { transform: translateX(60%) rotate(10deg); opacity:.18; }
}
.neuroX-chips{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}

.neuroX-chip{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height: 92px;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(17,24,39,.12) !important;
  box-shadow: 0 14px 34px rgba(17,24,39,.10);
}

.neuroX-chip__row{
  display:flex;
  align-items:center;
  gap:10px;
}

.neuroX-chip__t{
  font-weight: 900;
  font-size: 14px;
  line-height: 1.15;
  color:#111827 !important;
  margin:0;
}

.neuroX-chip__s{
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.25;
  color: rgba(17,24,39,.70) !important;
}
.neuroX-chip__icon{
  width: 36px;
  height: 36px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 36px;
  box-shadow:
    0 12px 26px rgba(17,24,39,.10),
    inset 0 1px 0 rgba(255,255,255,.60);
  border: 1px solid rgba(17,24,39,.10);
}

.neuroX-chip__icon--clock{
  background: linear-gradient(135deg, rgba(47,107,255,.18), rgba(47,107,255,.06));
}
.neuroX-chip__icon--doc{
  background: linear-gradient(135deg, rgba(245,196,0,.22), rgba(245,196,0,.08));
}
.neuroX-chip__icon--group{
  background: linear-gradient(135deg, rgba(34,197,94,.18), rgba(34,197,94,.07));
}

/* чтобы svg внутри выглядел чисто */
.neuroX-chip__icon svg{
  width: 18px;
  height: 18px;
  display:block;
  opacity:.95;
}
.neuroX-sectionLabel{
  display:inline-flex;
  align-items:center;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color:#111827 !important;

  border: 1px solid rgba(17,24,39,.12);
  background: rgba(255,255,255,.78);
  box-shadow: 0 12px 30px rgba(17,24,39,.10);
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
}

.neuroX-sectionLabel::after{
  content:"";
  position:absolute;
  inset:-70%;
  background: linear-gradient(120deg,
    transparent 0%,
    rgba(255,255,255,.55) 35%,
    transparent 70%);
  transform: translateX(-60%) rotate(10deg);
  opacity:.25;
  transition: opacity .35s ease;
  pointer-events:none;
}

.neuroX-sectionLabel:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(17,24,39,.14);
}
.neuroX-sectionLabel:hover::after{
  opacity:.45;
  animation: neuroShine 3.8s cubic-bezier(.2,.9,.2,1) infinite;
}

/* цветовые акценты */
.neuroX-sectionLabel--sun{
  background: linear-gradient(135deg, rgba(245,196,0,.18), rgba(255,255,255,.78));
}
.neuroX-sectionLabel--blue{
  background: linear-gradient(135deg, rgba(47,107,255,.14), rgba(255,255,255,.78));
}
.neuroX-sectionLabel--mint{
  background: linear-gradient(135deg, rgba(34,197,94,.14), rgba(255,255,255,.78));
}
.neuroX-chips{
  display: flex !important;
  flex-direction: column;
  gap: 14px;
  margin-top: 18px;
}

/* Карточка */
.neuroX-chip{
  display: flex;
  align-items: center;
  gap: 1px;
  padding: 1px 1px;
  border-radius: 22px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(17,24,39,.10);
  box-shadow:
    0 14px 40px rgba(17,24,39,.10),
    inset 0 1px 0 rgba(255,255,255,.6);
  transition:
    transform .45s cubic-bezier(.2,.9,.2,1),
    box-shadow .45s cubic-bezier(.2,.9,.2,1);
}

/* Hover — лёгкий подъём */
.neuroX-chip:hover{
  transform: translateY(-4px);
  box-shadow: 0 28px 70px rgba(17,24,39,.16);
}

/* общий glow+shine */
.neuroX-chip{
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
}

.neuroX-chip::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: 18px;
  background: radial-gradient(
    240px 160px at var(--mx, 30%) var(--my, 20%),
    rgba(255,255,255,.55),
    rgba(255,255,255,0) 60%
  );
  opacity: 0;
  transition: opacity .35s cubic-bezier(.2,.9,.2,1);
  pointer-events:none;
}

.neuroX-chip::after{
  content:"";
  position:absolute;
  inset:-40%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.45) 35%,
    rgba(255,255,255,0) 70%
  );
  transform: translateX(-45%) rotate(10deg);
  opacity: 0;
  transition: opacity .35s cubic-bezier(.2,.9,.2,1);
  pointer-events:none;
}

/* цветной мягкий glow по карточке */
.neuroX-chip{
  box-shadow:
    0 12px 30px rgba(17,24,39,.08),
    0 1px 0 rgba(255,255,255,.55) inset;
  transition: transform .45s cubic-bezier(.2,.9,.2,1), box-shadow .45s cubic-bezier(.2,.9,.2,1);
}

.neuroX-chip:hover{
  transform: translateY(-4px) scale(1.01);
  box-shadow:
    0 20px 55px rgba(17,24,39,.14),
    0 1px 0 rgba(255,255,255,.65) inset;
}

.neuroX-chip:hover::before,
.neuroX-chip:hover::after{
  opacity: 1;
}

/* разные тона glow (очень мягко) */
.neuroX-chip:nth-child(1){
  --glow: rgba(245,196,0,.16);
}
.neuroX-chip:nth-child(2){
  --glow: rgba(47,107,255,.14);
}
.neuroX-chip:nth-child(3){
  --glow: rgba(34,197,94,.14);
}

.neuroX-chip:hover{
  box-shadow:
    0 22px 60px rgba(17,24,39,.14),
    0 0 0 1px rgba(255,255,255,.35) inset,
    0 14px 34px var(--glow);
}

/* чтобы текст в чипах не “прыгал” */
.neuroX-chip__row{
  position: relative;
  z-index: 1;
}

/* уважение к “уменьшить анимации” */
@media (prefers-reduced-motion: reduce){
  .neuroX-chip, .neuroX-chip::before, .neuroX-chip::after{
    transition:none !important;
  }
  .neuroX-chip:hover{
    transform:none !important;
  }
}

/* Текст */
.neuroX-chip__t{
  font-weight: 900;
  font-size: 16px;
  color: #111827;
}
.neuroX-chip__s{
  font-size: 13px;
  color: #374151;
  margin-top: 2px;
}
.neuroX{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* основной текст */
.neuroX-lead,
.neuroX-hero__panel p,
.neuroX p{
  font-size: 17px;
  line-height: 1.78;
  letter-spacing: -0.01em;
  color: rgba(17,24,39,.86) !important;

  max-width: 68ch;             /* читабельная ширина */
  text-wrap: pretty;            /* если поддерживается */
  overflow-wrap: anywhere;
  word-break: normal;

  hyphens: auto;
  -webkit-hyphens: auto;
}

/* заголовки */
.neuroX-title{
  letter-spacing: -0.02em;
}

/* чтобы не было огромных "дыр" при justify */
.neuroX-lead,
.neuroX-hero__panel p{
  text-align: justify;
  text-justify: inter-word;
}
.neuroX-hero__panel p:last-child{
  text-align-last: left;
}

/* на мобиле как в Notes — без justify */
@media (max-width: 768px){
  .neuroX-lead,
  .neuroX-hero__panel p,
  .neuroX p{
    max-width: 100%;
    text-align: left;
  }
}
.neuroX p{
  position: relative;
  border-radius: 14px;
  padding: 6px 8px;
  transition: background .45s ease, box-shadow .45s ease, transform .45s ease;
}

/* "активный" абзац */
.neuroX p.is-active{
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 30px rgba(17,24,39,.08);
  transform: translateY(-1px);
}

/* очень мягкий блик */
.neuroX p.is-active::after{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius: 18px;
  background: radial-gradient(600px 220px at 20% 10%,
    rgba(47,107,255,.08),
    transparent 60%);
  pointer-events:none;
  opacity: .9;
}
/* общий контейнер текста */
.neuroX-section{
  max-width: 72ch;          /* ровная "книжная" ширина */
  margin-left: auto;
  margin-right: auto;
}

/* заголовки секций */
.neuroX-section h2,
.neuroX-section h3{
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin-bottom: 14px;
}

/* основной текст */
.neuroX-section p,
.neuroX-section li{
  font-size: 16.5px;
  line-height: 1.8;
  letter-spacing: -0.01em;
  color: rgba(17,24,39,.86);
  max-width: 100%;
  text-align: justify;
  text-justify: inter-word;
}

/* чтобы последняя строка не растягивалась */
.neuroX-section p:last-child,
.neuroX-section li:last-child{
  text-align-last: left;
}

/* на мобильных — без justify */
@media (max-width: 768px){
  .neuroX-section{
    max-width: 100%;
  }
  .neuroX-section p,
  .neuroX-section li{
    text-align: left;
  }
}
.neuroX-label{
  display: inline-flex;
  align-items: center;
  gap: 8px;

  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;

  padding: 6px 14px;
  border-radius: 999px;

  background: rgba(255,255,255,.75);
  border: 1px solid rgba(17,24,39,.10);
  color: rgba(17,24,39,.85);

  box-shadow:
    0 6px 18px rgba(17,24,39,.06),
    inset 0 1px 0 rgba(255,255,255,.6);

  margin-bottom: 12px;
}

/* разные акценты */
.neuroX-label--kids{
  background: rgba(245,196,0,.16);
  border-color: rgba(245,196,0,.28);
}
.neuroX-label--adults{
  background: rgba(47,107,255,.14);
  border-color: rgba(47,107,255,.26);
}
.neuroX-label--docs{
  background: rgba(34,197,94,.14);
  border-color: rgba(34,197,94,.26);
}
.neuroX-section ul{
  padding-left: 20px;
  margin-top: 10px;
}

.neuroX-section li{
  margin-bottom: 8px;
}
/* Блок "Что вы получите" под героем */
.neuroX-heroBenefits {
  margin-top: 28px;
  max-width: 720px;
}

/* сама карточка */
.neuroX-heroBenefits .neuroX-heroCard {
  border-radius: 22px;
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow:
    0 20px 45px rgba(17,24,39,.12),
    inset 0 1px 0 rgba(255,255,255,.65);
  padding: 22px 26px;
}

/* заголовок */
.neuroX-heroCard__title {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 12px;
}

/* список */
.neuroX-miniList {
  margin: 0;
  padding-left: 18px;
}

.neuroX-miniList li {
  margin-bottom: 8px;
  line-height: 1.55;
}
/* Responsive */
@media (max-width: 980px){
  .neuroX-hero__grid{ grid-template-columns: 1fr; align-items:start; }
  .neuroX-chips{ grid-template-columns: 1fr; }
}
.neuroX .neuroX-hero__grid {
  grid-template-columns: 1fr;
  max-width: 1100px;
  margin: 0 auto;
}
.neuroX .neuroX-hero__panel {
  max-width: 100%;
}
.neuroX-heroBenefits {
  max-width: 900px;
}
/* =========================
   Patopsychology page (scoped) — pathoX
   ========================= */

.pathoX{
  --ink:#111827;
  --muted:rgba(17,24,39,.75);
  --line:rgba(17,24,39,.10);
  --shadow:0 24px 70px rgba(17,24,39,.12);
  --shadow2:0 12px 30px rgba(17,24,39,.08);
  --glass:rgba(255,255,255,.92);

  color:var(--ink);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.pathoX, .pathoX *{ box-sizing:border-box; }

.pathoX-hero{
  position:relative;
  border-radius:28px;
  overflow:hidden;
  background-image: var(--hero-img);
  background-size:cover;
  background-position:center;
  min-height: 360px;
  box-shadow: var(--shadow);
}

.pathoX-hero__bg{
  position:absolute; inset:0;
  background:
    radial-gradient(900px 520px at 18% 12%, rgba(245,196,0,.14), transparent 62%),
    radial-gradient(900px 520px at 80% 20%, rgba(47,107,255,.14), transparent 65%),
    linear-gradient(90deg, rgba(17,24,39,.26) 0%, rgba(17,24,39,.08) 55%, rgba(17,24,39,.02) 100%);
}

.pathoX-hero__grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 16px;
  padding: 22px;
  align-items: start;
}

.pathoX-hero__panel{
  background: var(--glass);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 22px;
  box-shadow: var(--shadow2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.pathoX-kicker{
  display:inline-flex;
  align-items:center;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.94);
  background: rgba(17,24,39,.44);
  border: 1px solid rgba(255,255,255,.22);
}

.pathoX-title{
  display:flex;
  align-items:center;
  gap: 10px;
  margin: 12px 0 12px;
  font-size: clamp(26px, 2.4vw, 40px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -0.02em;
  color:#111827;
}

.pathoX-ic{
  width: 38px; height: 38px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(17,24,39,.10);
  box-shadow: 0 10px 24px rgba(17,24,39,.10);
}

.pathoX-lead{
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: #1f2937;
  max-width: 70ch;
}

.pathoX-chips{
  margin-top: 16px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.pathoX-chip{
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(17,24,39,.10);
  border-radius: 18px;
  padding: 10px 12px;
  box-shadow: 0 12px 28px rgba(17,24,39,.08);
}

.pathoX-chip__row{
  display:flex;
  align-items:center;
  gap: 8px;
}

.pathoX-chip__icon{
  width: 30px; height: 30px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(47,107,255,.10);
  color: rgba(17,24,39,.82);
}

.pathoX-chip:nth-child(2) .pathoX-chip__icon{ background: rgba(245,196,0,.16); }
.pathoX-chip:nth-child(3) .pathoX-chip__icon{ background: rgba(34,197,94,.14); }

.pathoX-chip__t{
  font-weight: 900;
  font-size: 14px;
  letter-spacing: -0.01em;
  color:#111827;
}

.pathoX-chip__s{
  margin-top: 2px;
  font-size: 12px;
  color: rgba(17,24,39,.68);
}

.pathoX-aside{ display:flex; justify-content:flex-end; }

.pathoX-card{
  width:100%;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(17,24,39,.10);
  border-radius: 24px;
  padding: 18px;
  box-shadow: var(--shadow2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.pathoX-card__title{
  font-weight: 900;
  margin-bottom: 10px;
  color:#111827;
}

.pathoX-list{
  margin:0;
  padding-left: 18px;
  color: rgba(17,24,39,.78);
  line-height: 1.7;
}

.pathoX-cta{
  margin-top: 14px;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(17,24,39,.10);
  background: rgba(255,255,255,.94);
  box-shadow: 0 14px 34px rgba(17,24,39,.10);
  color:#111827;
  text-decoration:none;
  transition: transform .35s cubic-bezier(.2,.9,.2,1), box-shadow .35s cubic-bezier(.2,.9,.2,1);
}
.pathoX-cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 55px rgba(17,24,39,.14);
}

.pathoX-cta__icon{
  width: 34px; height: 34px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(47,107,255,.10);
}

.pathoX-section{
  margin-top: 18px;
}

.pathoX-sectionHead{
  padding: 6px 4px 10px;
}

.pathoX-label{
  display:inline-flex;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(17,24,39,.10);
  background: rgba(255,255,255,.92);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .01em;
}

.pathoX-h2{
  margin: 12px 0 8px;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.pathoX-sub{
  margin: 0;
  color: rgba(17,24,39,.74);
  line-height: 1.75;
  max-width: 78ch;
}

.pathoX-grid{
  margin-top: 12px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.pathoX-box{
  background:#fff;
  border: 1px solid rgba(17,24,39,.10);
  border-radius: 24px;
  padding: 16px;
  box-shadow: var(--shadow2);
}

.pathoX-box__t{
  font-weight: 900;
  margin-bottom: 8px;
}

.pathoX-box__p{
  margin:0;
  color: rgba(17,24,39,.78);
  line-height: 1.7;
}

.pathoX-checks{
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 10px;
}

.pathoX-checks li{
  position:relative;
  padding-left: 30px;
  color: rgba(17,24,39,.78);
  line-height: 1.65;
}

.pathoX-checks li::before{
  content:"";
  position:absolute;
  left:0;
  top:.25em;
  width: 20px; height: 20px;
  border-radius: 999px;
  background: rgba(34,197,94,.14);
  border: 1px solid rgba(34,197,94,.20);
}

.pathoX-checks li::after{
  content:"";
  position:absolute;
  left: 6px;
  top: .63em;
  width: 8px; height: 4px;
  border-left: 2px solid rgba(17,24,39,.85);
  border-bottom: 2px solid rgba(17,24,39,.85);
  transform: rotate(-45deg);
}
.neuroX p,
.neuroX li,
.neuroX .neuroX-sub{
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  line-height: 1.75;
}

/* На узких экранах justify часто выглядит грязно — оставим слева */
@media (max-width: 980px){
  .neuroX p,
  .neuroX li,
  .neuroX .neuroX-sub{
    text-align: left;
  }
}
/* Чтоб правая карточка (Цели) не съезжала и начиналась сверху */
.neuroX-hero__grid{
  align-items: start;
}

.neuroX-hero__aside{
  align-self: start;
}

.neuroX-heroCard{
  height: auto;
  overflow: hidden;
}
/* REVEAL (въезд) */
.neuroX [data-reveal]{
  opacity: 0;
  transform: translateY(14px);
  filter: blur(8px);
  transition: opacity .7s ease, transform .7s ease, filter .7s ease;
  will-change: transform, opacity, filter;
}
.neuroX [data-reveal].is-in{
  opacity: 1;
  transform: none;
  filter: none;
}

/* Дорогой hover + мягкий блик */
.neuroX-heroCard,
.neuroX-chip,
.neuroX-card{
  position: relative;
  overflow: hidden;
}

.neuroX-heroCard::before,
.neuroX-chip::before,
.neuroX-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  background: radial-gradient(500px 220px at var(--mx, 30%) var(--my, 20%),
    rgba(255,255,255,.28), transparent 60%);
  opacity: 0;
  transition: opacity .5s ease;
  pointer-events:none;
}

.neuroX-heroCard:hover,
.neuroX-chip:hover,
.neuroX-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 26px 70px rgba(17,24,39,.14);
}

.neuroX-heroCard:hover::before,
.neuroX-chip:hover::before,
.neuroX-card:hover::before{
  opacity: 1;
}
/* Responsive */
@media (max-width: 980px){
  .pathoX-hero__grid{ grid-template-columns: 1fr; }
  .pathoX-chips{ grid-template-columns: 1fr; }
  .pathoX-grid{ grid-template-columns: 1fr; }
}
.pathoX [data-reveal]{
  opacity: 0;
  transform: translateY(14px);
  filter: blur(10px);
  transition:
    opacity .70s cubic-bezier(.2,.9,.2,1),
    transform .70s cubic-bezier(.2,.9,.2,1),
    filter .70s cubic-bezier(.2,.9,.2,1);
  will-change: opacity, transform, filter;
}

.pathoX [data-reveal].is-in{
  opacity: 1;
  transform: none;
  filter: none;
}

/* каскад — чтобы появлялось “по очереди” */
.pathoX [data-reveal]{
  transition-delay: var(--d, 0ms);
}

/* hover “дорого” (очень мягко) */
@media (hover:hover) and (pointer:fine){
  .pathoX .pathoX-chip,
  .pathoX .pathoX-card,
  .pathoX .pathoX-box{
    transition:
      transform .55s cubic-bezier(.2,.9,.2,1),
      box-shadow .55s cubic-bezier(.2,.9,.2,1),
      border-color .55s cubic-bezier(.2,.9,.2,1);
  }

  .pathoX .pathoX-chip:hover,
  .pathoX .pathoX-card:hover,
  .pathoX .pathoX-box:hover{
    transform: translateY(-6px);
    box-shadow: 0 26px 70px rgba(17,24,39,.14);
    border-color: rgba(47,107,255,.18);
  }
}

/* уважение к “уменьшению движения” */
@media (prefers-reduced-motion: reduce){
  .pathoX [data-reveal]{
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}
/* ====== Ровный текст по ширине (аккуратно) ====== */
.pathoX .pathoX-lead,
.pathoX .pathoX-sub,
.pathoX .pathoX-box__p,
.pathoX .pathoX-card,
.pathoX .pathoX-card p,
.pathoX .pathoX-card li{
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;                 /* переносы */
  -webkit-hyphens: auto;
  overflow-wrap: break-word;
  word-break: normal;
}

/* На узких экранах justify часто выглядит хуже — отключаем */
@media (max-width: 560px){
  .pathoX .pathoX-lead,
  .pathoX .pathoX-sub,
  .pathoX .pathoX-box__p,
  .pathoX .pathoX-card,
  .pathoX .pathoX-card p,
  .pathoX .pathoX-card li{
    text-align: left;
  }
}
/* ====== HERO сетка: делаем правую колонку шире ====== */
.pathoX .pathoX-hero__grid{
  grid-template-columns: 1.15fr .85fr;  /* правая колонка шире */
  align-items: start;
}

/* если всё равно тесно — можно ещё так:
.pathoX .pathoX-hero__grid{ grid-template-columns: 1.1fr .9fr; }
*/

/* ====== Правый блок (Цели) — чтобы влезал текст ====== */
.pathoX .pathoX-card{
  padding: 18px 18px 16px;
}

.pathoX .pathoX-card__title{
  line-height: 1.15;
  margin-bottom: 10px;
  overflow-wrap: anywhere;   /* длинные слова не ломают верстку */
  hyphens: auto;
}

/* сам список — компактнее и ровнее */
.pathoX .pathoX-list{
  margin: 0;
  padding-left: 18px;
}

.pathoX .pathoX-list li{
  font-size: 14px;     /* чуть меньше */
  line-height: 1.55;   /* компактнее */
  margin: 0 0 10px;
  overflow-wrap: anywhere;
  hyphens: auto;
}

/* На небольших экранах — уводим правый блок вниз (чтобы не давило) */
@media (max-width: 980px){
  .pathoX .pathoX-hero__grid{
    grid-template-columns: 1fr;
  }
}
/* ====== HERO: одна колонка, без правого aside ====== */
.pathoX-hero__grid{
  grid-template-columns: 1fr !important;
}

.pathoX-aside{ display:none !important; } /* если вдруг где-то осталось */

/* ====== Карточка целей снизу (премиум-стиль) ====== */
.pathoX-card--goals{
  margin-top: 14px;
  border-radius: 22px;
  border: 1px solid rgba(17,24,39,.10);
  background: rgba(255,255,255,.92);
  box-shadow:
    0 18px 55px rgba(17,24,39,.12),
    inset 0 1px 0 rgba(255,255,255,.55);
  padding: 16px 16px 14px;
}

/* заголовок + ровный текст */
.pathoX-card--goals .pathoX-card__title{
  font-weight: 900;
  letter-spacing: -0.01em;
  margin-bottom: 10px;
  color:#111827;
}

/* список компактнее и аккуратнее */
.pathoX-card--goals .pathoX-list{
  margin: 0;
  padding-left: 18px;
}

.pathoX-card--goals .pathoX-list li{
  margin: 0 0 10px;
  line-height: 1.65;
  color: rgba(17,24,39,.82);
  text-align: justify;
  hyphens: auto;
}

/* на телефоне justify отключим, чтобы не было "дыр" */
@media (max-width: 560px){
  .pathoX-card--goals .pathoX-list li{ text-align:left; }
}
/* Показания и задачи — “дорогой” бейдж */
.pathoX-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 1;
  color: rgba(20, 22, 26, .78);
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(255,255,255,.55);
  box-shadow:
    0 12px 30px rgba(17, 24, 39, .10),
    inset 0 1px 0 rgba(255,255,255,.65);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* акцентная версия */
.pathoX-label--accent{
  position: relative;
  padding-left: 12px;
}

/* маленькая “иконка-точка” слева (как в iOS) */
.pathoX-label--accent::before{
  content:"";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%,
      rgba(255,255,255,.95),
      rgba(255,255,255,.35) 45%,
      rgba(0,0,0,.08) 100%);
  box-shadow:
    0 0 0 4px rgba(120, 170, 255, .16),
    0 10px 22px rgba(18, 28, 45, .10);
}

/* лёгкая “дорогая” анимация появления (не броская) */
@keyframes labelPop {
  from { transform: translateY(6px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

.pathoX-sectionHead .pathoX-label--accent{
  animation: labelPop .55s ease both;
}

/* мягкая подсветка при наведении мышью */
@media (pointer:fine){
  .pathoX-label--accent:hover{
    transform: translateY(-1px);
    box-shadow:
      0 16px 40px rgba(17, 24, 39, .14),
      inset 0 1px 0 rgba(255,255,255,.7);
  }
}
.pathoX-sectionHead{
  position: relative;
  padding-top: 4px;
}

.pathoX-sectionHead::after{
  content:"";
  display:block;
  width: 92px;
  height: 4px;
  border-radius: 999px;
  margin-top: 14px;
  background: rgba(0,0,0,.10);
}
/* ===== FamilyX (детско-родительские отношения) ===== */
.familyX{
  --ink:#0f0f12;
  --ink2:rgba(15,15,18,.78);
  --ink3:rgba(15,15,18,.62);

  --accent:#8a6bff;     /* фиолетовый акцент */
  --accent2:#22c55e;    /* зелёный */
  --accent3:#f59e0b;    /* тёплый */

  --glassA:rgba(255,255,255,.20);
  --glassB:rgba(255,255,255,.12);

  --milkA:rgba(255,255,255,.72);
  --milkB:rgba(255,255,255,.58);

  --strokeW:rgba(255,255,255,.38);
  --strokeD:rgba(15,15,18,.10);

  --r:30px;
  --shadow: 0 22px 60px rgba(0,0,0,.18);
  --shadow2: 0 14px 36px rgba(0,0,0,.12);
  --shadow3: 0 10px 24px rgba(0,0,0,.10);

  color:var(--ink);
}

.familyX, .familyX *{ box-sizing:border-box; }
.familyX svg{ display:block; }
.familyX a{ color:inherit; }

.familyX .familyX-wrap{
  width:min(980px, 100%);
  margin:0 auto;
  padding:0 18px;
}

/* ========== HERO ========== */
.familyX-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius: calc(var(--r) + 10px);
  padding: 28px 0 22px;
  box-shadow: var(--shadow);
  background: url(var(--hero-img)) center/cover no-repeat;
}

.familyX-hero__bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;

  /* богатая цветовая дымка + виньетка */
  background:
    radial-gradient(900px 620px at 18% 12%,
      rgba(255,255,255,.26) 0%,
      rgba(255,255,255,.12) 50%,
      rgba(0,0,0,.10) 100%),
    radial-gradient(720px 520px at 78% 22%,
      rgba(138,107,255,.22) 0%,
      rgba(34,197,94,.10) 45%,
      rgba(0,0,0,.08) 100%),
    linear-gradient(180deg,
      rgba(0,0,0,.10) 0%,
      rgba(0,0,0,.18) 100%);
}

/* ========== PANEL (богаче) ========== */
.familyX-hero__panel{
  position:relative;
  z-index:2;
  border-radius: var(--r);
  padding: 22px 22px 18px;

  background:
    linear-gradient(180deg, var(--glassA), var(--glassB));
  border: 1px solid var(--strokeW);
  box-shadow: var(--shadow2);

  backdrop-filter: blur(16px) saturate(1.15);
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
}

/* fallback */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .familyX-hero__panel{
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(15,15,18,.10);
  }
}

/* верхний “чип” */
.familyX-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;

  color: rgba(255,255,255,.95);
  background: rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  padding:8px 12px;
  margin-bottom: 12px;

  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

/* title */
.familyX-title{
  margin:0 0 10px;
  font-weight: 950;
  line-height:1.12;
  font-size: clamp(22px, 2.35vw, 34px);
  color:#0c0c0e;
  text-shadow: 0 1px 0 rgba(255,255,255,.40);
}

.familyX-ic{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px; height:36px;
  border-radius:14px;
  margin-right:8px;

  background: rgba(255,255,255,.62);
  border: 1px solid rgba(255,255,255,.38);
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  color:#111;
  vertical-align:-7px;
}

.familyX-title__sub{
  display:block;              /* новая строка */
  margin-top:6px;
  font-weight:900;
  color:rgba(12,12,14,.86);
  font-size:.92em;
}

/* lead */
.familyX-lead{
  margin:0 0 14px;
  color: var(--ink2);
  line-height:1.6;
  text-align: justify;
  text-justify: inter-word;
}

/* ========== CHIPS ========== */
.familyX-chips{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 10px;
}

.familyX-chip{
  position:relative;
  border-radius: 18px;
  padding: 12px 12px 10px;

  background: linear-gradient(180deg, var(--milkA), var(--milkB));
  border: 1px solid rgba(255,255,255,.42);
  box-shadow: var(--shadow3);

  overflow:hidden;
}

.familyX-chip::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background: radial-gradient(300px 200px at var(--mx,50%) var(--my,30%),
rgba(138,107,255,.22), transparent 60%);
  opacity:.85;
}

.familyX-chip__row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:6px;
  position:relative;
  z-index:1;
}

.familyX-chip__icon{
  width:36px; height:36px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  background: rgba(255,255,255,.64);
  border: 1px solid rgba(255,255,255,.38);
  box-shadow: 0 12px 24px rgba(0,0,0,.10);
  color:#111;
}

.familyX-chip__t{
  font-weight:950;
  font-size:14px;
  color:#0f0f12;
}

.familyX-chip__s{
  position:relative;
  z-index:1;
  font-size:12px;
  font-weight:700;
  color:rgba(15,15,18,.72);
}

/* ========== NEED (КЛЮЧЕВЫЕ СЛУЧАИ) — выделено “богато” ========== */
.familyX-need{
  margin-top: 14px;
  border-radius: var(--r);
  padding: 18px 18px 16px;
  position:relative;
  z-index:2;

  background: linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.14));
  border: 1px solid rgba(255,255,255,.34);
  box-shadow: var(--shadow2);

  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
  overflow:hidden;
}

.familyX-need::after{
  /* декоративная “лента”/акцент */
  content:"";
  position:absolute;
  inset:auto -40px -60px auto;
  width:240px;
  height:240px;
  border-radius:999px;
  background: radial-gradient(circle at 30% 30%,
    rgba(34,197,94,.28), rgba(138,107,255,.20), transparent 65%);
  filter: blur(2px);
  opacity:.9;
  pointer-events:none;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .familyX-need{
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(15,15,18,.10);
  }
}

.familyX-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;

  color: rgba(255,255,255,.96);
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.22);
  border-radius:999px;
  padding:8px 12px;
  width:fit-content;

  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

.familyX-h2{
  margin:8px 0 0;
  font-size:22px;
  font-weight: 950;
  color:#0b0b0d;
  text-shadow: 0 1px 0 rgba(255,255,255,.40);
}

.familyX-needList{
  margin: 10px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
  position:relative;
  z-index:1;
}

.familyX-needList li{
  display:flex;
  gap:10px;
  align-items:flex-start;

  padding:10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.52);
  border: 1px solid rgba(255,255,255,.36);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);

  color:#111;
  font-weight:800;
}

.familyX-needList li::before{
  content:"✓";
  width:22px; height:22px;
  flex:0 0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 9px;
  color:#0f0f12;
  background: rgba(34,197,94,.22);
  border: 1px solid rgba(34,197,94,.25);
  margin-top:1px;
}

/* ========== SECTION HEAD (Показания) — богаче ========== */
.familyX-section{ padding: 26px 0 10px; }

.familyX-sectionHead{
  position:relative;
  padding: 18px 18px 14px;
  border-radius: 22px;

  background: linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.56));
  border: 1px solid rgba(255,255,255,.40);
  box-shadow: var(--shadow3);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.familyX-sub{
  margin:8px 0 0;
  color: var(--ink3);
  line-height:1.6;
  text-align: justify;
  text-justify: inter-word;
}

/* ========== GRID CARDS ========== */
.familyX-grid{
  margin-top: 14px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.familyX-box{
  position:relative;
  border-radius: 24px;
  padding: 16px 16px 14px;

  background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.58));
  border: 1px solid rgba(255,255,255,.42);
  box-shadow: var(--shadow3);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow:hidden;
}

.familyX-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
background: radial-gradient(360px 240px at var(--mx,50%) var(--my,25%),
            rgba(245,158,11,.18), rgba(138,107,255,.16), transparent 62%);
  opacity:.9;
}

.familyX-box__top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
  position:relative;
  z-index:1;
}

.familyX-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px; height:40px;
  border-radius: 16px;

  background: rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.08);
  font-weight: 950;
  color:#0f0f12;
}

.familyX-box__t{
  font-weight: 950;
  color:#0f0f12;
  line-height:1.2;
}

.familyX-box__p{
  margin:0;
  color: rgba(15,15,18,.74);
  line-height:1.6;
  text-align: justify;
  text-justify: inter-word;
  position:relative;
  z-index:1;
}

/* ========== REVEAL ANIMATION (вернули) ========== */
.familyX [data-reveal]{
  opacity:0;
  transform: translateY(16px);
  transition:
    opacity .65s ease,
    transform .65s cubic-bezier(.2,.8,.2,1);
  transition-delay: var(--d, 0ms);
  will-change: opacity, transform;
}
.familyX [data-reveal].is-in{
  opacity:1;
  transform:none;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 860px){
  .familyX-chips{ grid-template-columns: 1fr; }
  .familyX-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 520px){
  .familyX-hero{ border-radius: 22px; }
  .familyX-hero__panel{ padding: 18px 16px 14px; }
  .familyX-title{ font-size: 22px; }
  .familyX-h2{ font-size: 20px; }
}
/* =========================
   CORRECTIONX — rich glass style
   ========================= */

.correctionX{
  --ink:#0f0f12;
  --ink2:rgba(15,15,18,.78);
  --ink3:rgba(15,15,18,.62);

  --accent:#8a6bff;
  --accent2:#22c55e;
  --accent3:#f59e0b;

  --glassA:rgba(255,255,255,.22);
  --glassB:rgba(255,255,255,.12);
  --milkA:rgba(255,255,255,.76);
  --milkB:rgba(255,255,255,.58);

  --strokeW:rgba(255,255,255,.38);
  --shadow: 0 22px 60px rgba(0,0,0,.18);
  --shadow2: 0 14px 36px rgba(0,0,0,.12);
  --shadow3: 0 10px 24px rgba(0,0,0,.10);

  --r:30px;
  color:var(--ink);
}
.correctionX, .correctionX *{ box-sizing:border-box; }
.correctionX svg{ display:block; }

.correctionX .correctionX-wrap{
  width:min(980px, 100%);
  margin:0 auto;
  padding:0 18px;
}

/* HERO */
.correctionX-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius: calc(var(--r) + 10px);
  padding: 28px 0 22px;
  box-shadow: var(--shadow);
  background: url(var(--hero-img)) center/cover no-repeat;
}
.correctionX-hero__bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(900px 620px at 18% 12%,
      rgba(255,255,255,.26) 0%,
      rgba(255,255,255,.12) 55%,
      rgba(0,0,0,.10) 100%),
    radial-gradient(760px 540px at 82% 18%,
      rgba(138,107,255,.24) 0%,
      rgba(34,197,94,.12) 48%,
      rgba(0,0,0,.10) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.18) 100%);
}

/* PANEL */
.correctionX-hero__panel{
  position:relative;
  z-index:2;
  border-radius: var(--r);
  padding: 22px 22px 18px;

  background: linear-gradient(180deg, var(--glassA), var(--glassB));
  border: 1px solid var(--strokeW);
  box-shadow: var(--shadow2);
  backdrop-filter: blur(16px) saturate(1.15);
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .correctionX-hero__panel{
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(15,15,18,.10);
  }
}

.correctionX-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color: rgba(255,255,255,.95);
  background: rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  padding:8px 12px;
  margin-bottom: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

.correctionX-title{
  margin:0 0 10px;
  font-weight: 950;
  line-height:1.12;
  font-size: clamp(22px, 2.35vw, 34px);
  color:#0c0c0e;
  text-shadow: 0 1px 0 rgba(255,255,255,.40);
}
.correctionX-ic{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px; height:36px;
  border-radius:14px;
  margin-right:8px;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(255,255,255,.38);
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  color:#111;
  vertical-align:-7px;
}
.correctionX-title__sub{
  display:block;
  margin-top:6px;
  font-weight:900;
  color:rgba(12,12,14,.86);
  font-size:.92em;
}

.correctionX-lead{
  margin:0 0 14px;
  color: var(--ink2);
  line-height:1.6;
  text-align: justify;
  text-justify: inter-word;
}

/* chips */
.correctionX-chips{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 10px;
}
.correctionX-chip{
  position:relative;
  border-radius: 18px;
  padding: 12px 12px 10px;
  background: linear-gradient(180deg, var(--milkA), var(--milkB));
  border: 1px solid rgba(255,255,255,.42);
  box-shadow: var(--shadow3);
  overflow:hidden;
}
.correctionX-chip::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background: radial-gradient(300px 200px at var(--mx,50%) var(--my,30%),
            rgba(138,107,255,.22), transparent 60%);
  opacity:.85;
}
.correctionX-chip__row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:6px;
  position:relative;
  z-index:1;
}
.correctionX-chip__icon{
  width:36px; height:36px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
background: rgba(255,255,255,.64);
  border: 1px solid rgba(255,255,255,.38);
  box-shadow: 0 12px 24px rgba(0,0,0,.10);
  color:#111;
}
.correctionX-chip__t{ font-weight:950; font-size:14px; color:#0f0f12; }
.correctionX-chip__s{ font-size:12px; font-weight:700; color:rgba(15,15,18,.72); position:relative; z-index:1; }

.correctionX-note{
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.54);
  border: 1px solid rgba(255,255,255,.36);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
  color: rgba(15,15,18,.82);
  line-height:1.6;
}

/* need block */
.correctionX-need{
  margin-top: 14px;
  border-radius: var(--r);
  padding: 18px 18px 16px;
  position:relative;
  z-index:2;

  background: linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.14));
  border: 1px solid rgba(255,255,255,.34);
  box-shadow: var(--shadow2);

  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
  overflow:hidden;
}
.correctionX-need::after{
  content:"";
  position:absolute;
  inset:auto -40px -60px auto;
  width:240px;
  height:240px;
  border-radius:999px;
  background: radial-gradient(circle at 30% 30%,
    rgba(34,197,94,.28), rgba(138,107,255,.20), transparent 65%);
  opacity:.9;
  pointer-events:none;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .correctionX-need{ background: rgba(255,255,255,.88); border: 1px solid rgba(15,15,18,.10); }
}

.correctionX-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color: rgba(255,255,255,.96);
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.22);
  border-radius:999px;
  padding:8px 12px;
  width:fit-content;
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}
.correctionX-h2{
  margin:8px 0 0;
  font-size:22px;
  font-weight: 950;
  color:#0b0b0d;
  text-shadow: 0 1px 0 rgba(255,255,255,.40);
}
.correctionX-needList{
  margin: 10px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
  position:relative;
  z-index:1;
}
.correctionX-needList li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.52);
  border: 1px solid rgba(255,255,255,.36);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
  color:#111;
  font-weight:800;
}
.correctionX-needList li::before{
  content:"✓";
  width:22px; height:22px;
  flex:0 0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 9px;
  color:#0f0f12;
  background: rgba(34,197,94,.22);
  border: 1px solid rgba(34,197,94,.25);
  margin-top:1px;
}

/* section head */
.correctionX-section{ padding: 26px 0 10px; }
.correctionX-sectionHead{
  position:relative;
  padding: 18px 18px 14px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.56));
  border: 1px solid rgba(255,255,255,.40);
  box-shadow: var(--shadow3);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.correctionX-sub{
  margin:8px 0 0;
  color: var(--ink3);
  line-height:1.6;
  text-align: justify;
  text-justify: inter-word;
}

/* grid */
.correctionX-grid{
  margin-top: 14px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.correctionX-box{
  position:relative;
  border-radius: 24px;
  padding: 16px 16px 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.58));
  border: 1px solid rgba(255,255,255,.42);
  box-shadow: var(--shadow3);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow:hidden;
}
.correctionX-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background: radial-gradient(360px 240px at var(--mx,50%) var(--my,25%),
            rgba(245,158,11,.18), rgba(138,107,255,.16), transparent 62%);
  opacity:.9;
}
.correctionX-box__top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
position:relative;
  z-index:1;
}
.correctionX-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px; height:40px;
  border-radius: 16px;
  background: rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.08);
  font-weight: 950;
  color:#0f0f12;
}
.correctionX-box__t{ font-weight: 950; color:#0f0f12; line-height:1.2; }
.correctionX-box__p{
  margin:0;
  color: rgba(15,15,18,.74);
  line-height:1.6;
  text-align: justify;
  text-justify: inter-word;
  position:relative;
  z-index:1;
}

/* steps */
.correctionX-steps{
  margin-top: 14px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.correctionX-step{
  border-radius: 24px;
  padding: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.58));
  border: 1px solid rgba(255,255,255,.42);
  box-shadow: var(--shadow3);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.correctionX-step__n{
  width:42px; height:42px;
  border-radius: 16px;
  display:flex; align-items:center; justify-content:center;
  font-weight: 950;
  background: rgba(138,107,255,.14);
  border: 1px solid rgba(138,107,255,.18);
  margin-bottom: 10px;
}
.correctionX-step__t{ font-weight: 950; margin-bottom: 6px; }
.correctionX-step__p{ color: rgba(15,15,18,.74); line-height:1.6; margin:0; text-align: justify; text-justify: inter-word; }

.correctionX-footnote{
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 22px;
  background: rgba(255,255,255,.50);
  border: 1px solid rgba(255,255,255,.34);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
  color: rgba(15,15,18,.82);
  line-height: 1.65;
}

/* reveal */
.correctionX [data-reveal]{
  opacity:0;
  transform: translateY(16px);
  transition: opacity .65s ease, transform .65s cubic-bezier(.2,.8,.2,1);
  transition-delay: var(--d, 0ms);
  will-change: opacity, transform;
}
.correctionX [data-reveal].is-in{
  opacity:1;
  transform:none;
}

/* responsive */
@media (max-width: 860px){
  .correctionX-chips{ grid-template-columns: 1fr; }
  .correctionX-grid{ grid-template-columns: 1fr; }
  .correctionX-steps{ grid-template-columns: 1fr; }
}
@media (max-width: 520px){
  .correctionX-hero{ border-radius: 22px; }
  .correctionX-hero__panel{ padding: 18px 16px 14px; }
  .correctionX-title{ font-size: 22px; }
  .correctionX-h2{ font-size: 20px; }
}
/* =========================================================
   consultX — Психологическое консультирование (финал под твой HTML)
========================================================= */

.consultX{
  --ink:#121212;
  --muted:#2e2e2e;
  --sub:#3b3b3b;

  --glass: rgba(255,255,255,.78);
  --glassSoft: rgba(255,255,255,.62);
  --stroke: rgba(0,0,0,.10);

  --shadow: 0 18px 50px rgba(0,0,0,.16);
  --shadow2: 0 12px 30px rgba(0,0,0,.12);

  --r-xl: 28px;
  --r-lg: 22px;
  --r-md: 16px;

  --pad: clamp(16px, 2.2vw, 26px);
  --gap: clamp(14px, 2vw, 22px);

  color: var(--ink);
  font-family: "Source Sans Pro", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.consultX *{ box-sizing:border-box; }
.consultX p{ margin: 0; }
.consultX a{ color: inherit; }

/* container */
.consultX-wrap{
  width: min(1040px, 100%);
  margin-inline: auto;
  padding-inline: clamp(12px, 2vw, 18px);
}

/* =========================
   HERO
========================= */
.consultX-hero{
  position: relative;
  isolation: isolate;
  padding: clamp(18px, 2.4vw, 28px) 0 clamp(22px, 3vw, 34px);
}

.consultX-hero__bg{
  position:absolute;
  inset: 0;
  border-radius: var(--r-xl);
  overflow:hidden;
  z-index:-2;
  box-shadow: var(--shadow);
  background: linear-gradient(135deg, #f2f3f6, #f7f7f9);
}

/* фото */
.consultX-hero__bg::before{
  content:"";
  position:absolute;
  inset: 0;
  background-image: var(--hero-img);
  background-size: cover;
  background-position: center;
  opacity: .58; /* делаем картинку заметной */
  filter: saturate(1.08) contrast(1.05);
  transform: scale(1.03);
}

/* затемнение/контраст (ВАЖНО: не выбеливаем полностью!) */
.consultX-hero__bg::after{
  content:"";
  position:absolute;
  inset: 0;
  background:
    radial-gradient(900px 520px at 18% 12%, rgba(255,255,255,.55), rgba(255,255,255,0) 60%),
    radial-gradient(900px 520px at 82% 22%, rgba(255,255,255,.42), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.62) 58%, rgba(255,255,255,.80));
}

/* panel */
.consultX-hero__panel{
  background: var(--glass);
  border: 1px solid var(--stroke);
  border-radius: var(--r-xl);
  padding: var(--pad);
  box-shadow: var(--shadow2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

@supports not (backdrop-filter: blur(1px)){
  .consultX-hero__panel{ background: rgba(255,255,255,.88); }
}

/* kicker */
.consultX-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(0,0,0,.70);
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.10);
}

/* title */
.consultX-title{
  margin: 14px 0 8px;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.02em;
  font-size: clamp(22px, 3.1vw, 38px);
  color: var(--ink);
}

.consultX-lead{
  margin: 10px 0 16px;
  color: rgba(0,0,0,.70);  /* темнее, чтобы читалось */
  font-size: clamp(14px, 1.65vw, 18px);
  line-height: 1.55;
}

/* chips (в твоём HTML без иконок — делаем красиво) */
.consultX-chips{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-top: 14px;
}

.consultX-chip{
  position:relative;
  padding: 14px 14px 12px;
  border-radius: var(--r-lg);
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.88);
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
  overflow:hidden;
}

.consultX-chip__t{
  font-weight: 900;
  font-size: 14px;
  color: var(--ink);
  margin-bottom: 6px;
}

.consultX-chip__s{
  font-size: 13px;
  color: rgba(0,0,0,.66);
  line-height: 1.35;
}

/* glow */
.consultX-chip::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: radial-gradient(240px 240px at var(--mx, 30%) var(--my, 30%),
    rgba(255, 223, 106, .30),
    rgba(255,255,255,0) 62%);
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events:none;
}
@media (pointer:fine){
  .consultX-chip:hover::before{ opacity: 1; }
}

/* =========================
“Основные запросы” (consultX-need)
========================= */
.consultX-need{
  margin-top: 16px;
  padding: var(--pad);
  border-radius: var(--r-xl);
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 34px rgba(0,0,0,.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.consultX-need__head{
  display:flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 12px;
}

.consultX-label{
  display:inline-flex;
  width: fit-content;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing:.08em;
  text-transform: uppercase;
  color: rgba(0,0,0,.70);
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(0,0,0,.10);
}

.consultX-h2{
  margin: 0;
  font-size: clamp(18px, 2.4vw, 28px);
  line-height: 1.15;
  letter-spacing: -0.01em;
  font-weight: 950;
  color: var(--ink);
}

.consultX-needList{
  margin: 0;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 10px;
}

.consultX-needList li{
  position: relative;
  padding: 10px 12px 10px 40px;
  border-radius: 16px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(0,0,0,.08);
  color: rgba(0,0,0,.74);
  line-height: 1.45;
  box-shadow: 0 8px 18px rgba(0,0,0,.08);
}

.consultX-needList li::before{
  content:"";
  position:absolute;
  left: 14px;
  top: 12px;
  width: 14px;
  height: 14px;
  border-radius: 5px;
  background: rgba(0,0,0,.72);
  opacity: .18;
  box-shadow: 0 0 0 6px rgba(255, 223, 106, .20);
}

/* =========================
   Sections
========================= */
.consultX-section{
  padding: clamp(16px, 2.4vw, 26px) 0 clamp(24px, 3vw, 34px);
}

.consultX-sectionHead{
  margin: 10px 0 14px;
}

.consultX-sub{
  margin-top: 8px;
  color: rgba(0,0,0,.66);
  font-size: 15px;
  line-height: 1.55;
}

/* grid */
.consultX-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 16px;
}

.consultX-box{
  position:relative;
  padding: 16px 16px 14px;
  border-radius: var(--r-xl);
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 12px 28px rgba(0,0,0,.11);
  overflow:hidden;
}

.consultX-box__t{
  font-weight: 950;
  color: var(--ink);
  margin: 0 0 6px;
  line-height: 1.2;
  font-size: 15px;
}

.consultX-box__p{
  margin: 0;
  color: rgba(0,0,0,.68);
  line-height: 1.55;
  font-size: 14px;
}

/* glow */
.consultX-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: radial-gradient(320px 260px at var(--mx, 30%) var(--my, 30%),
    rgba(120, 200, 255, .22),
    rgba(255,255,255,0) 60%);
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events:none;
}
@media (pointer:fine){
  .consultX-box:hover::before{ opacity: 1; }
}

/* =========================
   METHODS (consultX-methods / consultX-method)
========================= */
.consultX-methods{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 16px;
}

.consultX-method{
  position: relative;
  padding: 16px;
  border-radius: var(--r-xl);
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  overflow:hidden;
}

.consultX-method__t{
  font-weight: 950;
  color: var(--ink);
  margin-bottom: 6px;
  line-height: 1.2;
}

.consultX-method__p{
  color: rgba(0,0,0,.68);
  line-height: 1.55;
  font-size: 14px;
}

/* аккуратный “акцент” слева */
.consultX-method::after{
  content:"";
  position:absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 6px;
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(255,223,106,.85), rgba(120,200,255,.70));
  opacity: .75;
}

/* =========================
   ADAPTIVE
========================= */
@media (max-width: 980px){
  .consultX-chips{ grid-template-columns: 1fr; }
  .consultX-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 520px){
  .consultX-hero__bg{ border-radius: 18px; }
  .consultX-hero__panel{ border-radius: 18px; }
  .consultX-chip{ border-radius: 18px; }
  .consultX-box{ border-radius: 18px; }
.consultX-need{ border-radius: 18px; }
  .consultX-method{ border-radius: 18px; }
}

/* =========================
   REVEAL ANIMATION
   (работает с твоим общим JS: добавляет .is-in)
========================= */
.consultX [data-reveal]{
  opacity: 0;
  transform: translateY(14px);
  filter: blur(6px);
  transition:
    opacity .70s ease,
    transform .70s cubic-bezier(.2,.9,.2,1),
    filter .70s ease;
  transition-delay: var(--d, 0ms);
  will-change: opacity, transform, filter;
}

.consultX [data-reveal].is-in{
  opacity: 1;
  transform: none;
  filter: blur(0);
}
.consultX-chip__row{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-bottom: 6px;
}

.consultX-chip__icon{
  width: 34px;
  height: 34px;
  display:grid;
  place-items:center;
  border-radius: 12px;
  background: rgba(0,0,0,.05);
  border: 1px solid rgba(0,0,0,.10);
  color: rgba(0,0,0,.75);
  flex-shrink: 0;
}
@media (prefers-reduced-motion: reduce){
  .consultX [data-reveal]{
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}