super-embed:
<!DOCTYPE html>
<!-- Homepage Hero -->

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Poppins -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
    <style>
        .hero-section {
            margin-top: 50px;
            font-family: "Poppins", sans-serif;
            color: #0e1d43;
        }

        .hero-section-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            text-align: center;
        }

        .hero-section-content {
            margin-bottom: 40px;
        }

        .hero-section-heading {
            font-size: 2.5rem;
            color: #0e1d43;
            margin-bottom: 20px;
            font-weight: 600;
            margin-left:50px;
            margin-right:50px;
        }

        .hero-section-paragraph {
            font-size: 1.10rem;
            color: #0e1d43;
            margin-bottom: 30px;
        }

        .hero-section-cta-link, .hero-section-learn-more {
            display: inline-block;
            padding: 10px 30px;
            border-radius: 50px;
            text-decoration: none;
            transition: 0.3s;
            margin-right: 8px;
            font-weight: 600;
        }

        .hero-section-cta-link {
            background-color: #312e81;
            color: #f6f7f7;
            border: 1px solid #312e81;
        }

        .hero-section-cta-link:hover {
            background-color: #3730a3;
            border: 1px solid #3730a3;
        }

        .hero-section-learn-more {
            background-color: transparent;
            color: #0e1d43;
            border: 1px solid #b5bec4;
            border-radius: 50px;
        }

        .hero-section-learn-more:hover {
            border: 1px solid #d8dcdf;
                    }
        
         /* Media Queries for Responsive Design */
		  @media (max-width: 768px) {
		    .hero-section-heading {
		        font-size: 2.2rem; 
		    }
		
		    .hero-section-paragraph {
		        font-size: 1rem; 
		    }
		
		    .hero-section-cta-link {
		        padding: 10px;
		        font-size:18px; 
		    }
		    
		    .hero-section-learn-more {
		    padding: 5px; 
		    font-size:18px;
		    margin-top:10px;
		    }
		
		    .hero-section-content {
		        margin: 30px auto; 
		    }
		}
		
		/* Very Small Devices */
		@media (max-width: 360px) {
		    .hero-section-heading {
		        font-size: 1.4rem; 
		    }
		
		    .hero-section-paragraph {
		        font-size: 0.85rem; 
		    }
		
		    .hero-section-content {
		        margin: 20px auto; 
		    }
		}
			
			/* General Responsive Adjustments */
			.hero-section-container {
			    width: 100%; 
			    max-width: 1200px; 
			    padding: 0 10px; 
			}
			
			.hero-section-content {
			    padding: 0px 10px; 
			}



    </style>
</head>
<body>
    <section class="hero-section">
        <div class="hero-section-container">
            <div class="hero-section-content">
                <h1 class="hero-section-heading">Landmark: Your Premier Choice </br> for Research Support Excellence</h1>
                <p class="hero-section-paragraph">Unlock your research potential with Landmark's advanced services.</p>
                <a href="https://thelai.com/gfa" class="hero-section-cta-link"><strong>Get a Free Account</strong></a>
                <a href="https://thelai.com/gfa" class="hero-section-learn-more">Start Accelerating Your Research &#8594;</a>
            </div>
        </div>
    </section>
</body>
</html>

super-embed:

<!DOCTYPE html>
<!-- Blue Square: "Everything you need to run your study..." -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Poppins -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

    <!-- Inter -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
    
</head>
<style>
      .features-component {
        margin-left:-100px;
        margin-right:-90px;
        padding: 50px;
        font-family: Inter, sans-serif;
        background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
        color:#f5f6f7;
      }

        .features-component-container {
            margin: auto;
            padding: 20px;
        }

        .content {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
        }

        .column1, .column2 {
            flex: 1;
        }

        .column1 {
            margin-right: 20px;
        }

        .column2 img {
            width: 100%;
            height: auto;
            display: block; /
        }

        .image-features{
          border-radius:10px;
          max-width: 85%;
          box-shadow: 11px 13px 11px rgba(0, 0, 0, 0.4);
        }
    
        
        .heading2-features{
          text-align:center;
          font-size:36px;
          font-weight:normal;
          font-family:Poppins, sans-serif;
          }

        .paragraph-features{
          text-align:center;
          margin-bottom:50px;
          font-size:17px;
          
        }
        
         .feature-card-first{
				border-radius: 10px;
				padding:20px;
				background: rgba(218, 222, 234, 0.1);
				margin-right:-40px;
				margin-top:20px;
				margin-bottom:5px;
        }
        
         .feature-one-card{
        border-radius: 10px;
				padding:20px;
				background: rgba(218, 222, 234, 0.1);
				margin-right:-40px;
				margin-bottom:5px;
			
        }
        
        .feature-card-first p{
        font-size:17px;
        }
        
        .feature-one-card p{
        font-size:17px;
        }
        
        .feature-title{
        font-weight:600;
        margin-bottom:10px;
        font-family:Inter, sans-serif;
        font-size:17px;
        }
        
       @media screen and (max-width: 768px) {

 .features-component{
        padding: 5px; 
        margin:0 auto;
           }
   .content {
            flex-direction: column;
        }
        
     .image-features{
     margin-top:5px;
     }
    
}

