Unify hero styling across pages, update service cards

Hero changes:
- Remove top padding from .site-main (was causing inconsistent gaps)
- Remove margin-bottom and border from archive-hero
- Add padding-top to property archive container
- Change resources section background to --color-bg-dark

Service cards:
- Replace "Find a Rental" with "Resources & Guides"
- Reorder: Find a Home, Sell Your Home, Resources & Guides
- Update subtitle to remove rental reference
- Add book icon for resources card

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

wp-content/themes/homeproz/src/main.scss

@@ -132,7 +132,6 @@ a {
 
 .site-main {
     min-height: 50vh;
-    padding: 2rem 0;
 }
 
 // ============================================

wp-content/themes/homeproz/template-parts/components/service-cards.php

@@ -21,13 +21,6 @@ $services = array(
         'button_text' => 'Search Homes',
         'button_url' => home_url('/properties/?type=residential'),
     ),
-    array(
-        'icon' => 'key',
-        'title' => 'Find a Rental',
-        'description' => 'Looking to rent? Discover available rental properties in your preferred location with flexible lease options.',
-        'button_text' => 'View Rentals',
-        'button_url' => home_url('/properties/?status=rental'),
-    ),
     array(
         'icon' => 'sell',
         'title' => 'Sell Your Home',
@@ -35,6 +28,13 @@ $services = array(
         'button_text' => 'Get Started',
         'button_url' => home_url('/contact/?subject=selling'),
     ),
+    array(
+        'icon' => 'book',
+        'title' => 'Resources & Guides',
+        'description' => 'First-time buyer? Preparing to sell? Our guides walk you through every step of the real estate process.',
+        'button_text' => 'Learn More',
+        'button_url' => home_url('/resources/'),
+    ),
 );
 ?>
 
@@ -42,7 +42,7 @@ $services = array(
     <div class="container">
         <header class="service-cards-header">
             <h2 class="service-cards-title">Go With The Proz</h2>
-            <p class="service-cards-subtitle">Whether you're buying, renting, or selling, we're here to guide you every step of the way.</p>
+            <p class="service-cards-subtitle">Whether you're buying or selling, we're here to guide you every step of the way.</p>
         </header>
 
         <div class="service-cards-grid">
@@ -66,6 +66,11 @@ $services = array(
                                 <line x1="12" y1="11" x2="12" y2="17"/>
                                 <line x1="9" y1="14" x2="15" y2="14"/>
                             </svg>
+                        <?php elseif ($service['icon'] === 'book') : ?>
+                            <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
+                                <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/>
+                                <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/>
+                            </svg>
                         <?php endif; ?>
                     </div>
                     <h3 class="service-card-title"><?php echo esc_html($service['title']); ?></h3>

wp-content/themes/homeproz/template-parts/content/content-resources.scss

@@ -11,7 +11,7 @@
 
 .resources-featured-section {
     padding: 4rem 0;
-    background-color: var(--color-bg-card);
+    background-color: var(--color-bg-dark);
 }
 
 .resources-featured-grid {

wp-content/themes/homeproz/template-parts/property/property-filters.scss

@@ -12,12 +12,6 @@
     background-position: center;
     background-repeat: no-repeat;
     padding: 3rem 0;
-    border-bottom: 1px solid var(--color-border);
-
-    // No margin on mobile/tablet, margin on desktop
-    @media (min-width: 1200px) {
-        margin-bottom: 2rem;
-    }
 
     // When has background image
     &.has-background {
@@ -273,6 +267,11 @@
     margin-top: -1px;
 }
 
+// Property Archive Layout
+.property-archive-main > .container {
+    padding-top: 2rem;
+}
+
 // Filters Container
 .property-filters {
     background-color: var(--color-bg-card);