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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" 
    content="A Tool for Every Step of Your Research Journey.
    Efficiently organize and manage your research participants.
    Benefit from high-accuracy, native English transcription
    tailored to academic needs. Expand the reach of your
     research with precise translation services.">
    <!-- Landing Page Hero NEW -->
    
    <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 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>
      .landing-hero-component {
        padding: 50px;
        font-family: Inter, sans-serif;
        background-color:#f5f6f7;
        color:#0e1d43;
        margin-left:-100px;
		    margin-right:-90px;
      }

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

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

        .landing-hero-column1, .landing-hero-column2 {
            flex: 1;
        }

        .landing-hero-column1 {
            margin-right: 5px;
        }

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

        .landing-hero-image{
          border-radius:10px;
          max-width: 85%;
          box-shadow: 11px 13px 11px rgba(0, 0, 0, 0.4);
          margin-top:60px;
        }
    
        
        .landing-hero-heading2{
          text-align:left;
          font-size:32px;
          font-weight:600;
          font-family:Poppins, sans-serif;
          margin-top:10px;
          margin-bottom:20px;
          }

        .landing-hero-subheading{
          text-align:left;
          font-size:22px;
          font-weight:normal;
          font-family:Poppins, sans-serif;
          margin-bottom:30px;
          
        }
        
         .landing-hero-paragrapgh{
          text-align:left;
          font-size:18px;
          line-height:150%;
	        margin-bottom:60px;
        }
        
        .landing-hero-button {
        padding:10px;
        border-radius:50px;
        color:#f5f6f7;
        background-color:#312e81;
        text-decoration:none;
        font-size:17px;
        display:inline-block;
        margin-top:10px;
        }
        
        .landing-hero-button:hover {
        background-color:#3730a3;
        }
        
         .landing-hero-link {
        padding:20px;
        color:#312e81;
        text-decoration:none;
        font-size:17px;
        display:inline-block;
        margin-top:10px;
        font-weight:500;
        }
        
         .landing-hero-link:hover {
         color:#3730a3;
        }
        
         .landing-hero-button-above {
        padding:10px;
        border-radius:50px;
        background-color:#f5f6f7;
        color:#0e1d43;
        text-decoration:none;
        font-size:16px;
        display:inline-block;
        margin-top:10px;
        border:1px solid #4a5568;
        }
        
     .landing-hero-button-above:hover {
     color:#4a5568;
     
     }
     
     .landing-list {
     line-height:150%;
     list-style:none;
     margin-left:-40px;
     }
     
     li {
     margin-bottom:10px;
     }

        
        
        
       @media screen and (max-width: 768px) {

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

</style>
</head>

<body>
  <div class="landing-hero-component">
    <div class="landing-hero-component-container">
       
        <div class="landing-hero-content">
        
            <div class="landing-hero-column1">
             <h2 class="landing-hero-heading2">A Tool for Every Step of Your Research Journey</h2>
			        <p class="landing-hero-subheading">What’s Your Next Challenge?</p>
			        <p class="landing-hero-paragraph">
				        <ul class="landing-list">
				        <li>
					        ✔ <strong>Participant Management:</strong>
					         Efficiently organize and manage your research 
					         participants with our expert assistance.
				         </li>
				         
				         <li>
					        ✔ <strong>Human Transcription Services:</strong>
					         Benefit from high-accuracy, native English transcription
					          tailored to academic needs.
				         </li>
				         
				         <li>
					        ✔ <strong>Professional Translation Expertise:</strong>
					         Expand the reach of your research with precise translation
					          services in multiple languages.
				         </li>
				        </ul>
			        
			         </p>
			         <a href="https://thelai.com/landing-samir" class="landing-hero-button"> Claim your Sample </a>
			         <a href="https://thelai.com/landing-samir" class="landing-hero-link"> Get Started → </a>
              </div>
            
            <div class="landing-hero-column2">
                <img src="https://i.postimg.cc/65xRJ3X3/landingpage.png" class="landing-hero-image" />
            </div>
            
        </div>        
    </div>
  </div>
</body>
</html>
super-embed:
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" 
    content="A Tool for Every Step of Your Research Journey.
    Efficiently organize and manage your research participants.
    Benefit from high-accuracy, native English transcription
    tailored to academic needs. Expand the reach of your
     research with precise translation services.">
<!-- Landing Banner Blue-->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Poppins:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">

<style>
    .landing-banner {
    font-family: 'Inter', sans-serif;
    padding: 30px;
    background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
    color:#f5f6f7;
    margin-left:-100px;
    margin-right:-90px;
}

.landing-banner-line {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    margin-bottom:15px;
}

.banner-feature {
    text-align: center;
    flex: 1;
    min-width: 220px;
    max-heigth:300px;
}

.banner-svg {
    width: 30px;
    color:#f5f6f7;
}

.banner-info h2 {
    font-family: 'Inter', sans-serif;
    color:#f5f6f7;
    font-size: 16px;
    font-weight:normal;
    margin-bottom:15px;
}



    /* Mobile styles */
    @media (max-width: 600px) {
        .landing-banner {
            padding: 20px;
            margin-left: 0;
            margin-right: 0;
        }

        .landing-banner-line {
            flex-direction: column;
        }

        .banner-feature {
            min-width: 100%; /* Make banner features full width */
            margin-bottom: 10px;
        }

        .banner-info h2 {
            font-size: 14px;
        }
    }

    /* Tablet styles */
    @media (min-width: 601px) and (max-width: 1024px) {
        .banner-feature {
            flex: 0 0 50%; /* Each feature takes up half the width */
        }

        .banner-info h2 {
            font-size: 15px;
        }
    }

    /* Desktop styles */
    @media (min-width: 1025px) {
        .landing-banner {
            padding: 40px;
            margin-left: -100px; /* Optionally adjust margins if needed */
            margin-right: -90px;
        }

        .banner-feature {
            flex: 0 0 20%; /* Adjust the width as necessary */
        }

        .banner-info h2 {
            font-size: 18px; /* Larger text for desktop */
        }
    }

</style>
</head>

<body>
<div class="landing-banner">		
<div class="landing-banner-line">
    <div class="banner-feature">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="banner-svg">
			  <path fill-rule="evenodd" d="M8.25 6.75a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0ZM15.75 9.75a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM2.25 9.75a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM6.31 15.117A6.745 6.745 0 0 1 12 12a6.745 6.745 0 0 1 6.709 7.498.75.75 0 0 1-.372.568A12.696 12.696 0 0 1 12 21.75c-2.305 0-4.47-.612-6.337-1.684a.75.75 0 0 1-.372-.568 6.787 6.787 0 0 1 1.019-4.38Z" clip-rule="evenodd" />
			  <path d="M5.082 14.254a8.287 8.287 0 0 0-1.308 5.135 9.687 9.687 0 0 1-1.764-.44l-.115-.04a.563.563 0 0 1-.373-.487l-.01-.121a3.75 3.75 0 0 1 3.57-4.047ZM20.226 19.389a8.287 8.287 0 0 0-1.308-5.135 3.75 3.75 0 0 1 3.57 4.047l-.01.121a.563.563 0 0 1-.373.486l-.115.04c-.567.2-1.156.349-1.764.441Z" />
				</svg>
        <div class="banner-info">
            <h2>100% Human US-Based<br/>Transcriptionists </h2>
        </div>
    </div>

    <div class="banner-feature">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="banner-svg">
			  <path fill-rule="evenodd" d="M8.603 3.799A4.49 4.49 0 0 1 12 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 0 1 3.498 1.307 4.491 4.491 0 0 1 1.307 3.497A4.49 4.49 0 0 1 21.75 12a4.49 4.49 0 0 1-1.549 3.397 4.491 4.491 0 0 1-1.307 3.497 4.491 4.491 0 0 1-3.497 1.307A4.49 4.49 0 0 1 12 21.75a4.49 4.49 0 0 1-3.397-1.549 4.49 4.49 0 0 1-3.498-1.306 4.491 4.491 0 0 1-1.307-3.498A4.49 4.49 0 0 1 2.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 0 1 1.307-3.497 4.49 4.49 0 0 1 3.497-1.307Zm7.007 6.387a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
				</svg>
        <div class="banner-info">
            <h2>99% Accuracy<br/>Guarantee </h2>
        </div>
    </div>
   
    
    <div class="banner-feature">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="banner-svg">
			  <path fill-rule="evenodd" d="M7.502 6h7.128A3.375 3.375 0 0 1 18 9.375v9.375a3 3 0 0 0 3-3V6.108c0-1.505-1.125-2.811-2.664-2.94a48.972 48.972 0 0 0-.673-.05A3 3 0 0 0 15 1.5h-1.5a3 3 0 0 0-2.663 1.618c-.225.015-.45.032-.673.05C8.662 3.295 7.554 4.542 7.502 6ZM13.5 3A1.5 1.5 0 0 0 12 4.5h4.5A1.5 1.5 0 0 0 15 3h-1.5Z" clip-rule="evenodd" />
			  <path fill-rule="evenodd" d="M3 9.375C3 8.339 3.84 7.5 4.875 7.5h9.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-9.75A1.875 1.875 0 0 1 3 20.625V9.375Zm9.586 4.594a.75.75 0 0 0-1.172-.938l-2.476 3.096-.908-.907a.75.75 0 0 0-1.06 1.06l1.5 1.5a.75.75 0 0 0 1.116-.062l3-3.75Z" clip-rule="evenodd" />
			  </svg>
        <div class="banner-info">
            <h2>Customized<br/>Formatting </h2>
        </div>
    </div>
    
    <div class="banner-feature">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="banner-svg">
			  <path fill-rule="evenodd" d="M12 1.5a5.25 5.25 0 0 0-5.25 5.25v3a3 3 0 0 0-3 3v6.75a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3v-6.75a3 3 0 0 0-3-3v-3c0-2.9-2.35-5.25-5.25-5.25Zm3.75 8.25v-3a3.75 3.75 0 1 0-7.5 0v3h7.5Z" clip-rule="evenodd" />
				</svg>
        <div class="banner-info">
            <h2>Assured Data<br/>Security </h2>
        </div>
    </div>
    
    <div class="banner-feature">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="banner-svg">
			  <path d="M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0 0 16.5 9h-1.875a1.875 1.875 0 0 1-1.875-1.875V5.25A3.75 3.75 0 0 0 9 1.5H5.625Z" />
			  <path d="M12.971 1.816A5.23 5.23 0 0 1 14.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 0 1 3.434 1.279 9.768 9.768 0 0 0-6.963-6.963Z" />
				</svg>

        <div class="banner-info">
            <h2>Non-Disclosure <br/> Agreements </h2>
        </div>
    </div>    
</div>
</div>

</body>
</html>

super-embed:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	  <meta name="description" 
    content="A Tool for Every Step of Your Research Journey.
    Efficiently organize and manage your research participants.
    Benefit from high-accuracy, native English transcription
    tailored to academic needs. Expand the reach of your
     research with precise translation services.">
    <!-- Cards Features: "Everything you need to coordinate your project in one place"-->
    
    <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 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>    
    
    .cards-body {
		margin: 0;
		font-family:"Inter", sans-serif;    
		line-height: 1.6;
		box-sizing: border-box;
		padding-top:-50px;
    background-color: #f5f6f7;
    padding-top: 6rem;
    padding-bottom: 6rem;
		}

   .features-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr); 
            gap: 20px; 
            margin: 0 auto;
            max-width: 1200px; 
      }

        .features-card {
            padding: 20px;
        }

	
	.features-heading{
	  text-align: center;
	  color: #0e1d43;
	  font-size: 36px;
	  font-family:"Poppins", sans-serif; 
	  font-weight:normal;
	  margin-top:-40px;
	}
	
	.features-heading3{
	  text-align: center;
	  color: #0e1d43;
	  font-size: 30px;
	  font-family:"Poppins", sans-serif; 
	  font-weight:normal;
	  margin-top:5px;
	}