</style>
<body>
  <div class="features-component">
    <div class="features-component-container">
        <h2 class="heading2-features">Everything you need to run your study</h2>
        <p class="paragraph-features">Your Comprehensive, All-in-One Research Platform</p>
        <div class="content">
            <div class="column1">
                <div class="feature-card-first">
                <p class="feature-title"> Projects </p>
                <p> Our platform streamlines project management, 
                enabling you to easily organize, track, 
                and oversee all your research activities in one centralized location. </p>
                </div>
                
                <div class="feature-one-card">
                <p class="feature-title"> Folders</p>
                <p> Keep your research data, documents, and resources neatly organized with our intuitive folder system. Access everything you need with just a few clicks. </p>
                </div>
                
                <div class="feature-one-card">
                <p class="feature-title"> Participants </p>
                <p> Recruit, engage, and manage participants with ease. Our tools support ethical practices, ensuring informed consent, privacy, and a seamless experience for all involved. </p>
                </div>
                
                <div class="feature-one-card">
                <p class="feature-title"> Transcription and Translation </p>
                <p> Easily transcribe audio and video files, and translate content into multiple languages. Our platform helps your research go faster and stay organized.</p>
                </div>
            </div>
            <div class="column2">
                <img src="https://landmarkmktemailimages.s3.amazonaws.com/dashboard-her.png" class="image-features" />
            </div>
        </div>
    </div>
  </div>
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Teams Home -->
<html lang="en">
<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Poppins -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

    <!-- Inter -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
    
</head>
<style>
      .teams-component {
        margin-left:-100px;
        margin-right:-90px;
        padding: 50px;
        font-family: Inter, sans-serif;
        background: #f5f6f7;
        color:#0e1d43;
      }

        .teams-component-container {
            margin: auto;
            padding: 20px;
        }

        .teams-content {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
        }

        .teams-column1, .teams-column2 {
            flex: 1;
        }

        .teams-column1 {
            margin-right: 20px;
        }

        .teams-column2 img {
            width: 100%;
            height: auto;
            display: block; /
        }

        .teams-image{
          border-radius:8px;
          max-width: 100%;
          box-shadow: 9px 11px 9px rgba(0, 0, 0, 0.4);
        }
    
         .teams-h3 {
				margin-top:-60px;
        font-size:36px;
        font-weight:normal;
        font-family:Poppins, sans-serif;
        text-align:center;
        }
        
         .teams-p {
				margin-top:-30px;
        font-size:17px;
        text-align:center;
        margin-bottom:30px;
        }
        
         .teams-card{
				padding:20px;
				margin-top:20px;
				margin-bottom:5px;
        }
        
        .teams-list {
        font-size:16px;
        list-style:none;
        margin-top:-40px;
        }
        
        .teams-list-item {
        margin-bottom:15px;
        line-height:150%;
        }
        
        .teams-icons {
        width:15px;
        }
        
        
    /* Media query for tablets */
    @media (max-width: 768px) {
        .teams-content {
            flex-direction: column;
        }

        .teams-column1, .teams-column2 {
            margin-right: 0;
            flex: none; 
        }

        .teams-column2 img {
            max-width: 100%;
            margin-top:30px;
        }

    }

    /* Media query for mobile devices */
    @media (max-width: 480px) {
        .teams-component {
            margin-left: -10px; /* Adjust margins to fit smaller screens */
            margin-right: -10px;
            padding: 20px; /* Reduce padding for smaller screens */
        }

        .teams-heading2 {
            font-size: 24px; /* Even smaller text for mobile screens */
        }

        .teams-security {
            font-size: 16px; /* Adjust button font size for better readability */
            padding: 8px; /* Adjust padding to make the button easier to tap */
        }
    }
        
        
