diff --git a/frontend/src/app/features/home/home.component.html b/frontend/src/app/features/home/home.component.html
index e481b74..d7d2444 100644
--- a/frontend/src/app/features/home/home.component.html
+++ b/frontend/src/app/features/home/home.component.html
@@ -19,38 +19,6 @@
         </div>
       </section>
 
-      <section class="section calculator">
-        <div class="container calculator-grid">
-          <div class="calculator-copy">
-            <h2 class="section-title">{{ 'HOME.SEC_CALC_TITLE' | translate }}</h2>
-            <p class="section-subtitle">
-              {{ 'HOME.SEC_CALC_SUBTITLE' | translate }}
-            </p>
-            <ul class="calculator-list">
-              <li>{{ 'HOME.SEC_CALC_LIST_1' | translate }}</li>
-            </ul>
-          </div>
-          <app-card class="quote-card">
-            <div class="quote-header">
-              <div>
-                <p class="quote-eyebrow">{{ 'HOME.CARD_CALC_EYEBROW' | translate }}</p>
-                <h3 class="quote-title">{{ 'HOME.CARD_CALC_TITLE' | translate }}</h3>
-              </div>
-              <span class="quote-tag">{{ 'HOME.CARD_CALC_TAG' | translate }}</span>
-            </div>
-            <ul class="quote-steps">
-              <li>{{ 'HOME.CARD_CALC_STEP_1' | translate }}</li>
-              <li>{{ 'HOME.CARD_CALC_STEP_2' | translate }}</li>
-              <li>{{ 'HOME.CARD_CALC_STEP_3' | translate }}</li>
-            </ul>
-            <div class="quote-actions">
-              <app-button variant="primary" [fullWidth]="true" routerLink="/calculator/basic">{{ 'HOME.BTN_OPEN_CALC' | translate }}</app-button>
-              <app-button variant="outline" [fullWidth]="true" routerLink="/contact">{{ 'HOME.BTN_CONTACT' | translate }}</app-button>
-            </div>
-          </app-card>
-        </div>
-      </section>
-
       <section class="section capabilities">
         <div class="capabilities-bg"></div>
         <div class="container">
@@ -93,6 +61,38 @@
         </div>
       </section>
 
+      <section class="section calculator">
+        <div class="container calculator-grid">
+          <div class="calculator-copy">
+            <h2 class="section-title">{{ 'HOME.SEC_CALC_TITLE' | translate }}</h2>
+            <p class="section-subtitle">
+              {{ 'HOME.SEC_CALC_SUBTITLE' | translate }}
+            </p>
+            <ul class="calculator-list">
+              <li>{{ 'HOME.SEC_CALC_LIST_1' | translate }}</li>
+            </ul>
+          </div>
+          <app-card class="quote-card">
+            <div class="quote-header">
+              <div>
+                <p class="quote-eyebrow">{{ 'HOME.CARD_CALC_EYEBROW' | translate }}</p>
+                <h3 class="quote-title">{{ 'HOME.CARD_CALC_TITLE' | translate }}</h3>
+              </div>
+              <span class="quote-tag">{{ 'HOME.CARD_CALC_TAG' | translate }}</span>
+            </div>
+            <ul class="quote-steps">
+              <li>{{ 'HOME.CARD_CALC_STEP_1' | translate }}</li>
+              <li>{{ 'HOME.CARD_CALC_STEP_2' | translate }}</li>
+              <li>{{ 'HOME.CARD_CALC_STEP_3' | translate }}</li>
+            </ul>
+            <div class="quote-actions">
+              <app-button variant="primary" [fullWidth]="true" routerLink="/calculator/basic">{{ 'HOME.BTN_OPEN_CALC' | translate }}</app-button>
+              <app-button variant="outline" [fullWidth]="true" routerLink="/contact">{{ 'HOME.BTN_CONTACT' | translate }}</app-button>
+            </div>
+          </app-card>
+        </div>
+      </section>
+
       <section class="section shop">
         <div class="container split">
           <div class="shop-copy">
diff --git a/frontend/src/app/features/home/home.component.scss b/frontend/src/app/features/home/home.component.scss
index 67fb9e8..c55fff4 100644
--- a/frontend/src/app/features/home/home.component.scss
+++ b/frontend/src/app/features/home/home.component.scss
@@ -189,10 +189,11 @@
     .meta-value { font-weight: 600; }
     .quote-actions { display: grid; gap: var(--space-3); }
 
-    .capabilities {
-      position: relative;
-      border-bottom: 1px solid var(--color-border);
-    }
+.capabilities {
+  position: relative;
+  border-bottom: 1px solid var(--color-border);
+  padding-top: 3rem;
+}
     .capabilities-bg {
       display: none;
     }