<section style="background: #ffffff; border-radius: 12px; border: 1px solid #E2E4E6; padding: 1.25rem 1.5rem; max-width: 620px;" role="region"
aria-labelledby="lightpath-support-heading">
<header style="display: flex; align-items: center; gap: 14px; margin-bottom: 14px;">
<div style="width: 48px; height: 48px; border-radius: 50%; flex-shrink: 0; background: #e6f3f1; display: flex; align-items: center;
justify-content: center;" aria-hidden="true">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2C9.5 2 7.5 4.2 7.5 7C7.5 9.5 9 11.5 11 12C7.5 12.8 5 15.6 5 19H19C19 15.6 16.5 12.8 13 12C15 11.5 16.5 9.5 16.5 7C16.5 4.2 14.5
2 12 2Z" fill="#087a6a"/>
</svg>
</div>
<div>
<h2 id="lightpath-support-heading" style="font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 20px; margin: 0; color:
#1a1a1a;">Lightpath support</h2>
</div>
</header>
<div style="border-top: 1px solid #E2E4E6; padding-top: 12px; display: flex; align-items: center; gap: 10px;">
<div style="width: 32px; height: 32px; border-radius: 50%; background: #e6f3f1; display: flex; align-items: center; justify-content: center;
flex-shrink: 0;" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 8L12 13L4 8V6L12 11L20 6V8Z"
fill="#087a6a"/>
</svg>
</div>
<a href="mailto:care1support@verily.com" style="font-family: 'Inter', sans-serif; font-size: 17px; color: #087a6a; text-decoration: underline;
font-weight: 500;" aria-label="Email Lightpath support at care1support@verily.com" onmouseover="this.style.color='#065a4f'"
onmouseout="this.style.color='#087a6a'" onfocus="this.style.outline='3px solid #087a6a'; this.style.outlineOffset='2px'"
onblur="this.style.outline='none'">care1support@verily.com</a>
</div>
</section>