</style>
<body>
  <div class="teams-component">
    <div class="teams-component-container">
     <h3 class="teams-h3">Team Collaboration Features</h3>
        <p class="teams-p"> 
				Landmark provides the ultimate secure platform for team collaboration, rendering insecure online documents obsolete.
				</p>  
        
        <div class="teams-content">
        <div class="teams-column2">
                <img src="https://landmarkmktemailimages.s3.amazonaws.com/teams.gif" class="teams-image" />
            </div>
            
            <div class="teams-column1">
                <div class="teams-card">
								<ul class="teams-list">
								<li class="teams-list-item"> <strong>
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="teams-icons">
							  <path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd" />
								</svg>
								
								Project Oversight:</strong> Provide every team member with a comprehensive overview of where the project stands at all times.</li>
								<li class="teams-list-item"> <strong>
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="teams-icons">
							  <path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd" />
								</svg>
								Real-Time Interaction:</strong> Facilitate seamless collaboration directly on the platform, allowing team members to work together in real time.</li>
								<li class="teams-list-item"> <strong>
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="teams-icons">
							  <path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd" />
								</svg>

								Integrated File Management:</strong> Streamline uploading and downloading of files, keeping all documents accessible and organized.</li>
								<li class="teams-list-item"> <strong>
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="teams-icons">
							  <path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd" />
								</svg>
								Centralized Participant Management:</strong> Efficiently manage all participant information from a single, secure location.</li>
								<li class="teams-list-item"> <strong>
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="teams-icons">
							  <path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd" />
								</svg>
								Compliance and Security:</strong> Maintain strict compliance and high security across all project activities.</li>
								</ul>    
                </div>
            </div>

           
        </div>
    </div>
  </div>
</body>
</html>
super-embed: 

<!DOCTYPE html>
<!-- Blue Banner: "Accelerate your exclusive..." -->
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">	

	<!-- Poppins -->    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">    
  <!-- Inter -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">    
</head>

<style>  
	.banner-container{
		background:linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
  	align-items: center;
  	text-align: center;
  	padding: 60px;
  	margin-left:-120px;
  	margin-right:-90px;
  	margin-top:10px;
  	margin-bottom:10px;  	
	}

		.banner-heading{
			font-family: "Poppins", sans-serif;
			font-size: 36px;
			color: #f5f6f7;
			font-weight: normal;
			margin: 10px 0;
		}

		.banner{
			font-family: "Inter", sans-serif;
			font-size: 17px;
			color: #f5f6f7;
			font-weight: 300;
			margin: 10px 0;
			padding-bottom:20px;
		}

		.free-account {
		font-family: "Inter", sans-serif;
		font-size: 17px;
		color: #363637;
		font-weight: 500;
		text-decoration: none;
		padding: 10px 15px;
		border-radius: 50px; 
		border: none;
		background-color: #f5f6f7;
		margin-top: 10px;
		margin-bottom: 30px;		
		cursor: pointer;
		transition: background-color 0.3s ease; 
		}

		.free-account:hover {
		background-color: #e5e5e5;		
		}
		
		
		/* Media Queries */
    @media (max-width: 768px) {
        .banner-container {
            padding: 50px;
            margin: 0; 
        }

        .banner-heading {
            font-size: 30px; 
        }

        .banner {
            font-size: 18px;
        }

        .free-account {
            font-size: 7px;
            padding:5px;
        }
    }

    @media (max-width: 480px) {
		    .banner-container {
            padding: 50px;
            margin: 0; 
        }
        
        .banner-heading {
            font-size: 24px; 
        }

        .banner {
            font-size: 16px;
        }

        .free-account {
            font-size: 13px;
        }
    }
</style>

<body>
<!--Banner Container-->
	<div class="banner-container">
	<!--Banner Container Heading-->	
		<h1 class="banner-heading"> Access your Exclusive University Rate </h1>
		<!--Banner Container Text-->
		<p class="banner"> 
			Unlock the potential of your research with just a click. 
			<br/> Get a Free Account now and take the first step towards  
			<br/> a more efficient and secure research journey.
		</p>
		<!--Banner Container Button-->
		<a href="https://thelai.typeform.com/to/emMB10?utm_medium=HCAB" class="free-account"> Start Accelerating Your Research </a>
	</div>
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Testimonials NEW -->
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Poppins -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

  	
  <!-- Inter -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">

</head>
<style>

.testimonials-body {
  padding: 20px;
  background-color: #f5f6f7; 
  color:#0e1d43;
  font-family: "Inter", sans-serif;
}
.testimonials-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}


.testimonials-h2{
  font-size: 36px;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  margin-top: -20px;
  text-align: center;
}

.testimonials-h3{
  font-size: 34px;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  text-align: center;
}

