@charset "UTF-8";
/* These styles are limited to the ABOUT and Q&A page content. */
.aio-page #content.aio-content { max-width: 1000px; width: 100%; margin: 0 auto; padding: 150px 40px 80px; box-sizing: border-box; overflow-wrap: anywhere; }
.aio-content .aio-intro { padding: 0 0 48px; }
.aio-content .aio-eyebrow { color: #476fc2; font-family: Poppins, sans-serif; font-weight: 700; letter-spacing: .12em; }
.aio-content h1 { font-size: 40px; font-weight: 700; line-height: 1.5; margin: 8px 0 28px; }
.aio-content .lead { font-size: 28px; font-weight: 700; }
.aio-content p, .aio-content li { font-size: 16px; line-height: 2; }
.aio-content p + p { margin-top: 18px; }
.aio-page #content.aio-content section { padding: 40px 0; border-top: 1px solid #e3e7f1; }
.aio-content h2 { font-size: 26px; font-weight: 700; line-height: 1.6; margin-bottom: 20px; }
.aio-content h3 { font-size: 19px; font-weight: 700; margin: 20px 0 12px; line-height: 1.7; }
.aio-content ul { padding-left: 1.5em; margin-top: 20px; list-style: disc; }
.aio-content a { text-decoration: underline; text-underline-offset: .2em; color: #365aa3; }
.aio-content a:focus-visible { outline: 3px solid #496fc0; outline-offset: 5px; }
.aio-content .aio-faq article { padding: 24px 0; border-bottom: 1px solid #e3e7f1; }
.aio-content .aio-faq article h3 { margin-top: 0; }
.aio-content .aio-cta { display: inline-block; padding: 16px 26px; background: linear-gradient(110deg, #716ccc, #327eab); color: white; text-decoration: none; border-radius: 3px; font-weight: 700; }
.aio-content .aio-related { font-size: 14px; }
@media (max-width: 767px) {
 .aio-page #content.aio-content { padding: 110px 22px 48px; }
 .aio-content h1 { font-size: 30px; }
 .aio-content .lead { font-size: 23px; }
 .aio-content h2 { font-size: 23px; }
 .aio-content h3 { font-size: 18px; }
 .aio-page #content.aio-content section { padding: 30px 0; }
}