<style>
  /* ─── RESET ─────────────────────────────────────────── */
  .iur-page,
  .iur-page * { box-sizing: border-box; }
  .iur-page input,
  .iur-page textarea,
  .iur-page select { font: inherit; }

  /* ─── BASE (та же палитра, что на странице вебинара) ─── */
  .iur-page {
    --c-ink:      #111111;
    --c-sub:      #444444;
    --c-muted:    #767676;
    --c-line:     #e3e3e3;
    --c-bg:       #ffffff;
    --c-panel:    #f5f5f5;
    --c-accent:   #222222;
    --c-accent-h: #111111;
    --c-accent-light: #f0f0f0;
    --c-cta:      #2d8659;
    --c-cta-h:    #235a47;
    --c-success:  #2d8659;
    --c-success-h:#235a47;

    background: var(--c-bg);
    color: var(--c-ink);
    font-family: var(--t-text-font);
  }

  /* ─── STICKY HEADER (идентична вебинарной — общая шапка сайта) ─── */
  .iur-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #ffffff;
    border-bottom: 1px solid var(--c-line);
    height: 60px;
    display: flex;
    align-items: center;
  }
  .iur-header__inner {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 clamp(16px, 4vw, 48px);
    display: flex;
    align-items: center;
    gap: 32px;
  }
  .iur-header__logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    text-decoration: none;
  }
  .iur-header__logo-text {
    font-family: var(--t-headline-font);
    font-size: 18px;
    font-weight: 800;
    color: var(--c-ink);
    letter-spacing: -0.02em;
  }
  .iur-header__nav {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: 8px;
  }
  .iur-header__nav a {
    font-family: var(--t-text-font);
    font-size: 14px;
    font-weight: 500;
    color: var(--c-sub);
    text-decoration: none;
    transition: color 0.15s;
    white-space: nowrap;
  }
  .iur-header__nav a:hover,
  .iur-header__nav a.iur-active { color: var(--c-ink); }
  .iur-header__spacer { flex: 1; }
  .iur-header__cta {
    background: var(--c-cta);
    color: #ffffff;
    font-family: var(--t-text-font);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    padding: 8px 18px;
    border-radius: 4px;
    white-space: nowrap;
    transition: background 0.2s;
    flex-shrink: 0;
  }
  .iur-header__cta:hover { background: var(--c-cta-h); }
  .iur-header__burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 4px;
    flex-shrink: 0;
  }
  .iur-header__burger span {
    display: block;
    height: 2px;
    background: var(--c-ink);
    border-radius: 2px;
    transition: transform 0.25s, opacity 0.25s;
  }
  .iur-header__burger.iur-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .iur-header__burger.iur-open span:nth-child(2) { opacity: 0; }
  .iur-header__burger.iur-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .iur-header__mobile-nav {
    display: none;
    position: absolute;
    top: 60px;
    left: 0; right: 0;
    background: #ffffff;
    border-bottom: 1px solid var(--c-line);
    padding: 16px clamp(16px, 4vw, 48px) 20px;
    flex-direction: column;
    gap: 4px;
    z-index: 99;
  }
  .iur-header__mobile-nav.iur-open { display: flex; }
  .iur-header__mobile-nav a {
    font-family: var(--t-text-font);
    font-size: 16px;
    font-weight: 500;
    color: var(--c-sub);
    text-decoration: none;
    padding: 10px 0;
    border-bottom: 1px solid var(--c-line);
    transition: color 0.15s;
  }
  .iur-header__mobile-nav a:last-child { border-bottom: none; }
  .iur-header__mobile-nav a:hover { color: var(--c-ink); }

  @media (max-width: 640px) {
    .iur-header__nav { display: none; }
    .iur-header__burger { display: flex; }
    .iur-header { position: relative; }
  }

  /* ─── SHARED SECTION WRAPPER ─────────────────────────── */
  .iur-sol-section {
    padding: clamp(56px, 8vw, 96px) clamp(24px, 6vw, 80px);
    max-width: 1200px;
    margin: 0 auto;
  }
  @media (max-width: 480px) {
    .iur-sol-section { padding: clamp(40px, 6vw, 64px) 16px; }
  }
  .iur-sol-heading {
    font-family: var(--t-headline-font);
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    color: var(--c-ink);
    margin: 0 0 16px;
    text-wrap: balance;
  }
  .iur-sol-lead {
    font-family: var(--t-text-font);
    font-size: 16px;
    line-height: 1.6;
    color: var(--c-sub);
    max-width: 62ch;
    margin: 0 0 40px;
  }
  @media (max-width: 480px) {
    .iur-sol-heading { font-size: clamp(1.5rem, 6vw, 1.9rem); }
    .iur-sol-lead { font-size: 15px; margin-bottom: 28px; }
  }

  /* ══════ 1. HERO ══════ */
  .iur-sol-hero {
    border-bottom: 1px solid var(--c-line);
    background: var(--c-panel);
  }
  .iur-sol-hero__inner {
    max-width: 900px;
    margin: 0 auto;
    padding: clamp(56px,9vw,104px) clamp(24px,6vw,80px) clamp(48px,7vw,80px);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .iur-sol-hero__label {
    font-family: var(--t-text-font);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-muted);
  }
  .iur-sol-hero__title {
    font-family: var(--t-headline-font);
    font-size: clamp(1.9rem, 4vw, 2.9rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: var(--c-ink);
    text-wrap: balance;
    margin: 0;
  }
  .iur-sol-hero__sub {
    font-family: var(--t-text-font);
    font-size: 17px;
    line-height: 1.6;
    color: var(--c-sub);
    max-width: 56ch;
    margin: 0;
  }
  .iur-sol-hero__actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 12px;
  }
  .iur-sol-btn-primary {
    background: var(--c-cta);
    color: #ffffff;
    font-family: var(--t-text-font);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    padding: 15px 32px;
    border-radius: 4px;
    display: inline-block;
    transition: background 0.2s;
  }
  .iur-sol-btn-primary:hover { background: var(--c-cta-h); }
  .iur-sol-btn-ghost {
    background: transparent;
    color: var(--c-ink);
    border: 1px solid var(--c-line);
    font-family: var(--t-text-font);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 4px;
    display: inline-block;
    transition: border-color 0.2s, background 0.2s;
  }
  .iur-sol-btn-ghost:hover { border-color: var(--c-ink); background: #fff; }
  @media (max-width: 480px) {
    .iur-sol-hero__inner { padding: 40px 16px 40px; gap: 16px; }
    .iur-sol-hero__title { font-size: clamp(1.6rem, 7vw, 2rem); }
    .iur-sol-hero__sub { font-size: 15px; }
    .iur-sol-hero__actions { flex-direction: column; width: 100%; }
    .iur-sol-btn-primary, .iur-sol-btn-ghost { width: 100%; text-align: center; }
  }

  /* ══════ 2. TRUST BAR (фото + цифры, как блок спикера на вебинарной странице) ══════ */
  .iur-sol-trust { border-bottom: 1px solid var(--c-line); }
  .iur-sol-trust__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: clamp(40px,6vw,64px) clamp(24px,6vw,80px);
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 40px;
    align-items: center;
  }
  .iur-sol-trust__photo {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--c-panel);
    flex-shrink: 0;
  }
  .iur-sol-trust__photo img {
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
  }
  .iur-sol-trust__body { display: flex; flex-direction: column; gap: 16px; }
  .iur-sol-trust__name {
    font-family: var(--t-text-font);
    font-size: 14px;
    color: var(--c-muted);
  }
  .iur-sol-trust__name strong { color: var(--c-ink); font-weight: 700; }
  .iur-sol-trust__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
  .iur-sol-trust__val {
    font-family: var(--t-headline-font);
    font-size: clamp(1.4rem, 2.6vw, 1.9rem);
    font-weight: 800;
    color: var(--c-ink);
    letter-spacing: -0.03em;
    line-height: 1;
    margin-bottom: 6px;
  }
  .iur-sol-trust__label {
    font-family: var(--t-text-font);
    font-size: 13px;
    color: var(--c-muted);
    line-height: 1.4;
  }
  @media (max-width: 800px) {
    .iur-sol-trust__inner { grid-template-columns: 1fr; text-align: center; justify-items: center; gap: 20px; }
    .iur-sol-trust__photo { width: 120px; height: 120px; }
    .iur-sol-trust__grid { grid-template-columns: repeat(2, 1fr); gap: 20px 16px; }
  }
  @media (max-width: 480px) {
    .iur-sol-trust__inner { padding: 32px 16px; }
  }

  /* ══════ 3. СЕЛЕКТОР "ЧТО ВАМ ПОДОЙДЁТ" ══════ */
  .iur-sol-selector { border-bottom: 1px solid var(--c-line); background: var(--c-panel); }
  .iur-sol-selector__list {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--c-line);
  }
  .iur-sol-selector__row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 16px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--c-line);
    background: var(--c-bg);
    text-decoration: none;
    transition: background 0.15s;
  }
  .iur-sol-selector__row:hover { background: #fbfbfb; }
  .iur-sol-selector__situation {
    font-family: var(--t-text-font);
    font-size: 15px;
    color: var(--c-sub);
    line-height: 1.5;
  }
  .iur-sol-selector__product {
    font-family: var(--t-text-font);
    font-size: 14px;
    font-weight: 700;
    color: var(--c-cta);
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .iur-sol-selector__product::after { content: '→'; font-weight: 400; }
  @media (max-width: 640px) {
    .iur-sol-selector__row { grid-template-columns: 1fr; gap: 8px; padding: 16px; }
    .iur-sol-selector__situation { font-size: 14px; }
  }

  /* ══════ 4. ПРОДУКТЫ ══════ */
  .iur-sol-products { border-bottom: 1px solid var(--c-line); }
  .iur-sol-products__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: var(--c-line);
    border: 1px solid var(--c-line);
  }
  .iur-sol-card {
    background: var(--c-bg);
    padding: 32px 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    scroll-margin-top: 80px;
  }
  .iur-sol-card--free { background: var(--c-accent); }
  .iur-sol-card--free .iur-sol-card__title,
  .iur-sol-card--free .iur-sol-card__when,
  .iur-sol-card--free .iur-sol-card__price { color: #ffffff; }
  .iur-sol-card__icon { width: 40px; height: 40px; margin-bottom: 4px; }
  .iur-sol-card--free .iur-sol-card__icon circle,
  .iur-sol-card--free .iur-sol-card__icon rect { fill: rgba(255,255,255,0.12); }
  .iur-sol-card--free .iur-sol-card__icon path,
  .iur-sol-card--free .iur-sol-card__icon circle[stroke] { stroke: #ffffff; }
  .iur-sol-card__badge {
    font-family: var(--t-text-font);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--c-cta);
  }
  .iur-sol-card--free .iur-sol-card__badge { color: #9fd9bd; }
  .iur-sol-card__title {
    font-family: var(--t-headline-font);
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--c-ink);
    margin: 0;
  }
  .iur-sol-card__when {
    font-family: var(--t-text-font);
    font-size: 14px;
    line-height: 1.55;
    color: var(--c-sub);
    margin: 0;
    flex: 1;
  }
  .iur-sol-card__price {
    font-family: var(--t-headline-font);
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--c-ink);
  }
  .iur-sol-card__btn {
    margin-top: 4px;
    background: var(--c-cta);
    color: #ffffff;
    font-family: var(--t-text-font);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    padding: 12px 20px;
    border-radius: 4px;
    text-align: center;
    transition: background 0.2s;
  }
  .iur-sol-card__btn:hover { background: var(--c-cta-h); }
  .iur-sol-card--free .iur-sol-card__btn { background: #ffffff; color: var(--c-accent); }
  .iur-sol-card--free .iur-sol-card__btn:hover { background: #e8e8e8; }
  @media (max-width: 960px) {
    .iur-sol-products__grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 640px) {
    .iur-sol-products__grid { grid-template-columns: 1fr; gap: 0; border: none; background: transparent; }
    .iur-sol-card { padding: 24px 0; border-bottom: 1px solid var(--c-line); }
    .iur-sol-card:last-child { border-bottom: none; }
    .iur-sol-card--free { padding: 24px 20px; border-radius: 6px; margin-bottom: 4px; }
  }

  /* ══════ 5. ОТЗЫВЫ / КЕЙС-КАРТОЧКИ ══════ */
  .iur-sol-cases { border-bottom: 1px solid var(--c-line); }
  .iur-sol-cases__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .iur-sol-case {
    border: 1px solid var(--c-line);
    border-radius: 6px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .iur-sol-case__icon { width: 36px; height: 36px; }
  .iur-sol-case__row { display: flex; flex-direction: column; gap: 4px; }
  .iur-sol-case__row + .iur-sol-case__row { border-top: 1px solid var(--c-line); padding-top: 16px; }
  .iur-sol-case__label {
    font-family: var(--t-text-font);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--c-muted);
  }
  .iur-sol-case__text {
    font-family: var(--t-text-font);
    font-size: 14px;
    line-height: 1.55;
    color: var(--c-sub);
    margin: 0;
  }
  .iur-sol-case__result .iur-sol-case__text { color: var(--c-cta); font-weight: 700; }
  @media (max-width: 960px) {
    .iur-sol-cases__grid { grid-template-columns: 1fr; }
  }

  /* ══════ 6. ФИНАЛЬНЫЙ CTA ══════ */
  .iur-sol-cta { background: var(--c-accent); }
  .iur-sol-cta__inner {
    max-width: 800px;
    margin: 0 auto;
    padding: clamp(56px,8vw,96px) clamp(24px,6vw,80px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
  }
  .iur-sol-cta__headline {
    font-family: var(--t-headline-font);
    font-size: clamp(1.5rem, 3vw, 2.4rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    color: #ffffff;
    margin: 0;
    text-wrap: balance;
  }
  .iur-sol-cta__sub {
    font-family: var(--t-text-font);
    font-size: 16px;
    color: rgba(255,255,255,0.72);
    margin: 0;
    max-width: 50ch;
  }
  @media (max-width: 480px) {
    .iur-sol-cta__inner { padding: 48px 16px; gap: 16px; }
    .iur-sol-cta__headline { font-size: clamp(1.3rem, 6vw, 1.8rem); }
  }

  /* ─── SCROLL ANIMATION (как на вебинарной странице) ─── */
  @media (prefers-reduced-motion: no-preference) {
    .iur-fade {
      opacity: 0;
      transform: translateY(24px);
      transition: opacity 0.55s cubic-bezier(0.16,1,0.3,1),
                  transform 0.55s cubic-bezier(0.16,1,0.3,1);
    }
    .iur-fade.iur-visible { opacity: 1; transform: translateY(0); }
    .iur-fade--d1 { transition-delay: 0.08s; }
    .iur-fade--d2 { transition-delay: 0.16s; }
    .iur-fade--d3 { transition-delay: 0.24s; }
  }
</style>

<section class="iur-page" aria-labelledby="iur-sol-hero-title" style="padding-top:0;">

  <!-- ═══════════ ШАПКА (общая навигация сайта) ═══════════ -->
  <header class="iur-header">
    <div class="iur-header__inner">
      <a href="https://urreshenie.ru/#main" class="iur-header__logo" aria-label="ИЮР — на главную">
        <span class="iur-header__logo-text">ИЮР</span>
      </a>
      <nav class="iur-header__nav" aria-label="Основная навигация">
        <a href="https://urreshenie.ru/#main">Главная</a>
        <a href="https://urreshenie.ru/resheniya" class="iur-active">Решения</a>
        <a href="https://urreshenie.ru/case">Дела</a>
        <a href="https://urreshenie.ru/#contacts">Контакты</a>
      </nav>
      <div class="iur-header__spacer"></div>
      <a href="#iur-sol-free" class="iur-header__cta">Бесплатное знакомство</a>
      <button class="iur-header__burger" aria-label="Открыть меню" aria-expanded="false" aria-controls="iur-sol-mobile-nav">
        <span></span><span></span><span></span>
      </button>
    </div>
    <nav class="iur-header__mobile-nav" id="iur-sol-mobile-nav" aria-label="Мобильная навигация">
      <a href="https://urreshenie.ru/#main">Главная</a>
      <a href="https://urreshenie.ru/resheniya">Решения</a>
      <a href="https://urreshenie.ru/case">Дела</a>
      <a href="https://urreshenie.ru/#contacts">Контакты</a>
    </nav>
  </header>

  <!-- ═══════════ 1. HERO ═══════════ -->
  <div class="iur-sol-hero">
    <div class="iur-sol-hero__inner">
      <p class="iur-sol-hero__label iur-fade">Интеллектуальные Юридические Решения</p>
      <h1 class="iur-sol-hero__title iur-fade" id="iur-sol-hero-title">
        Защищаем деньги строительных, проектных и изыскательских компаний
      </h1>
      <p class="iur-sol-hero__sub iur-fade iur-fade--d1">
        От быстрой оценки риска до представительства в арбитраже — выберите формат работы под вашу ситуацию, а не самый дорогой пакет.
      </p>
      <div class="iur-sol-hero__actions iur-fade iur-fade--d2">
        <a href="#iur-sol-free" class="iur-sol-btn-primary">Бесплатное знакомство</a>
        <a href="#iur-sol-selector" class="iur-sol-btn-ghost">Подобрать формат работы</a>
      </div>
    </div>
  </div>

  <!-- ═══════════ 2. ЦИФРЫ ДОВЕРИЯ + ФОТО ЭДУАРДА ═══════════ -->
  <div class="iur-sol-trust">
    <div class="iur-sol-trust__inner">
      <div class="iur-sol-trust__photo iur-fade">
        <!-- фото взято с вебинарной страницы; при желании заменить на другой кадр -->
        <img src="https://static.tildacdn.com/tild6635-3735-4465-b866-396261383730/_2026-09-07_20183822.png" alt="Эдуард Каракозов — руководитель ИЮР" loading="lazy">
      </div>
      <div class="iur-sol-trust__body">
        <p class="iur-sol-trust__name iur-fade iur-fade--d1"><strong>Эдуард Каракозов</strong> — руководитель «Интеллектуальных Юридических Решений», 20+ лет в строительной отрасли</p>
        <div class="iur-sol-trust__grid">
          <div class="iur-fade iur-fade--d1">
            <div class="iur-sol-trust__val">100+</div>
            <div class="iur-sol-trust__label">судебных дел</div>
          </div>
          <div class="iur-fade iur-fade--d2">
            <div class="iur-sol-trust__val">4,8 млрд ₽</div>
            <div class="iur-sol-trust__label">взыскано и сохранено для клиентов</div>
          </div>
          <div class="iur-fade iur-fade--d2">
            <div class="iur-sol-trust__val">9 из 10</div>
            <div class="iur-sol-trust__label">клиентов остаются с нами</div>
          </div>
          <div class="iur-fade iur-fade--d3">
            <div class="iur-sol-trust__val">900+</div>
            <div class="iur-sol-trust__label">участников отраслевых вебинаров</div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- ═══════════ 3. СЕЛЕКТОР: КАК ПОНЯТЬ, ЧТО ПОДОЙДЁТ ═══════════ -->
  <div class="iur-sol-selector" id="iur-sol-selector">
    <div class="iur-sol-section">
      <h2 class="iur-sol-heading iur-fade">Как понять, что подойдёт именно вам</h2>
      <p class="iur-sol-lead iur-fade">Не знаете, с чего начать? Опишите ситуацию на бесплатном знакомстве — мы сами порекомендуем формат. Или выберите сразу по описанию ниже.</p>
      <div class="iur-sol-selector__list">
        <a href="#iur-sol-express" class="iur-sol-selector__row iur-fade">
          <span class="iur-sol-selector__situation">Нужно быстро понять проблему и основные риски</span>
          <span class="iur-sol-selector__product">Экспресс-разбор ситуации</span>
        </a>
        <a href="#iur-sol-consult" class="iur-sol-selector__row iur-fade">
          <span class="iur-sol-selector__situation">Нужно определить, что делать и какую стратегию выбрать</span>
          <span class="iur-sol-selector__product">Стратегическая консультация</span>
        </a>
        <a href="#iur-sol-audit" class="iur-sol-selector__row iur-fade">
          <span class="iur-sol-selector__situation">Нужен глубокий анализ документов и письменная юридическая позиция</span>
          <span class="iur-sol-selector__product">Юридический аудит</span>
        </a>
        <a href="#iur-sol-support" class="iur-sol-selector__row iur-fade">
          <span class="iur-sol-selector__situation">Нужна постоянная юридическая поддержка проектов</span>
          <span class="iur-sol-selector__product">Комплексное сопровождение</span>
        </a>
        <a href="#iur-sol-court" class="iur-sol-selector__row iur-fade">
          <span class="iur-sol-selector__situation">Спор уже в суде или судебный процесс неизбежен</span>
          <span class="iur-sol-selector__product">Судебная защита</span>
        </a>
      </div>
    </div>
  </div>

  <!-- ═══════════ 4. ПРОДУКТЫ (6 карточек → мини-лендинги) ═══════════ -->
  <div class="iur-sol-products">
    <div class="iur-sol-section">
      <h2 class="iur-sol-heading iur-fade">Форматы работы</h2>
      <p class="iur-sol-lead iur-fade">Наша задача — не продать максимально дорогую услугу, а предложить решение, эффективное именно в вашей ситуации.</p>
      <div class="iur-sol-products__grid">

        <div class="iur-sol-card iur-sol-card--free" id="iur-sol-free">
          <svg class="iur-sol-card__icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect width="40" height="40" rx="20" fill="#f0f0f0"></rect>
            <path d="M12 15a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-7l-4 4v-4h-2a3 3 0 0 1-3-3z" stroke="#222" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
          <span class="iur-sol-card__badge">Бесплатно</span>
          <h3 class="iur-sol-card__title">Бесплатное знакомство</h3>
          <p class="iur-sol-card__when">Не знаете, с чего начать? Разговор ни к чему не обязывает — после него мы порекомендуем оптимальный формат.</p>
          <span class="iur-sol-card__price">Бесплатно</span>
          <!-- TODO: заменить на реальную ссылку записи (виджет/календарь) -->
          <a href="#" class="iur-sol-card__btn">Записаться</a>
        </div>

        <div class="iur-sol-card" id="iur-sol-express">
          <svg class="iur-sol-card__icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect width="40" height="40" rx="20" fill="#f0f0f0"></rect>
            <circle cx="17" cy="17" r="6" stroke="#222" stroke-width="1.8"></circle>
            <path d="M21.5 21.5 27 27" stroke="#222" stroke-width="1.8" stroke-linecap="round"></path>
          </svg>
          <span class="iur-sol-card__badge">Шаг 1</span>
          <h3 class="iur-sol-card__title">Экспресс-разбор ситуации</h3>
          <p class="iur-sol-card__when">Быстро понять, в чём проблема, какие риски и нужен ли более глубокий анализ. До 30 минут.</p>
          <span class="iur-sol-card__price">20 000 ₽</span>
          <!-- TODO: заменить на URL мини-лендинга услуги -->
          <a href="/resheniya/ekspress-razbor" class="iur-sol-card__btn">Подробнее</a>
        </div>

        <div class="iur-sol-card" id="iur-sol-consult">
          <svg class="iur-sol-card__icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect width="40" height="40" rx="20" fill="#f0f0f0"></rect>
            <circle cx="20" cy="20" r="8" stroke="#222" stroke-width="1.8"></circle>
            <path d="M23 15l-2 6-6 2 2-6z" stroke="#222" stroke-width="1.8" stroke-linejoin="round"></path>
          </svg>
          <span class="iur-sol-card__badge">Шаг 2</span>
          <h3 class="iur-sol-card__title">Стратегическая консультация</h3>
          <p class="iur-sol-card__when">Подробный разбор ситуации и конкретный план действий для защиты интересов компании. До 60 минут.</p>
          <span class="iur-sol-card__price">30 000 ₽</span>
          <a href="/resheniya/strategicheskaya-konsultaciya" class="iur-sol-card__btn">Подробнее</a>
        </div>

        <div class="iur-sol-card" id="iur-sol-audit">
          <svg class="iur-sol-card__icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect width="40" height="40" rx="20" fill="#f0f0f0"></rect>
            <path d="M14 11h9l5 5v13a1 1 0 0 1-1 1H14a1 1 0 0 1-1-1V12a1 1 0 0 1 1-1z" stroke="#222" stroke-width="1.8" stroke-linejoin="round"></path>
            <path d="M23 11v5h5M15 22l3 3 6-6" stroke="#222" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
          <span class="iur-sol-card__badge">Письменное заключение</span>
          <h3 class="iur-sol-card__title">Юридический аудит</h3>
          <p class="iur-sol-card__when">Когда цена ошибки высока: перед подписанием договора, после претензии, перед судом. Полный письменный анализ.</p>
          <span class="iur-sol-card__price">100 000 ₽</span>
          <a href="/resheniya/yuridicheskiy-audit" class="iur-sol-card__btn">Подробнее</a>
        </div>

        <div class="iur-sol-card" id="iur-sol-support">
          <svg class="iur-sol-card__icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect width="40" height="40" rx="20" fill="#f0f0f0"></rect>
            <path d="M20 11l8 3v7c0 6-3.5 9.5-8 11-4.5-1.5-8-5-8-11v-7z" stroke="#222" stroke-width="1.8" stroke-linejoin="round"></path>
            <path d="M16.5 20l2.5 2.5 5-5" stroke="#222" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
          <span class="iur-sol-card__badge">Постоянная работа</span>
          <h3 class="iur-sol-card__title">Комплексное сопровождение</h3>
          <p class="iur-sol-card__when">Мы становимся частью команды и сопровождаем проекты — предупреждаем споры до того, как они возникли.</p>
          <span class="iur-sol-card__price">от 50 000 ₽/мес</span>
          <a href="/resheniya/soprovozhdenie" class="iur-sol-card__btn">Подробнее</a>
        </div>

        <div class="iur-sol-card" id="iur-sol-court">
          <svg class="iur-sol-card__icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect width="40" height="40" rx="20" fill="#f0f0f0"></rect>
            <path d="M20 11v18M14 29h12M20 13l-6 5a3 3 0 0 0 6 0zM20 13l6 5a3 3 0 0 1-6 0z" stroke="#222" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
          <span class="iur-sol-card__badge">Арбитраж</span>
          <h3 class="iur-sol-card__title">Судебная защита</h3>
          <p class="iur-sol-card__when">Если спора избежать не удалось — представительство в арбитражном суде. Формат определяется индивидуально.</p>
          <span class="iur-sol-card__price">индивидуально</span>
          <a href="/resheniya/sudebnaya-zashchita" class="iur-sol-card__btn">Подробнее</a>
        </div>

      </div>
    </div>
  </div>

  <!-- ═══════════ 5. КЕЙС-КАРТОЧКИ ═══════════ -->
  <!-- TODO: заменить примеры на реальные кейсы (текст/цифры ниже — плейсхолдер, формат подтверждён, содержание — нет) -->
  <div class="iur-sol-cases">
    <div class="iur-sol-section">
      <h2 class="iur-sol-heading iur-fade">Что получают клиенты</h2>
      <p class="iur-sol-lead iur-fade">Не количество выигранных дел, а деньги, которые удалось сохранить и вернуть.</p>
      <div class="iur-sol-cases__grid">

        <div class="iur-sol-case iur-fade">
          <svg class="iur-sol-case__icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect width="40" height="40" rx="20" fill="#f0f0f0"></rect>
            <path d="M12 30V20l8-6 8 6v10M16 30v-7h8v7" stroke="#222" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
          <div class="iur-sol-case__row">
            <span class="iur-sol-case__label">Претензия</span>
            <p class="iur-sol-case__text">[ПРИМЕР] Заказчик отказался подписывать акты и оплачивать выполненные работы по договору подряда.</p>
          </div>
          <div class="iur-sol-case__row">
            <span class="iur-sol-case__label">Расходы под угрозой</span>
            <p class="iur-sol-case__text">[ПРИМЕР] сумма долга</p>
          </div>
          <div class="iur-sol-case__row iur-sol-case__result">
            <span class="iur-sol-case__label">Результат</span>
            <p class="iur-sol-case__text">[ПРИМЕР] сумма и как взыскана</p>
          </div>
        </div>

        <div class="iur-sol-case iur-fade iur-fade--d1">
          <svg class="iur-sol-case__icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect width="40" height="40" rx="20" fill="#f0f0f0"></rect>
            <path d="M20 12v4M14.3 14.3l2.8 2.8M28 20h-4M25.7 14.3l-2.8 2.8M20 28v-4M14.3 25.7l2.8-2.8M12 20h4M25.7 25.7l-2.8-2.8" stroke="#222" stroke-width="1.8" stroke-linecap="round"></path>
            <circle cx="20" cy="20" r="3" stroke="#222" stroke-width="1.8"></circle>
          </svg>
          <div class="iur-sol-case__row">
            <span class="iur-sol-case__label">Претензия</span>
            <p class="iur-sol-case__text">[ПРИМЕР] Результаты инженерных изысканий оспорены заказчиком без оснований.</p>
          </div>
          <div class="iur-sol-case__row">
            <span class="iur-sol-case__label">Расходы под угрозой</span>
            <p class="iur-sol-case__text">[ПРИМЕР] сумма долга</p>
          </div>
          <div class="iur-sol-case__row iur-sol-case__result">
            <span class="iur-sol-case__label">Результат</span>
            <p class="iur-sol-case__text">[ПРИМЕР] сумма и как взыскана</p>
          </div>
        </div>

        <div class="iur-sol-case iur-fade iur-fade--d2">
          <svg class="iur-sol-case__icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect width="40" height="40" rx="20" fill="#f0f0f0"></rect>
            <path d="M14 12h12M14 17h8M22 22l6 6M28 22l-6 6" stroke="#222" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path>
            <rect x="11" y="9" width="18" height="22" rx="2" stroke="#222" stroke-width="1.8"></rect>
          </svg>
          <div class="iur-sol-case__row">
            <span class="iur-sol-case__label">Претензия</span>
            <p class="iur-sol-case__text">[ПРИМЕР] Спор по дополнительным работам, не предусмотренным договором.</p>
          </div>
          <div class="iur-sol-case__row">
            <span class="iur-sol-case__label">Расходы под угрозой</span>
            <p class="iur-sol-case__text">[ПРИМЕР] сумма долга</p>
          </div>
          <div class="iur-sol-case__row iur-sol-case__result">
            <span class="iur-sol-case__label">Результат</span>
            <p class="iur-sol-case__text">[ПРИМЕР] сумма и как взыскана</p>
          </div>
        </div>

      </div>
    </div>
  </div>

  <!-- ═══════════ 6. ФИНАЛЬНЫЙ CTA ═══════════ -->
  <div class="iur-sol-cta">
    <div class="iur-sol-cta__inner">
      <h2 class="iur-sol-cta__headline iur-fade">Не знаете, с чего начать?</h2>
      <p class="iur-sol-cta__sub iur-fade">Начните с бесплатного разговора-знакомства. Он ни к чему не обязывает — после него мы порекомендуем наиболее эффективный формат работы.</p>
      <a href="#" class="iur-sol-btn-primary iur-fade">Записаться на бесплатное знакомство</a>
    </div>
  </div>

</section>

<script>
(function () {
  'use strict';

  /* ── Scroll fade-in ── */
  var fadels = document.querySelectorAll('.iur-fade');
  if (fadels.length) {
    var observer = new IntersectionObserver(function (entries) {
      entries.forEach(function (entry) {
        if (entry.isIntersecting) {
          entry.target.classList.add('iur-visible');
          observer.unobserve(entry.target);
        }
      });
    }, { threshold: 0.12, rootMargin: '0px 0px -32px 0px' });
    fadels.forEach(function (el) { observer.observe(el); });
  }

  /* ── Burger menu ── */
  var burger = document.querySelector('.iur-header__burger');
  var mobileNav = document.getElementById('iur-sol-mobile-nav');
  if (burger && mobileNav) {
    burger.addEventListener('click', function () {
      var isOpen = mobileNav.classList.toggle('iur-open');
      burger.classList.toggle('iur-open', isOpen);
      burger.setAttribute('aria-expanded', String(isOpen));
    });
    mobileNav.querySelectorAll('a').forEach(function (link) {
      link.addEventListener('click', function () {
        mobileNav.classList.remove('iur-open');
        burger.classList.remove('iur-open');
        burger.setAttribute('aria-expanded', 'false');
      });
    });
  }

  /* ── Плавный скролл к якорям на этой же странице ── */
  document.querySelectorAll('a[href^="#iur-sol-"], a[href="#iur-sol-selector"], a[href="#iur-sol-free"]').forEach(function (link) {
    link.addEventListener('click', function (e) {
      var id = link.getAttribute('href').slice(1);
      var target = document.getElementById(id);
      if (target) {
        e.preventDefault();
        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    });
  });
}());
</script>