/* =========================================================
   RETACH / DIRECT
   Single owner for /services/direct-v2 page UI.

   Global/shared components -> retach-shared.css
   Header/footer/callback   -> retach-shell.css
   Direct page UI           -> THIS FILE
   ========================================================= */

/* =============================================
   migrated from: inline-style-1
   ============================================= */
/* Дополнение: аккуратный текстовый список и чипы героя (как в шаблоне) */
    .section{ padding: clamp(36px,6vw,72px) 0; }

    .hero-wrap{ max-width:1080px; margin:0 auto; padding: clamp(64px,8vw,104px) 16px; text-align:center;
      background:
        linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.18)),
        url('/images/fon.JPG') center/cover no-repeat;
    }
    .hero-wrap h1{ margin:0 0 8px; font-size:clamp(28px,5vw,46px); line-height:1.1; letter-spacing:-.01em; }
    .hero-wrap .lead{ margin:6px 0 12px; font-size:clamp(16px,2.2vw,20px); opacity:.92; }
    .hero-chips{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:10px 0 0; padding:0; list-style:none; }
    .hero-chip{ display:inline-flex; align-items:center; padding:8px 12px; border-radius:999px;
      background:#fff; border:1px solid rgba(27,31,35,.10); box-shadow:0 6px 18px rgba(0,0,0,.06); font-weight:700; }
    @media (max-width:767px){ .hero-chips{ flex-direction:column; } .hero-chip{ justify-content:center; } }
    .actions{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-top:12px }
    .eyebrow{ margin:0 0 6px; font:700 12px/1 Manrope,Inter,system-ui; letter-spacing:.08em; text-transform:uppercase; color:#667085 }
    .lead-para{ max-width:70ch; margin:6px auto 12px; opacity:.9; text-wrap:balance }
    .textlist{ list-style:none; padding:0; margin:0; display:grid; gap:10px }
    .textlist li{ position:relative; padding:12px 12px 12px 46px; border-radius:14px; background:#fff; border:1px solid rgba(27,31,35,.08); box-shadow:0 6px 18px rgba(0,0,0,.06) }
    .textlist li::before{ content:"•"; position:absolute; left:16px; top:8px; font-size:24px; color:#7a8cff }
    .note{ padding:12px; border-radius:14px; border:1px dashed rgba(27,31,35,.16); background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.06); font-size:14px }
    .grid-steps{ display:grid; grid-template-columns:repeat(4,minmax(200px,1fr)); gap:12px }
    @media (max-width:980px){ .grid-steps{ grid-template-columns:1fr 1fr } }
    @media (max-width:560px){ .grid-steps{ grid-template-columns:1fr } }
    .step{ background:#fff; border:1px solid rgba(27,31,35,.08); border-radius:16px; padding:14px; box-shadow:0 6px 18px rgba(0,0,0,.06) }
    .step .n{ font-weight:900; font-size:12px; letter-spacing:.06em; opacity:.75; text-transform:uppercase }
    .step .t{ font-weight:800; margin:4px 0 6px }
    .step .d{ color:#4b535a; font-size:14px }
    .cases{ --gap:16px; }
    .cases-viewport{ overflow:hidden }
    .cases-track{ display:flex; gap:var(--gap); overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding-bottom:.5rem; margin:0; list-style:none }
    .cases-card{ flex:0 0 100%; scroll-snap-align:start }
    @media (min-width:768px){ .cases-track{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; scroll-snap-type:none } .cases-card{ flex:initial } }
    /* форма */
    #form .form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px }
    @media (max-width:740px){ #form .form-grid{ grid-template-columns:1fr } }
    #contact-form input,#contact-form textarea{ width:100%; padding:12px 12px; border-radius:12px; border:1px solid #e6e9f2; font:500 15px/1.2 Inter,system-ui }
    #contact-form textarea{ min-height:120px; resize:vertical }
    #form .messengers{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px }

/* =============================================
   migrated from: fit-glass-cards-2026-01-05
   ============================================= */
/* МНОГО ВОЗДУХА: большой верхний отступ и отступ под заголовком */
  #fit.section{
    padding: clamp(92px, 10vw, 140px) 0 clamp(64px, 8vw, 110px);
  }

  /* Фон секции — пастель премиум */
  #fit{
    background:
      radial-gradient(1100px 620px at 18% 18%, rgba(175,164,255,.18), rgba(175,164,255,0) 62%),
      radial-gradient(1100px 620px at 86% 28%, rgba(127,184,255,.18), rgba(127,184,255,0) 62%),
      radial-gradient(1100px 680px at 58% 92%, rgba(255,151,170,.10), rgba(255,151,170,0) 66%),
      linear-gradient(180deg, #fbfbfe 0%, #f6f7fb 100%);
  }

  /* Заголовок: крупно, “вкусно”, без мелкого текста под ним */
  #fit .h2{
    text-align: center;
    margin: 0 auto clamp(26px, 3.4vw, 42px);
    max-width: 22ch;
    font-size: clamp(26px, 3.3vw, 44px);
    line-height: 1.05;
    letter-spacing: -.02em;
  }

  /* Сетка карточек */
  #fit .fit-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(14px, 2.2vw, 22px);
    margin-top: 0;
  }
  @media (max-width: 980px){
    #fit .fit-grid{ grid-template-columns: 1fr; }
    #fit .h2{ max-width: 26ch; }
  }

  /* Карточки-льдинки: матовое стекло + перелив */
  #fit .fit-card{
    position: relative;
    border-radius: 22px;
    padding: clamp(18px, 2.2vw, 28px);
    overflow: hidden;

    background:
      linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.30)),
      radial-gradient(900px 240px at 18% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 60%);
    border: 1px solid rgba(255,255,255,.55);

    backdrop-filter: blur(16px) saturate(160%);
    -webkit-backdrop-filter: blur(16px) saturate(160%);

    box-shadow:
      0 1px 0 rgba(10,19,36,.03),
      0 18px 60px -42px rgba(16,24,40,.28);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  }

  /* “ледяной” блик */
  #fit .fit-card::before{
    content:"";
    position: absolute;
    inset: -1px;
    pointer-events: none;
    border-radius: 22px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.70), rgba(255,255,255,0) 42%),
      radial-gradient(700px 260px at 30% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 62%);
    opacity: .55;
  }

  /* НЕОНОВАЯ ОБВОДКА (зелёная/серая) */
  #fit .fit-card::after{
    content:"";
    position:absolute;
    inset: 0;
    border-radius: 22px;
    pointer-events:none;
    box-shadow: inset 0 0 0 1px rgba(148,163,184,.25);
    opacity: 1;
  }

  #fit .fit-card:hover{
    transform: translateY(-2px);
    box-shadow:
      0 1px 0 rgba(10,19,36,.03),
      0 30px 90px -56px rgba(16,24,40,.34);
  }

  #fit .fit-card--green::after{
    box-shadow:
      inset 0 0 0 1px rgba(34,197,94,.55),
      0 0 36px rgba(34,197,94,.10);
  }

  #fit .fit-card--gray::after{
    box-shadow:
      inset 0 0 0 1px rgba(148,163,184,.38),
      0 0 34px rgba(148,163,184,.10);
  }

  /* Хед карточки: больше воздуха */
  #fit .fit-head{
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 14px;
    align-items: center;
    margin-bottom: clamp(16px, 2vw, 22px);
  }

  /* “бейдж” с эмодзи — тоже стеклянный */
  #fit .fit-badge{
    width: 48px; height: 48px;
    border-radius: 16px;
    display: grid; place-items: center;
    font-size: 20px;
    background: rgba(255,255,255,.36);
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: 0 14px 30px -22px rgba(16,24,40,.30);
  }
  #fit .fit-badge--green{
    box-shadow:
      0 14px 30px -22px rgba(16,24,40,.30),
      0 0 22px rgba(34,197,94,.10);
  }
  #fit .fit-badge--gray{
    box-shadow:
      0 14px 30px -22px rgba(16,24,40,.30),
      0 0 22px rgba(148,163,184,.10);
  }

  /* Список: крупнее, больше интервалов, ничего не “слипается” */
  #fit .fit-list{
    position: relative;
    z-index: 1;
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: clamp(12px, 1.6vw, 16px);
  }

  #fit .fit-list li{
    display: grid;
    grid-template-columns: 26px 1fr;
    gap: 12px;
    align-items: start;
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: 1.45;
    letter-spacing: -.01em;
    color: #0b1324;
  }

  #fit .fit-emoji{
    width: 26px;
    display: grid;
    place-items: start center;
    font-size: 18px;
    line-height: 1;
    opacity: .95;
  }

  #fit .fit-actions{
    justify-content: flex-start;
    margin-top: clamp(18px, 2.2vw, 26px);
  }