.features-paragraph{
  text-align: center;
  color: #0e1d43;
  margin-bottom:40px;
  font-size:17px;
}

.features-img {
  border-radius:10px;
  display: block;
  margin: 0 auto;
}

.features-img-container {
  border-radius:10px;
  display: block;
  margin: 0 auto;
  margin-top:30px;
}

.card-icon {
width:30px;
background:#312e81;
color:#f5f6f7;
padding:5px;
border-radius:5px;
}

.card-info-paragraph{
line-height:150%;
}
/* Responsive adjustments */
    @media (max-width: 768px) { 
        .features-grid {
            grid-template-columns: 1fr;
            padding: 0 20px;
        }
        .features-heading {
            font-size: 24px; 
        }
        .features-paragraph {
            font-size: 14px; 
        }
        .features-img {
            width: 100%; 
            max-width: 400px; 
        }
    }
</style>
</head>

<body>
    <div class="cards-body">
      <div class="features-container">
        <h3 class="features-heading"> Everything you need to coordinate your project in one place </h3>
        <h3 class="features-heading3"> Tailored for Professional Research Teams </h3>
        <p class="features-paragraph">
        Landmark provides a flexible research platform designed for
        universities, institutes, and government agencies,
        featuring streamlined transcription, translation, 
        consent management, and participant tracking.
        Our customizable solutions streamline projects 
        for a seamless research experience.
        </p>
      </div>
      
        <div class="features-grid">
        <!-- Card 1 -->
        <div class="features-card">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="card-icon">
						  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" />
							</svg>
   
                <strong> Data Security with Landmark </strong>
		            <p class="card-info-paragraph"> 
		            Landmark excels in partnering with IT teams and navigating IRB processes
		            to ensure the highest level of data security for your
		            sensitive information.
		            </p>
		      </div>

        <!-- Card 2 -->
        <div class="features-card">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="card-icon">
							  <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
								</svg>

                <strong>Human Transcriptionists</strong>
		            <p class="card-info-paragraph"> 
		            Rely on Landmark’s expert transcriptionists for unmatched
		            accuracy and flexibility. Our experts customize
		            templates to meet your project's specific needs.
		            </p>
         </div>

            <!-- Card 3 -->
         <div class="features-card">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="card-icon">
							  <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z" />
								</svg>
                <strong>Collaborate in Real-Time</strong>
		            <p class="card-info-paragraph"> 
		            Collaborate with your team with a comprehensive project overview,
		             ensuring alignment and communication throughout the research process.
		             </p>
            </div>
		    </div>
		    
		    
		    <div class="features-grid">
        <!-- Card 1 -->
        <div class="features-card">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="card-icon">
               <path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" />
               </svg>   
                <strong> Streamlined Participant Management </strong>
		            <p class="card-info-paragraph"> 
		           Manage your research participants with simplified tracking,
		              communication, and data integration. Our platform enhances
		               project coordination at every step.
		            </p>
		      </div>

        <!-- Card 2 -->
        <div class="features-card">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="card-icon">
							  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m6.75 12-3-3m0 0-3 3m3-3v6m-1.5-15H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" />
								</svg>

                <strong> Universal Compatibility</strong>
		            <p class="card-info-paragraph"> 
		            Accepts all audio and video formats for smooth
		            transcription of any project. This facilitates 
		            hassle-free data handling and boosts workflow efficiency.
		            </p>
         </div>

            <!-- Card 3 -->
            <div class="features-card">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="card-icon">
							  <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z" />
								</svg>
                <strong>Security with Salesforce Shield</strong>
            <p class="card-info-paragraph"> 
            Salesforce Shield ensures top-tier data protection
             with comprehensive monitoring, encryption, and 
             compliance, meeting the highest industry standards.
             </p>
            </div>
		    </div>
   