.testimonial {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.large {
  grid-column: span 2;
  font-size: 17px;
  padding: 15px;
}

.medium {
  grid-column: span 1;
  font-size: 14px;
  padding: 5px;
  padding-left:-15px;
}

.small {
  grid-column: span 1;
  font-size: 14px;
  padding:5px;
  padding-left:-15px;
  
}

figcaption {
  color: #0e1d43; 
  margin-left:40px;
}

hr{
border-top:1px solid #f5f6f7;
}

 /* Media Queries for Responsiveness */
  @media (max-width: 768px) {
    .testimonials-h2 {
      font-size: 24px; /* Smaller font size for medium devices */
    }

    .testimonials-h3 {
      font-size: 22px; /* Smaller font size for medium devices */
    }

    .medium, .small {
      padding: 10px; 
    }

    .large {
      display: none; 
    }

    .medium, .small {
      font-size: 12px; /* Adjusted font size for readability */
    }

    figcaption {
      margin-left: 20px; /* Smaller margin for figcaption */
    }
  }
</style>


<body>
<div class="testimonials-body">
  <div class="testimonials-header">
    <h2 class="testimonials-h2">
      Empowering Research with Proven Success
    </h2>
    <h3 class="testimonials-h3">
      Real Researchers, Real Success
    </h3>
  </div>

  <div class="testimonials-container">
  

    <div class="testimonial small">
        <blockquote>
          Thanks so much Monica. Everything looks great. It’s much easier now for me to keep track of the transcripts.
        </blockquote>
        <hr>
        <figcaption>
            - Researcher at the University of North Carolina, Chapel Hill
        </figcaption>
    </div>

    <div class="testimonial large">
      <blockquote>
        Thanks so much to Landmark for the wonderful transcriptions-my colleague and I are very pleased with them! Your work has greatly assisted us in moving forward with data analysis and completion of our research project.
      </blockquote>
      <hr class="testimonials-line">
      <figcaption>
        - Rhonda, Professor at CSU Bakersfield
      </figcaption>
  </div>

    <div class="testimonial small">
        <blockquote>
          The transcript looks great! I'll definitely keep Landmark in mind for future transcription needs.
        </blockquote>
        <hr>
        <figcaption>
          - Researcher at University of Arkansas for Medical Sciences
        </figcaption>
    </div>
    
    <div class="testimonial medium">
        <blockquote>
          I've finished transcription for this particular project. I was very impressed with the service and will return to you for future transcriptions.
        </blockquote>
        <hr>
        <figcaption>
            - Researcher at Princeton University
        </figcaption>
    </div>

    <div class="testimonial small">
      <blockquote>
      We have used Landmark many times in the past and they always do quality work very quickly. And great price!
        <br/>
        <br/>

      </blockquote>
      <hr>
      <figcaption>
        - Landmark's Customer Satisfaction Survey
      </figcaption>
  </div>

  <div class="testimonial large">
    <blockquote>
      As a researcher engaged in qualitative research,
       I needed to find a professional transcription service capable of 
       handling level 3 security data. I have been impressed with the quality
        of the transcripts and the quick turnaround and responses.

    </blockquote>
    <hr>
    <figcaption>
      - Landmark's Customer Satisfaction Survey
    </figcaption>
</div>




</div>
</div>

</body>
</html>

super-embed:
<!DOCTYPE html>
<!--Transcritption Pricing Cards-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
     <!-- Poppins -->
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
      
			<!-- Inter -->
			<link rel="preconnect" href="https://fonts.googleapis.com">
			<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
			<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
			    
    <style>
    
     .pricing-body {
            font-family: 'Inter', sans-serif;
            background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
            color:#f5f6f7;
            line-height: 1.6;
            padding: 30px;
            margin-left:-130px;
            margin-right:-92px;
            padding-bottom:60px;
            padding-top:60px;
        }
      
         .pricing-container {
            max-width: 1200px;
            margin: auto;
            padding: 0 20px;
            
        }

        
        .pricing-header h2 {
            font-size: 36px; 
            text-align: center;
            margin-bottom: 20px;
            font-family:'Poppins', sans-serif;
            color:#f5f6f7;
            font-weight:normal;
        }
        
        .pricing-header {
            text-align: center;
            margin-bottom: 40px;
            color:#f5f6f7;
        }

        .pricing-plans {
            display: flex;
            justify-content: center;
            gap: 20px;
        }

        
        .plan {
		        position: relative;
            border-radius: 20px;
            padding: 20px;
            width: 325px;
            background-color: #fafaf9;
            color:#0e1d43;
        }
 

        .plan.highlighted {
            border-color: #312e81; 
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            background-color: #fafaf9;
        }

        .plan-header {
            text-align: center;
            margin-bottom: 20px;
        }

        .plan-price {
				    font-size: 24px;
				    color: #1e293b; 
				    margin-bottom: 20px;
				    text-align: center; 
				}
				
				.plan-price span { 
				    font-size: 50%;
				    color: #4a4a4a;
				}
				
        .plan-features {
            list-style: none;
            padding: 0;
            margin-bottom: 20px;
        }

        .plan-features li {
            margin-bottom: 10px;
            padding-left: 20px;
            position: relative;
            text-align:left;
        }

        .plan-features li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: #312e81; 
        }

       
        .btn {
            display: block;
            width: 100%;
            padding: 10px;
            border: none;
            border-radius: 5px;
            background-color: #312e81;
            color: white;
            text-align: center;
            cursor: pointer;
            text-decoration: none;
        }

        .btn:hover {
            background-color: #3730a3; 
        }

        /* Most Popular Tag */
        .tag-most-popular {
			    position: absolute;
			    top: 7px; 
			    right: 7px; 
			    background-color: #3730a3; 
			    color: white; 
			    padding: 5px 15px; 
			    border-radius: 15px; 
			    font-size: 0.80em; 
			    font-weight: bold; 
				}
				
				/* Media Queries for Responsive Design */
			@media (max-width: 768px) {
    
     .pricing-body {
        display: none; 
    }
    
}
	@media (max-width: 480px) {
    .pricing-container {
        padding: 0 10px;
         padding: 10px; 
    }
}


    </style>
