/* Connection page: match the product hero while retaining the wide photo. */
.page-hero.connection-hero{background:#10263e;border:0;color:#fff}
.connection-hero>.wrap{min-height:520px;padding-top:36px;padding-bottom:38px}
.connection-hero .page-heading{width:52%}
.connection-hero .breadcrumb,.connection-hero .breadcrumb a{color:#b5c7dc}
.connection-hero .breadcrumb{margin-bottom:28px}
.connection-hero .eyebrow{color:#a8c9ec;margin-bottom:16px}
.connection-hero .page-heading h1{color:#fff;font-size:42px;line-height:1.4;letter-spacing:-1.6px}
.connection-hero .page-heading h1 span{color:#b5d5f4}
.connection-hero .page-lead{color:#c5d2e2;line-height:1.9;margin-top:22px}
.connection-hero .hero-visual::after{background:linear-gradient(90deg,#10263e 0%,rgba(16,38,62,.96) 10%,rgba(16,38,62,.55) 30%,rgba(16,38,62,.08) 58%)}
.connection-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}
.connection-hero-actions .button.primary{background:#f4f8fd;color:#193b61;border:1px solid #f4f8fd}
.connection-hero-actions .button.primary:hover{background:#dceafa}
.connection-hero-actions>a:last-child{color:#d4e3f4;font-size:14px;text-underline-offset:6px}
.connection-hero-actions>a:last-child:hover{text-decoration:underline}
.connection-hero-flow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff26;color:#b9cce0;font-size:12px;max-width:460px}
.connection-hero-flow i{font-style:normal;color:#7798bd}
@media(max-width:1000px) and (min-width:701px){.connection-hero .page-heading{width:58%}.connection-hero .page-heading h1{font-size:34px}.connection-hero .hero-visual::after{background:linear-gradient(90deg,#10263e 0%,rgba(16,38,62,.92) 20%,rgba(16,38,62,.15) 78%)}}
@media(max-width:700px){.connection-hero>.wrap{min-height:0}.connection-hero .page-heading{width:100%}.connection-hero .page-heading h1{font-size:32px}.connection-hero .hero-visual::after{background:linear-gradient(180deg,#10263e 0%,rgba(16,38,62,0) 35%)}.connection-hero .page-heading{padding-bottom:24px}.connection-hero .breadcrumb{margin-bottom:24px}}