diff --git a/site/index.html b/site/index.html
index 89ae278..08ade52 100644
--- a/site/index.html
+++ b/site/index.html
@@ -4,7 +4,13 @@
     <title>NHCarrigan - Software Engineering & Community Management</title>
     <meta name="description" content="Building inclusive tech communities and ethical software solutions. Software engineering, community management, and mentorship services.">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--
+        MARK: Styles
+    -->
     <style>
+      /* ============================================
+         RESET & BASE STYLES
+         ============================================ */
       * {
         box-sizing: border-box;
       }
@@ -16,11 +22,83 @@
         padding: 0;
       }
 
+      img {
+        max-width: 100%;
+        height: auto;
+      }
+
+      section {
+        width: 100%;
+        max-width: 100%;
+        box-sizing: border-box;
+      }
+
+      /* ============================================
+         TYPOGRAPHY
+         ============================================ */
+      h1, h2, h3 {
+        color: #1a1a1a;
+      }
+
+      ul {
+        list-style-type: none;
+        padding-left: 1.5rem;
+      }
+
+      li {
+        margin: 0.5rem 0;
+      }
+
+      a {
+        color: #5865F2;
+        text-decoration: underline;
+        transition: color 0.2s ease;
+      }
+
+      a:hover,
+      a:focus {
+        color: #4752C4;
+        outline: 2px solid #5865F2;
+        outline-offset: 2px;
+      }
+
+      /* ============================================
+         LAYOUT
+         ============================================ */
+      main {
+        max-width: 1200px;
+        width: 100%;
+        margin: 0 auto;
+        padding: 2rem 1rem;
+      }
+
       .hero-image {
         max-width: 750px;
       }
-      
-      /* Skip to main content for accessibility */
+
+      .hero-grid {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 1rem;
+      }
+
+      .stats-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+        gap: 1.5rem;
+        margin: 2rem 0;
+      }
+
+      .testimonials-preview {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+        gap: 1.5rem;
+        margin: 2rem 0;
+      }
+
+      /* ============================================
+         ACCESSIBILITY
+         ============================================ */
       .skip-link {
         position: absolute;
         top: -40px;
@@ -31,40 +109,66 @@
         text-decoration: none;
         z-index: 100;
       }
+
       .skip-link:focus {
         top: 0;
       }