/* =============================================
   migrated from: honest-2026-01-05
   ============================================= */
#honest.section{
    padding: clamp(100px, 10vw, 160px) 0 clamp(78px, 8vw, 130px);
  }

  #honest{
    background:
      radial-gradient(1200px 680px at 16% 18%, rgba(175,164,255,.14), rgba(175,164,255,0) 62%),
      radial-gradient(1200px 680px at 86% 24%, rgba(127,184,255,.14), rgba(127,184,255,0) 62%),
      radial-gradient(1200px 720px at 54% 95%, rgba(255,151,170,.08), rgba(255,151,170,0) 66%),
      linear-gradient(180deg, #ffffff 0%, #f7f7fb 100%);
  }

  /* Заголовок — вся мысль в нём, крупно, с воздухом */
  #honest .h2{
    text-align: center;
    margin: 0 auto clamp(34px, 4vw, 58px);
    max-width: 26ch;
    font-size: clamp(28px, 3.8vw, 50px);
    line-height: 1.05;
    letter-spacing: -.02em;
  }

  /* Сетка 3 карточки */
  #honest .honest-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: clamp(14px, 2.4vw, 24px);
    align-items: stretch;
  }
  @media (max-width: 1100px){
    #honest .honest-grid{ grid-template-columns: 1fr; }
    #honest .h2{ max-width: 30ch; }
  }

  /* Карточки-льдинки: матовое стекло + перелив */
  #honest .honest-card{
    position: relative;
    border-radius: 22px;
    padding: clamp(20px, 2.5vw, 32px);
    overflow: hidden;

    background:
      linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.30)),
      radial-gradient(900px 260px at 18% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 62%);
    border: 1px solid rgba(255,255,255,.55);

    backdrop-filter: blur(16px) saturate(165%);
    -webkit-backdrop-filter: blur(16px) saturate(165%);

    box-shadow:
      0 1px 0 rgba(10,19,36,.03),
      0 18px 64px -46px rgba(16,24,40,.28);
    transition: transform .18s ease, box-shadow .18s ease;
  }

  #honest .honest-card:hover{
    transform: translateY(-2px);
    box-shadow:
      0 1px 0 rgba(10,19,36,.03),
      0 30px 90px -56px rgba(16,24,40,.34);
  }

  /* Ледяной блик */
  #honest .honest-card::before{
    content:"";
    position:absolute;
    inset:-1px;
    pointer-events:none;
    border-radius: 22px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.70), rgba(255,255,255,0) 44%),
      radial-gradient(760px 280px at 30% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 64%);
    opacity: .55;
  }

  /* Неоновые обводки (серый/фиолетовый/зелёный) */
  #honest .honest-card::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius: 22px;
    pointer-events:none;
  }

  #honest .honest-card--gray::after{
    box-shadow:
      inset 0 0 0 1px rgba(148,163,184,.42),
      0 0 34px rgba(148,163,184,.10);
  }
  #honest .honest-card--purple::after{
    box-shadow:
      inset 0 0 0 1px rgba(175,164,255,.62),
      0 0 38px rgba(175,164,255,.12);
  }
  #honest .honest-card--green::after{
    box-shadow:
      inset 0 0 0 1px rgba(34,197,94,.55),
      0 0 36px rgba(34,197,94,.10);
  }

  /* Заголовки карточек — крупно */
  #honest .honest-card .h3{
    position: relative;
    z-index: 1;
    margin: 0 0 clamp(16px, 2vw, 22px);
    font: 800 clamp(18px, 1.6vw, 22px)/1.15 Manrope,Inter,system-ui;
    letter-spacing: -.01em;
  }

  /* Списки — крупные, с воздухом */
  #honest .honest-list{
    position: relative;
    z-index: 1;
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: clamp(12px, 1.7vw, 16px);
  }

  #honest .honest-list li{
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 12px;
    align-items: start;
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: 1.45;
    letter-spacing: -.01em;
    color: #0b1324;
  }

  #honest .honest-emoji{
    width: 28px;
    font-size: 18px;
    line-height: 1;
    opacity: .95;
  }

  /* Финальная мысль — крупно, как “режим” */
  #honest .honest-callout{
    margin: clamp(24px, 3vw, 38px) auto 0;
    padding: clamp(16px, 2vw, 22px) clamp(18px, 2.2vw, 26px);
    max-width: 70ch;
    text-align: center;

    border-radius: 18px;
    background: rgba(255,255,255,.55);
    border: 1px solid rgba(255,255,255,.60);
    backdrop-filter: blur(14px) saturate(165%);
    -webkit-backdrop-filter: blur(14px) saturate(165%);

    font: 800 clamp(16px, 1.25vw, 19px)/1.35 Manrope,Inter,system-ui;
    letter-spacing: -.01em;

    box-shadow: 0 18px 70px -54px rgba(16,24,40,.30);
  }

