/* Service hierarchy. The page hierarchy, navigation and content share one model. */
.service-breadcrumbs { padding:110px 0 19px; color:#62697a; background:#f5f6fa; font:12px/1.7 Arial,Helvetica,sans-serif; }
.service-breadcrumbs ol { display:flex; flex-wrap:wrap; gap:6px 10px; list-style:none; padding:0; margin:0 auto; width:min(1180px,calc(100% - 80px)); }
.service-breadcrumbs li:not(:last-child)::after { content:'›'; margin-left:10px; color:#8a93a5; }
.service-breadcrumbs a { color:#4b5c92; text-decoration:none; }
.service-breadcrumbs a:hover { text-decoration:underline; }
body.dev2bit-service-branch .pd-case { padding-top:0; }
.hub-page [id] { scroll-margin-top:105px; }
.hub-page .hub-section { padding-block:70px; }
.hub-page .hub-intro { color:#596276; max-width:870px; line-height:1.85; margin-top:25px; }
.hub-page .hub-intro a { color:#4b5c92; text-underline-offset:3px; }
.hub-page .hub-routing { background:#fff; border:1px solid #e2e6ee; border-radius:14px; padding:30px; box-shadow:0 22px 45px -28px #4b5c9270; }
.hub-page .hub-routing>a { display:grid; grid-template-columns:30px 1fr; gap:5px 12px; padding:22px 0; text-decoration:none; border-bottom:1px solid #e6e9f1; }
.hub-page .hub-routing>a:last-child { border-bottom:0; padding-bottom:0; }
.hub-page .hub-routing>a:hover strong { color:#4b5c92; }
.hub-page .hub-routing span { color:#a47b10; font-size:11px; padding-top:4px; }
.hub-page .hub-routing strong { font-size:20px; line-height:1.35; }
.hub-page .hub-routing small { grid-column:2; color:#687187; font-size:12px; }
.hub-page .hub-area-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:35px; }
.hub-page .hub-area-grid article { display:flex; flex-direction:column; align-items:start; border:1px solid #dfe4ed; border-radius:8px; padding:30px; background:#fff; }
.hub-page .hub-icon svg { width:35px; height:35px; color:#4b5c92; margin-bottom:22px; }
.hub-page .hub-area-grid h3 { font-size:24px; margin-bottom:17px; }
.hub-page .hub-area-grid p { color:#596276; font-size:15px; margin-bottom:24px; }
.hub-page .hub-area-grid a { margin-top:auto; color:#4b5c92; font-size:13px; line-height:1.6; text-underline-offset:4px; }
.hub-page .hub-band { background:#f3f5f9; }
.hub-page .hub-band>.hub-topic { padding-block:65px; }
.hub-page .hub-topic { display:grid; grid-template-columns:1fr 1.45fr; gap:70px; }
.hub-page .hub-topic .pd-button { color:#fff; text-decoration:none; }
.hub-page .hub-topic .pd-text-link { font-size:14px; }
.hub-page .hub-topic .pd-actions { margin-top:20px; }
.hub-page .hub-process { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; margin-top:35px; }
.hub-page .hub-process>div { border-top:1px solid #dfe4ed; padding-top:22px; }
.hub-page .hub-process span { display:block; font-size:38px; color:#a8b4cf; margin-bottom:15px; }
.hub-page .hub-process h3 { margin-bottom:15px; }
.hub-page .hub-process p { color:#596276; font-size:15px; line-height:1.8; }
.hub-page .hub-faq { border-top:1px solid #dfe4ed; }
.hub-page .hub-faq h2 { margin-bottom:30px; }
.hub-page details { border-bottom:1px solid #dfe4ed; padding:22px 0; }
.hub-page summary { cursor:pointer; font-size:18px; font-weight:700; }
.hub-page details p { margin-top:17px; max-width:880px; color:#596276; font-size:15px; line-height:1.85; }
.hub-page summary:focus-visible,.service-breadcrumbs a:focus-visible { outline:3px solid #b57a00; outline-offset:4px; }
.hub-page .hub-grid-spacing { margin-top:35px; }
.hub-page .hub-leaf-card { display:grid; grid-template-columns:1fr 2fr; gap:35px; border:1px solid #dfe4ed; border-radius:12px; overflow:hidden; margin-top:35px; }
.hub-page .hub-leaf-card>div:last-child { padding:35px 35px 35px 0; }
.hub-page .hub-leaf-visual { display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f1f4fa; padding:30px; }
.hub-page .hub-leaf-visual img { width:90px; height:90px; object-fit:contain; }
.hub-page .hub-leaf-visual span { font-size:9px; letter-spacing:.08em; color:#596276; margin-top:22px; text-align:center; }
.hub-page .hub-leaf-visual strong { font-size:42px; color:#202b48; }
.hub-page .hub-leaf-card h3 { font-size:29px; margin-bottom:18px; }
.hub-page .hub-leaf-card p,.hub-page .hub-leaf-card li { color:#596276; font-size:15px; }
.hub-page .hub-leaf-card ul { padding-left:20px; margin:20px 0 25px; }
.hub-page .pd-cta { margin-top:0; }
@media(max-width:950px) {
 .service-breadcrumbs ol { width:calc(100% - 48px); }
 .hub-page .hub-area-grid article { padding:23px; }
 .hub-page .hub-topic { gap:35px; }
 .hub-page .hub-area-grid h3 { font-size:21px; }
}
@media(max-width:680px) {
 .service-breadcrumbs { padding-top:105px; font-size:11px; }
 .service-breadcrumbs ol { width:calc(100% - 36px); }
 .hub-page .hub-area-grid,.hub-page .hub-topic,.hub-page .hub-process,.hub-page .hub-leaf-card { grid-template-columns:1fr; }
 .hub-page .hub-section,.hub-page .hub-band>.hub-topic { padding-block:45px; }
 .hub-page .hub-leaf-card { gap:0; }
 .hub-page .hub-leaf-card>div:last-child { padding:26px; }
 .hub-page .hub-leaf-visual { padding:25px; }
 .hub-page .hub-routing { padding:25px; }
 .hub-page .hub-routing strong { font-size:18px; }
 .hub-page summary { font-size:17px; }
}

/* Service overview: route to the marketing category or a specific service. */
.services-overview .hub-marketing-services-title{font-size:18px;margin:32px 0 16px}
.services-overview .hub-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
.services-overview .hub-service-links li{margin:0;min-width:0}
.services-overview .hub-service-links a{display:block;height:100%;padding:18px;background:#fff;border:1px solid #d5deed;border-radius:8px;text-decoration:none;color:#34486d}
.services-overview .hub-service-links a:hover{border-color:#4b5c92;background:#f9faff}
.services-overview .hub-service-links strong{display:flex;justify-content:space-between;gap:8px;font-size:14px;line-height:1.5}
.services-overview .hub-service-links a>span{display:block;margin-top:8px;font-size:12px;line-height:1.8;color:#536078}
.services-overview .hub-service-links a:focus-visible{outline:3px solid #202b48;outline-offset:3px}
@media(max-width:480px){.services-overview .hub-service-links{grid-template-columns:1fr}}