</div>  
</body>
</html>                        
super-embed:
<!DOCTYPE html>

<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" 
    content="A Tool for Every Step of Your Research Journey.
    Efficiently organize and manage your research participants.
    Benefit from high-accuracy, native English transcription
    tailored to academic needs. Expand the reach of your
     research with precise translation services.">
<!-- Landing Statistics-->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Poppins:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">


<style>
    .about-statistics {
    font-family: 'Inter', sans-serif;
    color: #f5f6f7;
    background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
    padding: 40px;
    padding-bottom: 60px;
    padding-left:60px;
    padding-right:60px;
   	margin-left:-100px; 
   	margin-right:-90px; 
    }

    .statistics-heading{
    font-family: 'Poppins', sans-serif;
    text-align: left;
    font-size: 36px;
    font-weight: normal;
    }

.statistics-cards {
    display: flex;
    justify-content: space-evenly;
    align-items: start;
    flex-wrap: wrap;
    gap: 15px;
}

.stats-card {
    background-color:rgba(246, 245, 245, 0.1);
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    flex: 1;
    width: 200px;
    height:150px;
    box-shadow: 6px 7px 15px rgba(0, 0, 0, 0.5);
    }


.stats-info h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight:600;
    margin-bottom:15px;
}

.stats-info p {
    font-size:16px;
} 