/* =============================================
   migrated from: meaning-2026-01-05
   ============================================= */
/* Воздух и отдельный премиум-фон */
  #meaning.section{
    padding: clamp(96px, 10vw, 148px) 0 clamp(72px, 8vw, 118px);
  }

  #meaning{
    background:
      radial-gradient(1100px 620px at 20% 18%, rgba(127,184,255,.14), rgba(127,184,255,0) 62%),
      radial-gradient(1100px 620px at 85% 22%, rgba(175,164,255,.14), rgba(175,164,255,0) 62%),
      radial-gradient(1200px 720px at 55% 96%, rgba(255,151,170,.08), rgba(255,151,170,0) 66%),
      linear-gradient(180deg, #ffffff 0%, #f7f7fb 100%);
  }

  /* Заголовок — чтобы даже без чтения всё было ясно */
  #meaning .h2{
    text-align: center;
    margin: 0 auto clamp(28px, 3.6vw, 52px);
    max-width: 24ch;
    font-size: clamp(28px, 3.6vw, 48px);
    line-height: 1.05;
    letter-spacing: -.02em;
  }

  #meaning .meaning-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(14px, 2.4vw, 24px);
    align-items: stretch;
  }
  @media (max-width: 980px){
    #meaning .meaning-grid{ grid-template-columns: 1fr; }
    #meaning .h2{ max-width: 28ch; }
  }

  /* Карточки “лёд/стекло” */
  #meaning .meaning-card{
    position: relative;
    border-radius: 22px;
    padding: clamp(18px, 2.4vw, 30px);
    overflow: hidden;

    background:
      linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.30)),
      radial-gradient(900px 260px at 18% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 62%);
    border: 1px solid rgba(255,255,255,.55);

    backdrop-filter: blur(16px) saturate(165%);
    -webkit-backdrop-filter: blur(16px) saturate(165%);

    box-shadow:
      0 1px 0 rgba(10,19,36,.03),
      0 18px 64px -46px rgba(16,24,40,.28);
  }

  /* Ледяной блик */
  #meaning .meaning-card::before{
    content:"";
    position:absolute;
    inset:-1px;
    pointer-events:none;
    border-radius: 22px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.70), rgba(255,255,255,0) 44%),
      radial-gradient(760px 280px at 30% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 64%);
    opacity: .55;
  }

  /* Неоновые рамки: старая — серая, новая — фиолетовая */
  #meaning .meaning-card::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius: 22px;
    pointer-events:none;
    box-shadow: inset 0 0 0 1px rgba(148,163,184,.34);
  }

  #meaning .meaning-card--new::after{
    box-shadow:
      inset 0 0 0 1px rgba(175,164,255,.60),
      0 0 38px rgba(175,164,255,.12);
  }

  #meaning .meaning-card--old::after{
    box-shadow:
      inset 0 0 0 1px rgba(148,163,184,.42),
      0 0 34px rgba(148,163,184,.10);
  }

  /* Заголовки карточек — крупно и с воздухом */
  #meaning .meaning-card .h3{
    position: relative;
    z-index: 1;
    margin: 0 0 clamp(14px, 2vw, 20px);
    font: 800 clamp(18px, 1.6vw, 22px)/1.15 Manrope,Inter,system-ui;
    letter-spacing: -.01em;
  }

  /* Список — крупно, не слипается */
  #meaning .meaning-list{
    position: relative;
    z-index: 1;
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: clamp(12px, 1.6vw, 16px);
  }

  #meaning .meaning-list li{
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 12px;
    align-items: start;
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: 1.45;
    letter-spacing: -.01em;
    color: #0b1324;
  }

  #meaning .meaning-emoji{
    width: 28px;
    font-size: 18px;
    line-height: 1;
    opacity: .95;
  }

  /* Центральная мысль — отдельной “плашкой”, чтобы цепляло */
  #meaning .meaning-callout{
    margin: clamp(18px, 2.4vw, 28px) auto 0;
    padding: clamp(14px, 1.8vw, 18px) clamp(16px, 2vw, 22px);
    max-width: 78ch;
    text-align: center;

    border-radius: 18px;
    background: rgba(255,255,255,.55);
    border: 1px solid rgba(255,255,255,.60);
    backdrop-filter: blur(14px) saturate(165%);
    -webkit-backdrop-filter: blur(14px) saturate(165%);

    font: 800 clamp(16px, 1.25vw, 18px)/1.35 Manrope,Inter,system-ui;
    letter-spacing: -.01em;
    box-shadow: 0 18px 70px -54px rgba(16,24,40,.30);
  }

  /* Цели — как премиальные “чипы” */
  #meaning .meaning-goals{
    margin-top: clamp(18px, 2.6vw, 30px);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }

  #meaning .meaning-pill{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;

    background: rgba(255,255,255,.52);
    border: 1px solid rgba(255,255,255,.60);
    backdrop-filter: blur(12px) saturate(165%);
    -webkit-backdrop-filter: blur(12px) saturate(165%);

    font: 800 13px/1 Manrope,Inter,system-ui;
    letter-spacing: .02em;
    box-shadow: 0 14px 44px -36px rgba(16,24,40,.26);
  }

/* =============================================
   migrated from: faq-polish-2025-10-27
   ============================================= */
