/* Retain the approved large-monitor appearance. */
@media (width > 1920px) {
/* About Zhongyun: typography, service diagrams and original company information. */
.bsb-about-page { --bsb-about-gap: clamp(52px,5vw,88px); }
.bsb-about-signature { grid-area: visual; display: grid; align-content: center; justify-items: start; padding: 22px 0 22px 38px; border-left: 1px solid #b7cbe270; color: #6382a6; }
.bsb-about-signature > span { font-size: 9px; letter-spacing: 1.2px; white-space: nowrap; }
.bsb-about-signature strong { display: block; margin-block: 8px; font-size: clamp(24px,1.8vw,36px); font-weight: 500; letter-spacing: 3px; color: #446992; white-space: nowrap; }
.bsb-about-signature > p { font-size: 11px; letter-spacing: 1.5px; color: #7e96b3; white-space: nowrap; }
.bsb-about-content { padding-block: 24px 80px; }
.bsb-about-content :where(section,article,div) { min-width: 0; }
.bsb-about-profile { display: grid; grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr); gap: 0; padding: 0; overflow: hidden; border: 1px solid #e0e8f3; border-radius: 14px; background: linear-gradient(115deg,#fff,#ffffffeb); box-shadow: 0 10px 30px #233e6610; }
.bsb-about-profile-heading h2 { font-size: clamp(29px,2.3vw,44px); line-height: 1.45; margin-top: 20px; letter-spacing: .5px; }
.bsb-about-profile-heading h2 em { font-style: normal; color: #5178ad; }
.bsb-about-profile-note { margin-top: 32px; color: #95a5b8; font-size: var(--bsb-small-size); line-height: 1.9; }
.bsb-about-profile-copy > p { color: #708098; font-size: var(--bsb-body-size); line-height: 1.95; margin-top: 16px; }
.bsb-about-profile-copy .bsb-about-legal-name { color: #2c4668; font-size: clamp(18px,1.25vw,24px); line-height: 1.7; margin-top: 0; font-weight: 600; }
.bsb-about-inline-link { display: inline-flex; align-items: center; gap: 20px; color: #426ba6; padding-block: 9px; font-size: var(--bsb-small-size); border-bottom: 1px solid #cfdbeb; margin-top: 20px; }
/* Company profile: strong brand panel paired with a compact editorial column. */
.bsb-about-profile-heading { grid-column: 1; grid-row: 1 / 3; padding: clamp(28px,3vw,54px); background: linear-gradient(135deg,#244b92,#346bb9 65%,#298c9b); color: #fff; display: flex; flex-direction: column; justify-content: center; }
.bsb-about-profile-heading .bsb-kicker { color: #c0dbff; }
.bsb-about-profile-heading h2 em { color: #9de8eb; }
.bsb-about-profile-note { color: #e0ecff; margin-top: 24px; }
.bsb-about-profile-copy { grid-column: 2; padding: clamp(28px,3vw,54px) clamp(28px,3vw,54px) 24px; }
.bsb-about-profile-copy > p { color: #52637b; line-height: 1.8; margin-top: 14px; }
.bsb-about-profile-copy .bsb-about-legal-name { color: #2053aa; }
.bsb-about-profile-facts { grid-column: 2; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0; gap: 12px; padding: 0 clamp(28px,3vw,54px) clamp(28px,3vw,54px); }
.bsb-about-profile-facts > div { border-top: 3px solid #448cd9; background: #edf4ff; padding: 16px 14px; border-radius: 0 0 7px 7px; }
.bsb-about-profile-facts > div:nth-child(2) { border-color: #309d9e; background: #e8f5f4; }
.bsb-about-profile-facts > div:nth-child(3) { border-color: #ce7960; background: #fbf0e9; }
.bsb-about-profile-facts dt { font-size: var(--bsb-small-size); font-weight: 600; color: #2c4668; margin-bottom: 6px; }
.bsb-about-profile-facts dd { margin: 0; font-size: clamp(12px,.75vw,16px); color: #52637b; line-height: 1.7; }
.bsb-about-section { margin-top: var(--bsb-about-gap); }
.bsb-about-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 44px; margin-bottom: 30px; }
.bsb-about-section-heading h2 { font-size: clamp(27px,2vw,38px); margin-top: 14px; line-height: 1.55; }
.bsb-about-section-heading > p { color: #7d8da2; font-size: var(--bsb-small-size); line-height: 1.9; padding-bottom: 5px; }
.bsb-about-service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.bsb-about-service { position: relative; padding: 28px; border-radius: 12px; background: linear-gradient(140deg,#fff,#f0f5fd); border: 1px solid #e1e9f4; box-shadow: 0 7px 24px #28466e0c; transition: transform .2s,box-shadow .2s; }
.bsb-about-service:nth-child(3n+2) { background: linear-gradient(140deg,#fff,#edf6f4); }
.bsb-about-service:nth-child(3n+3) { background: linear-gradient(140deg,#fff,#f2f0fa); }
.bsb-about-service:hover { transform: translateY(-3px); box-shadow: 0 12px 26px #28466e16; }
.bsb-about-service-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.bsb-about-service-icon { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid #dce7f6; background: #f2f6fc; border-radius: 10px; color: #668abd; }
.bsb-about-service-icon svg { width: 26px; height: 26px; }
.bsb-about-service-number { font-size: 27px; color: #c4d3e7; font-weight: 500; letter-spacing: 1px; }
.bsb-about-service h3 { margin-block: 22px 12px; font-size: clamp(20px,1.3vw,25px); }
.bsb-about-service > p { color: #7b8ba0; font-size: var(--bsb-small-size); line-height: 1.85; min-height: 3.7em; }
.bsb-about-service ul { display: flex; flex-wrap: wrap; gap: 6px 16px; list-style: none; border-top: 1px solid #dce6f380; margin-top: 22px; padding-top: 16px; }
.bsb-about-service li a { display: inline-flex; align-items: center; gap: 8px; padding-block: 4px; font-size: clamp(12px,.72vw,14px); color: #5c79a0; }
.bsb-about-service li span { opacity: .6; font-size: 11px; }
.bsb-about-team { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); background: #fff; border: 1px solid #e0e8f3; border-radius: 14px; box-shadow: 0 8px 25px #28466e0c; overflow: hidden; }
.bsb-about-team-heading { padding: clamp(30px,3.5vw,56px); background: linear-gradient(135deg,#e6eefc,#ecf4f3); }
.bsb-about-team-heading h2 { margin-block: 20px 24px; font-size: clamp(28px,2vw,40px); line-height: 1.6; }
.bsb-about-team-heading > p:not(.bsb-kicker) { color: #7186a0; font-size: var(--bsb-body-size); line-height: 1.95; }
.bsb-about-team-heading > span { display: block; margin-top: 32px; font-size: var(--bsb-small-size); color: #8ba0ba; }
.bsb-about-role-list { padding: 10px clamp(24px,3vw,48px); }
.bsb-about-role-list article { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 20px; padding-block: 26px; }
.bsb-about-role-list article + article { border-top: 1px solid #e6ecf4; }
.bsb-about-role-index { color: #a6bbd8; font-size: 20px; line-height: 1.5; }
.bsb-about-role-list article p:first-child { color: #9aaabe; font-size: 11px; letter-spacing: 1px; }
.bsb-about-role-list h3 { font-size: clamp(19px,1.2vw,23px); margin-block: 5px 9px; }
.bsb-about-role-list article p:last-child { color: #76879d; font-size: var(--bsb-small-size); line-height: 1.85; }
.bsb-about-values { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.bsb-about-values article { position: relative; overflow: hidden; padding: clamp(44px,3vw,64px) 26px; background: linear-gradient(140deg,#fff,#eef3fc); border: 1px solid #e1e9f4; border-radius: 12px; box-shadow: 0 6px 18px #28466e0a; }
.bsb-about-values article:nth-child(2) { background: linear-gradient(140deg,#fff,#edf5f1); }
.bsb-about-values article:nth-child(3) { background: linear-gradient(140deg,#fff,#f3eff9); }
.bsb-about-values article:nth-child(4) { background: linear-gradient(140deg,#fff,#f8f4ea); }
.bsb-about-value-word { display: inline-block; font-size: 44px; line-height: 1.15; font-weight: 500; color: #8da9ce; margin-bottom: 28px; }
.bsb-about-values h3 { font-size: clamp(19px,1.2vw,23px); margin-bottom: 13px; }
.bsb-about-values p { font-size: var(--bsb-small-size); color: #7b8a9e; line-height: 1.85; }
.bsb-about-process-panel { container-type: inline-size; padding: clamp(28px,3.8vw,60px); border-radius: 14px; background: linear-gradient(115deg,#e7effb,#eaf4f2); border: 1px solid #dce7f2; }
:root body.bsb-unified-headings #bsb-about-process-title { white-space: nowrap; font-size: min(var(--bsb-heading-title),6cqi); }
.bsb-about-process { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; list-style: none; margin-top: 38px; }
.bsb-about-process li { border-top: 1px solid #bacde4; padding-top: 22px; }
.bsb-about-process li > span { display: block; font-size: 27px; color: #829fc6; margin-bottom: 18px; }
.bsb-about-process h3 { font-size: clamp(18px,1.2vw,23px); margin-bottom: 12px; }
.bsb-about-process p { font-size: var(--bsb-small-size); line-height: 1.85; color: #7588a2; }
.bsb-about-area { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding-top: 28px; margin-top: 34px; border-top: 1px solid #cddbe9; }
.bsb-about-area > span { font-size: 12px; color: #8aa0ba; }
.bsb-about-area > p { flex: 1; font-size: var(--bsb-small-size); color: #627c9d; }
.bsb-about-area a { display: inline-flex; gap: 20px; font-size: var(--bsb-small-size); color: #42699f; }
.bsb-about-faq-section { display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: clamp(30px,6vw,100px); }
.bsb-about-faq-heading h2 { font-size: clamp(26px,2vw,38px); line-height: 1.6; margin-block: 18px 22px; }
:root body.bsb-unified-headings #bsb-about-faq-title { font-size: var(--bsb-heading-title); line-height: 1.3; }
.bsb-about-faq-heading > p:not(.bsb-kicker) { font-size: var(--bsb-small-size); line-height: 1.9; color: #8596ac; }
.bsb-about-faq { padding-top: 4px; }
.bsb-about-faq details { border-bottom: 1px solid #dce5f0; }
.bsb-about-faq summary { position: relative; display: flex; align-items: baseline; gap: 18px; padding: 22px 32px 22px 0; list-style: none; cursor: pointer; font-size: var(--bsb-body-size); color: #3c5577; }
.bsb-about-faq summary::-webkit-details-marker { display: none; }
.bsb-about-faq summary > span { font-size: 12px; color: #9aadc7; flex-shrink: 0; }
.bsb-about-faq summary::after { content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #8fa6c4; font-size: 22px; }
.bsb-about-faq details[open] summary::after { content: "−"; }
.bsb-about-faq details > p { padding: 0 30px 22px 34px; color: #7a8aa1; font-size: var(--bsb-small-size); line-height: 1.85; }
/* Saturated accents connect the company page to the homepage. */
.bsb-about-content .bsb-kicker { color: #2053aa; }
.bsb-about-profile-heading .bsb-kicker,.bsb-about-team-heading .bsb-kicker { color: #c3ddff; }
.bsb-about-section-heading > p,.bsb-about-role-list article p:last-child { color: #52637b; }
.bsb-about-service { --bsb-about-accent: #345fbd; --bsb-about-accent-end: #448cd9; background: #fff; border-color: #d6e2f3; border-top: 4px solid var(--bsb-about-accent); }
.bsb-about-service:nth-child(3n+2),.bsb-about-service:nth-child(3n+3) { background: #fff; }
.bsb-about-service:nth-child(2),.bsb-about-service:nth-child(6) { --bsb-about-accent: #5756c2; --bsb-about-accent-end: #8174df; }
.bsb-about-service:nth-child(3),.bsb-about-service:nth-child(5) { --bsb-about-accent: #257b8c; --bsb-about-accent-end: #309d9e; }
.bsb-about-service:nth-child(4) { --bsb-about-accent: #b64b59; --bsb-about-accent-end: #cf873e; }
.bsb-about-service-icon { color: #fff; background: linear-gradient(135deg,var(--bsb-about-accent-end),var(--bsb-about-accent)); border: 0; box-shadow: 0 5px 12px #233e6620; }
.bsb-about-service-number { color: var(--bsb-about-accent); opacity: .5; }
.bsb-about-service h3,.bsb-about-service li a { color: var(--bsb-about-accent); }
.bsb-about-service > p { color: #52637b; }
.bsb-about-team-heading { background: linear-gradient(135deg,#244b92,#346bb9); color: #fff; }
.bsb-about-team-heading > p:not(.bsb-kicker),.bsb-about-team-heading > span { color: #e0ecff; }
.bsb-about-role-index { color: #448cd9; font-weight: 600; }
.bsb-about-role-list article p:first-child { color: #257b8c; }
.bsb-about-values article { color: #fff; background: linear-gradient(125deg,#448cd9,#345fbd); border: 0; box-shadow: 0 10px 24px -8px #2857a33d; }
.bsb-about-values article:nth-child(2) { background: linear-gradient(125deg,#8174df,#5756c2); }
.bsb-about-values article:nth-child(3) { background: linear-gradient(125deg,#309d9e,#257b8c); }
.bsb-about-values article:nth-child(4) { background: linear-gradient(125deg,#c67a32,#b94b59); }
.bsb-about-values article .bsb-about-value-word { color: #fff; }
.bsb-about-values p { color: #fffffff0; }
.bsb-about-inline-link { color: #2053aa; border-color: #a6bedf; }
/* Restore the quieter process and question sections. */
.bsb-about-process-panel .bsb-kicker,.bsb-about-faq-heading .bsb-kicker { color: #8299b8; }
.bsb-about-process-panel .bsb-about-section-heading > p { color: #7d8da2; }
.bsb-about-faq-heading .bsb-about-inline-link { color: #426ba6; border-color: #cfdbeb; }
/* Service packages follow the homepage's colored cards and quiet decorative shapes. */
.bsb-about-services-section .bsb-about-section-heading { display: block; text-align: center; margin-bottom: clamp(28px,3vw,48px); }
.bsb-about-services-section .bsb-about-section-heading h2 br { display: none; }
.bsb-about-services-section .bsb-about-section-heading > p { max-width: none; margin-top: 14px; }
.bsb-about-service-grid .bsb-about-service { --bsb-service-from: #448cd9; --bsb-service-to: #345fbd; position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; padding: clamp(22px,1.6vw,30px); color: #fff; border: 1px solid #ffffff20; background: linear-gradient(125deg,var(--bsb-service-from),var(--bsb-service-to)); box-shadow: 0 10px 24px -8px #2d46733d; }
.bsb-about-service-grid .bsb-about-service:nth-child(1) { --bsb-service-from: #d18a43; --bsb-service-to: #c2646c; }
.bsb-about-service-grid .bsb-about-service:nth-child(2),.bsb-about-service-grid .bsb-about-service:nth-child(6) { --bsb-service-from: #8174df; --bsb-service-to: #5756c2; }
.bsb-about-service-grid .bsb-about-service:nth-child(5) { --bsb-service-from: #309d9e; --bsb-service-to: #257b8c; }
.bsb-about-service::before { content: ""; position: absolute; z-index: -1; width: clamp(240px,23vw,440px); aspect-ratio: 1; right: -20%; bottom: -65%; border-radius: 50%; background: linear-gradient(145deg,#ffffff24,#ffffff03 65%); box-shadow: 0 0 0 22px #ffffff06,0 0 0 46px #ffffff04; pointer-events: none; }
.bsb-about-service-top { display: block; }
.bsb-about-service .bsb-about-service-number { display: block; font-size: var(--bsb-small-size); color: #ffffffe0; opacity: 1; font-weight: 400; letter-spacing: .7px; }
.bsb-about-service .bsb-about-service-icon { position: absolute; top: -25px; right: -15px; width: clamp(110px,9vw,175px); height: auto; aspect-ratio: 1; background: transparent; border: 0; box-shadow: none; color: #fff; opacity: .09; transform: rotate(-12deg); pointer-events: none; }
.bsb-about-service:nth-child(even) .bsb-about-service-icon { transform: rotate(13deg); top: -32px; right: -8px; }
.bsb-about-service .bsb-about-service-icon svg { width: 100%; height: 100%; stroke-width: 1.9; }
.bsb-about-service-grid .bsb-about-service h3 { color: #fff; margin-block: 14px 8px; }
.bsb-about-service-grid .bsb-about-service > p { color: #fffffff0; min-height: 0; }
.bsb-about-service-grid .bsb-about-service ul { width: 100%; flex-direction: column; align-items: flex-start; gap: 2px; border: 0; padding: 0; margin-block: 14px 18px; }
.bsb-about-service li { position: relative; padding-left: 14px; }
.bsb-about-service li::before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; left: 0; top: 1em; background: #ffffffb3; }
.bsb-about-service-grid .bsb-about-service li a { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; padding-block: 3px; color: #fffffff0; font-size: var(--bsb-small-size); line-height: 1.65; }
.bsb-about-service li a strong { font-weight: 500; }
.bsb-about-service li a small { color: #ffffffe0; font-size: .92em; }
.bsb-about-service li a > span { display: none; }
.bsb-about-service-grid .bsb-about-service a:hover { color: #fff; }
.bsb-about-service li a:hover { text-decoration: none; }
.bsb-about-service-more { display: inline-flex; align-items: center; gap: 28px; margin-top: auto; padding: 7px 13px; border: 1px solid #ffffff70; border-radius: 4px; color: #fff; font-size: var(--bsb-small-size); transition: background .2s; }
.bsb-about-service-more:hover { background: #ffffff20; }
.bsb-about-service a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
/* A structured company overview balances the brand statement on the left. */
.bsb-about-profile-heading { grid-row: 1; }
.bsb-about-profile-copy { padding: clamp(26px,2.8vw,48px); }
.bsb-about-overview-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 18px; margin-bottom: 18px; }
.bsb-about-overview-label { font-size: clamp(12px,.65vw,14px); font-weight: 600; color: #1c62cf; }
.bsb-about-overview-label > span { font-size: .78em; font-weight: 400; letter-spacing: 1.6px; color: #8193ab; margin-left: 12px; }
.bsb-about-location { font-size: clamp(10px,.58vw,13px); color: #087d87; padding: 5px 10px; border-radius: 4px; background: #dff4f2; }
.bsb-about-profile-copy .bsb-about-legal-name { font-size: clamp(24px,1.7vw,34px); color: #173761; line-height: 1.45; font-weight: 700; letter-spacing: .3px; }
.bsb-about-profile-copy .bsb-about-overview-intro { font-size: clamp(13px,.76vw,17px); line-height: 1.85; margin-top: 14px; color: #52637b; }
.bsb-about-overview-points { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-block: 24px; }
.bsb-about-overview-points > div { position: relative; padding: 16px 0 0 36px; border-top: 1px solid #dce6f3; }
.bsb-about-overview-index { position: absolute; left: 0; top: 19px; color: #1c62cf; font-size: clamp(11px,.6vw,13px); font-weight: 600; }
.bsb-about-overview-points > div:nth-child(2) .bsb-about-overview-index { color: #078e96; }
.bsb-about-overview-points h3 { font-size: clamp(17px,1vw,22px); line-height: 1.5; margin-bottom: 10px; color: #2356a1; font-weight: 650; }
.bsb-about-overview-points > div:nth-child(2) h3 { color: #087f89; }
.bsb-about-overview-points p { font-size: clamp(12px,.68vw,15px); line-height: 1.85; color: #63738a; }
.bsb-about-stage-nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid #dce6f3; border-radius: 8px; background: linear-gradient(110deg,#f0f5fe,#f2f8f8); }
.bsb-about-stage-nav > a { position: relative; display: flex; flex-direction: column; gap: 5px; padding: 16px 26px 16px 16px; min-width: 0; transition: background .2s; }
.bsb-about-stage-nav > a + a { border-left: 1px solid #dce6f3; }
.bsb-about-stage-nav > a > span { color: #1c62cf; font-weight: 650; font-size: clamp(16px,.9vw,20px); }
.bsb-about-stage-nav > a:first-child { background: #eaf2ff; }
.bsb-about-stage-nav > a:nth-child(2) { background: #e5f4f2; }
.bsb-about-stage-nav > a:nth-child(2) > span { color: #087f89; }
.bsb-about-stage-nav > a:nth-child(3) { background: #efedfb; }
.bsb-about-stage-nav > a:nth-child(3) > span { color: #6654b8; }
.bsb-about-stage-nav small { color: #6a7a90; font-size: clamp(12px,.72vw,16px); line-height: 1.6; }
.bsb-about-stage-nav b { position: absolute; right: 12px; top: 17px; color: #7793b9; font-weight: 400; font-size: 13px; }
.bsb-about-stage-nav > a:hover { background: #d6e7ff; }
.bsb-about-overview-footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 22px; }
.bsb-about-overview-footer p { color: #697b92; font-size: clamp(13px,.74vw,16px); line-height: 1.8; font-weight: 600; }
.bsb-about-overview-footer p > span { display: block; font-size: .9em; color: #8193ab; margin-bottom: 3px; }
.bsb-about-overview-footer a { display: inline-flex; align-items: center; gap: 20px; padding: 10px 16px; border-radius: 5px; background: linear-gradient(115deg,#225dcc,#267f9e); color: #fff; font-size: clamp(12px,.68vw,15px); box-shadow: 0 4px 12px #2053aa20; }
.bsb-about-overview-footer a:hover { background: #183e80; color: #fff; }
@media (max-width:1180px) and (min-width:901px) {
 .bsb-about-profile { grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr); }
 .bsb-about-overview-points { gap: 16px; }
 .bsb-about-overview-points > div { padding-left: 0; }
 .bsb-about-overview-index { display: none; }
 .bsb-about-stage-nav > a { padding-left: 12px; }
}
@media (max-width:640px) {
 .bsb-about-overview-top { margin-bottom: 16px; }
 .bsb-about-overview-label > span { display: none; }
 .bsb-about-location { font-size: 10px; }
 .bsb-about-overview-points { grid-template-columns: minmax(0,1fr); gap: 16px; margin-block: 20px; }
 .bsb-about-overview-points h3 { font-size: 17px; }
 .bsb-about-overview-points p { font-size: 12px; }
 .bsb-about-stage-nav { grid-template-columns: minmax(0,1fr); }
 .bsb-about-stage-nav > a { display: grid; grid-template-columns: 65px minmax(0,1fr); gap: 8px; padding: 13px 28px 13px 14px; align-items: center; }
 .bsb-about-stage-nav > a + a { border-left: 0; border-top: 1px solid #dce6f3; }
 .bsb-about-stage-nav small { font-size: 12px; }
 .bsb-about-stage-nav b { top: 12px; }
 .bsb-about-overview-footer a { font-size: 12px; }
}
@media (min-width:1181px) {
 .bsb-about-content { padding-top: 30px; }
 .bsb-about-profile { padding: 0; }
 .bsb-about-profile-heading h2 { font-size: calc(40px * var(--bsb-large-type-scale)); }
 .bsb-about-profile-copy .bsb-about-legal-name { font-size: calc(28px * var(--bsb-large-type-scale)); }
 .bsb-about-service { padding: 34px 36px; }
 .bsb-about-service li a { font-size: calc(13px * var(--bsb-large-type-scale)); }
 .bsb-about-service h3,.bsb-about-values h3,.bsb-about-role-list h3,.bsb-about-process h3 { font-size: calc(22px * var(--bsb-large-type-scale)); }
 .bsb-about-signature strong { font-size: 36px; }
}
@media (max-width:1180px) {
 .bsb-about-profile { gap: 0; }
 .bsb-about-profile-heading h2 { font-size: 31px; }
 .bsb-about-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .bsb-about-values { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .bsb-about-section-heading > p br { display: none; }
 .bsb-about-section-heading > p { max-width: 23em; }
 .bsb-about-team { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
 .bsb-about-role-list { padding-inline: 26px; }
 .bsb-about-role-list article { gap: 12px; }
}
@media (max-width:900px) {
 .bsb-about-profile { grid-template-columns: minmax(0,1fr); }
 .bsb-about-profile-heading { display: block; grid-column: 1; grid-row: auto; }
 .bsb-about-profile-copy,.bsb-about-profile-facts { grid-column: 1; }
 .bsb-about-profile-heading .bsb-kicker { grid-column: 1 / -1; }
 .bsb-about-profile-heading h2 { margin: 0; }
 .bsb-about-profile-note { margin: 18px 0 0; }
 .bsb-about-section-heading { align-items: start; }
 .bsb-about-section-heading h2 { font-size: 27px; }
 .bsb-about-section-heading > p { max-width: 20em; }
 .bsb-about-team { grid-template-columns: minmax(0,1fr); }
 .bsb-about-team-heading { padding: 32px; }
 .bsb-about-team-heading h2 br { display: none; }
 .bsb-about-team-heading > span { margin-top: 22px; }
 .bsb-about-role-list { padding: 6px 32px; }
 .bsb-about-process { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .bsb-about-faq-section { grid-template-columns: minmax(0,1fr); gap: 24px; }
 .bsb-about-faq-heading h2 br { display: none; }
}
@media (max-width:640px) {
 .bsb-about-page { --bsb-about-gap: 46px; }
 .bsb-about-signature { display: none; }
 .bsb-about-content { padding-block: 12px 48px; }
 .bsb-about-profile { padding: 0; gap: 0; }
 .bsb-about-profile-heading { display: block; padding: 28px 24px; }
 .bsb-about-profile-copy { padding: 24px; }
 .bsb-about-profile-heading h2 { font-size: 28px; margin-top: 18px; }
 .bsb-about-profile-note { margin-top: 16px; font-size: 12px; }
 .bsb-about-profile-note br { display: none; }
 .bsb-about-profile-copy .bsb-about-legal-name { font-size: 22px; }
 .bsb-about-profile-copy > p { font-size: 14px; line-height: 1.85; margin-top: 14px; }
 .bsb-about-inline-link { font-size: 12px; margin-top: 14px; }
 .bsb-about-profile-facts { grid-template-columns: minmax(0,1fr); gap: 10px; padding: 0 24px 24px; }
 .bsb-about-profile-facts > div { display: grid; grid-template-columns: 64px minmax(0,1fr); gap: 12px; }
 .bsb-about-profile-facts > div + div { border-left: 0; padding: 14px; }
 .bsb-about-profile-facts dt { margin: 0; font-size: 12px; }
 .bsb-about-profile-facts dd { font-size: 13px; }
 .bsb-about-section-heading { display: block; margin-bottom: 22px; }
 .bsb-about-section-heading h2 { font-size: 26px; margin-top: 10px; }
 .bsb-about-section-heading > p { font-size: 13px; margin-top: 16px; max-width: none; padding: 0; }
 .bsb-about-service-grid { grid-template-columns: minmax(0,1fr); gap: 14px; }
 .bsb-about-service { padding: 24px; }
 .bsb-about-service-top { gap: 14px; }
 .bsb-about-service-icon { width: 40px; height: 40px; }
 .bsb-about-service-icon svg { width: 23px; height: 23px; }
 .bsb-about-service-number { font-size: 24px; }
 .bsb-about-service h3 { margin-block: 16px 10px; font-size: 21px; }
 .bsb-about-service > p { min-height: 0; font-size: 13px; }
 .bsb-about-service ul { margin-top: 18px; padding-top: 12px; gap: 4px 16px; }
 .bsb-about-service li a { font-size: 12px; }
 .bsb-about-team-heading { padding: 28px 24px; }
 .bsb-about-team-heading h2 { font-size: 28px; margin-block: 16px 18px; }
 .bsb-about-team-heading > p:not(.bsb-kicker) { font-size: 14px; }
 .bsb-about-team-heading > span { font-size: 12px; }
 .bsb-about-role-list { padding-inline: 24px; }
 .bsb-about-role-list article { grid-template-columns: 26px minmax(0,1fr); gap: 10px; padding-block: 22px; }
 .bsb-about-role-list article p:last-child { font-size: 13px; }
 .bsb-about-role-list h3 { font-size: 20px; }
 .bsb-about-values { grid-template-columns: minmax(0,1fr); gap: 14px; }
 .bsb-about-values article { display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 8px 20px; padding: 34px 24px; }
 .bsb-about-value-word { grid-row: span 2; font-size: 38px; margin: 0; }
 .bsb-about-values h3 { font-size: 20px; margin: 0; }
 .bsb-about-values p { grid-column: 2; font-size: 13px; }
 .bsb-about-process-panel { padding: 28px 24px; }
 .bsb-about-process { grid-template-columns: minmax(0,1fr); gap: 20px; margin-top: 24px; }
 .bsb-about-process li { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 6px 14px; padding-top: 18px; }
 .bsb-about-process li > span { grid-row: span 2; font-size: 22px; margin: 0; }
 .bsb-about-process h3 { font-size: 18px; margin: 0; }
 .bsb-about-process p { grid-column: 2; font-size: 13px; }
 .bsb-about-area { display: block; margin-top: 26px; padding-top: 20px; }
 .bsb-about-area > p { font-size: 13px; margin-block: 8px 14px; line-height: 1.85; }
 .bsb-about-area a { font-size: 13px; }
 .bsb-about-faq-heading h2 { font-size: 26px; margin-block: 12px 16px; }
 .bsb-about-faq-heading h2 br { display: initial; }
 .bsb-about-faq summary { font-size: 14px; gap: 12px; padding-block: 18px; }
 .bsb-about-faq details > p { padding-left: 28px; padding-right: 10px; font-size: 13px; }
}
/* Compact service entries: two columns where the card has enough room. */
.bsb-about-service-grid .bsb-about-service { container-type: inline-size; }
.bsb-about-service-grid .bsb-about-service ul { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px 16px; }
.bsb-about-service-grid .bsb-about-service li a { display: flex; flex-wrap: nowrap; align-items: baseline; gap: 4px 10px; font-size: clamp(12px,.66vw,15px); line-height: 1.6; padding-block: 1px; }
.bsb-about-service li a strong { flex-shrink: 0; }
.bsb-about-service li a small { font-size: .92em; }
.bsb-about-service li::before { top: .75em; }
.bsb-about-service-grid .bsb-about-service-more { align-self: flex-end; font-size: clamp(11px,.58vw,13px); gap: 32px; padding: 8px 15px; letter-spacing: .5px; }
@media (min-width:641px) {
 @container (min-width:280px) {
  .bsb-about-service-grid .bsb-about-service ul { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 18px; }
  .bsb-about-service-grid .bsb-about-service li a { flex-direction: column; align-items: flex-start; gap: 3px; }
  .bsb-about-service li a strong { font-weight: 500; }
  .bsb-about-service li a small { font-size: .92em; }
 }
}
@media (max-width:640px) {
 .bsb-about-service-grid .bsb-about-service li a { flex-wrap: wrap; font-size: 12px; }
 .bsb-about-service-grid .bsb-about-service-more { font-size: 11px; gap: 28px; }
}
@media print {
 .bsb-about-profile,.bsb-about-team,.bsb-about-service,.bsb-about-values article { box-shadow: none; }
 .bsb-about-signature { display: none; }
 .bsb-about-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* Service-area text uses black for clear contrast. */
.bsb-about-overview-footer p,.bsb-about-overview-footer p > span { color: #333; }

}
/* Unified phone, tablet and laptop adaptation, including 1920px. */
@media (max-width:1920px) {
/* About Zhongyun: typography, service diagrams and original company information. */
.bsb-about-page { --bsb-about-gap: clamp(52px,5vw,88px); }
.bsb-about-signature { grid-area: visual; display: grid; align-content: center; justify-items: start; padding: 22px 0 22px 38px; border-left: 1px solid #b7cbe270; color: #6382a6; }
.bsb-about-signature > span { font-size: 9px; letter-spacing: 1.2px; white-space: nowrap; }
.bsb-about-signature strong { display: block; margin-block: 8px; font-size: clamp(24px,1.8vw,36px); font-weight: 500; letter-spacing: 3px; color: #446992; white-space: nowrap; }
.bsb-about-signature > p { font-size: 11px; letter-spacing: 1.5px; color: #7e96b3; white-space: nowrap; }
.bsb-about-content { padding-block: 24px 80px; }
.bsb-about-content :where(section,article,div) { min-width: 0; }
.bsb-about-profile { display: grid; grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr); gap: 0; padding: 0; overflow: hidden; border: 1px solid #e0e8f3; border-radius: 14px; background: linear-gradient(115deg,#fff,#ffffffeb); box-shadow: 0 10px 30px #233e6610; }
.bsb-about-profile-heading h2 { font-size: clamp(29px,2.3vw,44px); line-height: 1.45; margin-top: 20px; letter-spacing: .5px; }
.bsb-about-profile-heading h2 em { font-style: normal; color: #5178ad; }
.bsb-about-profile-note { margin-top: 32px; color: #95a5b8; font-size: var(--bsb-small-size); line-height: 1.9; }
.bsb-about-profile-copy > p { color: #708098; font-size: var(--bsb-body-size); line-height: 1.95; margin-top: 16px; }
.bsb-about-profile-copy .bsb-about-legal-name { color: #2c4668; font-size: clamp(18px,1.25vw,24px); line-height: 1.7; margin-top: 0; font-weight: 600; }
.bsb-about-inline-link { display: inline-flex; align-items: center; gap: 20px; color: #426ba6; padding-block: 9px; font-size: var(--bsb-small-size); border-bottom: 1px solid #cfdbeb; margin-top: 20px; }
/* Company profile: strong brand panel paired with a compact editorial column. */
.bsb-about-profile-heading { grid-column: 1; grid-row: 1 / 3; padding: clamp(28px,3vw,54px); background: linear-gradient(135deg,#244b92,#346bb9 65%,#298c9b); color: #fff; display: flex; flex-direction: column; justify-content: center; }
.bsb-about-profile-heading .bsb-kicker { color: #c0dbff; }
.bsb-about-profile-heading h2 em { color: #9de8eb; }
.bsb-about-profile-note { color: #e0ecff; margin-top: 24px; }
.bsb-about-profile-copy { grid-column: 2; padding: clamp(28px,3vw,54px) clamp(28px,3vw,54px) 24px; }
.bsb-about-profile-copy > p { color: #52637b; line-height: 1.8; margin-top: 14px; }
.bsb-about-profile-copy .bsb-about-legal-name { color: #2053aa; }
.bsb-about-profile-facts { grid-column: 2; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0; gap: 12px; padding: 0 clamp(28px,3vw,54px) clamp(28px,3vw,54px); }
.bsb-about-profile-facts > div { border-top: 3px solid #448cd9; background: #edf4ff; padding: 16px 14px; border-radius: 0 0 7px 7px; }
.bsb-about-profile-facts > div:nth-child(2) { border-color: #309d9e; background: #e8f5f4; }
.bsb-about-profile-facts > div:nth-child(3) { border-color: #ce7960; background: #fbf0e9; }
.bsb-about-profile-facts dt { font-size: var(--bsb-small-size); font-weight: 600; color: #2c4668; margin-bottom: 6px; }
.bsb-about-profile-facts dd { margin: 0; font-size: clamp(12px,.75vw,16px); color: #52637b; line-height: 1.7; }
.bsb-about-section { margin-top: var(--bsb-about-gap); }
.bsb-about-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 44px; margin-bottom: 30px; }
.bsb-about-section-heading h2 { font-size: clamp(27px,2vw,38px); margin-top: 14px; line-height: 1.55; }
.bsb-about-section-heading > p { color: #7d8da2; font-size: var(--bsb-small-size); line-height: 1.9; padding-bottom: 5px; }
.bsb-about-service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.bsb-about-service { position: relative; padding: 28px; border-radius: 12px; background: linear-gradient(140deg,#fff,#f0f5fd); border: 1px solid #e1e9f4; box-shadow: 0 7px 24px #28466e0c; transition: transform .2s,box-shadow .2s; }
.bsb-about-service:nth-child(3n+2) { background: linear-gradient(140deg,#fff,#edf6f4); }
.bsb-about-service:nth-child(3n+3) { background: linear-gradient(140deg,#fff,#f2f0fa); }
.bsb-about-service:hover { transform: translateY(-3px); box-shadow: 0 12px 26px #28466e16; }
.bsb-about-service-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.bsb-about-service-icon { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid #dce7f6; background: #f2f6fc; border-radius: 10px; color: #668abd; }
.bsb-about-service-icon svg { width: 26px; height: 26px; }
.bsb-about-service-number { font-size: 27px; color: #c4d3e7; font-weight: 500; letter-spacing: 1px; }
.bsb-about-service h3 { margin-block: 22px 12px; font-size: clamp(20px,1.3vw,25px); }
.bsb-about-service > p { color: #7b8ba0; font-size: var(--bsb-small-size); line-height: 1.85; min-height: 3.7em; }
.bsb-about-service ul { display: flex; flex-wrap: wrap; gap: 6px 16px; list-style: none; border-top: 1px solid #dce6f380; margin-top: 22px; padding-top: 16px; }
.bsb-about-service li a { display: inline-flex; align-items: center; gap: 8px; padding-block: 4px; font-size: clamp(12px,.72vw,14px); color: #5c79a0; }
.bsb-about-service li span { opacity: .6; font-size: 11px; }
.bsb-about-team { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); background: #fff; border: 1px solid #e0e8f3; border-radius: 14px; box-shadow: 0 8px 25px #28466e0c; overflow: hidden; }
.bsb-about-team-heading { padding: clamp(30px,3.5vw,56px); background: linear-gradient(135deg,#e6eefc,#ecf4f3); }
.bsb-about-team-heading h2 { margin-block: 20px 24px; font-size: clamp(28px,2vw,40px); line-height: 1.6; }
.bsb-about-team-heading > p:not(.bsb-kicker) { color: #7186a0; font-size: var(--bsb-body-size); line-height: 1.95; }
.bsb-about-team-heading > span { display: block; margin-top: 32px; font-size: var(--bsb-small-size); color: #8ba0ba; }
.bsb-about-role-list { padding: 10px clamp(24px,3vw,48px); }
.bsb-about-role-list article { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 20px; padding-block: 26px; }
.bsb-about-role-list article + article { border-top: 1px solid #e6ecf4; }
.bsb-about-role-index { color: #a6bbd8; font-size: 20px; line-height: 1.5; }
.bsb-about-role-list article p:first-child { color: #9aaabe; font-size: 11px; letter-spacing: 1px; }
.bsb-about-role-list h3 { font-size: clamp(19px,1.2vw,23px); margin-block: 5px 9px; }
.bsb-about-role-list article p:last-child { color: #76879d; font-size: var(--bsb-small-size); line-height: 1.85; }
.bsb-about-values { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.bsb-about-values article { position: relative; overflow: hidden; padding: clamp(44px,3vw,64px) 26px; background: linear-gradient(140deg,#fff,#eef3fc); border: 1px solid #e1e9f4; border-radius: 12px; box-shadow: 0 6px 18px #28466e0a; }
.bsb-about-values article:nth-child(2) { background: linear-gradient(140deg,#fff,#edf5f1); }
.bsb-about-values article:nth-child(3) { background: linear-gradient(140deg,#fff,#f3eff9); }
.bsb-about-values article:nth-child(4) { background: linear-gradient(140deg,#fff,#f8f4ea); }
.bsb-about-value-word { display: inline-block; font-size: 44px; line-height: 1.15; font-weight: 500; color: #8da9ce; margin-bottom: 28px; }
.bsb-about-values h3 { font-size: clamp(19px,1.2vw,23px); margin-bottom: 13px; }
.bsb-about-values p { font-size: var(--bsb-small-size); color: #7b8a9e; line-height: 1.85; }
.bsb-about-process-panel { container-type: inline-size; padding: clamp(28px,3.8vw,60px); border-radius: 14px; background: linear-gradient(115deg,#e7effb,#eaf4f2); border: 1px solid #dce7f2; }
:root body.bsb-unified-headings #bsb-about-process-title { white-space: nowrap; font-size: min(var(--bsb-heading-title),6cqi); }
.bsb-about-process { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; list-style: none; margin-top: 38px; }
.bsb-about-process li { border-top: 1px solid #bacde4; padding-top: 22px; }
.bsb-about-process li > span { display: block; font-size: 27px; color: #829fc6; margin-bottom: 18px; }
.bsb-about-process h3 { font-size: clamp(18px,1.2vw,23px); margin-bottom: 12px; }
.bsb-about-process p { font-size: var(--bsb-small-size); line-height: 1.85; color: #7588a2; }
.bsb-about-area { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding-top: 28px; margin-top: 34px; border-top: 1px solid #cddbe9; }
.bsb-about-area > span { font-size: 12px; color: #8aa0ba; }
.bsb-about-area > p { flex: 1; font-size: var(--bsb-small-size); color: #627c9d; }
.bsb-about-area a { display: inline-flex; gap: 20px; font-size: var(--bsb-small-size); color: #42699f; }
.bsb-about-faq-section { display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: clamp(30px,6vw,100px); }
.bsb-about-faq-heading h2 { font-size: clamp(26px,2vw,38px); line-height: 1.6; margin-block: 18px 22px; }
:root body.bsb-unified-headings #bsb-about-faq-title { font-size: var(--bsb-heading-title); line-height: 1.3; }
.bsb-about-faq-heading > p:not(.bsb-kicker) { font-size: var(--bsb-small-size); line-height: 1.9; color: #8596ac; }
.bsb-about-faq { padding-top: 4px; }
.bsb-about-faq details { border-bottom: 1px solid #dce5f0; }
.bsb-about-faq summary { position: relative; display: flex; align-items: baseline; gap: 18px; padding: 22px 32px 22px 0; list-style: none; cursor: pointer; font-size: var(--bsb-body-size); color: #3c5577; }
.bsb-about-faq summary::-webkit-details-marker { display: none; }
.bsb-about-faq summary > span { font-size: 12px; color: #9aadc7; flex-shrink: 0; }
.bsb-about-faq summary::after { content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #8fa6c4; font-size: 22px; }
.bsb-about-faq details[open] summary::after { content: "−"; }
.bsb-about-faq details > p { padding: 0 30px 22px 34px; color: #7a8aa1; font-size: var(--bsb-small-size); line-height: 1.85; }
/* Saturated accents connect the company page to the homepage. */
.bsb-about-content .bsb-kicker { color: #2053aa; }
.bsb-about-profile-heading .bsb-kicker,.bsb-about-team-heading .bsb-kicker { color: #c3ddff; }
.bsb-about-section-heading > p,.bsb-about-role-list article p:last-child { color: #52637b; }
.bsb-about-service { --bsb-about-accent: #345fbd; --bsb-about-accent-end: #448cd9; background: #fff; border-color: #d6e2f3; border-top: 4px solid var(--bsb-about-accent); }
.bsb-about-service:nth-child(3n+2),.bsb-about-service:nth-child(3n+3) { background: #fff; }
.bsb-about-service:nth-child(2),.bsb-about-service:nth-child(6) { --bsb-about-accent: #5756c2; --bsb-about-accent-end: #8174df; }
.bsb-about-service:nth-child(3),.bsb-about-service:nth-child(5) { --bsb-about-accent: #257b8c; --bsb-about-accent-end: #309d9e; }
.bsb-about-service:nth-child(4) { --bsb-about-accent: #b64b59; --bsb-about-accent-end: #cf873e; }
.bsb-about-service-icon { color: #fff; background: linear-gradient(135deg,var(--bsb-about-accent-end),var(--bsb-about-accent)); border: 0; box-shadow: 0 5px 12px #233e6620; }
.bsb-about-service-number { color: var(--bsb-about-accent); opacity: .5; }
.bsb-about-service h3,.bsb-about-service li a { color: var(--bsb-about-accent); }
.bsb-about-service > p { color: #52637b; }
.bsb-about-team-heading { background: linear-gradient(135deg,#244b92,#346bb9); color: #fff; }
.bsb-about-team-heading > p:not(.bsb-kicker),.bsb-about-team-heading > span { color: #e0ecff; }
.bsb-about-role-index { color: #448cd9; font-weight: 600; }
.bsb-about-role-list article p:first-child { color: #257b8c; }
.bsb-about-values article { color: #fff; background: linear-gradient(125deg,#448cd9,#345fbd); border: 0; box-shadow: 0 10px 24px -8px #2857a33d; }
.bsb-about-values article:nth-child(2) { background: linear-gradient(125deg,#8174df,#5756c2); }
.bsb-about-values article:nth-child(3) { background: linear-gradient(125deg,#309d9e,#257b8c); }
.bsb-about-values article:nth-child(4) { background: linear-gradient(125deg,#c67a32,#b94b59); }
.bsb-about-values article .bsb-about-value-word { color: #fff; }
.bsb-about-values p { color: #fffffff0; }
.bsb-about-inline-link { color: #2053aa; border-color: #a6bedf; }
/* Restore the quieter process and question sections. */
.bsb-about-process-panel .bsb-kicker,.bsb-about-faq-heading .bsb-kicker { color: #8299b8; }
.bsb-about-process-panel .bsb-about-section-heading > p { color: #7d8da2; }
.bsb-about-faq-heading .bsb-about-inline-link { color: #426ba6; border-color: #cfdbeb; }
/* Service packages follow the homepage's colored cards and quiet decorative shapes. */
.bsb-about-services-section .bsb-about-section-heading { display: block; text-align: center; margin-bottom: clamp(28px,3vw,48px); }
.bsb-about-services-section .bsb-about-section-heading h2 br { display: none; }
.bsb-about-services-section .bsb-about-section-heading > p { max-width: none; margin-top: 14px; }
.bsb-about-service-grid .bsb-about-service { --bsb-service-from: #448cd9; --bsb-service-to: #345fbd; position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; padding: clamp(22px,1.6vw,30px); color: #fff; border: 1px solid #ffffff20; background: linear-gradient(125deg,var(--bsb-service-from),var(--bsb-service-to)); box-shadow: 0 10px 24px -8px #2d46733d; }
.bsb-about-service-grid .bsb-about-service:nth-child(1) { --bsb-service-from: #d18a43; --bsb-service-to: #c2646c; }
.bsb-about-service-grid .bsb-about-service:nth-child(2),.bsb-about-service-grid .bsb-about-service:nth-child(6) { --bsb-service-from: #8174df; --bsb-service-to: #5756c2; }
.bsb-about-service-grid .bsb-about-service:nth-child(5) { --bsb-service-from: #309d9e; --bsb-service-to: #257b8c; }
.bsb-about-service::before { content: ""; position: absolute; z-index: -1; width: clamp(240px,23vw,440px); aspect-ratio: 1; right: -20%; bottom: -65%; border-radius: 50%; background: linear-gradient(145deg,#ffffff24,#ffffff03 65%); box-shadow: 0 0 0 22px #ffffff06,0 0 0 46px #ffffff04; pointer-events: none; }
.bsb-about-service-top { display: block; }
.bsb-about-service .bsb-about-service-number { display: block; font-size: var(--bsb-small-size); color: #ffffffe0; opacity: 1; font-weight: 400; letter-spacing: .7px; }
.bsb-about-service .bsb-about-service-icon { position: absolute; top: -25px; right: -15px; width: clamp(110px,9vw,175px); height: auto; aspect-ratio: 1; background: transparent; border: 0; box-shadow: none; color: #fff; opacity: .09; transform: rotate(-12deg); pointer-events: none; }
.bsb-about-service:nth-child(even) .bsb-about-service-icon { transform: rotate(13deg); top: -32px; right: -8px; }
.bsb-about-service .bsb-about-service-icon svg { width: 100%; height: 100%; stroke-width: 1.9; }
.bsb-about-service-grid .bsb-about-service h3 { color: #fff; margin-block: 14px 8px; }
.bsb-about-service-grid .bsb-about-service > p { color: #fffffff0; min-height: 0; }
.bsb-about-service-grid .bsb-about-service ul { width: 100%; flex-direction: column; align-items: flex-start; gap: 2px; border: 0; padding: 0; margin-block: 14px 18px; }
.bsb-about-service li { position: relative; padding-left: 14px; }
.bsb-about-service li::before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; left: 0; top: 1em; background: #ffffffb3; }
.bsb-about-service-grid .bsb-about-service li a { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; padding-block: 3px; color: #fffffff0; font-size: var(--bsb-small-size); line-height: 1.65; }
.bsb-about-service li a strong { font-weight: 500; }
.bsb-about-service li a small { color: #ffffffe0; font-size: .92em; }
.bsb-about-service li a > span { display: none; }
.bsb-about-service-grid .bsb-about-service a:hover { color: #fff; }
.bsb-about-service li a:hover { text-decoration: none; }
.bsb-about-service-more { display: inline-flex; align-items: center; gap: 28px; margin-top: auto; padding: 7px 13px; border: 1px solid #ffffff70; border-radius: 4px; color: #fff; font-size: var(--bsb-small-size); transition: background .2s; }
.bsb-about-service-more:hover { background: #ffffff20; }
.bsb-about-service a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
/* A structured company overview balances the brand statement on the left. */
.bsb-about-profile-heading { grid-row: 1; }
.bsb-about-profile-copy { padding: clamp(26px,2.8vw,48px); }
.bsb-about-overview-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 18px; margin-bottom: 18px; }
.bsb-about-overview-label { font-size: clamp(12px,.65vw,14px); font-weight: 600; color: #1c62cf; }
.bsb-about-overview-label > span { font-size: .78em; font-weight: 400; letter-spacing: 1.6px; color: #8193ab; margin-left: 12px; }
.bsb-about-location { font-size: clamp(10px,.58vw,13px); color: #087d87; padding: 5px 10px; border-radius: 4px; background: #dff4f2; }
.bsb-about-profile-copy .bsb-about-legal-name { font-size: clamp(24px,1.7vw,34px); color: #173761; line-height: 1.45; font-weight: 700; letter-spacing: .3px; }
.bsb-about-profile-copy .bsb-about-overview-intro { font-size: clamp(13px,.76vw,17px); line-height: 1.85; margin-top: 14px; color: #52637b; }
.bsb-about-overview-points { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-block: 24px; }
.bsb-about-overview-points > div { position: relative; padding: 16px 0 0 36px; border-top: 1px solid #dce6f3; }
.bsb-about-overview-index { position: absolute; left: 0; top: 19px; color: #1c62cf; font-size: clamp(11px,.6vw,13px); font-weight: 600; }
.bsb-about-overview-points > div:nth-child(2) .bsb-about-overview-index { color: #078e96; }
.bsb-about-overview-points h3 { font-size: clamp(17px,1vw,22px); line-height: 1.5; margin-bottom: 10px; color: #2356a1; font-weight: 650; }
.bsb-about-overview-points > div:nth-child(2) h3 { color: #087f89; }
.bsb-about-overview-points p { font-size: clamp(12px,.68vw,15px); line-height: 1.85; color: #63738a; }
.bsb-about-stage-nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid #dce6f3; border-radius: 8px; background: linear-gradient(110deg,#f0f5fe,#f2f8f8); }
.bsb-about-stage-nav > a { position: relative; display: flex; flex-direction: column; gap: 5px; padding: 16px 26px 16px 16px; min-width: 0; transition: background .2s; }
.bsb-about-stage-nav > a + a { border-left: 1px solid #dce6f3; }
.bsb-about-stage-nav > a > span { color: #1c62cf; font-weight: 650; font-size: clamp(16px,.9vw,20px); }
.bsb-about-stage-nav > a:first-child { background: #eaf2ff; }
.bsb-about-stage-nav > a:nth-child(2) { background: #e5f4f2; }
.bsb-about-stage-nav > a:nth-child(2) > span { color: #087f89; }
.bsb-about-stage-nav > a:nth-child(3) { background: #efedfb; }
.bsb-about-stage-nav > a:nth-child(3) > span { color: #6654b8; }
.bsb-about-stage-nav small { color: #6a7a90; font-size: clamp(12px,.72vw,16px); line-height: 1.6; }
.bsb-about-stage-nav b { position: absolute; right: 12px; top: 17px; color: #7793b9; font-weight: 400; font-size: 13px; }
.bsb-about-stage-nav > a:hover { background: #d6e7ff; }
.bsb-about-overview-footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 22px; }
.bsb-about-overview-footer p { color: #697b92; font-size: clamp(13px,.74vw,16px); line-height: 1.8; font-weight: 600; }
.bsb-about-overview-footer p > span { display: block; font-size: .9em; color: #8193ab; margin-bottom: 3px; }
.bsb-about-overview-footer a { display: inline-flex; align-items: center; gap: 20px; padding: 10px 16px; border-radius: 5px; background: linear-gradient(115deg,#225dcc,#267f9e); color: #fff; font-size: clamp(12px,.68vw,15px); box-shadow: 0 4px 12px #2053aa20; }
.bsb-about-overview-footer a:hover { background: #183e80; color: #fff; }
@media (max-width:1180px) and (min-width:901px) {
 .bsb-about-profile { grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr); }
 .bsb-about-overview-points { gap: 16px; }
 .bsb-about-overview-points > div { padding-left: 0; }
 .bsb-about-overview-index { display: none; }
 .bsb-about-stage-nav > a { padding-left: 12px; }
}
@media (max-width:640px) {
 .bsb-about-overview-top { margin-bottom: 16px; }
 .bsb-about-overview-label > span { display: none; }
 .bsb-about-location { font-size: 10px; }
 .bsb-about-overview-points { grid-template-columns: minmax(0,1fr); gap: 16px; margin-block: 20px; }
 .bsb-about-overview-points h3 { font-size: 17px; }
 .bsb-about-overview-points p { font-size: 12px; }
 .bsb-about-stage-nav { grid-template-columns: minmax(0,1fr); }
 .bsb-about-stage-nav > a { display: grid; grid-template-columns: 65px minmax(0,1fr); gap: 8px; padding: 13px 28px 13px 14px; align-items: center; }
 .bsb-about-stage-nav > a + a { border-left: 0; border-top: 1px solid #dce6f3; }
 .bsb-about-stage-nav small { font-size: 12px; }
 .bsb-about-stage-nav b { top: 12px; }
 .bsb-about-overview-footer a { font-size: 12px; }
}
@media (min-width:1181px) {
 .bsb-about-content { padding-top: 30px; }
 .bsb-about-profile { padding: 0; }
 .bsb-about-profile-heading h2 { font-size: clamp(40px,calc(0.625vw + 32px),48px); }
 .bsb-about-profile-copy .bsb-about-legal-name { font-size: clamp(28px,calc(0.4375vw + 22.4px),33.6px); }
 .bsb-about-service { padding: 34px 36px; }
 .bsb-about-service li a { font-size: clamp(13px,calc(0.203125vw + 10.4px),15.6px); }
 .bsb-about-service h3,.bsb-about-values h3,.bsb-about-role-list h3,.bsb-about-process h3 { font-size: clamp(22px,calc(0.34375vw + 17.6px),26.4px); }
 .bsb-about-signature strong { font-size: 36px; }
}
@media (max-width:1180px) {
 .bsb-about-profile { gap: 0; }
 .bsb-about-profile-heading h2 { font-size: 31px; }
 .bsb-about-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .bsb-about-values { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .bsb-about-section-heading > p br { display: none; }
 .bsb-about-section-heading > p { max-width: 23em; }
 .bsb-about-team { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
 .bsb-about-role-list { padding-inline: 26px; }
 .bsb-about-role-list article { gap: 12px; }
}
@media (max-width:900px) {
 .bsb-about-profile { grid-template-columns: minmax(0,1fr); }
 .bsb-about-profile-heading { display: block; grid-column: 1; grid-row: auto; }
 .bsb-about-profile-copy,.bsb-about-profile-facts { grid-column: 1; }
 .bsb-about-profile-heading .bsb-kicker { grid-column: 1 / -1; }
 .bsb-about-profile-heading h2 { margin: 0; }
 .bsb-about-profile-note { margin: 18px 0 0; }
 .bsb-about-section-heading { align-items: start; }
 .bsb-about-section-heading h2 { font-size: 27px; }
 .bsb-about-section-heading > p { max-width: 20em; }
 .bsb-about-team { grid-template-columns: minmax(0,1fr); }
 .bsb-about-team-heading { padding: 32px; }
 .bsb-about-team-heading h2 br { display: none; }
 .bsb-about-team-heading > span { margin-top: 22px; }
 .bsb-about-role-list { padding: 6px 32px; }
 .bsb-about-process { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .bsb-about-faq-section { grid-template-columns: minmax(0,1fr); gap: 24px; }
 .bsb-about-faq-heading h2 br { display: none; }
}
@media (max-width:640px) {
 .bsb-about-page { --bsb-about-gap: 46px; }
 .bsb-about-signature { display: none; }
 .bsb-about-content { padding-block: 12px 48px; }
 .bsb-about-profile { padding: 0; gap: 0; }
 .bsb-about-profile-heading { display: block; padding: 28px 24px; }
 .bsb-about-profile-copy { padding: 24px; }
 .bsb-about-profile-heading h2 { font-size: 28px; margin-top: 18px; }
 .bsb-about-profile-note { margin-top: 16px; font-size: 12px; }
 .bsb-about-profile-note br { display: none; }
 .bsb-about-profile-copy .bsb-about-legal-name { font-size: 22px; }
 .bsb-about-profile-copy > p { font-size: 14px; line-height: 1.85; margin-top: 14px; }
 .bsb-about-inline-link { font-size: 12px; margin-top: 14px; }
 .bsb-about-profile-facts { grid-template-columns: minmax(0,1fr); gap: 10px; padding: 0 24px 24px; }
 .bsb-about-profile-facts > div { display: grid; grid-template-columns: 64px minmax(0,1fr); gap: 12px; }
 .bsb-about-profile-facts > div + div { border-left: 0; padding: 14px; }
 .bsb-about-profile-facts dt { margin: 0; font-size: 12px; }
 .bsb-about-profile-facts dd { font-size: 13px; }
 .bsb-about-section-heading { display: block; margin-bottom: 22px; }
 .bsb-about-section-heading h2 { font-size: 26px; margin-top: 10px; }
 .bsb-about-section-heading > p { font-size: 13px; margin-top: 16px; max-width: none; padding: 0; }
 .bsb-about-service-grid { grid-template-columns: minmax(0,1fr); gap: 14px; }
 .bsb-about-service { padding: 24px; }
 .bsb-about-service-top { gap: 14px; }
 .bsb-about-service-icon { width: 40px; height: 40px; }
 .bsb-about-service-icon svg { width: 23px; height: 23px; }
 .bsb-about-service-number { font-size: 24px; }
 .bsb-about-service h3 { margin-block: 16px 10px; font-size: 21px; }
 .bsb-about-service > p { min-height: 0; font-size: 13px; }
 .bsb-about-service ul { margin-top: 18px; padding-top: 12px; gap: 4px 16px; }
 .bsb-about-service li a { font-size: 12px; }
 .bsb-about-team-heading { padding: 28px 24px; }
 .bsb-about-team-heading h2 { font-size: 28px; margin-block: 16px 18px; }
 .bsb-about-team-heading > p:not(.bsb-kicker) { font-size: 14px; }
 .bsb-about-team-heading > span { font-size: 12px; }
 .bsb-about-role-list { padding-inline: 24px; }
 .bsb-about-role-list article { grid-template-columns: 26px minmax(0,1fr); gap: 10px; padding-block: 22px; }
 .bsb-about-role-list article p:last-child { font-size: 13px; }
 .bsb-about-role-list h3 { font-size: 20px; }
 .bsb-about-values { grid-template-columns: minmax(0,1fr); gap: 14px; }
 .bsb-about-values article { display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 8px 20px; padding: 34px 24px; }
 .bsb-about-value-word { grid-row: span 2; font-size: 38px; margin: 0; }
 .bsb-about-values h3 { font-size: 20px; margin: 0; }
 .bsb-about-values p { grid-column: 2; font-size: 13px; }
 .bsb-about-process-panel { padding: 28px 24px; }
 .bsb-about-process { grid-template-columns: minmax(0,1fr); gap: 20px; margin-top: 24px; }
 .bsb-about-process li { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 6px 14px; padding-top: 18px; }
 .bsb-about-process li > span { grid-row: span 2; font-size: 22px; margin: 0; }
 .bsb-about-process h3 { font-size: 18px; margin: 0; }
 .bsb-about-process p { grid-column: 2; font-size: 13px; }
 .bsb-about-area { display: block; margin-top: 26px; padding-top: 20px; }
 .bsb-about-area > p { font-size: 13px; margin-block: 8px 14px; line-height: 1.85; }
 .bsb-about-area a { font-size: 13px; }
 .bsb-about-faq-heading h2 { font-size: 26px; margin-block: 12px 16px; }
 .bsb-about-faq-heading h2 br { display: initial; }
 .bsb-about-faq summary { font-size: 14px; gap: 12px; padding-block: 18px; }
 .bsb-about-faq details > p { padding-left: 28px; padding-right: 10px; font-size: 13px; }
}
/* Compact service entries: two columns where the card has enough room. */
.bsb-about-service-grid .bsb-about-service { container-type: inline-size; }
.bsb-about-service-grid .bsb-about-service ul { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px 16px; }
.bsb-about-service-grid .bsb-about-service li a { display: flex; flex-wrap: nowrap; align-items: baseline; gap: 4px 10px; font-size: clamp(12px,.66vw,15px); line-height: 1.6; padding-block: 1px; }
.bsb-about-service li a strong { flex-shrink: 0; }
.bsb-about-service li a small { font-size: .92em; }
.bsb-about-service li::before { top: .75em; }
.bsb-about-service-grid .bsb-about-service-more { align-self: flex-end; font-size: clamp(11px,.58vw,13px); gap: 32px; padding: 8px 15px; letter-spacing: .5px; }
@media (min-width:641px) {
 @container (min-width:280px) {
  .bsb-about-service-grid .bsb-about-service ul { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 18px; }
  .bsb-about-service-grid .bsb-about-service li a { flex-direction: column; align-items: flex-start; gap: 3px; }
  .bsb-about-service li a strong { font-weight: 500; }
  .bsb-about-service li a small { font-size: .92em; }
 }
}
@media (max-width:640px) {
 .bsb-about-service-grid .bsb-about-service li a { flex-wrap: wrap; font-size: 12px; }
 .bsb-about-service-grid .bsb-about-service-more { font-size: 11px; gap: 28px; }
}
@media print {
 .bsb-about-profile,.bsb-about-team,.bsb-about-service,.bsb-about-values article { box-shadow: none; }
 .bsb-about-signature { display: none; }
 .bsb-about-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* Service-area text uses black for clear contrast. */
.bsb-about-overview-footer p,.bsb-about-overview-footer p > span { color: #333; }

}