</head>
<body>
<div class="pricing-body">
<div class="pricing-container">
    <div class="pricing-header">
        <h2> Transcription Pricing Overview</h2>
        <p>Unmatched accuracy with a 99% guarantee. Native, professional human transcriptionists.</p>
    </div>
    <div class="pricing-plans">
        <!-- Standard Plan -->
					<div class="plan">
					    <h3>Standard - English Only</h3>
					    <p style="margin-bottom: 30px;">For projects with one-on-one interviews or with single speakers.</p>
					    <p style="margin-bottom: 30px;">Starting at:</p>
					    <p class="plan-price"><strong>$1.89</strong> <span>/per audio minute</span></p>
					    <a href="https://thelai.typeform.com/to/ALLjHAOO?utm_medium=URH" class="btn"> Check University Rate</a>
					    <ul class="plan-features">
                <li> <a href="https://thelai.com/our-customers"> Registered Vendor </a> </li>
                <li>99% Accuracy or more</li>
                <li>Speaker Tracking</li>
                <li> <a href="https://docs.thelai.com/5c51585e3ee2428f943399fb6e7debe1"> Standard Capture </a> </li>
                <li>Standard Turnaround Time<br/>(3-5 business days)</li>
                <li>Enterprise-grade security</li>
                <li>HIPAA Trained Staff</li>
                <li>PHRP Trained Staff</li>
                <li>All formats accepted</li>
            </ul>
					</div>
					
					<!-- Plus Plan -->
					<div class="plan highlighted">
					    <h3>Plus - English Only</h3>
					    <div class="tag-most-popular">Most popular</div>
					    <p style="margin-bottom: 20px;">For projects with group interviews/focus groups with over three speakers.</p>
					    <p style="margin-bottom: 20px;">Starting at:</p>
					    <p class="plan-price"><strong>$2.69</strong> <span>/per audio minute</span></p>
					    <a href="https://thelai.typeform.com/to/ALLjHAOO?utm_medium=GSRH" class="btn">Get a Special Rate</a>
					    <ul class="plan-features">
                <li>Group interviews</li>
                <li>Focus groups</li>
                <li> <a href="https://docs.thelai.com/what-are-timestamps"> Time stamps </a> </li>
                <li> <a href="https://docs.thelai.com/5c51585e3ee2428f943399fb6e7debe1">  Verbatim Capture </a> </li>
                <li>Available rush turnaround*</li>
                <li>Guard Duty</li>
                <li>SSL Data Encryption</li>
                <li>Tailored support</li>
            </ul>
					</div>
					
					<!-- Premium Plan -->
					<div class="plan">
					    <h3>Premium - All languages</h3>
					    <p style="margin-bottom: 30px;">Managing multi-language projects or complex data capture.</p>
					    <p style="margin-bottom: 30px;">Check all available languages </p>

					    <p class="plan-price"><strong>Custom pricing</strong>*</p>
					    <a href="/available-languages" class="btn">Available languages</a>
					    <ul class="plan-features">
                <li>Over 25 languages</li>
                <li><strong>Specializing in Spanish</strong></li>
                <li>Professional transcribers and translators</li>
                <li>Understanding of dialects</li>
                <li>Translation certificate</li>
                <li>Database management</li>
            </ul>
					</div>
    </div>
	</div>
	</div>
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- FAQS Home-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Poppins -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">


			
		<!-- Inter -->
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
    
    <style>
        .faqs-container {
            background-color: #f5f6f7;
            color: #0e1d43;
            padding: 20px;
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
            font-family: "Inter", sans-serif;
        }

        .faqs-main-title {
            margin-top: 20px;
            font-size: 36px;
            text-align: center;
            font-family: "Poppins", sans-serif;
            font-weight:normal;
        }

        .faqs-subtitle {
            font-size: 17px;
            margin-bottom: 10px;
            text-align: center;
            font-weight:normal;
        }
        
        .faqs-link {
        color:#312e81;
        text-decoration:none;
        }
        
        .faqs-link:hover{
        color:#3730a3;
        }

        .faqs-columns {
            display: flex;
            justify-content: space-between;
        }

        .faqs-column {
            flex: 1;
            padding: 10px;
            display: flex;
            flex-direction: column;
        }

        .faqs-column div {
            flex: 1;         }

        .faqs-column h3 {
            font-size: 17px;
            font-weight: 500;
        }

        .faqs-column p {
            font-size: 16px;
            color: #4a5568;
        }
        
        .faqs-list {
        color:#4a5568;
        }

        /* Media Queries for Responsiveness */
        @media (max-width: 1024px) {
            .faqs-columns {
                flex-direction: column;
            }
            .faqs-column {
                width: 100%;
                margin-bottom: 20px;
            }
        }

        @media (max-width: 480px) {
            .faqs-container {
                width: 100%;
                padding: 10px;
            }
            .faqs-column {
                padding: 5px;
            }
        }
    </style>