#faq.section{
    padding: clamp(104px, 10vw, 160px) 0 clamp(78px, 8vw, 130px);
  }

  #faq{
    background:
      radial-gradient(1200px 680px at 18% 18%, rgba(175,164,255,.14), rgba(175,164,255,0) 62%),
      radial-gradient(1200px 680px at 86% 24%, rgba(127,184,255,.14), rgba(127,184,255,0) 62%),
      radial-gradient(1200px 720px at 54% 95%, rgba(255,151,170,.08), rgba(255,151,170,0) 66%),
      linear-gradient(180deg, #ffffff 0%, #f7f7fb 100%);
  }

  #faq .h2{
    text-align:center;
    margin: 0 auto clamp(30px, 4vw, 56px);
    max-width: 22ch;
    font-size: clamp(28px, 3.6vw, 48px);
    line-height: 1.05;
    letter-spacing: -.02em;
  }

  #faq .faq-grid{
    max-width: 980px;
    margin: 0 auto;
    display: grid;
    gap: clamp(12px, 1.8vw, 16px);
  }

  /* FAQ item — стекло/льдинка */
  #faq .faq-item{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.60);
    background:
      linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.30)),
      radial-gradient(900px 260px at 18% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 62%);
    backdrop-filter: blur(16px) saturate(165%);
    -webkit-backdrop-filter: blur(16px) saturate(165%);
    box-shadow:
      0 1px 0 rgba(10,19,36,.03),
      0 18px 64px -46px rgba(16,24,40,.26);
    transition: transform .18s ease, box-shadow .18s ease;
  }

  #faq .faq-item:hover{
    transform: translateY(-1px);
    box-shadow:
      0 1px 0 rgba(10,19,36,.03),
      0 28px 90px -56px rgba(16,24,40,.32);
  }

  /* Ледяной блик */
  #faq .faq-item::before{
    content:"";
    position:absolute;
    inset:-1px;
    pointer-events:none;
    border-radius: 20px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.70), rgba(255,255,255,0) 44%),
      radial-gradient(760px 280px at 30% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 64%);
    opacity: .55;
  }

  /* summary */
  #faq summary{
    position: relative;
    z-index: 1;
    list-style: none;
    cursor: pointer;
    user-select: none;

    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 18px;

    padding: clamp(18px, 2vw, 22px) clamp(18px, 2.2vw, 26px);

    font: 900 clamp(16px, 1.35vw, 18px)/1.2 Manrope, Inter, system-ui;
    letter-spacing: -.01em;
    color: #0b1324;
  }
  #faq summary::-webkit-details-marker{ display:none; }

  #faq .faq-arrow{
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 14px;

    display:grid;
    place-items:center;

    background: rgba(255,255,255,.35);
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: 0 14px 30px -22px rgba(16,24,40,.26);
    transition: transform .18s ease;
  }

  #faq details[open] .faq-arrow{ transform: rotate(180deg); }

  /* Ответ */
  #faq .faq-a{
    position: relative;
    z-index: 1;
    padding: 0 clamp(18px, 2.2vw, 26px) clamp(18px, 2vw, 22px);
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: 1.55;
    letter-spacing: -.01em;
    color: #0b1324;
    opacity: .92;
  }

  /* Акцент на открытый вопрос — нежный неон */
  #faq details[open].faq-item{
    border-color: rgba(175,164,255,.55);
    box-shadow:
      0 1px 0 rgba(10,19,36,.03),
      0 22px 80px -54px rgba(16,24,40,.30),
      0 0 40px rgba(175,164,255,.10);
  }

/* =============================================
   migrated from: ai-half-2026-01-05
   ============================================= */
#ai-half.section{
    --aiPadT: clamp(96px, 10vw, 148px);
    --aiPadB: clamp(70px, 8vw, 120px);
    padding: var(--aiPadT) 0 var(--aiPadB);
  }

  #ai-half{
    overflow: hidden;
    background:
      radial-gradient(1200px 680px at 16% 18%, rgba(127,184,255,.14), rgba(127,184,255,0) 62%),
      radial-gradient(1200px 680px at 86% 22%, rgba(175,164,255,.14), rgba(175,164,255,0) 62%),
      radial-gradient(1200px 760px at 56% 96%, rgba(255,151,170,.08), rgba(255,151,170,0) 66%),
      linear-gradient(180deg, #ffffff 0%, #f7f7fb 100%);
  }

  /* Заголовок + подзаголовок по центру */
  #ai-half .ai-half-top{
    text-align: center;
    margin: 0 auto clamp(22px, 3.2vw, 42px);
    max-width: 980px;
  }
  #ai-half .ai-half-top .h2{
    margin: 0 auto 14px;
    max-width: 24ch;
    font-size: clamp(30px, 3.6vw, 50px);
    line-height: 1.05;
    letter-spacing: -.02em;
  }
  #ai-half .ai-half-sub{
    margin: 0 auto;
    max-width: 70ch;
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: 1.55;
    letter-spacing: -.01em;
    opacity: .92;
  }

  /* Сетка: список слева / картинка справа — без перекоса (оба к низу) */
  #ai-half .ai-half-wrap{ width:100%; max-width:none; margin:0; padding:0; }

  #ai-half .ai-half-grid{
    display: grid;
    grid-template-columns: minmax(360px, 660px) 1fr;
    gap: clamp(18px, 4vw, 52px);
    align-items: end; /* <-- ключ */
  }

  #ai-half .ai-half-copy{
    padding-left: max(16px, calc((100vw - 1180px) / 2));
    padding-right: clamp(18px, 4vw, 64px);

    position: relative;
    z-index: 2;

    /* лёгкая накладка списка на картинку */
    margin-right: calc(-1 * clamp(6px, 2vw, 78px));

    /* чтобы было “воздуха” снизу под списком */
    padding-bottom: clamp(18px, 3vw, 44px);
  }

  #ai-half .ai-half-list{
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: ai;
    display: grid;
    gap: clamp(12px, 1.8vw, 16px);
    max-width: 68ch;
  }
  #ai-half .ai-half-list li{
    counter-increment: ai;
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 14px;
    align-items: start;
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: 1.5;
    letter-spacing: -.01em;
  }
  #ai-half .ai-half-list li::before{
    content: counter(ai);
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.38);
    border: 1px solid rgba(255,255,255,.60);
    backdrop-filter: blur(12px) saturate(160%);
    -webkit-backdrop-filter: blur(12px) saturate(160%);
    font: 900 16px/1 Manrope, Inter, system-ui;
    color: #0b1324;
    box-shadow: 0 18px 60px -52px rgba(16,24,40,.35);
  }

  /* Картинка справа: чуть больше, заходит влево, но НЕ уезжает в центр */
  #ai-half .ai-half-media{
    position: relative;
    z-index: 1;
    align-self: stretch;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    overflow: visible;

    /* низ картинки = низ блока */
    margin-bottom: calc(-1 * var(--aiPadB));
  }

  #ai-half .ai-half-media img{
    height: clamp(440px, 58vh, 780px);
    width: auto;
    max-width: none;
    object-fit: contain;
    object-position: right bottom;
    display: block;

    transform: translateX(calc(-1 * clamp(12px, 2.2vw, 64px)));
    transform-origin: right bottom;

    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 26%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 26%, #000 100%);

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  /* Центр-строка по центру внизу */
    #ai-half .ai-half-centerline{
    margin: clamp(56px, 6vw, 120px) auto 0; /* опускаем ниже */
    text-align: center;
    max-width: 78ch;
    font: 900 clamp(16px, 1.25vw, 19px)/1.45 Manrope, Inter, system-ui;
    letter-spacing: -.01em;
    position: relative;
    z-index: 3;
  }

  #ai-half .ai-half-cta{
    margin: 14px auto 0;
    text-align: center;
    position: relative;
    z-index: 3;
  }


  /* Mobile */
  @media (max-width: 980px){
    #ai-half.section{ padding: clamp(84px, 10vw, 120px) 0 clamp(60px, 8vw, 90px); }

    #ai-half .ai-half-grid{ grid-template-columns: 1fr; }

    #ai-half .ai-half-copy{
      padding-left: 16px;
      padding-right: 16px;
      margin-right: 0;
      padding-bottom: 18px;
    }

    #ai-half .ai-half-media{
      margin-bottom: 0;
      justify-content: center;
      overflow: hidden;
    }

    #ai-half .ai-half-media img{
      height: min(520px, 56vh);
      width: 100%;
      max-width: 760px;
      object-fit: contain;
      object-position: center bottom;

      transform: none;
      -webkit-mask-image: none;
      mask-image: none;
    }

    #ai-half .ai-half-top{ margin-bottom: 16px; }
    #ai-half .ai-half-centerline{ margin-top: 16px; padding-inline: 16px; }
  }

