A
<style>
.pre-accordion-wrapper {
font-family: 'Inter', -apple-system, sans-serif;
max-width: 800px;
margin: 16px 0;
padding-bottom: 4px; /* Prevents bottom border clipping */
}
.pre-dropdown {
border: 1px solid #e0e0e0 !important;
border-radius: 12px !important;
margin-bottom: 12px;
overflow: hidden;
background-color: #ffffff;
display: block;
}
.pre-dropdown summary {
list-style: none;
padding: 18px 24px;
cursor: pointer;
font-weight: 600;
font-size: 17px;
display: flex;
justify-content: space-between;
align-items: center;
color: #087a6a;
}
.pre-dropdown summary::-webkit-details-marker { display: none; }
.pre-dropdown:hover {
border-color: #584FD1 !important;
box-shadow: 0 4px 12px rgba(88, 79, 209, 0.08);
}
.pre-dropdown summary::after {
content: '+';
font-size: 22px;
color: #584FD1;
transition: transform 0.3s ease;
}
.pre-dropdown[open] { border-color: #087a6a !important; }
.pre-dropdown[open] summary::after { transform: rotate(45deg); color: #087a6a; }
.pre-dropdown-content {
padding: 24px;
color: #26282e;
line-height: 1.6;
font-size: 16px;
border-left: 8px solid #087a6a;
border-top: 1px solid #f2f2f2;
}
.pre-highlight { font-weight: 600; color: #584FD1; }
</style>
<div class="pre-accordion-wrapper">
<details class="pre-dropdown">
<summary>Explore and source research data</summary>
<div class="pre-dropdown-content">
<span class="pre-highlight">Exchange</span> is an app for researchers to explore Verily’s collection of available data, sourced directly from our data-generating research partners. Once researchers obtain access to data of interest, they can move entire datasets or specific filtered data directly to Workbench for analysis.
</div>
</details>
</div>
<style>
.pre-accordion-wrapper {
font-family: 'Inter', -apple-system, sans-serif;
max-width: 800px;
margin: 16px 0;
padding-bottom: 4px;
}
.pre-dropdown {
border: 1px solid #e0e0e0 !important;
border-radius: 12px !important;
margin-bottom: 12px;
overflow: hidden;
background-color: #ffffff;
display: block;
}
.pre-dropdown summary {
list-style: none;
padding: 18px 24px;
cursor: pointer;
font-weight: 600;
font-size: 17px;
display: flex;
justify-content: space-between;
align-items: center;
color: #087a6a;
}
.pre-dropdown summary::-webkit-details-marker { display: none; }
.pre-dropdown:hover {
border-color: #584FD1 !important;
box-shadow: 0 4px 12px rgba(88, 79, 209, 0.08);
}
.pre-dropdown summary::after {
content: '+';
font-size: 22px;
color: #584FD1;
transition: transform 0.3s ease;
}
.pre-dropdown[open] { border-color: #087a6a !important; }
.pre-dropdown[open] summary::after { transform: rotate(45deg); color: #087a6a; }
.pre-dropdown-content {
padding: 24px;
color: #26282e;
line-height: 1.6;
font-size: 16px;
border-left: 8px solid #087a6a;
border-top: 1px solid #f2f2f2;
}
.pre-highlight { font-weight: 600; color: #584FD1; }
</style>
<div class="pre-accordion-wrapper">
<details class="pre-dropdown">
<summary>Manage care programs and teams</summary>
<div class="pre-dropdown-content">
<span class="pre-highlight">Care Ops</span> is an app for care team managers and other clinical staff to define care program goals, monitor and optimize care programs, and manage and evaluate team members.
</div>
</details>
</div>
<style>
.pre-accordion-wrapper {
font-family: 'Inter', -apple-system, sans-serif;
max-width: 800px;
margin: 16px 0;
padding-bottom: 4px;
}
.pre-dropdown {
border: 1px solid #e0e0e0 !important;
border-radius: 12px !important;
margin-bottom: 12px;
overflow: hidden;
background-color: #ffffff;
display: block;
}
.pre-dropdown summary {
list-style: none;
padding: 18px 24px;
cursor: pointer;
font-weight: 600;
font-size: 17px;
display: flex;
justify-content: space-between;
align-items: center;
color: #087a6a;
}
.pre-dropdown summary::-webkit-details-marker { display: none; }
.pre-dropdown:hover {
border-color: #584FD1 !important;
box-shadow: 0 4px 12px rgba(88, 79, 209, 0.08);
}
.pre-dropdown summary::after {
content: '+';
font-size: 22px;
color: #584FD1;
transition: transform 0.3s ease;
}
.pre-dropdown[open] { border-color: #087a6a !important; }
.pre-dropdown[open] summary::after { transform: rotate(45deg); color: #087a6a; }
.pre-dropdown-content {
padding: 24px;
color: #26282e;
line-height: 1.6;
font-size: 16px;
border-left: 8px solid #087a6a;
border-top: 1px solid #f2f2f2;
}
.pre-highlight { font-weight: 600; color: #584FD1; }
</style>
<div class="pre-accordion-wrapper">
<details class="pre-dropdown">
<summary>Manage and optimize studies</summary>
<div class="pre-dropdown-content">
<span class="pre-highlight">Study Ops</span> is an app for clinical research teams to manage studies—also known as clinical trials—that determine if a new medical treatment (like a drug, vaccine, or device) is safe and effective for people to use.
</div>
</details>
</div>
<style>
.pre-accordion-wrapper {
font-family: 'Inter', -apple-system, sans-serif;
max-width: 800px;
margin: 16px 0;
padding-bottom: 4px; /* Prevents bottom border clipping */
}
.pre-dropdown {
border: 1px solid #e0e0e0 !important;
border-radius: 12px !important;
margin-bottom: 12px;
overflow: hidden;
background-color: #ffffff;
display: block;
}
.pre-dropdown summary {
list-style: none;
padding: 18px 24px;
cursor: pointer;
font-weight: 600;
font-size: 17px;
display: flex;
justify-content: space-between;
align-items: center;
color: #087a6a; /* Verily Teal */
}
.pre-dropdown summary::-webkit-details-marker { display: none; }
.pre-dropdown:hover {
border-color: #584FD1 !important;
box-shadow: 0 4px 12px rgba(88, 79, 209, 0.08);
}
.pre-dropdown summary::after {
content: '+';
font-size: 22px;
color: #584FD1;
transition: transform 0.3s ease;
}
.pre-dropdown[open] { border-color: #087a6a !important; }
.pre-dropdown[open] summary::after { transform: rotate(45deg); color: #087a6a; }
.pre-dropdown-content {
padding: 24px;
color: #26282e;
line-height: 1.6;
font-size: 16px;
border-left: 8px solid #087a6a;
border-top: 1px solid #f2f2f2;
}
.pre-highlight { font-weight: 600; color: #584FD1; }
</style>
<div class="pre-accordion-wrapper">
<details class="pre-dropdown">
<summary>Harmonize, curate, and enrich data</summary>
<div class="pre-dropdown-content">
<span class="pre-highlight">Refinery</span> serves as the platform's powerful curation engine, engineered to tackle one of the most fundamental challenges in health data: transforming multimodal data into a structured, research and AI-ready asset. Its function is to ingest, harmonize, and enrich multimodal data, making it fit for purpose in sophisticated research and care applications.
</div>
</details>
</div>
<style>
.pre-accordion-wrapper {
font-family: 'Inter', -apple-system, sans-serif;
max-width: 800px;
margin: 16px 0;
padding-bottom: 4px; /* Prevents bottom border clipping */
}
.pre-dropdown {
border: 1px solid #e0e0e0 !important;
border-radius: 12px !important;
margin-bottom: 12px;
overflow: hidden;
background-color: #ffffff;
display: block;
}
.pre-dropdown summary {
list-style: none;
padding: 18px 24px;
cursor: pointer;
font-weight: 600;
font-size: 17px;
display: flex;
justify-content: space-between;
align-items: center;
color: #087a6a; /* Verily Teal */
}
.pre-dropdown summary::-webkit-details-marker { display: none; }
.pre-dropdown:hover {
border-color: #584FD1 !important;
box-shadow: 0 4px 12px rgba(88, 79, 209, 0.08);
}
.pre-dropdown summary::after {
content: '+';
font-size: 22px;
color: #584FD1;
transition: transform 0.3s ease;
}
.pre-dropdown[open] { border-color: #087a6a !important; }
.pre-dropdown[open] summary::after { transform: rotate(45deg); color: #087a6a; }
.pre-dropdown-content {
padding: 24px;
color: #26282e;
line-height: 1.6;
font-size: 16px;
border-left: 8px solid #087a6a;
border-top: 1px solid #f2f2f2;
}
.pre-highlight { font-weight: 600; color: #584FD1; }
</style>
<div class="pre-accordion-wrapper">
<details class="pre-dropdown">
<summary>Develop, test, and launch care programs</summary>
<div class="pre-dropdown-content">
<span class="pre-highlight">Builder</span> is an app for cross-functional-teams to develop, test, and publish care programs, the plans that define how care is delivered to patients in Verily Me. This includes their associated pathways—tasks and activities for patients—like health recommendations, reminders, and more.
</div>
</details>
</div>
<style>
.pre-accordion-wrapper {
font-family: 'Inter', -apple-system, sans-serif;
max-width: 800px;
margin: 16px 0;
padding-bottom: 4px; /* Prevents bottom border clipping */
}
.pre-dropdown {
border: 1px solid #e0e0e0 !important;
border-radius: 12px !important;
margin-bottom: 12px;
overflow: hidden;
background-color: #ffffff;
display: block;
}
.pre-dropdown summary {
list-style: none;
padding: 18px 24px;
cursor: pointer;
font-weight: 600;
font-size: 17px;
display: flex;
justify-content: space-between;
align-items: center;
color: #087a6a; /* Verily Teal */
}
.pre-dropdown summary::-webkit-details-marker { display: none; }
.pre-dropdown:hover {
border-color: #584FD1 !important;
box-shadow: 0 4px 12px rgba(88, 79, 209, 0.08);
}
.pre-dropdown summary::after {
content: '+';
font-size: 22px;
color: #584FD1;
transition: transform 0.3s ease;
}
.pre-dropdown[open] { border-color: #087a6a !important; }
.pre-dropdown[open] summary::after { transform: rotate(45deg); color: #087a6a; }
.pre-dropdown-content {
padding: 24px;
color: #26282e;
line-height: 1.6;
font-size: 16px;
border-left: 8px solid #087a6a;
border-top: 1px solid #f2f2f2;
}
.pre-highlight { font-weight: 600; color: #584FD1; }
</style>
<div class="pre-accordion-wrapper">
<details class="pre-dropdown">
<summary>Analyze data, generate insights</summary>
<div class="pre-dropdown-content">
<span class="pre-highlight">Workbench</span> is an app for biomedical researchers to view and analyze multi-modal data. Researchers can add data from their own research organization, a data-generating organization from which they sourced, or from Verily’s collection of available data in the Exchange app. Then, researchers can group, filter, and analyze that data within collaborative workspaces with the power of cloud computing.
</div>
</details>
</div>