/* Approved homepage visual system, released 2026-10-26. */
.home-professional{--wide-gutter:clamp(28px,5vw,80px)}
.home-professional .sv-shell,.home-professional .global-header .gh-shell{width:calc(100% - var(--wide-gutter) * 2);max-width:1440px;margin-inline:auto}
.home-professional .global-header .gh-nav,.home-professional .global-header[lang=en] .gh-nav{font-size:16px;gap:clamp(14px,1.25vw,24px)}
.home-professional .global-header .gh-logo,.home-professional .global-header .gh-logo img{width:230px}
.home-professional .sv-hero{position:relative;overflow:hidden;min-height:clamp(620px,72vh,740px);background:#eef5f8}
.home-professional .sv-hero .sv-shell{position:static;display:block;min-height:clamp(620px,72vh,740px)}
.home-professional .sv-hero-media{position:absolute;inset:0;width:100%;height:100%;margin:0;transform:none;z-index:0}
.home-professional .sv-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center top}
.home-professional .sv-hero-media::after{background:linear-gradient(90deg,rgba(249,251,253,.99) 0%,rgba(249,251,253,.97) 22%,rgba(249,251,253,.8) 39%,rgba(249,251,253,.16) 58%,transparent 72%)}
.home-professional .sv-hero-copy{position:relative;z-index:2;width:min(720px,56%);min-height:clamp(620px,72vh,740px);padding:78px 0 154px;justify-content:center}
.home-professional:not(.home-en) #hero-title{font-size:clamp(40px,3.75vw,60px);max-width:none;line-height:1.26;letter-spacing:-.035em;margin-bottom:24px}
.home-professional:not(.home-en) #hero-title .hr-hero-line{display:block;white-space:nowrap}
.home-professional .sv-hero h1 em{display:inline}
.home-professional .sv-hero-lead,.home-professional.home-en .sv-hero-lead{font-size:18px;line-height:1.85;max-width:600px;color:#405a70;margin-bottom:0}
.home-professional .sv-actions{margin-top:30px;gap:14px}
.home-professional .sv-btn{font-size:16px;min-height:50px;padding:13px 24px}
.home-professional .sv-stats{position:absolute;inset:auto 0 0;width:100%;padding:20px max(var(--wide-gutter),calc((100% - 1440px)/2));grid-template-columns:repeat(4,minmax(0,1fr));background:rgba(9,38,65,.94);border:0;z-index:3}
.home-professional .sv-stat{padding:0 24px;text-align:center}
.home-professional .sv-stat strong{font-size:36px;line-height:1.2}
.home-professional .sv-stat span{font-size:16px;line-height:1.65;margin-top:5px}
.home-professional .sv-section,.home-professional .sv-capabilities{padding-block:80px}
.home-professional .sv-section h2,.home-professional .sv-capabilities h2,.home-professional .hb-trust-heading h2{font-size:clamp(30px,2.5vw,42px);line-height:1.4}
.home-professional .sv-section-intro,.home-professional .hr-stacked-heading>.sv-section-intro,.home-professional .hb-trust-heading p,.home-professional .hb-overview .sv-capability p,.home-professional .sv-case p,.home-professional .hb-special p,.home-professional .hb-quality-grid p,.home-professional .hb-quality-heading p,.home-professional .sv-faq-grid>div>p,.home-professional .sv-faq-list details p,.home-professional .sv-cta p{font-size:17px;line-height:1.85}
.home-professional .sv-capability-grid,.home-professional .sv-cases-grid,.home-professional .sv-solution-grid{gap:24px}
.home-professional .hb-overview .sv-capability h3{font-size:23px;line-height:1.5}
.home-professional .hb-solution .sv-solution-image{height:clamp(155px,11.5vw,210px)}
.home-professional .hb-solution h3{font-size:22px}
.home-professional .hb-solution p{font-size:16px;line-height:1.8}
.home-professional .sv-insight:not(.sv-insight-cover){padding:28px 28px 30px}
.home-professional .sv-insight-label{font-size:15px;line-height:1.8}
.home-professional .sv-insight h3{font-size:22px;line-height:1.5;margin-block:18px}
.home-professional .sv-insight li{font-size:16px;line-height:1.75;padding-block:13px}
.home-professional .sv-insight li a{display:block}
.home-professional .sv-text-link{font-size:16px;line-height:1.8}
.home-professional .hr-credential-line,.home-professional .hr-credential-line>span,.home-professional .hr-credential-line>a{font-size:15px;line-height:1.8}
.home-professional .hr-credential-line{justify-content:space-between;gap:14px 20px;padding-block:26px}
.home-professional.home-en .sv-hero h1{font-size:clamp(42px,3.75vw,60px);line-height:1.16;max-width:720px}
@media(max-width:1240px) and (min-width:961px){
 .home-professional .global-header .gh-nav,.home-professional .global-header[lang=en] .gh-nav{font-size:15px;gap:12px}
 .home-professional .global-header .gh-logo,.home-professional .global-header .gh-logo img{width:190px}
 .home-professional .sv-hero-lead{font-size:18px}
}
@media(max-width:1100px) and (min-width:761px){
 .home-professional .sv-hero-copy{width:min(650px,65%)}
 .home-professional .sv-capability-grid,.home-professional .sv-cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-professional .hb-industries .sv-solution-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .home-professional .sv-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-professional .sv-insight-cover{grid-column:1/-1}
}
@media(max-width:960px){
 .home-professional .global-header .gh-nav,.home-professional .global-header[lang=en] .gh-nav{font-size:15px;gap:22px}
 .home-professional .global-header .gh-nav a{padding-block:10px}
}
@media(max-width:760px){
 .home-professional{--wide-gutter:22px}
 .home-professional .sv-hero,.home-professional .sv-hero .sv-shell{min-height:0}
 .home-professional .sv-hero .sv-shell{display:flex;flex-direction:column}
 .home-professional .sv-hero-copy{order:1;width:100%;min-height:0;padding:46px 0 32px}
 .home-professional:not(.home-en) #hero-title{font-size:clamp(24px,7.2vw,38px);line-height:1.3;margin-bottom:20px}
 .home-professional .sv-hero-lead,.home-professional.home-en .sv-hero-lead{font-size:16px;line-height:1.85;max-width:none}
 .home-professional .sv-hero-media{position:relative;inset:auto;order:2;transform:none;width:calc(100% + var(--wide-gutter) * 2);height:270px;margin-inline:calc(-1 * var(--wide-gutter))}
 .home-professional .sv-hero-media img{object-position:right top}
 .home-professional .sv-hero-media::after{background:linear-gradient(0deg,rgba(9,38,65,.08),transparent 50%)}
 .home-professional .sv-stats{position:relative;inset:auto;order:3;width:calc(100% + var(--wide-gutter) * 2);margin-inline:calc(-1 * var(--wide-gutter));padding:24px var(--wide-gutter);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}
 .home-professional .sv-stat strong{font-size:30px}.home-professional .sv-stat span{font-size:14px}
 .home-professional .sv-stat{padding-inline:10px}.home-professional .sv-stat:nth-child(3){border-left:0}
 .home-professional .sv-actions{flex-wrap:wrap;margin-top:24px}.home-professional .sv-btn{font-size:15px;padding:12px 19px}
 .home-professional .sv-section,.home-professional .sv-capabilities{padding-block:52px}
 .home-professional .sv-section h2,.home-professional .sv-capabilities h2,.home-professional .hb-trust-heading h2{font-size:clamp(25px,6.8vw,32px);line-height:1.42}
 .home-professional .sv-section-intro,.home-professional .hr-stacked-heading>.sv-section-intro,.home-professional .hb-trust-heading p,.home-professional .hb-overview .sv-capability p,.home-professional .sv-case p,.home-professional .hb-special p,.home-professional .hb-quality-grid p,.home-professional .hb-quality-heading p,.home-professional .sv-faq-grid>div>p,.home-professional .sv-faq-list details p,.home-professional .sv-cta p{font-size:16px;line-height:1.85}
 .home-professional .sv-capability-grid,.home-professional .sv-cases-grid,.home-professional .sv-solution-grid{gap:16px}
 .home-professional .hb-overview .sv-capability h3{font-size:20px}
 .home-professional .hb-industries .sv-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-professional .hb-solution .sv-solution-image{height:125px}.home-professional .hb-solution h3{font-size:19px}.home-professional .hb-solution p{font-size:14px}
 .home-professional .sv-insight-grid{grid-template-columns:1fr}.home-professional .sv-insight-cover{grid-column:auto}
 .home-professional .sv-insight:not(.sv-insight-cover){padding:25px 24px}.home-professional .sv-insight h3{font-size:21px}.home-professional .sv-insight li{font-size:16px}
 .home-professional.home-en .sv-hero h1{font-size:clamp(34px,8vw,46px)}
}
@media(max-width:430px){.home-professional .sv-cases-grid{grid-template-columns:1fr}.home-professional .sv-case-image{height:190px}}
@media(max-width:360px){
 .home-professional .global-header .gh-logo,.home-professional .global-header .gh-logo img{width:190px;max-width:100%}
 .home-professional:not(.home-en) #hero-title{font-size:clamp(17px,6.8vw,25px)}
 .home-professional:not(.home-en) .hr-mobile-heading-part,.home-professional .sv-insight-cover h3 .hr-guide-title-line{white-space:normal}
 .home-professional .sv-capability-grid,.home-professional .hb-industries .sv-solution-grid{grid-template-columns:1fr}
 .home-professional .sv-footer-main{grid-template-columns:1fr}
}

/* 2026-10-26: keep the complete team artwork above a separate statistics bar. */
.home-professional .sv-hero,.home-professional .sv-hero .sv-shell,.home-professional .sv-hero-copy{min-height:max(620px,38vw)}
.home-professional .sv-hero-copy{padding-bottom:154px}
.home-professional .sv-hero-media img{object-fit:cover;object-position:center top}
.home-professional .sv-stats{position:relative;inset:auto;width:100%;margin-inline:0;background:#102f49}
@media(max-width:760px){
 .home-professional .sv-hero,.home-professional .sv-hero .sv-shell,.home-professional .sv-hero-copy{min-height:0}
 .home-professional .sv-hero-copy{padding-bottom:32px}
 .home-professional .sv-hero-media img{object-fit:cover;object-position:right top}
 .home-professional .sv-stats{width:100%;margin-inline:0}
}