</head>
<body>
    <div class="faqs-container">
        <h1 class="faqs-main-title">Frequently Asked Questions</h1>
        <h2 class="faqs-subtitle">Can’t find the answer you’re looking for? Reach out to our <a href="https://thelai.typeform.com/to/ShI5jj?utm_medium=OCCF" class="faqs-link"> customer support team. </a></h2>
        <div class="faqs-columns">
            <!-- Column 1 -->
            <div class="faqs-column">
                <div>
                    <h3>What kind of services does Landmark offer?</h3>
                    <p>
                     Landmark offers a variety of services designed
                     to support research studies and data management effectively.
                     Here are the main services we provide:
										<ul class="faqs-list">
											<li>Participant Management</li>
											<li>Transcription</li>
											<li>Translation</li>
										</ul>
											                  
									</p>
                </div>
                <div>
                    <h3>Is it possible for my team and I to collaborate on a shared account?</h3>
                    <p>
                    Landmark offers a special service that enables your research team to collaborate
                    in real-time through a shared space. This feature saves time and enhances efficiency
                    while maintaining the security of your data, providing a secure alternative to using
                    drives or emails.
                   </p>
                </div>
            </div>

            <!-- Column 2 -->
            <div class="faqs-column">
                <div>
                    <h3>How can Landmark help me streamline my research project?</h3>
                    <p>
                    Landmark specializes in research support, offering comprehensive
                     services from participant management to transcription and
                      translation. Our team can customize templates and 
                      set up processes to help researchers work efficiently
                       and effectively.
                    </p>
                </div>
                <div>
                    <h3>How does Landmark ensure compliance with regulations like HIPAA?</h3>
                    <p>
                    Our system is designed to adhere to HIPAA and other regulatory standards,
                    featuring secure health information handling,
                     consent tracking, and up-to-date compliance practices.
                    </p>
                </div>
            </div>

            <!-- Column 3 -->
            <div class="faqs-column">
                <div>
                    <h3>What data security measures does Landmark implement?</h3>
                    <p>
                    Our services incorporate advanced data protection, 
                    including encryption and secure data protocols, 
                    ensuring participant information is safeguarded
                     and compliant with regulations like HIPAA.
                    </p>
                </div>
                <div>
                    <h3>
                    How can I learn more or start using Landmark's services?
                    </h3>
                    <p>
                    You can create your account <a href="https://thelai.typeform.com/to/emMB10?utm_medium=CAF" class="faqs-link"> here </a>and 
                    set up your project. 
                    Your designated account executive 
                    will contact you to customize your
                     requirements, or you can send us a
                      chat message for immediate assistance
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Contact Container -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Poppins and Inter Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
    
    <style>  
        .contact-container {
            display: flex; 
            background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
            align-items: center;
            justify-content: space-evenly; 
            padding: 50px; 
            color: #f5f6f7;
            margin-right:-90px;
				    margin-left:-100px;
        }

        .contact-header {
            flex: 1; 
            margin: 0 20px;  
			      margin-right: 190px; 
			      margin-left: 90px;
        }

        .contact-cta {
            flex: 0 0 auto; /* No crece ni se encoge, manteniendo el tamaño del contenido */
            margin: 0 10px; 
            margin-right:50px;
            
        }

        .contact-heading {
            font-size: 25px;
            font-weight: normal;
            margin: 0; 
            text-align: left;
            font-family: "Poppins", sans-serif;
        }

        .speak-contact {
            display: flex;
            align-items: center;
            font-size: 18px;
            font-weight: 500;
            text-decoration: none;
            cursor: pointer;
            transition: 0.3s ease;
            font-family: "Inter", sans-serif;
            background-color: #f5f6f7; 
            padding: 10px 20px;  /* Más equilibrado y adecuado para móviles */
            border-radius: 50px;
            text-decoration: none;
            color: #312e81;
        }

        .speak-contact:hover {
            color: #312e81;
            background-color: #edeff1;        
        }

        .contact-icon {
            margin-right: 8px; 
            width: 35px;
            color:#312e81;
        }
        
        /* Media Queries */
        @media (max-width: 768px) {
            .contact-container {
                flex-direction: column;
                padding: 20px; 
                margin-right: 0;
                margin-left: 0;
            }

            .contact-header, .contact-cta {
                margin: 10px;
            }

            .contact-heading {
                font-size: 20px;
            }

            .speak-contact {
                font-size: 16px;
                padding: 8px 16px; 
            }
        }

       

       
    </style>
