/* СБРОС – минимальный, только для точного прилегания */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    /* CSS переменные – оригинальная палитра (извлечена из jpg-ощущения) */
    :root {
      --bg-dark: #54256e;        /* глубокий чёрно-коричневый фон */
      --golden-text: #fa9802;    /* тёплый металлик/приглушённое золото */
      --accent-bright: #fa9802;  /* более светлое золото для заголовков */
      --paper-edge: #49442b;      /* рамка / цвет разделителей */
      --body-text: #54256e;       /* светлый бежевый для читаемости */
      --step-highlight: #eac384;  /* цифры шагов */
      --border-light: #4e4a3a;
    }

   

    
    

    /* основной заголовок: ПОСТРОЙ ЛУЧШЕЕ ТЕЛО */
    .main-headline {
      font-family: 'Arial Black', 'Helvetica Bold', 'Impact', sans-serif; /* грубая рубленая как на плакате */
      font-weight: 900;
      font-size: clamp(2.2rem, 9vw, 4rem);
      line-height: 1.1;
      text-transform: uppercase;
      color: #fa9802;
      letter-spacing: 2px;
      word-break: break-word;
      text-align: left;
      margin-bottom: 0.5rem;
      text-shadow: 2px 2px 0px #2f2a1f;
    }

    

    /* ломаная строка "4 шага чтобы пробудить воина железа внутри" */
    .sub-header {
      font-family: 'Courier New', 'American Typewriter', monospace;
      font-weight: 700;
      font-size: clamp(1.4rem, 6vw, 2.5rem);
      text-transform: uppercase;
      color: #e5b873;
      letter-spacing: -0.5px;
      background-color: transparent;
      border-top: 2px solid var(--border-light);
      border-bottom: 2px solid var(--border-light);
      padding: 0.6rem 0 0.6rem 1.2rem;
      margin: 1.5rem 0 1.5rem 0;
      word-break: break-word;
      line-height: 1.3;
      box-shadow: inset 0 0 0 1px #3f3b2e;
    }

    

    /* основной текст (абзац) — полный перевод на русский, сохранена структура */
    .main-text {
      font-family: 'Georgia', 'Times New Roman', serif;
      font-size: clamp(1rem, 3.5vw, 1.3rem);
      line-height: 1.55;
      color: var(--body-text);
      text-align: left;
      margin: 1.2rem 0 1.8rem 0;
      word-break: break-word;
      white-space: normal;
      text-rendering: optimizeLegibility;
    }

    /* имитация ручного набора: капитель и легкие отбивки */
    .main-text strong {
      color: #e5b873;
      font-weight: 700;
      letter-spacing: 0.3px;
    }

    /* блок четырёх шагов (декоративные элементы) */
    .steps-container {
      display: flex;
      flex-direction: column;
      margin: 1.8rem 0 0.8rem 0;
      border-left: 6px solid var(--step-highlight);
      padding-left: 1.2rem;
    }

    .step-item {
      display: flex;
      align-items: baseline;
      gap: 0.4rem;
      font-size: clamp(1.2rem, 4.5vw, 1.9rem);
      font-weight: 800;
      font-family: 'Arial', 'Helvetica', sans-serif;
      text-transform: uppercase;
      color: var(--step-highlight);
      margin-bottom: 0.3rem;
    }

    .step-number {
      font-size: 2em;
      line-height: 1;
      color: var(--accent-bright);
      letter-spacing: 2px;
      text-shadow: 1px 1px 0 #3f381f;
    }

    .step-label {
      color: #dac48b;
      font-size: 0.8em;
      font-weight: 400;
      text-transform: none;
      font-family: 'Times New Roman', serif;
      margin-left: 0.3rem;
    }

    /* малый текст / метка "воин железа" */
    .iron-signature {
      font-family: 'Courier New', monospace;
      font-size: 0.9rem;
      color: #aa9f86;
      margin-top: 2rem;
      border-top: 1px solid #4c4633;
      padding-top: 1rem;
      text-align: right;
      letter-spacing: 2px;
    }

    /* акцент на "пробуди зверя внутри" */
    .beast-within {
      font-style: italic;
      color: #e1bd7a;
      font-weight: 600;
    }

    /* типографский элемент "ПОЗВОЛЬТЕ ОБРИСОВАТЬ СЦЕНУ" */
    .letme-scene {
      font-size: 0.8rem;
      text-transform: uppercase;
      letter-spacing: 3px;
      color: #a3926b;
      margin-bottom: 0.25rem;
      font-family: 'Courier New', monospace;
    }

    /* адаптив для совсем маленьких */
    @media (max-width: 400px) {
      .main-headline-line2 {
        padding-left: 0.8rem;
      }
      .sub-header {
        padding-left: 0.8rem;
      }
    }

