   .main-content-wrapper {
       padding: 0px 0;
       background-color: #fff;
   }

   .content-section {
       max-width: 900px;
       margin: 0 auto 00px auto;
       padding: 60px 20px;
       text-align: left;
   }

   .content-section.alt-bg {
       background-color: #f8f9fa;
       padding-top: 60px;
       padding-bottom: 60px;
       max-width: none;
   }

   .alt-bg .content-section {
       margin-bottom: 0;
   }

   .content-section h2.section-heading {
       font-size: 2.5rem;
       font-weight: 700;
       color: #1a202c;
       margin-bottom: 24px;
       text-align: center;
       line-height: 1.2;
   }

   .content-section .section-intro {
       font-size: 1.15rem;
       color: #4a5568;
       margin-bottom: 48px;
       text-align: center;
       max-width: 750px;
       margin-left: auto;
       margin-right: auto;
   }

   .feature-deep-dive {
       display: grid;
       grid-template-columns: 1fr;
       gap: 40px;
   }

   .feature-article {
       background-color: #ffffff;
       border: 1px solid #e2e8f0;
       border-radius: 12px;
       padding: 24px;
       transition: box-shadow 0.3s ease, transform 0.3s ease;
   }

   .feature-article:hover {
       transform: translateY(-5px);
       box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   }

   .feature-article h3 {
       font-size: 1.5rem;
       font-weight: 600;
       color: #2d3748;
       margin-bottom: 12px;
   }

   .feature-article p {
       font-size: 1rem;
       line-height: 1.6;
       color: #4a5568;
   }

   .use-case-grid {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
       gap: 30px;
       margin-top: 40px;
   }

   .use-case-card {
       background: #fff;
       padding: 24px;
       border-radius: 8px;
       border: 1px solid #e2e8f0;
   }

   .use-case-card h3 {
       font-size: 1.25rem;
       color: #1a202c;
       margin-bottom: 12px;
   }

   .use-case-card p {
       font-size: 1rem;
       color: #4a5568;
       line-height: 1.6;
   }

   .faq-section {
       max-width: 800px;
       margin: 0 auto;
       padding: 0 20px;
   }

   /* Responsive adjustments */
   @media (max-width: 768px) {
       .content-section h2.section-heading {
           font-size: 2rem;
       }

       .feature-deep-dive {
           grid-template-columns: 1fr;
       }
   }

   /* --- White-Label Section Styles --- */

   .white-label-section {
       padding: 80px 20px;
       background-color: #f8f9fa;
       /* A slightly different background to stand out */
       text-align: center;
   }

   .white-label-section .section-title {
       font-size: 2.5rem;
       font-weight: 700;
       color: #1a202c;
       margin-bottom: 16px;
   }

   .white-label-section .section-subtitle {
       font-size: 1.15rem;
       color: #4a5568;
       max-width: 700px;
       margin: 0 auto 48px auto;
   }

   .white-label-benefits {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
       gap: 30px;
       max-width: 1000px;
       margin: 0 auto;
       text-align: left;
   }

   .benefit-item {
       background-color: #fff;
       padding: 24px;
       border: 1px solid #e2e8f0;
       border-radius: 12px;
   }

   .benefit-item svg {
       width: 32px;
       height: 32px;
       color: #2c5282;
       /* Professional blue from your other sections */
       margin-bottom: 16px;
   }

   .benefit-item h3 {
       font-size: 1.25rem;
       font-weight: 600;
       color: #2d3748;
       margin-bottom: 8px;
   }

   .benefit-item p {
       font-size: 1rem;
       line-height: 1.6;
       color: #4a5568;
   }

   .white-label-cta {
       margin-top: 48px;
   }

   /* Ensure the button matches your other main CTAs */
   .white-label-cta .get-started-btn {
       display: inline-flex;
       align-items: center;
       gap: 8px;
       background-color: #000000;
       /* Or your primary button color */
       color: #fff;
       padding: 12px 24px;
       border-radius: 8px;
       text-decoration: none;
       font-weight: 600;
       transition: background-color 0.3s ease;
   }

   .white-label-cta .get-started-btn:hover {
       background-color: #333333;
       /* A slightly darker hover state */
   }