</head>
<body>
    <div class="contact-container">
        <div class="contact-header">  
            <h1 class="contact-heading">
                Initiate Your Consultation on Innovative Research Tools
            </h1>
        </div>
        <div class="contact-cta">
            <a href="https://calendly.com/monica-landmark/introduction?month=2024-04" class="speak-contact" target="_blank">
                
                Schedule a call
            </a>
        </div>
    </div>
</body>
</html>
super-embed:

<!DOCTYPE html>
 <!--Footer USA -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   

    <!-- Poppins -->
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
       
    <style>  
    
    .footer-container{
	   margin-right:-90px;
     margin-left:-100px;
    }
    
    
        .CF-sitemap-section {
            background:linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
            color:#312E81;
            padding: 30px; 
            font-family: 'Inter', sans-serif;
            border-top: 1px solid #b5bec4;
            border-bottom: 1px solid #b5bec4;
        }

				.CF-header-container {
            margin-bottom: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 0px;
        }

				.CF-logo {           
            display: block;
						margin:0 auto
						 }



				.CF-sitemap-container {
				    display: flex;
				    flex-wrap: wrap;
				    justify-content: center;
				    padding: 0;
				    max-width: 100%;
				    margin: 0;
						}
		
					.CF-sitemap-column {
			    flex: 1 1 150px; /* Reduced base size for flex items */
			    margin: 10px 5px; /* Adjusted margins to be more uniform */
			    padding-left:80px;
					}
					
					.CF-sitemap-column-one {
			    flex: 1 1 150px; 
			    margin: 10px 5px; 
			    padding-left: 120px;
					}
					
					.CF-sitemap-column-two {
			    flex: 1 1 150px; 
			    margin: 10px 5px; 
			    padding-left: 110px;
					}
					
					.CF-sitemap-column-mission {
					    flex: 1 1 150px; /* Adjust base size to match other columns for consistency */
					    margin-right:10px;
					    align-self: flex-start; /* Aligns the mission column at the start of the flex container */
					    margin-top:60px;
					}

				.mission {
				    font-weight: 400;
				    font-size: 18px;  
				    font-family: 'Poppins', sans-serif;
				    color: #0e1d43;
				    text-align:center;
				    }
				
				
				.CF-sitemap-column h3 {
				    margin-bottom: 15px;
						text-align: left;
				        font-family: 'Poppins', sans-serif;
				        font-weight: 500;
				        font-size:17px;
				}
				
				.CF-sitemap-column-one h3 {
				    margin-bottom: 15px;
						text-align: left;
				        font-family: 'Poppins', sans-serif;
				        font-weight: 500;
				        font-size:17px;
				}
				
				.CF-sitemap-column-two h3 {
				    margin-bottom: 15px;
						text-align: left;
				        font-family: 'Poppins', sans-serif;
				        font-weight: 500;
				        font-size:17px;
				}
				
				.CF-sitemap-column a {
				    color:#0e1d43;
				    text-decoration: none;
				    display: block;
				    margin-bottom: 10px;
				    transition: color 0.3s;
				}
				
				.CF-sitemap-column-one a {
				    color:#0e1d43;
				    text-decoration: none;
				    display: block;
				    margin-bottom: 10px;
				    transition: color 0.3s;
				}
				
				.CF-sitemap-column-two a {
				    color:#0e1d43;
				    text-decoration: none;
				    display: block;
				    margin-bottom: 10px;
				    transition: color 0.3s;
				}
				
				.CF-sitemap-column a:hover {
				    text-decoration: underline;
				    color:#312e81;
				    transform: translateY(-2px);
				}
				
				.CF-sitemap-column-one a:hover {
				    text-decoration: underline;
				    color:#312e81;
				    transform: translateY(-2px);
				}
				
				.CF-sitemap-column-two a:hover {
				    text-decoration: underline;
				    color:#312e81;
				    transform: translateY(-2px);
				}
				
				.CF-sitemap-column a:last-child {
				    margin-bottom: 0;
				}
				
				.CF-sitemap-column-one a:last-child {
				    margin-bottom: 0;
				}
				
				.CF-sitemap-column-two a:last-child {
				    margin-bottom: 0;
				}
				
				
				.CF-footer-note-container {
				    padding: 20px 10px;
				    text-align: center;
				    margin-top: 20px;
				}
				
				.CF-footer-note {
				    color:#0e1d43 ;
				    margin-top: 40px;
				    padding: 0;
				}
				
				/* Media Queries for Responsive Design */
				
		@media (max-width: 768px) {
    .footer-container {
        flex-direction: column; 
        align-items: center; 
        padding:5px;
        margin:0 auto;
    }

     .CF-sitemap-column-one {
        margin: 5px 0; 
				margin-left: -65px; 
    }
    
    .CF-sitemap-column-two {
	    margin: 5px 0; 
			margin-left: -55px; 
    }
    
    .CF-sitemap-column {
    margin:25px; 
    margin-left: -25px; 
    }

    .mission {
       font-size:12px;
    }

    .CF-footer-note-container {
        padding: 20px 5px; 
    }

    .CF-footer-note {
        font-size: 9px; 
    }
}

				
    </style>