/* =============================================
   migrated from: kpi-cycle-2026-01-06
   ============================================= */
#kpi-cycle.section{
    padding: clamp(96px, 10vw, 150px) 0 clamp(76px, 8vw, 125px);
  }

  #kpi-cycle{
    background:
      radial-gradient(1100px 620px at 18% 18%, rgba(175,164,255,.12), rgba(175,164,255,0) 62%),
      radial-gradient(1100px 620px at 86% 24%, rgba(127,184,255,.12), rgba(127,184,255,0) 62%),
      radial-gradient(1100px 680px at 56% 96%, rgba(255,151,170,.07), rgba(255,151,170,0) 66%),
      linear-gradient(180deg, #ffffff 0%, #f7f7fb 100%);
  }

  /* Заголовок — крупно, вся мысль в нём */
  #kpi-cycle .h2{
    text-align: center;
    margin: 0 auto clamp(22px, 3vw, 40px);
    max-width: 24ch;
    font-size: clamp(30px, 3.4vw, 48px);
    line-height: 1.06;
    letter-spacing: -.02em;
  }

  /* Текст — больше, читабельнее, с воздухом */
  #kpi-cycle .kpi-cycle-text{
    max-width: 84ch;
    margin: 0 auto clamp(26px, 3.4vw, 46px);
    text-align: center;
    font-size: clamp(16px, 1.25vw, 19px);
    line-height: 1.7;
    letter-spacing: -.01em;
    opacity: .94;
  }
  #kpi-cycle .kpi-cycle-text p{
    margin: 0 0 14px;
  }
  #kpi-cycle .kpi-cycle-text p:last-child{
    margin-bottom: 0;
  }

  /* СХЕМА — крупнее и “премиальнее” */
  #kpi-cycle .kpi-cycle-scheme{
    max-width: 1100px;
    margin: 0 auto clamp(34px, 4.2vw, 64px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
  }

  #kpi-cycle .kpi-step{
    min-width: 220px;
    border-radius: 22px;
    padding: 18px 18px 16px;

    background: rgba(255,255,255,.58);
    border: 1px solid rgba(255,255,255,.70);
    backdrop-filter: blur(14px) saturate(160%);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    box-shadow: 0 18px 70px -56px rgba(16,24,40,.30);

    text-align: center;
  }

  #kpi-cycle .kpi-step-icon{
    width: 46px;
    height: 46px;
    margin: 0 auto 10px;
    border-radius: 16px;

    display: grid;
    place-items: center;

    background: rgba(255,255,255,.45);
    border: 1px solid rgba(255,255,255,.70);
    box-shadow: 0 14px 44px -40px rgba(16,24,40,.25);

    font-size: 20px;
    line-height: 1;
  }

  #kpi-cycle .kpi-step-title{
    font: 900 16px/1.1 Manrope, Inter, system-ui;
    letter-spacing: .02em;
    margin-bottom: 6px;
  }

  #kpi-cycle .kpi-step-desc{
    font-size: 14px;
    line-height: 1.35;
    opacity: .75;
  }

  #kpi-cycle .kpi-arrow{
    font: 900 26px/1 Manrope, Inter, system-ui;
    opacity: .45;
    margin-inline: 2px;
  }

  /* “Больше деталей” — без карточек, просто текст и список */
  #kpi-cycle .kpi-cycle-more{
    max-width: 90ch;
    margin: 0 auto;
  }

  #kpi-cycle .kpi-cycle-h3{
    text-align: center;
    margin: 0 0 18px;
    font: 900 clamp(18px, 1.7vw, 22px)/1.15 Manrope, Inter, system-ui;
    letter-spacing: -.01em;
  }

  #kpi-cycle .kpi-cycle-bullets{
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 12px;

    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.65;
    letter-spacing: -.01em;
  }

  #kpi-cycle .kpi-cycle-bullets strong{
    font-weight: 900;
  }

  #kpi-cycle .kpi-cycle-note{
    margin: clamp(20px, 2.8vw, 34px) auto 0;
    text-align: center;
    max-width: 80ch;

    font: 900 clamp(16px, 1.2vw, 18px)/1.55 Manrope, Inter, system-ui;
    letter-spacing: -.01em;
    opacity: .95;
  }

  /* Мобилка: схема становится 2×2 (стрелки прячем) */
  @media (max-width: 980px){
    #kpi-cycle .kpi-cycle-text{ text-align: left; }

    #kpi-cycle .kpi-cycle-scheme{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      align-items: stretch;
    }

    #kpi-cycle .kpi-arrow{ display: none; }

    #kpi-cycle .kpi-step{
      min-width: 0;
      padding: 16px 14px 14px;
    }

    #kpi-cycle .kpi-cycle-bullets{
      padding-left: 18px;
    }
  }

/* =============================================
   migrated from: kpi-examples-2026-01-06
   ============================================= */
