Элементы в блоке "Как мы создаём контент-машины" съезжают вниз

index.html

@@ -86,7 +86,6 @@
             </div>
         </div>
     </section>
-
     <!-- Process Section -->
     <section id="process" class="py-20 bg-zinc-50">
         <div class="container mx-auto px-6">
@@ -99,37 +98,34 @@
             <div class="relative">
                 <div class="hidden md:block absolute top-0 bottom-0 left-1/2 transform -translate-x-1/2 w-1 bg-primary"></div>
                 
-                <div class="grid md:grid-cols-2 gap-8">
+                <div class="grid md:grid-cols-2 gap-y-8">
                     <!-- Step 1 -->
-                    <div class="md:pr-16">
-                        <div class="flex items-center mb-4">
+                    <div class="md:pr-16" style="margin-top: 0;">
+<div class="flex items-center mb-4">
                             <div class="flex-shrink-0 w-12 h-12 bg-primary rounded-full flex items-center justify-center text-white font-bold text-xl mr-4">1</div>
                             <h3 class="text-xl font-bold">Анализ ниши</h3>
                         </div>
                         <p class="text-secondary pl-16">Выбираем ниши с высоким потенциалом трафика и монетизации. Анализируем конкурентов и определяем точки роста.</p>
                     </div>
-                    
                     <!-- Step 2 -->
-                    <div class="md:pl-16 md:mt-16">
-                        <div class="flex items-center mb-4">
+                    <div class="md:pl-16" style="margin-top: 0;">
+<div class="flex items-center mb-4">
                             <div class="flex-shrink-0 w-12 h-12 bg-primary rounded-full flex items-center justify-center text-white font-bold text-xl mr-4">2</div>
                             <h3 class="text-xl font-bold">Стратегия контента</h3>
                         </div>
                         <p class="text-secondary pl-16">Разрабатываем контент-план, который закрывает все запросы аудитории и выводит сайт в топ по ключевым запросам.</p>
                     </div>
-                    
                     <!-- Step 3 -->
-                    <div class="md:pr-16 md:mt-16">
-                        <div class="flex items-center mb-4">
+                    <div class="md:pr-16" style="margin-top: 0;">
+<div class="flex items-center mb-4">
                             <div class="flex-shrink-0 w-12 h-12 bg-primary rounded-full flex items-center justify-center text-white font-bold text-xl mr-4">3</div>
                             <h3 class="text-xl font-bold">Техническая подготовка</h3>
                         </div>
                         <p class="text-secondary pl-16">Оптимизируем сайт для поисковых систем: скорость загрузки, структура, микроразметка и другие технические параметры.</p>
                     </div>
-                    
                     <!-- Step 4 -->
-                    <div class="md:pl-16 md:mt-16">
-                        <div class="flex items-center mb-4">
+                    <div class="md:pl-16" style="margin-top: 0;">
+<div class="flex items-center mb-4">
                             <div class="flex-shrink-0 w-12 h-12 bg-primary rounded-full flex items-center justify-center text-white font-bold text-xl mr-4">4</div>
                             <h3 class="text-xl font-bold">Масштабирование</h3>
                         </div>

style.css

@@ -21,12 +21,20 @@ html {
 .hover-scale:hover {
     transform: scale(1.03);
 }
-
 /* Section spacing */
 section {
     scroll-margin-top: 100px;
 }
 
+/* Process section alignment */
+#process .relative > div {
+    position: relative;
+    z-index: 1;
+}
+
+#process .md\:grid-cols-2 > div {
+    min-height: 140px;
+}
 /* Form input styling */
 input::placeholder {
     color: #a1a1aa;