super-embed:
<!DOCTYPE html>
<!-- Data Security Hero -->
<html>

<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>
        .data-hero {
            background-color: #f5f6f7; 
            padding: 20px;
            text-align: center;
            font-family: "Poppins", sans-serif;
        }
        .data-subheading {
            color: #0e1d43; 
            margin-botton:20px;
            font-size:17px;
        }
        .data-heading {
            margin-bottom: 20px;
            font-family: "Poppins", sans-serif;
            font-size:36px;
            font-weight:600;
            color: #0e1d43; 
        }
        .data-button {
            background-color: #312e81; 
            color: white;
            padding: 10px 20px;
            text-decoration: none;
            display: inline-block;
            border-radius:50px;
            border:none;
            cursor: pointer;
            margin-bottom: 50px;
            margin-top:20px;
          
        }
        .data-button:hover {
            background-color: #3730a3; /* landmark-violet-hover */
        }
        
        .data-link {
        color:white;
        text-decoration:none;
        }
        
         .data-link:hover {
        color:white;
        }

        
        /* Responsive design adjustments */
        @media (max-width: 1024px) {
            
            .data-heading,
            .data-subheading {
                font-size: 90%; 
            }
        }
        
        @media (max-width: 768px) {
           
            .data-heading {
                font-size: 80%; 
            }
            .data-subheading {
                font-size: 75%;
            }
        }
    </style>
</head>
<body>

<div class="data-hero">
    <h1 class="data-heading"> A Secure Environment for Your Data</h1>
    <p class="data-subheading">
    We believe security and privacy are fundamental human rights. 
    <br/>
    Our operations are built on these principles, ensuring that every aspect of our system<br/>
    prioritizes your data's security and privacy by default, drawing on industry-leading best practices.
    </p>
    <button class="data-button"> <a href="https://thelai.typeform.com/to/emMB10?utm_medium=DSCA" class="data-link"> Secure Your Research Now </a> </button>

</div>
</div>
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Data Security Section One -->
<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>
.content-section {
    background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
    color: #f5f6f7; 
    padding: 50px;
    padding-top: 5px;
		font-family: "Inter", sans-serif;
		margin-left:-120px;
		margin-right:-90px;
		font-size:17px;
		
}

.content-section h1 {
  margin-left: 20px;
	font-family: "Poppins", sans-serif;
	font-weight: normal;
	font-size: 32px;
	text-align:center;
}

.content-section h2 {
  margin-left: 20px;
	font-weight: normal;
	text-align:left;
	font-size:17px;
	margin-bottom:5px;
	text-align:center;

}


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



.column {
    width: 30%; 
    margin-left:20px;
    padding:10px;
    border-radius:10px;
}


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


.data-icon{
width:35px;
}

/*Media queries */

@media (max-width: 1024px) {
    .content-section {
        padding: 30px; 
        margin-left: 0; 
        margin-right: 0;
    }

    .content-section h1 {
        font-size: 28px; 
    }

    .columns {
        flex-direction: column; 
    }

    .column {
        width: 100%; 
        margin-left: 0; 
    }
}