#kpi-examples.section{
    padding: clamp(84px, 9vw, 132px) 0 clamp(76px, 8vw, 120px);
  }

  /* фон делаем мягкий, но чуть отличающийся — чтобы блок читался отдельным смыслом */
  #kpi-examples{
    background:
      radial-gradient(1100px 620px at 16% 18%, rgba(175,164,255,.10), rgba(175,164,255,0) 62%),
      radial-gradient(1100px 620px at 86% 24%, rgba(127,184,255,.10), rgba(127,184,255,0) 62%),
      radial-gradient(1100px 680px at 56% 96%, rgba(255,151,170,.06), rgba(255,151,170,0) 66%),
      linear-gradient(180deg, #ffffff 0%, #f7f7fb 100%);
  }

  #kpi-examples .h2{
    text-align: center;
    margin: 0 auto clamp(26px, 3.2vw, 44px);
    max-width: 26ch;
    font-size: clamp(28px, 3.1vw, 44px);
    line-height: 1.06;
    letter-spacing: -.02em;
  }

  #kpi-examples .kpi-examples-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(14px, 2.2vw, 22px);
    align-items: stretch;
  }

  /* карточки-льдинки */
  #kpi-examples .kpi-ex-card{
    position: relative;
    border-radius: 22px;
    padding: clamp(18px, 2.4vw, 30px);
    overflow: hidden;

    background:
      linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.30)),
      radial-gradient(900px 260px at 18% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 62%);
    border: 1px solid rgba(255,255,255,.65);

    backdrop-filter: blur(16px) saturate(165%);
    -webkit-backdrop-filter: blur(16px) saturate(165%);

    box-shadow:
      0 1px 0 rgba(10,19,36,.03),
      0 18px 64px -46px rgba(16,24,40,.26);
    transition: transform .18s ease, box-shadow .18s ease;
  }

  /* ледяной блик */
  #kpi-examples .kpi-ex-card::before{
    content:"";
    position:absolute;
    inset:-1px;
    pointer-events:none;
    border-radius: 22px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,0) 44%),
      radial-gradient(760px 280px at 30% 0%, rgba(255,255,255,.56), rgba(255,255,255,0) 64%);
    opacity: .55;
  }

  /* нежный “неон” по контуру */
  #kpi-examples .kpi-ex-card::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius: 22px;
    pointer-events:none;
    box-shadow:
      inset 0 0 0 1px rgba(175,164,255,.45),
      0 0 34px rgba(175,164,255,.08);
  }

  #kpi-examples .kpi-ex-card:hover{
    transform: translateY(-2px);
    box-shadow:
      0 1px 0 rgba(10,19,36,.03),
      0 30px 90px -56px rgba(16,24,40,.32);
  }

  #kpi-examples .kpi-ex-title{
    position: relative;
    z-index: 1;
    margin: 0 0 12px;
    font: 900 clamp(18px, 1.6vw, 22px)/1.15 Manrope, Inter, system-ui;
    letter-spacing: -.01em;
  }

  #kpi-examples .kpi-ex-text{
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.65;
    letter-spacing: -.01em;
    opacity: .93;
  }

  /* адаптив: 2 колонки, потом 1 */
  @media (max-width: 980px){
    #kpi-examples .kpi-examples-grid{ grid-template-columns: 1fr 1fr; }
  }
  @media (max-width: 680px){
    #kpi-examples .kpi-examples-grid{ grid-template-columns: 1fr; }
  }

/* =============================================
   migrated from: rt-direct-v2-hero-final
   ============================================= */
/* =========================================================
   DIRECT V2 — FINAL HERO
   One component / no historical overrides
   ========================================================= */

#hero,
#hero *,
#hero *::before,
#hero *::after {
  box-sizing:border-box;
}


/* =========================================================
   DESKTOP — BASE
   ========================================================= */

#hero.rt-result-hero {
  position:relative;
  min-height:calc(100svh - 80px);
  margin:0;
  padding:0;
  overflow:hidden;

  background:
    url('/images/vedenie/direct-v2-hero-bg.webp')
    left center / 108% auto no-repeat;
}


#hero .rt-result-shell {
  position:relative;

  width:min(1490px, calc(100% - 96px));
  min-height:calc(100svh - 80px);

  margin:0 auto;
  padding:82px 0 62px;

  display:grid;
  grid-template-columns:minmax(650px,730px) minmax(430px,1fr);
  gap:70px;
  align-items:start;
}


/* ---------- LEFT ---------- */

#hero .rt-result-copy {
  position:relative;
  z-index:5;
}


#hero .rt-result-eyebrow {
  width:max-content;
  max-width:100%;

  display:flex;
  align-items:center;
  gap:12px;

  margin:0 0 26px;
  padding:10px 18px;

  border:1px solid rgba(104,73,230,.12);
  border-radius:999px;

  background:rgba(124,91,236,.08);

  color:#5937d5;

  font:700 16px/1 Manrope,Inter,system-ui,sans-serif;
}


#hero .rt-result-eyebrow::before {
  content:"";

  width:13px;
  height:13px;
  flex:0 0 13px;

  border-radius:50%;

  background:linear-gradient(135deg,#7254ff,#b260f0);

  box-shadow:
    0 0 14px rgba(119,80,239,.28);
}


#hero h1 {
  margin:0;

  color:#11151d;

  font-family:Manrope,Inter,system-ui,sans-serif;
  font-size:56px;
  font-weight:800;
  line-height:1.12;
  letter-spacing:-.045em;

  text-align:left;
}


#hero h1 > span {
  display:block;
  white-space:nowrap;
}


#hero .rt-result-lead {
  max-width:665px;

  margin:36px 0 0;

  color:#495567;

  font:500 19px/1.7 Inter,system-ui,sans-serif;
}


#hero .rt-lead-desktop {
  display:block;
}


#hero .rt-lead-mobile {
  display:none;
}


#hero .rt-lead-line {
  display:block;
  white-space:nowrap;
}


#hero .rt-result-actions {
  margin:46px 0 0;
}


#hero .rt-result-button {
  width:446px;
  max-width:100%;
  min-height:70px;

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

  padding:0 28px;

  border:0;
  border-radius:999px;

  background:
    linear-gradient(
      100deg,
      #6b63ff 0%,
      #8973fd 52%,
      #ee79ad 100%
    );

  color:#fff;

  box-shadow:
    0 13px 31px rgba(101,84,229,.18);

  text-decoration:none;

  font:700 17px/1.2 Manrope,Inter,system-ui,sans-serif;

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


#hero .rt-result-button:hover {
  transform:translateY(-2px);

  box-shadow:
    0 17px 36px rgba(101,84,229,.23);
}


#hero .rt-cta-desktop {
  display:inline;
  white-space:nowrap;
}


#hero .rt-cta-mobile {
  display:none;
}


#hero .rt-result-note {
  max-width:560px;

  margin:38px 0 0;

  display:grid;
  grid-template-columns:58px 1fr;
  gap:18px;
  align-items:center;

  color:#5d6878;

  font:500 14px/1.6 Inter,system-ui,sans-serif;
}


#hero .rt-result-note-icon {
  width:58px;
  height:58px;

  display:grid;
  place-items:center;

  border:1px solid rgba(105,81,231,.16);
  border-radius:50%;

  background:rgba(255,255,255,.78);

  color:#6d5bea;

  box-shadow:
    0 9px 24px rgba(54,44,118,.07);
}