</head>
<body>
<div class="footer-container">
    <section class="CF-sitemap-section">
        <!-- Header with Logo and LinkedIn Icon -->
        <div class="CF-header-container">
            <a href='/' class="CF-logo"><img src="https://landmarkmktemailimages.s3.amazonaws.com/Landmark_Logo.png" alt="Landmark Logo"  width="100"></a>
        </div>
        <!-- Sitemap Columns -->
        <div class="CF-sitemap-container">
		   
            <!-- Column 1 -->
            <div class="CF-sitemap-column-one">
                <h3>Using Landmark</h3>
                <a href="/terms-and-conditions/using-landmark-for-universitiesorganizations">Universities/Organizations</a>
                <a href="/our-customers">Our Customers</a>
                <a href="/transcription">Pricing</a>
                <a href="/available-languages">Available Languages</a>
                <a href="https://docs.thelai.com/">Help Center</a>
            </div>
            <!-- Column 2 -->
            <div class="CF-sitemap-column-two">
                <h3>Landmark</h3>
                <a href="https://docs.thelai.com/contractor-page">I'm a Transcriber/Translator</a>
                <a href="https://thelai.typeform.com/to/sJwCUe">Get a customized quote</a>
                <a href="https://docs.thelai.com/fdf4b7dd39cb446f93c9cd6fa85f6ed1">How to request a transcript</a>
                <a href="https://docs.thelai.com/ded190891d6148eab2a3554b18f20a15">Request an invoice</a>
                <a href="https://thelai.typeform.com/to/ShI5jj?utm_medium=PIE">Get in touch</a>
            </div>
            <!-- Column 3 -->
            <div class="CF-sitemap-column">
                <h3>Legal</h3>
                <a href="/privacy-policy">Privacy Policy</a>
                <a href="/terms-and-conditions">Terms and Conditions</a>
                <a href="/security-confidentiality">Security & Confidentiality</a>
            </div>
        </div>
        <!-- Footer Note -->

             <!-- Column 0 -->
             <div class="CF-sitemap-column-mission">
                <p class="mission"> Assisting researchers worldwide in completing their research faster <br/> and deeper so they can make an impact that will change the world. </p>
            </div>

        <div class="CF-footer-note-container">
		        <p class="CF-footer-note">2701 East Thomas Road, Suite H<br> 
						Phoenix, AZ 85016<br>
						(480) 922-1105<br> 
						©2009-2024 Landmark Associates, Inc. | All Rights Reserved</p>
        </div>
    </section>
   </div>
</body>
</html>