-      
-      main {
-        max-width: 1200px;
-        width: 100%;
-        margin: 0 auto;
-        padding: 2rem 1rem;
-        box-sizing: border-box;
+
+      *:focus:not(:focus-visible) {
+        outline: none;
       }
 
-      ul {
-        list-style-type: none;
+      *:focus-visible {
+        outline: 2px solid #5865F2;
+        outline-offset: 2px;
       }
-      
-      .card {
-        background: #ffffff;
+
+      button:focus-visible,
+      a:focus-visible {
+        outline: 3px solid rgba(88, 101, 242, 0.5);
+        outline-offset: 2px;
+      }
+
+      /* ============================================
+         CARDS
+         ============================================ */
+      .card,
+      .stat-card,
+      .testimonial-card,
+      .timeline-content {
+        background: white;
         border: 2px solid #e0e0e0;
+        border-radius: 12px;
+        padding: 1.5rem;
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        transition: transform 0.3s ease, box-shadow 0.3s ease;
+      }
+
+      .card {
         border-radius: 16px;
         padding: 2rem;
         margin: 2rem 0;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        transition: transform 0.3s ease, box-shadow 0.3s ease;
-        box-sizing: border-box;
         width: 100%;
         max-width: 100%;
       }
-      
-      .card:hover, .stat-card:hover {
+
+      .card:hover,
+      .stat-card:hover,
+      .testimonial-card:hover,
+      .timeline-content:hover {
         transform: translateY(-4px);
         box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
       }
-      
+
+      .timeline-content:hover {
+        border-color: #5865F2;
+      }
+
+      .testimonial-card {
+        display: flex;
+        flex-direction: column;
+      }
+
       .card-header {
         display: flex;
         align-items: center;
@@ -73,23 +177,26 @@
         padding-bottom: 1rem;
         border-bottom: 2px solid #f0f0f0;
       }
-      
+
       .card-header img {
         flex-shrink: 0;
       }
-      
+
       .avatar-card .card-header img {
         width: 100px;
         height: 100px;
         border-radius: 50%;
         border: 3px solid #f0f0f0;
       }
-      
+
       .logo-card .card-header img {
         width: 120px;
         height: auto;
       }
-      
+
+      /* ============================================
+         BUTTONS
+         ============================================ */
       .cta-button {
         background: #5865F2;
         color: white;
@@ -102,10 +209,9 @@
         margin: 0.5rem 0.5rem 0.5rem 0;
         transition: background 0.3s ease, transform 0.2s ease;
         border: 2px solid transparent;
-        box-sizing: border-box;
         max-width: 100%;
       }
-      
+
       .cta-button:hover,
       .cta-button:focus {
         background: #4752C4;
@@ -114,43 +220,40 @@
         outline: 3px solid rgba(88, 101, 242, 0.3);
         outline-offset: 2px;
       }
-      
+
       .cta-button:active {
         transform: scale(0.98);
       }
-      
+
+      .cta-button i {
+        margin-right: 0.5rem;
+      }
+
       .cta-button-secondary {
         background: #333;
         color: white;
       }
-      
+
       .cta-button-secondary:hover,
       .cta-button-secondary:focus {
         background: #222;
         outline-color: rgba(51, 51, 51, 0.3);
       }
-      
+
       .cta-button-donate {
         background: #10b981;
         color: white;
       }
-      
+
       .cta-button-donate:hover,
       .cta-button-donate:focus {
         background: #059669;
         outline-color: rgba(16, 185, 129, 0.3);
       }
-      
-      .cta-button i {
-        margin-right: 0.5rem;
-      }
 
-      .hero-grid {
-        display: grid;
-        grid-template-columns: 1fr 1fr;
-        gap: 1rem;
-      }
-      
+      /* ============================================
+         HERO CTA
+         ============================================ */
       .hero-cta {
         text-align: center;
         margin: 2rem 0;
@@ -158,250 +261,52 @@
         background: linear-gradient(135deg, #5865F2 0%, #4752C4 100%) !important;
         border-radius: 16px;
         color: white;
-        box-sizing: border-box;
         width: 100%;
         max-width: 100%;
       }
-      
+
       .hero-cta h2 {
         margin-top: 0;
         color: white;
       }
-      
+
       .hero-cta .cta-button {
         background: white;
         color: #5865F2;
         font-size: 1.2rem;
         padding: 1.2rem 2.5rem;
       }
-      
+
       .hero-cta .cta-button:hover,
       .hero-cta .cta-button:focus {
         background: #f0f0f0;
         outline-color: rgba(255, 255, 255, 0.5);
       }
-      
-      .stats-grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-        gap: 1.5rem;
-        margin: 2rem 0;
-      }
-      
-      .stat-card {
-        text-align: center;
-        padding: 1.5rem;
-        background: white;
-        border-radius: 12px;
-        border: 2px solid #e0e0e0;
-        transition: transform 0.3s ease, box-shadow 0.3s ease;
-      }
-      
+
+      /* ============================================
+         STATS
+         ============================================ */
       .stat-number {
         font-size: 2.5rem;
         font-weight: bold;
         color: #5865F2;
         margin: 0.5rem 0;
       }
-      
+
       .stat-label {
         color: #666;
         font-size: 0.9rem;
       }
-      
-      h1, h2, h3 {
-        color: #1a1a1a;
-      }
-      
-      a {
-        color: #5865F2;
-        text-decoration: underline;
-        transition: color 0.2s ease;
-      }
-      
-      a:hover,
-      a:focus {
-        color: #4752C4;
-        outline: 2px solid #5865F2;
-        outline-offset: 2px;
-      }
-      
-      ul {
-        padding-left: 1.5rem;
-      }
-      
-      li {
-        margin: 0.5rem 0;
-      }
-      
-      img {
-        max-width: 100%;
-        height: auto;
-      }
-      
-      section {
-        width: 100%;
-        max-width: 100%;
-        box-sizing: border-box;
-      }
-      
-      /* Focus styles for keyboard navigation */
-      *:focus {
-        outline: 2px solid #5865F2;
-        outline-offset: 2px;
-      }
-      
-      *:focus:not(:focus-visible) {
-        outline: none;
-      }
-      
-      *:focus-visible {
-        outline: 2px solid #5865F2;
-        outline-offset: 2px;
-      }
-      
-      button:focus-visible,
-      a:focus-visible {
-        outline: 3px solid rgba(88, 101, 242, 0.5);
-        outline-offset: 2px;
-      }
-      
-      /* Responsive design */
-      @media (max-width: 768px) {
-        main {
-          padding: 1rem 0.5rem;
-        }
-        
-        .card {
-          padding: 1.5rem;
-        }
-        
-        .card-header {
-          flex-direction: column;
-          text-align: center;
-        }
-        
-        .stats-grid {
-          grid-template-columns: 1fr;
-        }
-        
-        .cta-button {
-          display: block;
-          margin: 0.5rem 0;
-          text-align: center;
-        }
-      }
 
-      @media (max-width: 720px) {
-        .hero-grid {
-          grid-template-columns: 1fr;
-          gap: 0;
-        }
-      }
-      
-      /* Animation for fade-in */
-      @keyframes fadeIn {
-        from {
-          opacity: 0;
-          transform: translateY(20px);
-        }
-        to {
-          opacity: 1;
-          transform: translateY(0);
-        }
-      }
-      
-      .fade-in {
-        animation: fadeIn 0.6s ease-out;
-      }
-      
-      /* High contrast mode support */
-      @media (prefers-contrast: high) {
-        .card {
-          border-width: 3px;
-        }
-        
-        .cta-button {
-          border-width: 3px;
-        }
-      }
-      
-      /* Reduced motion support */
-      @media (prefers-reduced-motion: reduce) {
-        * {
-          animation: none !important;
-          transition: none !important;
-        }
-      }
-      
-      /* Dark mode styles */
-      html.is-dark .card {
-        background: #1e1e1e;
-        border-color: #404040;
-        color: var(--foreground);
-      }
-      
-      html.is-dark .stat-card {
-        background: #1e1e1e;
-        border-color: #404040;
-        color: var(--foreground);
-      }
-      
-      html.is-dark .timeline-content {
-        background: #1e1e1e;
-        border-color: #404040;
-        color: var(--foreground);
-      }
-      
-      html.is-dark .timeline-avatar {
-        background: #1e1e1e;
-        border-color: #404040;
-      }
-      
-      html.is-dark .card-header {
-        border-bottom-color: #404040;
-      }
-      
-      html.is-dark h1,
-      html.is-dark h2,
-      html.is-dark h3 {
-        color: var(--foreground);
-      }
-      
-      html.is-dark .stat-label {
-        color: var(--foreground);
-      }
-      
-      html.is-dark .timeline-role {
-        color: var(--foreground);
-      }
-      
-      html.is-dark .timeline-dates {
-        color: var(--foreground);
-      }
-      
-      html.is-dark .avatar-card .card-header img {
-        border-color: #404040;
-      }
-      
-      /* Override inline background styles in dark mode */
-      html.is-dark .card[style*="background: #f8f9fa"],
-      html.is-dark .card[style*="background:#f8f9fa"] {
-        background: #1e1e1e !important;
-      }
-      
-      html.is-dark .card[style*="background: #f0f0f0"],
-      html.is-dark .card[style*="background:#f0f0f0"] {
-        background: #1e1e1e !important;
-      }
-      
-      /* Timeline styles */
+      /* ============================================
+         TIMELINE
+         ============================================ */
       .timeline {
         position: relative;
         padding: 2rem 0;
         margin: 2rem 0;
       }
-      
+
       .timeline::before {
         content: '';
         position: absolute;
@@ -412,7 +317,7 @@
         background: linear-gradient(to bottom, #5865F2, #4752C4);
         transform: translateX(-50%);
       }
-      
+
       .timeline-item {
         position: relative;
         margin: 2rem 0;
@@ -420,42 +325,30 @@
         align-items: center;
         width: 100%;
       }
-      
+
       .timeline-item:nth-child(odd) {
         flex-direction: row;
       }
-      
+
       .timeline-item:nth-child(even) {
         flex-direction: row-reverse;
       }
-      
+
       .timeline-content {
-        background: white;
-        border: 2px solid #e0e0e0;
-        border-radius: 12px;
-        padding: 1.5rem;
         width: calc(50% - 3rem);
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        transition: transform 0.3s ease, box-shadow 0.3s ease;
         position: relative;
       }
-      
-      .timeline-content:hover {
-        transform: translateY(-4px);
-        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
-        border-color: #5865F2;
-      }
-      
+
       .timeline-item:nth-child(odd) .timeline-content {
         margin-right: auto;
         margin-left: 0;
       }
-      
+
       .timeline-item:nth-child(even) .timeline-content {
         margin-left: auto;
         margin-right: 0;
       }
-      
+
       .timeline-avatar {
         position: absolute;
         left: 50%;
@@ -472,81 +365,36 @@
         justify-content: center;
         overflow: hidden;
       }
-      
+
       .timeline-avatar img {
         width: 100%;
         height: 100%;
         object-fit: cover;
       }
-      
+
       .timeline-role {
         font-weight: bold;
         font-size: 1.1rem;
         color: #1a1a1a;
         margin-bottom: 0.5rem;
       }
-      
+
       .timeline-company {
         font-size: 1rem;
         color: #5865F2;
         font-weight: 600;
         margin-bottom: 0.5rem;
       }
-      
+
       .timeline-dates {
         font-size: 0.9rem;
         color: #666;
         font-style: italic;
       }
-      
-      @media (max-width: 768px) {
-        .timeline::before {
-          left: 2rem;
-        }
-        
-        .timeline-item {
-          flex-direction: row !important;
-        }
-        
-        .timeline-content {
-          width: calc(100% - 6rem);
-          margin-left: 4rem !important;
-          margin-right: 0 !important;
-        }
-        
-        .timeline-avatar {
-          left: 2rem;
-          transform: translateX(-50%);
-          width: 60px;
-          height: 60px;
-        }
-      }
-      
-      /* Testimonials preview styles */
-      .testimonials-preview {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-        gap: 1.5rem;
-        margin: 2rem 0;
-      }
-      
-      .testimonial-card {
-        background: white;
-        border: 2px solid #e0e0e0;
-        border-radius: 12px;
-        padding: 1.5rem;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        transition: transform 0.3s ease, box-shadow 0.3s ease;
-        display: flex;
-        flex-direction: column;
-      }
-      
-      .testimonial-card:hover {
-        transform: translateY(-4px);
-        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
-        border-color: #5865F2;
-      }
-      
+
+      /* ============================================
+         TESTIMONIALS
+         ============================================ */
       .testimonial-text {
         flex-grow: 1;
         font-style: italic;
@@ -554,7 +402,7 @@
         margin-bottom: 1rem;
         line-height: 1.6;
       }
-      
+
       .testimonial-author {
         font-weight: bold;
         color: #1a1a1a;
@@ -562,49 +410,163 @@
         padding-top: 1rem;
         border-top: 1px solid #f0f0f0;
       }
-      
+
       .testimonial-role {
         font-size: 0.9rem;
         color: #666;
         font-weight: normal;
         font-style: normal;
       }
-      
+
+      /* ============================================
+         ANIMATIONS
+         ============================================ */
+      @keyframes fadeIn {
+        from {
+          opacity: 0;
+          transform: translateY(20px);
+        }
+        to {
+          opacity: 1;
+          transform: translateY(0);
+        }
+      }
+
+      .fade-in {
+        animation: fadeIn 0.6s ease-out;
+      }
+
+      /* ============================================
+         DARK MODE
+         ============================================ */
+      html.is-dark .card,
+      html.is-dark .stat-card,
+      html.is-dark .timeline-content,
       html.is-dark .testimonial-card {
         background: #1e1e1e;
         border-color: #404040;
-      }
-      
-      html.is-dark .testimonial-text {
         color: var(--foreground);
       }
-      
+
+      html.is-dark .timeline-avatar {
+        background: #1e1e1e;
+        border-color: #404040;
+      }
+
+      html.is-dark .card-header {
+        border-bottom-color: #404040;
+      }
+
+      html.is-dark .avatar-card .card-header img {
+        border-color: #404040;
+      }
+
+      html.is-dark h1,
+      html.is-dark h2,
+      html.is-dark h3,
+      html.is-dark .stat-label,
+      html.is-dark .timeline-role,
+      html.is-dark .timeline-dates,
+      html.is-dark .testimonial-text,
       html.is-dark .testimonial-author {
         color: var(--foreground);
+      }
+
+      html.is-dark .testimonial-author {
         border-top-color: #404040;
       }
-      
-      html.is-dark .testimonial-role {
-        color: var(--foreground);
+
+      html.is-dark .card[style*="background: #f8f9fa"],
+      html.is-dark .card[style*="background:#f8f9fa"],
+      html.is-dark .card[style*="background: #f0f0f0"],
+      html.is-dark .card[style*="background:#f0f0f0"] {
+        background: #1e1e1e !important;
       }
-      
-      /* Donation CTA card dark mode support */
+
       html.is-dark .card[style*="background: linear-gradient(135deg, #10b981"],
       html.is-dark .card[style*="background:linear-gradient(135deg, #10b981"] {
         background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
         border-color: #059669 !important;
       }
-      
+
       html.is-dark .card[style*="background: linear-gradient(135deg, #10b981"] .stat-card,
       html.is-dark .card[style*="background:linear-gradient(135deg, #10b981"] .stat-card {
         background: rgba(30, 30, 30, 0.95) !important;
         border-color: #404040;
       }
-      
+
+      /* ============================================
+         ACCESSIBILITY MEDIA QUERIES
+         ============================================ */
+      @media (prefers-reduced-motion: reduce) {
+        * {
+          animation: none !important;
+          transition: none !important;
+        }
+      }
+
+      @media (prefers-contrast: high) {
+        .card,
+        .cta-button {
+          border-width: 3px;
+        }
+      }
+
+      /* ============================================
+         RESPONSIVE DESIGN
+         ============================================ */
       @media (max-width: 768px) {
+        main {
+          padding: 1rem 0.5rem;
+        }
+
+        .card {
+          padding: 1.5rem;
+        }
+
+        .card-header {
+          flex-direction: column;
+          text-align: center;
+        }
+
+        .stats-grid,
         .testimonials-preview {
           grid-template-columns: 1fr;
         }
+
+        .cta-button {
+          display: block;
+          margin: 0.5rem 0;
+          text-align: center;
+        }
+
+        .timeline::before {
+          left: 2rem;
+        }
+
+        .timeline-item {
+          flex-direction: row !important;
+        }
+
+        .timeline-content {
+          width: calc(100% - 6rem);
+          margin-left: 4rem !important;
+          margin-right: 0 !important;
+        }
+
+        .timeline-avatar {
+          left: 2rem;
+          transform: translateX(-50%);
+          width: 60px;
+          height: 60px;
+        }
+      }
+
+      @media (max-width: 720px) {
+        .hero-grid {
+          grid-template-columns: 1fr;
+          gap: 0;
+        }
       }
     </style>
   </head>
@@ -612,10 +574,11 @@
     <a href="#main-content" class="skip-link">Skip to main content</a>
     
     <main id="main-content">
-      <!-- Title -->
-      <h1 style="text-align: center; margin-bottom: 1rem;">NHCarrigan</h1>
+      <!--
+          MARK: Hero Section
+      -->
+      <h1 style="text-align: center; margin-bottom: 1rem;">Naomi Carrigan</h1>
       
-      <!-- Splash Image -->
       <section style="text-align: center; margin-bottom: 2rem;" aria-label="Hero image">
         <img
           src="https://cdn.nhcarrigan.com/splash.png"
@@ -624,7 +587,6 @@
         />
       </section>
       
-      <!-- Brief Intro -->
       <section style="text-align: center; margin-bottom: 2rem; max-width: 800px; margin-left: auto; margin-right: auto;" class="fade-in">
         <p style="font-size: 1.2rem; line-height: 1.6;">
           Building inclusive tech communities, one line of code at a time. We're passionate about creating ethical software solutions and fostering welcoming online spaces where everyone can thrive.
@@ -632,7 +594,6 @@
       </section>
 
       <div class="hero-grid">
-      <!-- Hero CTA - Early conversion opportunity -->
       <section class="hero-cta fade-in card" role="region" aria-label="Join our community">
         <h2>Ready to Join an Amazing Community?</h2>
         <p style="font-size: 1.1rem; margin-bottom: 1.5rem;">
@@ -643,7 +604,6 @@
         </a>
       </section>
 
-      <!-- Donation CTA - Compact version -->
       <section class="card fade-in" style="background: linear-gradient(135deg, #10b981 0%, #059669 100%); border-color: #10b981; border-width: 3px; text-align: center;" role="region" aria-label="Support our mission">
         <h2 style="margin-top: 0; color: white;">Support Our Mission</h2>
         <p style="color: white; font-size: 1rem; margin-bottom: 1.5rem;">
@@ -659,7 +619,9 @@
         <p>Need to know more about us before joining? That's okay! Let us properly introduce ourselves...</p>
       </section>
 
-      <!-- Personal Card with Avatar -->
+      <!--
+          MARK: Personal Information
+      -->
       <section class="card avatar-card fade-in" role="region" aria-labelledby="about-naomi">
         <div class="card-header">
           <img 
@@ -687,7 +649,6 @@
         </p>
       </section>
 
-      <!-- More Personal Stuff -->
       <section class="fade-in" role="region" aria-labelledby="get-to-know">
         <h2 id="get-to-know">Get to Know Me</h2>
         <p>
@@ -701,7 +662,9 @@
         </ul>
       </section>
 
-      <!-- Company Card with Logo -->
+      <!--
+          MARK: Company Information
+      -->
       <section class="card logo-card fade-in" role="region" aria-labelledby="about-company">
         <div class="card-header">
       <img
@@ -732,7 +695,6 @@
         </ul>
       </section>
 
-      <!-- Company Stuff -->
       <section class="fade-in" role="region" aria-labelledby="mission">
         <h2 id="mission">Our Mission</h2>
         <p>
@@ -749,7 +711,9 @@
         </p>
       </section>
 
-      <!-- Client Timeline -->
+      <!--
+          MARK: Client Timeline
+      -->
       <section class="card fade-in" role="region" aria-labelledby="client-timeline">
         <h2 id="client-timeline" style="margin-top: 0; text-align: center;">Client History Timeline</h2>
         <p style="text-align: center; margin-bottom: 2rem;">
@@ -862,7 +826,9 @@
         </a>
       </section>
 
-      <!-- Past Work & Credentials -->
+      <!--
+          MARK: Past Work & Credentials
+      -->
       <section class="fade-in" role="region" aria-labelledby="past-work">
         <h2 id="past-work">Past Work & Credentials</h2>
         <p>
@@ -879,7 +845,9 @@
         </p>
       </section>
 
-      <!-- Client Feedback Preview -->
+      <!--
+          MARK: Testimonials
+      -->
       <section class="card fade-in" role="region" aria-labelledby="client-feedback">
         <h2 id="client-feedback" style="margin-top: 0; text-align: center;">What Clients Say</h2>
         <p style="text-align: center; margin-bottom: 2rem;">
@@ -932,6 +900,9 @@
         </p>
       </section>
 
+      <!--
+          MARK: Resources
+      -->
       <section class="fade-in" role="region" aria-labelledby="resources">
         <h2 id="resources">Resources & Documentation</h2>
         <p>
@@ -945,7 +916,9 @@
         </ul>
       </section>
 
-      <!-- Community Stats -->
+      <!--
+          MARK: Community Stats
+      -->
       <section class="card fade-in" role="region" aria-labelledby="community-stats">
         <h2 id="community-stats" style="margin-top: 0; text-align: center;">Our Community by the Numbers</h2>
         <p style="text-align: center; margin-bottom: 2rem;">
@@ -985,6 +958,9 @@
         </p>
       </section>
 
+      <!--
+          MARK: Sustainability & Support
+      -->
       <section class="fade-in" role="region" aria-labelledby="sustainability-impact">
         <h2 id="sustainability-impact">Growing Responsibly, Together</h2>
         <p style="font-size: 1.1rem;">
@@ -995,7 +971,6 @@
         </p>
       </section>
 
-      <!-- Donation CTA Card -->
       <section class="card fade-in" role="region" aria-labelledby="donation-cta">
         <h2 id="donation-cta" style="margin-top: 0; text-align: center;">Support Our Mission</h2>
         <p style="text-align: center; margin-bottom: 2rem; font-size: 1.1rem;">
@@ -1031,7 +1006,9 @@
         </p>
       </section>
 
-      <!-- Frequently Asked Questions -->
+      <!--
+          MARK: FAQ
+      -->
       <section class="fade-in" role="region" aria-labelledby="faq">
         <h2 id="faq">Frequently Asked Questions</h2>
         
@@ -1057,11 +1034,13 @@
         
         <h3>How can I get support or contribute?</h3>
         <p>
-          You can join our <a href="https://chat.nhcarrigan.com" target="_blank" rel="noopener noreferrer">Discord community</a> for support and to connect with other users. We welcome contributions from developers of all backgrounds - check out our <a href="https://docs.nhcarrigan.com/#/contributing" target="_blank" rel="noopener noreferrer">contributing guidelines</a> and <a href="https://docs.nhcarrigan.com/#/community/code-of-conduct" target="_blank" rel="noopener noreferrer">community code of conduct</a> to get started. We also offer mentorship programs for new developers.
+          You can join our <a href="https://chat.nhcarrigan.com" target="_blank" rel="noopener noreferrer">Discord community</a> for support and to connect with other users. We welcome contributions from developers of all backgrounds - check out our <a href="https://docs.nhcarrigan.com/#/contributing" target="_blank" rel="noopener noreferrer">contributing guidelines</a> and <a href="https://docs.nhcarrigan.com/#/community/code-of-conduct" target="_blank" rel="noopener noreferrer">community code of conduct</a> to get started.           We also offer mentorship programs for new developers.
         </p>
       </section>
 
-      <!-- Join Our Community - Prominent CTA -->
+      <!--
+          MARK: Community CTA
+      -->
       <section class="card fade-in" style="background: #f8f9fa; border-color: #5865F2; border-width: 3px;" role="region" aria-labelledby="join-community">
         <h2 id="join-community" style="margin-top: 0;">Join Our Community</h2>
         <img class="hero-image" src="https://cdn.nhcarrigan.com/hero/join-community.png" alt="Naomi Carrigan, founder of NHCarrigan" />
@@ -1091,7 +1070,9 @@
         </p>
       </section>
 
-      <!-- Final CTA -->
+      <!--
+          MARK: Final CTA
+      -->
       <section class="card fade-in" style="text-align: center; background: #f0f0f0;" role="region" aria-labelledby="thanks">
         <h2 id="thanks" style="margin-top: 0;">Thanks for Visiting! <i class="fas fa-heart" aria-hidden="true"></i></h2>
         <p style="font-size: 1.1rem;">