#hero .rt-result-note-icon svg {
  width:28px;
  height:28px;
}


/* ---------- RIGHT ---------- */

#hero .rt-result-visual {
  position:relative;
  z-index:4;

  padding-top:38px;

  transform:translateX(-145px);
}


#hero .rt-result-card {
  position:relative;

  width:360px;

  padding:26px 27px 21px;

  border:1px solid rgba(25,30,44,.055);
  border-radius:23px;

  background:rgba(255,255,255,.92);

  box-shadow:
    0 24px 55px rgba(43,40,79,.10);

  backdrop-filter:blur(10px);
}


#hero .rt-result-exampleline {
  margin:0 0 14px;

  color:#8b91a0;

  font:700 11px/1.1 Manrope,Inter,system-ui,sans-serif;

  letter-spacing:.05em;
  text-transform:uppercase;
}


#hero .rt-result-pill {
  width:max-content;
  height:38px;

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

  padding:9px 19px;

  border:1px solid rgba(106,74,225,.13);
  border-radius:999px;

  background:#f3efff;

  color:#6644dc;

  font:700 16px/1 Manrope,Inter,system-ui,sans-serif;
}


#hero .rt-result-price {
  height:68px;

  display:flex;
  align-items:center;
  gap:6px;

  margin:22px 0 23px;

  overflow:hidden;

  color:#10151e;

  font-family:Manrope,Inter,system-ui,sans-serif;
  font-size:56px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.045em;

  font-variant-numeric:tabular-nums;
}


#hero .rt-result-currency {
  font-size:.62em;
}


#hero .rt-result-includes {
  display:grid;
  grid-template-columns:1fr;
  gap:14px;

  margin:0;
  padding:0;

  list-style:none;
}


#hero .rt-result-i
  min-height:34px;

  display:grid;
  grid-template-columns:31px 1fr;
  gap:13px;
  align-items:center;

  color:#171d27;

  font:500 15px/1.25 Inter,system-ui,sans-serif;
}


#hero .rt-result-includes li::before {
  content:"✓";

  width:29px;
  height:29px;

  display:grid;
  place-items:center;

  border:2px solid #70dd96;
  border-radius:6px;

  background:#eaffef;

  color:#36bf68;

  font-size:20px;
  font-weight:600;
  line-height:1;
}


#hero .rt-result-total {
  height:64px;

  margin:23px 0 0;
  padding:22px 8px 15px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;

  overflow:hidden;

  border-top:
    1px dashed rgba(38,43,56,.20);

  background:
    linear-gradient(
      to bottom,
      transparent 0 20px,
      rgba(112,84,245,.085) 20px 100%
    );

  color:#11151d;

  font:600 16px/1 Manrope,Inter,system-ui,sans-serif;

  white-space:nowrap;

  font-variant-numeric:tabular-nums;
}


#hero .rt-result-total > * {
  flex:0 0 auto;
  white-space:nowrap;
}


#hero .rt-result-total strong {
  color:#6847df;
  font-weight:800;
}


#hero .rt-result-disclaimer {
  margin:14px 0 0;

  color:#79808b;

  font:500 12px/1.45 Inter,system-ui,sans-serif;
}


/* ---------- GOLD BADGE ---------- */

#hero .rt-result-badge {
  position:absolute;

  top:-25px;
  right:-25px;

  width:126px;
  height:126px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  padding:12px;

  border:2px solid #dda131;
  border-radius:50%;

  background:rgba(255,255,255,.95);

  color:#c38a29;

  text-align:center;

  box-shadow:
    0 0 0 6px rgba(255,255,255,.55),
    0 12px 30px rgba(174,127,45,.13);
}


#hero .rt-result-badge svg {
  width:24px;
  height:24px;

  margin-bottom:5px;
}


#hero .rt-result-badge strong {
  font:800 11px/1.3 Manrope,Inter,system-ui,sans-serif;
}


/* ---------- DYNAMIC SWAP ---------- */

#hero #rt-goal-type,
#hero .rt-result-price,
#hero #rt-goal-total {
  opacity:1;
  transform:translateY(0);

  transition:
    opacity .24s ease,
    transform .24s ease;
}


#hero #rt-goal-type.rt-changing,
#hero .rt-result-price.rt-changing,
#hero #rt-goal-total.rt-changing {
  opacity:0;
  transform:translateY(-4px);
}


/* =========================================================
   DESKTOP <= 1400
   ========================================================= */

@media (min-width:1051px) and (max-width:1400px) {

  #hero.rt-result-hero {
    background-size:110% auto;
  }


  #hero .rt-result-shell {
    width:calc(100% - 44px);

    grid-template-column
      minmax(570px,1.1fr)
      minmax(410px,.9fr);

    gap:38px;

    padding-top:55px;
  }


  #hero h1 {
    font-size:49px;
  }


  #hero .rt-result-lead {
    max-width:610px;

    margin-top:22px;

    font-size:16px;
    line-height:1.55;
  }


  #hero .rt-result-actions {
    margin-top:28px;
  }


  #hero .rt-result-button {
    min-height:61px;
  }


  #hero .rt-result-note {
    margin-top:25px;
  }


  #hero .rt-result-visual {
    padding-top:15px;

    transform:translateX(-175px);
  }


  #hero .rt-result-card {
    width:330px;

    padding:24px 24px 18px;
  }


  #hero .rt-result-pill {
    padding:8px 16px;

    font-size:14px;
  }


  #hero .rt-result-price {
    margin:20px 0 22px;

    font-size:52px;
  }


  #hero .rt-result-includes {
    gap:11px;
  }


  #hero .rt-result-includes li {
    min-height:29px;

    grid-template-columns:29px 1fr;
    gap:11px;

    font-size:14px;
  }


  #hero .rt-result-includes li::before {
    width:27px;
    height:27px;

    font-size:19px;
  }


  #hero .rt-result-total {
    margin-top:21px;

    padding:
      21px
      2px
      14px;

    gap:4px;

    font-size:13px;
  }


  #hero .rt-result-badge {
    width:110px;
    height:110px;

    top:-19px;
    right:-18px;
  }


  #hero .rt-result-badge svg {
    width:21px;
    height:21px;
  }


  #hero .rt-result-badge strong {
    font-size:9px;
  }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width:601px) and (max-width:1050px) {

  #hero.rt-result-hero {
    min-height:auto;

    background-size:cover;
    background-position:center top;
  }


  #hero .rt-result-shell {
    width:calc(100% - 40px);
    min-height:auto;

    grid-template-columns:1fr;
    gap:42px;

    padding:50px 0 70px;
  }


  #hero h1 > span {
    white-space:normal;
  }


  #hero .rt-result-visual {
    width:min(560px,100%);

    padding-top:15px;

    transform:none;
  }


  #hero .rt-result-card {
    width:480px;
    max-width:100%;
  }

}


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

