/* Support landing page: the shared Broxme homepage design. */
.support-hero{background-image:url('../images/support-hero.svg')}
.support-hero h1{max-width:760px}
.support-routes{background:#12364a;color:#fff;padding:63px 0 75px}
.support-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:1080px;margin:auto}
.support-route-grid>a{display:flex;align-items:start;flex-direction:column;background:#0b2939;border:1px solid #31566b;border-radius:23px;padding:33px}
.support-route-grid>a:hover{background:#113245;border-color:#86b3cf}
.support-route-grid>a>img{width:38px;height:42px;object-fit:contain;margin-bottom:25px}
.support-route-grid>a>svg{width:38px;height:42px;color:#92c7eb;margin-bottom:25px}
.support-route-grid h3{font-size:30px;margin:0 0 18px;line-height:1.3}
.support-route-grid p{font-size:18px;line-height:1.75;color:#c2d6e3;max-width:420px;margin:0 0 27px}
.support-route-grid>a>span{display:flex;gap:12px;align-items:center;font-size:15px;font-weight:850;margin-top:auto}
.support-route-grid>a>span>svg{width:20px;height:20px}
.support-product{background:#edf5f9;padding:74px 0 100px}
.support-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:38px}
.support-heading .pa-eyebrow,.support-next .pa-eyebrow{color:#0863ba;margin-bottom:18px}
.support-heading h2{margin:0 0 17px}
.support-heading p{font-size:19px;color:#48697e;line-height:1.7;margin:0}
.support-inline-link{display:inline-flex;align-items:center;gap:12px;color:#0863ba;font-size:16px;font-weight:850;white-space:nowrap}
.support-inline-link>svg{width:21px;height:21px}
.support-answer-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:48px;align-items:start}
.support-checklist{background:#fff;border:1px solid #d3e3ed;border-radius:23px;padding:30px}
.support-checklist>svg{color:#0878df;width:37px;height:37px;margin-bottom:23px}
.support-checklist h3{font-size:26px;line-height:1.35;margin:0 0 22px}
.support-checklist ul{list-style:none;padding:0;margin:0 0 23px}
.support-checklist li{position:relative;padding:9px 0 9px 25px;font-size:16px;line-height:1.6;color:#3e6075}
.support-checklist li:before{content:'✓';position:absolute;left:0;color:#0873d7;font-weight:850}
.support-checklist p{font-size:14px;color:#5b7789;line-height:1.8;margin:0 0 25px}
.support-checklist .button{font-size:16px;width:100%;padding-inline:20px}
.support-product .pa-questions{width:100%}
.support-product .pa-questions summary{font-size:18px}
.support-product .pa-questions a{color:#0863ba;text-decoration:underline;text-underline-offset:3px}
.support-services{background:#0b2939;color:#fff;padding:64px 0 76px}
.support-services .pa-questions{max-width:960px}
.support-services .pa-questions details{border-color:#36596f}
.support-services .pa-questions p{color:#c0d5e2}
.support-services .pa-questions summary>span{color:#a4cdec}
.support-services .pa-questions p>a{color:#c6e2f5;text-decoration:underline;text-underline-offset:3px}
.support-next{background:#edf5f9;padding:72px 0}
.support-next>.container{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}
.support-next h2{margin:0 0 23px}
.support-next>.container>div>p{font-size:19px;color:#45677c;line-height:1.75;margin:0 0 29px}
.support-next aside{padding:32px;border:1px solid #d4e3ed;background:#fff;border-radius:23px}
.support-next aside>svg{height:36px;width:36px;color:#0878e3;margin-bottom:22px}
.support-next aside h3{font-size:27px;margin:0 0 15px}
.support-next aside>a{font-size:23px;color:#0871ce;font-weight:800;letter-spacing:-.3px;overflow-wrap:anywhere}
.support-next aside>p{font-size:16px;color:#4c6b7e;line-height:1.75;margin:18px 0}
.support-next aside>span{display:block;font-size:12px;color:#496374;line-height:1.7;border-top:1px solid #dce7ef;padding-top:17px}
@media(max-width:1100px){.support-answer-layout{gap:30px;grid-template-columns:.95fr 1.2fr}.support-checklist{padding:26px}.support-next>.container{gap:35px}}
@media(max-width:760px){.support-routes{padding:47px 0 53px}.support-route-grid{grid-template-columns:1fr;gap:18px}.support-route-grid>a{padding:27px}.support-route-grid h3{font-size:28px}.support-route-grid p{font-size:17px}.support-product{padding:47px 0 75px}.support-heading{align-items:start;flex-direction:column;gap:19px;margin-bottom:30px}.support-heading p{font-size:18px}.support-answer-layout{grid-template-columns:1fr;gap:31px}.support-checklist{padding:27px 24px}.support-checklist h3{font-size:25px}.support-product .pa-questions summary{font-size:17px}.support-services{padding:47px 0 53px}.support-next{padding:47px 0 53px}.support-next>.container{grid-template-columns:1fr;gap:30px}.support-next>.container>div>p{font-size:18px}.support-next>.container>div>p br{display:none}.support-next aside{padding:27px}.support-next aside h3{font-size:25px}.support-next aside>a{font-size:22px}}