.statistics-paragraph {
text-align:left;
font-size:18px;
line-height:150%;
margin-bottom:20px;
}

.stats-link {
text-align:center;
display:inline-block;
margin:0 auto;
color:#0e1d43;
background-color:#f5f6f7;
padding:20px;
text-decoration:none;
margin-top:40px;
border-radius:30px;
margin-left:500px;
transition:200ms ease-in-out;
font-size:17px;
}

.stats-link:hover{
background-color:#d8dcdf;
}

@media (max-width: 767px) {
    .about-statistics {
        padding: 20px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .statistics-heading {
        font-size: 28px;
    }

    .statistics-cards {
        flex-direction: column;
        align-items: center;
    }

    .stats-card {
        width: 100%; 
        height: auto;
        margin-bottom: 15px; 
    }

    .stats-info h2 {
        font-size: 22px;
    }

    .stats-info p {
        font-size: 14px;
    }
    
    .stats-link{
    margin-left:10px;
    }
}
</style>
</head>

<body>
<div class="about-statistics">

		<div class="statistics-header">
				<h2 class="statistics-heading">
        Trusted by thousands of researchers 
        </h2>
        <p class="statistics-paragraph">
        Landmark is trusted by researchers across the United States for its precision and reliability. </br> Tailored to meet the specific needs of professional research, our platform supports </br> universities, institutes, and government agencies in enhancing collaboration and achieving </br> groundbreaking results.
        </p>
				
		</div>
		
<div class="statistics-cards">
    <div class="stats-card">
        <div class="stats-info">
            <h2> +7,065,685 </h2>
            <p> minutes transcribed </p>
        </div>
    </div>

    <div class="stats-card">
        <div class="stats-info">
            <h2> +5,000</h2>
            <p>
                researchers trust us
            </p>
        </div>
    </div>
    <div class="stats-card">
        <div class="stats-info">
            <h2>+499</h2>
            <p>universities have used our services</p>
        </div>
    </div>
    <div class="stats-card">
        <div class="stats-info">
            <h2>+25</h2>
            <p>languages available for translation</p>
        </div>
    </div>
</div>
<div>
</div>

</body>
</html>

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" 
    content="A Tool for Every Step of Your Research Journey.
    Efficiently organize and manage your research participants.
    Benefit from high-accuracy, native English transcription
    tailored to academic needs. Expand the reach of your
     research with precise translation services.">
    <!-- Teams Landing -->
    
    <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 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>
      .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;
        }
        
          .learnmore-teams {
        margin-left: 40px;
        margin-top:20px;
        background-color:#312e81;
        text-decoration:none;
        border-radius:30px;
        padding:8px 20px;
        color:#f5f6f7;
        }
        
        .learnmore-teams:hover{
        background-color:#3730a3;
        }
        
        
    /* 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;
        }
        
        .teams-list {
        margin-top:20px;
        }
        
         .learnmore-teams {
         margin:0 auto;
         padding:8px;
         }

    }

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

        .teams-heading2 {
            font-size: 24px; 
        }

        .teams-security {
            font-size: 16px; 
            padding: 8px;
        }
        
         .learnmore-teams {
         margin:0 auto;
         padding:8px;
         }
    }
                
</style>
</head>

<body>
  <div class="teams-component">
    <div class="teams-component-container">
     <h3 class="teams-h3">Maintain Complete Control and Visibility of Your Project. <br/> Unite Your Team on One Secure Platform</h3>
        
        <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>
								
								Centralized Control:</strong> Manage all project aspects from one dashboard, ensuring consistency and oversight.</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>
								Enhanced Visibility:</strong>Track progress and updates across multiple sites in real-time, never lose sight of critical details.</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>

								Secure Collaboration:</strong> Share and access data safely with end-to-end encryption, protecting your research integrity.</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>
								Streamlined Communication:</strong> Facilitate seamless interactions within your team, boosting productivity and efficiency.</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>
								Customizable Access:</strong> Assign roles and permissions to ensure appropriate data access and security for all team members.</li>
								</ul>  
								<a href="https://thelai.com/teams" class="learnmore-teams"> Learn More → </a>   
  
                </div>
            </div>
        </div>
    </div>
  </div>
</body>
</html>
super-embed: 

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">	
	<meta name="description" 
    content="A Tool for Every Step of Your Research Journey.
    Efficiently organize and manage your research participants.
    Benefit from high-accuracy, native English transcription
    tailored to academic needs. Expand the reach of your
     research with precise translation services.">
	<!-- Landing Final CTA -->
	
    <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 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>  
	.cta-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:-100px;
  	margin-right:-90px;
  	margin-top:10px;
  	margin-bottom:10px;  	
	}

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

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

		.cta-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; 
		}

		.cta-account:hover {
		background-color: #e5e5e5;		
		}
		
		.cta-2 {
		font-family: "Inter", sans-serif;
		font-size: 17px;
		color: #f5f6f7;
		font-weight: 500;
		text-decoration: none;
		margin-top: 10px;
		margin-bottom: 30px;		
		cursor: pointer;
		margin-left:30px;
		}
		
		
		/* Media Queries */
    @media (max-width: 768px) {
        .cta-container {
            padding: 50px;
            margin: 0; 
        }

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

        .cta {
            font-size: 18px;
        }

        .cta-account {
            font-size: 7px;
            padding:5px;
        }
        
        .cta-2 {
        display:block;
        }
    }

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

        .cta {
            font-size: 16px;
        }

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