@media (max-width: 768px) {
    .content-section {
        padding: 20px;
    }

    .content-section h1 {
        font-size: 24px;
    }

    .content-section h2 {
        font-size: 14px; /* Smaller text in smaller devices */
    }

    .column h3 {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .content-section {
        padding: 10px;
    }

    .content-section h1 {
        font-size: 20px; /* Even smaller title for very small screens */
    }

    .content-section h2, .column h {
        font-size: 12px; /* Smaller font size for all text elements */
    }
}



</style>
<body>
	<section class="content-section">
	
		<h1>
		
		Secure Foundation with Salesforce
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="data-icon">
	  <path fill-rule="evenodd" d="M12.516 2.17a.75.75 0 0 0-1.032 0 11.209 11.209 0 0 1-7.877 3.08.75.75 0 0 0-.722.515A12.74 12.74 0 0 0 2.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 0 0 .374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 0 0-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08Zm3.094 8.016a.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>
		</h1>
		<h2>
		Through our adoption of Salesforce Shield—a global leader in cloud-based
		 solutions—we are dedicated to creating a secure, reliable, and trustworthy 
		   environment that protects your data with the highest level of care.
		</h2>
		<div class="columns">
			<div class="column">
				<h3>Data Security Commitment:</h3>
				<p>
					Salesforce provides strong functionality and a steadfast commitment to data security, a crucial element in our operations.
				</p>
			</div>
			<div class="column">
				<h3>Central to Enhanced Security: </h3>
				<p>
					Central to our heightened security is Salesforce Shield, a potent tool suite reinforcing data protection and ensuring regulatory compliance.
				</p>
			</div>
			<div class="column">
				<h3>Seamless Data Safeguarding:</h3>
				<p>
					Shield's advanced features seamlessly protect your data while maintaining high-performance standards on our platform.
				</p>
			</div>
		</div>
	</section>
	
	
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Security Key Features-->
<html lang="en"
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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">
</head>

<style>
    .translation-process {
    font-family: 'Inter', sans-serif;
    background-color: #f5f6f7;
    color: #0e1d43;
    padding: 20px;
}

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

.step {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    flex: 1;
    min-width: 220px;
    max-heigth:300px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.translation-svg {
    width: 30px;
    color: #312e81;
}

.info h2 {
    font-family: 'Poppins', sans-serif;
    color: #312e81;
    font-size: 17px;
    font-weight:normal;
    margin-bottom:15px;
}

.info p {
    font-size:17px;
} 

.translation-process-heading {
		color: #0e1d43;
		font-size:32px;
		font-weight:normal;
		font-family: 'Poppins', sans-serif;
		}

</style>

<body>

<div class="translation-process">
		<div class="translation-header">
				<h2 class="translation-process-heading"> Salesforce Shield comprises three key features, each serving a unique and vital role in data protection </h2>
		</div>
<div class="timeline">
    <div class="step">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="translation-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="info">
            <h2>Platform Encryption </h2>
            <p>
            This robust encryption of sensitive data  serves as our primary
             line of defense, solidifying the foundation of our commitment
              to data security, restrict unauthorized access, 
              and meet regulatory standards. 
            </p>
        </div>
    </div>

    <div class="step">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="translation-svg">
			  <path fill-rule="evenodd" d="M12 1.5a.75.75 0 0 1 .75.75V4.5a.75.75 0 0 1-1.5 0V2.25A.75.75 0 0 1 12 1.5ZM5.636 4.136a.75.75 0 0 1 1.06 0l1.592 1.591a.75.75 0 0 1-1.061 1.06l-1.591-1.59a.75.75 0 0 1 0-1.061Zm12.728 0a.75.75 0 0 1 0 1.06l-1.591 1.592a.75.75 0 0 1-1.06-1.061l1.59-1.591a.75.75 0 0 1 1.061 0Zm-6.816 4.496a.75.75 0 0 1 .82.311l5.228 7.917a.75.75 0 0 1-.777 1.148l-2.097-.43 1.045 3.9a.75.75 0 0 1-1.45.388l-1.044-3.899-1.601 1.42a.75.75 0 0 1-1.247-.606l.569-9.47a.75.75 0 0 1 .554-.68ZM3 10.5a.75.75 0 0 1 .75-.75H6a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 10.5Zm14.25 0a.75.75 0 0 1 .75-.75h2.25a.75.75 0 0 1 0 1.5H18a.75.75 0 0 1-.75-.75Zm-8.962 3.712a.75.75 0 0 1 0 1.061l-1.591 1.591a.75.75 0 1 1-1.061-1.06l1.591-1.592a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd" />
				</svg>


        <div class="info">
            <h2>Event Monitoring </h2>
            <p>
            It tracks user interactions for transparency and accountability.
             It aids in understanding data usage, detecting security threats,
              and ensuring authorized access to sensitive information. 
            </p>
        </div>
    </div>
    <div class="step">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="translation-svg">
			  <path fill-rule="evenodd" d="M5.625 1.5H9a3.75 3.75 0 0 1 3.75 3.75v1.875c0 1.036.84 1.875 1.875 1.875H16.5a3.75 3.75 0 0 1 3.75 3.75v7.875c0 1.035-.84 1.875-1.875 1.875H5.625a1.875 1.875 0 0 1-1.875-1.875V3.375c0-1.036.84-1.875 1.875-1.875ZM9.75 17.25a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0v-.75Zm2.25-3a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 .75-.75Zm3.75-1.5a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0v-5.25Z" clip-rule="evenodd" />
			  <path d="M14.25 5.25a5.23 5.23 0 0 0-1.279-3.434 9.768 9.768 0 0 1 6.963 6.963A5.23 5.23 0 0 0 16.5 7.5h-1.875a.375.375 0 0 1-.375-.375V5.25Z" />
				</svg>

        <div class="info">
            <h2>Field Audit Trail</h2>
            <p>
            It offers a comprehensive audit capability to track changes, understand data trends, and maintain an immutable record for audit purposes, ensuring 
            you know the evolution of your data over time.</p>
        </div>
    </div>
</div>
</div>

</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Data Security Section Two -->
<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>
.content-section-two {
    color: #f5f6f7; 
    padding: 50px;
    padding-top: 5px;
		font-family: "Inter", sans-serif;
		margin-left:-120px;
		margin-right:-90px;
		font-size:17px;
    background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
		
}

.content-section-two h1 {
  margin-left: 20px;
	font-family: "Poppins", sans-serif;
	font-weight: normal;
	font-size: 32px;
	text-align:center;
}

.content-section-two h2 {
  margin-left: 20px;
	font-weight: normal;
	text-align:center;
	font-size:17px;

}


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

.column-two {
    width: 30%; 
    margin-left:20px;
    padding:10px;
    border-radius:10px;
}

.column-two h3 {
    font-size:17px; 
    font-weight:semibold;
}

.data-icon-two{
width:35px;
}

/*Media queries */

@media (max-width: 1024px) {
    .content-section-two {
        padding: 30px; 
        margin-left: 0; 
        margin-right: 0;
    }

    .content-section-two h1 {
        font-size: 28px; 
    }

    .columns-two {
        flex-direction: column; 
    }

    .column-two{
        width: 100%; 
        margin-left: 0; 
    }
}

@media (max-width: 768px) {
    .content-section-two {
        padding: 20px;
    }

    .content-section-two h1 {
        font-size: 24px;
    }

    .content-section-two h2 {
        font-size: 14px; /* Smaller text in smaller devices */
    }

    .column-two h3{
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .content-section-two {
        padding: 10px;
    }

    .content-section-two h1 {
        font-size: 20px; /* Even smaller title for very small screens */
    }

    .content-section-two h2, .column-two h3 {
        font-size: 12px; /* Smaller font size for all text elements */
    }
}



</style>
<body>
	<section class="content-section-two">
	
		<h1>
		Our Commitment to Your Data Security
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="data-icon-two">
	  <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>

		</h1>
		<h2>
		Your data's security is our top priority, and we are dedicated to preserving 
		its integrity every step of the way. <br/> Here's how we've tailored Salesforce Shield
		to serve you better:
		</h2>
		<div class="columns-two">
			<div class="column-two">
				<h3>Customized Implementation</h3>
				<p>
					Tailored Salesforce Shield ensures peak performance 
					and security. Our Platform Encryption, Event Monitoring
					 and Field Audit Trail configurations align with industry 
					 best practices and your security requirements.
				</p>
			</div>
			<div class="column-two">
				<h3>Enhanced User Trust:  </h3>
				<p>
					Salesforce Shield guarantees a secure environment 
					with advanced data protection, ensuring compliance 
					with regulatory standards and building crucial trust 
					in today's digital landscape.
				</p>
			</div>
			<div class="column-two">
				<h3>Proactive Security Measures:</h3>
				<p>
					Continuously monitoring and updating our security
					 practices in response to emerging threats and industry
					  standards keeps us ahead of potential vulnerabilities,
					   ensuring your data is always protected with the latest security technology.
					
				</p>
			</div>
		</div>
	</section>
	
	
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Data Security Section -->
<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>

.values-section {
    background-color: #f5f6f7;
}

.values-heading {
    color: #0e1d43;
    font-weight: normal;
    font-size: 36px;
    font-family:"Poppins", sans-serif;
    text-align: center;
}


.values-container {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    font-family: "Inter", sans-serif;
}

.column {
    flex: 1;
    margin: 10px;
}



.about-icon {
    margin-right: 10px;
    width: 30px; 
    color: #0e1d43;

}

.short {
    color: #0e1d43;
    font-family:"Poppins", sans-serif;
    font-weight: normal;
    margin-right: 30px;
    font-size: 16px;
    
}

.long  {
    color: #0e1d43;
    font-family:"Poppins", sans-serif;
    font-weight: normal;
    margin-right: 10px;
    font-size: 16px;
    
}

.value p {
    color: #333;
    font-size: 15px;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .values-container {
        flex-direction: column;
    }

    .column {
        margin: 0; /* Removes margin between columns when stacked */
    }

    .value {
        flex-direction: column;
        align-items: flex-start;
    }

    .value img {
        margin-bottom: 10px; /* Adds space between the icon and text when stacked */
    }

    .value h3 {
        font-size: 22px; /* Adjusts heading size for smaller screens */
    }

    .value p {
        font-size: 16px; /* Increases readability on small devices */
    }
}

@media (max-width: 480px) {
    .values-heading {
        font-size: 24px; /* Smaller font for very small screens */
    }

    .value {
        padding: 20px; /* More padding for better touch targets */
    }

    .value img {
        width: 60px; /* Slightly larger icons for easier visibility */
    }
}


</style>
</head>
<body>
    
<div class="values-section">
    <h1 class="values-heading"> Your data's security is our top priority, and we are dedicated to preserving its integrity every step of the way.</h1>

    <div class="values-container">
        <div class="column">
            <div class="value">
                
                  
                <h3 class="short">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="about-icon">
							  <path fill-rule="evenodd" d="M2.25 5.25a3 3 0 0 1 3-3h13.5a3 3 0 0 1 3 3V15a3 3 0 0 1-3 3h-3v.257c0 .597.237 1.17.659 1.591l.621.622a.75.75 0 0 1-.53 1.28h-9a.75.75 0 0 1-.53-1.28l.621-.622a2.25 2.25 0 0 0 .659-1.59V18h-3a3 3 0 0 1-3-3V5.25Zm1.5 0v7.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5v-7.5a1.5 1.5 0 0 0-1.5-1.5H5.25a1.5 1.5 0 0 0-1.5 1.5Z" clip-rule="evenodd" />
								</svg>

                Fortune 500 technology
                </h3>
                <p>
                We utilize the resources of Salesforce and Amazon Web services
                 - The same cloud services used by the CIA, Netflix, and other
                  Fortune 500 companies - to support the data security needs of
                   our researchers.
                </p>
            </div>
            
            <div class="value">
                    
                  
                <h3 class="long">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="about-icon">
							  <path fill-rule="evenodd" d="M9 1.5H5.625c-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.5Zm6.61 10.936a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 14.47a.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" />
							  <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>

                We follow the HIPAA Guidelines</h3>
                
                <p>
                All Landmark personnel have completed HIPAA training
                 provided by a third-party consulting firm specializing
                 in HIPAA compliance.
               </p>
            </div>
            
        </div>
        <div class="column">
            <div class="value">
                
                <h3 class="short">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="about-icon">
								<path fill-rule="evenodd" d="M15.75 1.5a6.75 6.75 0 0 0-6.651 7.906c.067.39-.032.717-.221.906l-6.5 6.499a3 3 0 0 0-.878 2.121v2.818c0 .414.336.75.75.75H6a.75.75 0 0 0 .75-.75v-1.5h1.5A.75.75 0 0 0 9 19.5V18h1.5a.75.75 0 0 0 .53-.22l2.658-2.658c.19-.189.517-.288.906-.22A6.75 6.75 0 1 0 15.75 1.5Zm0 3a.75.75 0 0 0 0 1.5A2.25 2.25 0 0 1 18 8.25a.75.75 0 0 0 1.5 0 3.75 3.75 0 0 0-3.75-3.75Z" clip-rule="evenodd" />
								</svg>

                SSL Data Encryption</h3>
                <p>
                Each file is encrypted with a unique key, also encrypted by a separate master key that rotates regularly. <a href="https://aws.amazon.com/security/?nc=sn&loc=0"> More about Amazon Web Services Security </a>
                </p>
            
            <div class="value">
                  
                <h3 class="long">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="about-icon">
							  <path fill-rule="evenodd" d="M12.516 2.17a.75.75 0 0 0-1.032 0 11.209 11.209 0 0 1-7.877 3.08.75.75 0 0 0-.722.515A12.74 12.74 0 0 0 2.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 0 0 .374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 0 0-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08Zm3.094 8.016a.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>

                PHRP Training - IRB Approval</h3>
                <p>
                We have completed web-based training on Protecting Human Research Participants 
                and are always willing to work with Institutional Review Board (IRB’s) requirements.
                </p>
            </div>
            
        </div>
    </div>
</div>

</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Final Section CTA Data Security -->
<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>
      .cta-security-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;
      }

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

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

        .cta-security-column1, .cta-security-column2 {
            flex: 1;
        }

        .cta-security-column1 {
            margin-right: 20px;
        }

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

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

        .cta-security-paragraph{
          text-align:center;
          margin-bottom:50px;
        }
        
         .cta-security-card h3{
				margin-top:-10px;
        }
        
         .cta-security-card{
				padding:20px;
				margin-top:20px;
				margin-bottom:5px;
        }
        
        .cta-security-card p {
        margin-tbottom:10px;
        }
        
        
        .final-cta-security{
        color:#0e1d43;
        padding:10px;
        background-color:#f5f6f7;
        text-decoration:none;
        border-radius:20px;
        margin-left:20px;
        }
        
        .final-cta-security:hover{
        background-color:#edeff1;
        }
        
        
    /* Media query for tablets */
    @media (max-width: 768px) {
        .cta-security-content {
            flex-direction: column;
        }

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

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

        .cta-security-heading2 {
            font-size: 28px; /* Smaller text for smaller screens */
        }
    }

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

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

        .final-cta-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="cta-security-component">
    <div class="cta-security-component-container">
        
        <div class="cta-security-content">
            <div class="cta-security-column1">
                <div class="cta-security-card">
                <h3>Accelerate IRB Approval with Landmark's Security Support</h3>
                <p> 
										Landmark has assisted thousands of researchers in navigating
										their IRB approvals with comprehensive support documents detailing
										our security processes. 
										Request these documents today to streamline
										your approval process.
								</p>               
                </div>
                <a href="https://thelai.typeform.com/to/ShI5jj?utm_medium=DSF" class="final-cta-security"> Secure Your Research Now </a>
            </div>

            <div class="cta-security-column2">
                <img src="https://landmarkmktemailimages.s3.amazonaws.com/data-security-cta.png" class="cta-security-image" />
            </div>
        </div>
    </div>
  </div>
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- FAQS Data Security -->
<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>Do you follow HIPAA guidelines?</h3>
                    <p>
                     We do follow HIPAA requirements, our secure platform will 
                     maintain all your files confidential and all our staff has
                      completed training regarding protecting human research
                       participants; we are more than happy to sign a business
                        associate agreement.
									</p>
                </div>
                <div>
                    <h3>Can you sign a BAA?</h3>
                    <p>
                    Yes, we can sign a Business Associate Agreement (BAA). 
                    We already have BAAs in place with several universities 
                    and offer preferential rates. For more details, please
                    contact us directly.

                    </p>
                </div>
                
            </div>
            

            <!-- Column 2 -->
            <div class="faqs-column">
                <div>
                    <h3>What does data encryption mean?</h3>
                    <p>
                    Data encryption is a security method where information
                    is encoded so that only authorized parties can access it.
                    When data is encrypted, it is converted into a secure format
                    that is unreadable without a decryption key. This process helps
                    protect sensitive information from unauthorized access, theft, 
                    or exposure during storage or transmission.
                    </p>
                </div>
                <div>
                    <h3>I need a non-disclosure agreement. Do you have one?</h3>
                    <p>
                    We have a non-disclosure agreement. 
                    However, if you have another one you can send it over 
                    and we will send it back to you executed.
                   </p>
                </div>
            </div>

            <!-- Column 3 -->
            <div class="faqs-column">
                <div>
                    <h3>How can I demonstrate to my IRB that Landmark is secure?</h3>
                    <p>
                    Contact our team to request detailed security documents
                     that outline our compliance with regulations like HIPAA
                      and data protection measures. These documents are specifically
                       designed to assist researchers in navigating IRB approvals. 
                       For more information, please visit our contact page or use
                        the direct contact details provided during your service setup.
                   
                    </p>
                </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">
    <!--New Footer USA -->

    <!-- 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>