/* разделитель / декоративный элемент */
    .easter-block {
      font-size: 3.5rem;
      font-weight: 800;
      font-family: 'Impact', 'Arial Black', sans-serif;
      color: #b48c42;
      text-align: right;
      line-height: 0.9;
      margin: 0.5rem 0 0.8rem 0;
      letter-spacing: 6px;
      opacity: 0.9;
      border-bottom: 1px dashed #665c40;
      padding-bottom: 0.5rem;
    }

    /* заголовки шагов */
    .step-title {
      font-family: 'Arial Black', sans-serif;
      font-size: clamp(1.8rem, 5vw, 2.5rem);
      font-weight: 800;
      color: var(--accent-bright);
      text-transform: uppercase;
      margin: 2rem 0 1rem 0;
      border-left: 8px solid var(--step-highlight);
      padding-left: 1.2rem;
      letter-spacing: 1px;
    }

    /* основной текст */
    .main-text {
      font-family: 'Georgia', 'Times New Roman', serif;
      font-size: clamp(1rem, 3.5vw, 1.2rem);
      line-height: 1.6;
      color: var(--body-text);
      text-align: left;
      margin: 1rem 0 1.5rem 0;
      word-break: break-word;
    }

    /* выделенные цитаты */
    .quote-block {
      font-family: 'Courier New', monospace;
      font-size: clamp(1.2rem, 4vw, 1.8rem);
      color: var(--golden-text);
      border-left: 4px solid #b48c42;
      padding: 1rem 1.5rem;
      margin: 2rem 0;
      font-style: italic;
      background-color: rgba(0,0,0,0.8);
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    /* жирное выделение */
    .main-text strong {
      color: var(--golden-text);
      font-weight: 700;
    }

    /* акцент */
    .beast-within {
      font-style: italic;
      color: #fa9802;
      font-weight: 600;
    }

    /* типографский элемент */
    .letme-scene {
      font-size: 0.8rem;
      text-transform: uppercase;
      letter-spacing: 3px;
      color: #a3926b;
      margin-bottom: 0.25rem;
      font-family: 'Courier New', monospace;
    }

    /* малый текст / подпись */
    .iron-signature {
      font-family: 'Courier New', monospace;
      font-size: 0.9rem;
      color: #aa9f86;
      margin-top: 2rem;
      border-top: 1px solid #4c4633;
      padding-top: 1rem;
      text-align: right;
      letter-spacing: 2px;
    }

    /* блок визуализации шагов (декоративный) */
    .steps-mini {
      display: flex;
      flex-direction: column;
      margin: 1rem 0;
      border-left: 6px solid var(--step-highlight);
      padding-left: 1.2rem;
    }

    .step-mini-item {
      display: flex;
      align-items: baseline;
      gap: 0.4rem;
      font-size: clamp(1.2rem, 4vw, 1.6rem);
      font-weight: 800;
      font-family: 'Arial', sans-serif;
      text-transform: uppercase;
      color: var(--step-highlight);
      margin-bottom: 0.3rem;
    }

    .step-number {
      font-size: 2em;
      line-height: 1;
      color: var(--accent-bright);
      letter-spacing: 2px;
      text-shadow: 1px 1px 0 #3f381f;
    }

    /* авторская подпись */
    .author-block {
      font-family: 'Georgia', serif;
      font-size: 1.1rem;
      color: #fa9802;
      margin-top: 2rem;
      padding-top: 1rem;
      border-top: 1px solid #4c4633;
      text-align: left;
    }

    .author-block strong {
      color: var(--golden-text);
      font-size: 1.3rem;
    }