<body>
	<div class="cta-container">
		<h1 class="cta-heading"> Explore the Platform </h1>
		<h1 class="cta-heading2"> Activate Your Research Now! </h1>
		<p class="cta"> 
			Landmark stands as the premier partner for distinguished professionals,<br/>
			with exclusive contracts and preferential rates for leading universities
			across the US. <br/> Unlock your special rate today to enhance your project
			capabilities.
		</p>
		<a href="https://thelai.com/landing-samir" class="cta-account"> Claim your 2-hour Sample </a>
		<a href="https://thelai.com/landing-samir" class="cta-2"> Get Started → </a>
	</div>
</body>
</html>

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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="A Tool for Every Step of Your Research Journey">
  <!-- Testimonials Landing -->
  
  <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 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>
.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; 
    }

    figcaption {
      margin-left: 20px;
    }
  }
</style>
</head>


<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>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" 
    content="A Tool for Every Step of Your Research Journey.
    Efficiently organize and manage your research participants.
    Benefit from high-accuracy, native English transcription
    tailored to academic needs. Expand the reach of your
     research with precise translation services.">
    <!--Transcritption Pricing Cards LANDMARK-->
    
		<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 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; 
        }
        
        .home-pricing-link{
        color:#312e81;
        text-decoration:none;
        font-weight:500;
        }
        
        .home-pricing-link:hover{
        text-decoration:underline;
        }

       
        .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 (max-width: 768px) {

.pricing-plans {
        flex-direction: column;
        align-items: center;
    }
    
    .plan {
        width: 100%; 
        margin-bottom: 20px; 
    }
    
    
    .pricing-body {
        margin-left: 0; 
        margin-right: 0;
        padding: 20px; 
    }

    .pricing-header h2 {
        font-size: 28px;
    }

    .plan-price {
        font-size: 20px; 
    }
}