@media (max-width:600px) {

  #hero.rt-result-hero {
    min-height:1250px;

    background-color:#f8f6ff;

    background-image:
      url('/images/vedenie/direct-v2-hero-bg-mobile.webp');

    background-position:center top;
    background-size:100% auto;
  }


  #hero .rt-result-shell {
    position:relative;

    width:100%;
    min-height:1250px;

    display:block;

    margin:0;

    padding:
      48px
      18px
      40px;
  }


  #hero .rt-result-eyebrow {
    gap:9px;

    margin-bottom:26px;

    padding:9px 14px;

    font-size:11px;
  }


  #hero .rt-result-eyebrow::before {
    width:10px;
    height:10px;

    flex-basis:10px;
  }


  #hero h1 {
    width:100%;

    font-size:34px;
    line-he
  }


  #hero h1 > span {
    display:block;
  }


  #hero h1 > span:first-child {
    width:300px;
    max-width:100%;

    white-space:normal;
  }


  #hero h1 > span:nth-child(2) {
    white-space:nowrap;
  }


  #hero h1 > span:last-child {
    width:100%;

    font-size:30px;

    letter-spacing:-.055em;

    white-space:nowrap;
  }


  #hero .rt-result-lead {
    width:100%;
    max-width:320px;

    margin-top:22px;

    font-size:16px;
    line-height:1.5;
  }


  #hero .rt-lead-desktop {
    display:none;
  }


  #hero .rt-lead-mobile {
    display:block;
  }


  #hero .rt-lead-mobile .rt-lead-line {
    display:block;
    white-space:nowrap;
  }


  /* Round CTA directly under mobile text */

  #hero .rt-result-actions {
    position:relative;

    width:152px;
    height:152px;

    margin:22px 0 0;
  }


  #hero .rt-result-button {
    width:152px;
    height:152px;
    min-height:152px;

    padding:18px;

    border-radius:50%;

    text-align:center;

    font-size:15px;
    line-height:1.2;

    box-shadow:
      0 16px 34px rgba(103,81,232,.24);
  }


  #hero .rt-cta-desktop {
    display:none;
  }


  #hero .rt-cta-mobile {
    display:block;
  }


  #hero .rt-result-note {
    display:none;
  }


  /* Mobile result

  #hero .rt-result-visual {
    position:absolute;

    top:800px;
    left:24px;

    width:auto;

    padding:0;

    transform:none;
  }


  #hero .rt-result-card {
    width:310px;

    padding:31px 28px 25px;

    border-radius:28px;
  }


  #hero .rt-result-exampleline {
    margin-bottom:12px;

    font-size:10px;
  }


  #hero .rt-result-pill {
    height:36px;

    padding:10px 19px;

    font-size:17px;
  }


  #hero .rt-result-price {
    height:67px;

    margin:27px 0 25px;

    font-size:62px;
  }


  #hero .rt-result-includes {
    g
  }


  #hero .rt-result-includes li {
    min-height:30px;

    grid-template-columns:30px 1fr;
    gap:12px;

    font-size:14px;
  }


  #hero .rt-result-includes li::before {
    width:28px;
    height:28px;

    font-size:19px;
  }


  #hero .rt-result-total {
    height:58px;

    margin-top:24px;

    padding:
      19
      2px
      12px;

    gap:3px;

    background:
      linear-gradient(
        to bottom,
        transparent 0 17px,
        rgba(112,84,245,.085) 17px 100%
      );

    font-size:12px;
  }


  #hero .rt-result-disclaimer {
    margin-top:12px;

    font-size:11px;
    line-height:1.42;
  }


  #hero .rt-result-badge {
    width:120px;
    height:120px;

    top:-105px;
    left:108px;
    right:auto;

    padding:12px;
  }


  #hero .rt-result-badge svg {
    width:24px;
    height:24px;

    margin-bottom:6px;
  }


  #hero .rt-result-badge strong {
    font-size:12px;
    line-height:1.35;
  }


  /* Mobile header simplification */

  header a[href*="max.ru"] {
    display:none;
  }

}


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

@media (max-width:370px) {

  #hero .rt-result-shell {
    padding-left:14px;
    padding-right:14px;
  }


  #hero h1 {
    font-size:32px;
  }


  #hero h1 > span:first-child {
    width:280px;
  }


  #hero h1 > span:last-child {
    font-size:27px;
  }


  #hero .rt-result-lead {
    max-width:300px;

    font-size:15px;
  }


  #hero .rt-result-actions {
    width:142px;
    height:142px;

    margin-top:20px;
  }


  #hero .rt-result-button {
    width:142px;
    height:142px;
    min-height:142px;

    padding:16px;

    font-size:14px;
  }


  #hero .rt-result-visual {
    left:18px;
  }


  #hero .rt-result-card {
    width:290px;
  }


  #hero .rt-result-badge {
    left:100px;
  }

}

/* RT REDUCED MOTION */
@media (prefers-reduced-motion: reduce) {

  #hero #rt-goal-type,
  #hero .rt-result-price,
  #hero #rt-goal-total {
    transition:none;
  }

}

/* DIRECT V2 RESULT CHECKMARKS START */

/* 4 строки “что входит” в карточке результата */
.rt-result-card-item{
  position:relative;
  display:flex;
  align-items:center;
  min-height:30px;
  padding-left:44px;
}

.rt-result-card-item::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:28px;
  height:28px;
  border-radius:8px;
  border:2px solid #63d98a;
  background:linear-gradient(180deg,rgba(99,217,138,.12),rgba(99,217,138,.04));
  transform:translateY(-50%);
  box-sizing:border-box;
}

.rt-result-card-item::after{
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  width:7px;
  height:13px;
  border-right:3px solid #39c96c;
  border-bottom:3px solid #39c96c;
  transform:translateY(-58%) rotate(45deg);
  box-sizing:border-box;
}

/* DIRECT V2 RESULT CHECKMARKS END */

/* DIRECT MOBILE BELOW-FOLD PERFORMANCE START */

/*
 * Mobile first-screen priority.
 *
 * Sections outside the viewport may skip layout/paint until
 * the browser needs them. This does NOT change network order
 * of good.retach / Metrika / ym-goals.
 */
@media (max-width:768px){

  #fit,
  #ai-half,
  #meaning,
  #kpi-cycle,
  #honest,
  #kpi-examples,
  #faq{
    content-visibility:auto;
    contain-intrinsic-size:auto 900px;
  }

}

/* DIRECT MOBILE BELOW-FOLD PERFORMANCE END */