@media (max-width: 480px) {
    .pricing-container {
        padding: 0 10px;
    }

    .plan-price span {
        font-size: 70%; 
    }

    .plan-features li {
        font-size: 14px; 
    }

    .btn {
        padding: 8px; 
    }
}
 </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=LSR" class="btn"> Unlock University Rate</a>
					    <ul class="plan-features">
                <li> <a href="https://thelai.com/our-customers" class="home-pricing-link"> Registered Vendor </a> </li>
                <li>99% Accuracy or more</li>
                <li>Speaker Tracking</li>
                <li> <a href="https://docs.thelai.com/5c51585e3ee2428f943399fb6e7debe1" class="home-pricing-link"> 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=LGSR" 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" class="home-pricing-link"> Time stamps </a> </li>
                <li> <a href="https://docs.thelai.com/5c51585e3ee2428f943399fb6e7debe1" class="home-pricing-link">  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>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" 
    content="A Tool for Every Step of Your Research Journey.
    Efficiently organize and manage your research participants.
    Benefit from high-accuracy, native English transcription
    tailored to academic needs. Expand the reach of your
     research with precise translation services.">
    <!-- FAQS Landmark-->
   
    <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">

		<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;
        font-weight:600;
        }
        
        .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;
            line-height:150%;
        }
        
        .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=CFL" 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<a href="https://thelai.typeform.com/to/emMB10?utm_medium=CALA" class="faqs-link"> create your account 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>