@import url('/site/fonts.css?v=20261022-light-draft');
body{font-family:'DM Sans',Arial,sans-serif}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif}.hero-copy,.hero-art{min-width:0}.hero h1{font-size:clamp(46px,4.8vw,69px)}.outsourcing-feature{padding:85px 0 90px;background:#102345;color:white;overflow:hidden}.outsourcing-feature-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:85px;align-items:center}.outsourcing-feature-copy .eyebrow{margin-bottom:23px;color:#83bfff}.outsourcing-feature-copy h2{font-size:clamp(34px,3.3vw,47px);line-height:1.23;letter-spacing:-1.8px;margin-bottom:25px}.outsourcing-feature-copy h2 span{color:#83caff}.outsourcing-feature-copy>p:not(.eyebrow){color:#bdcce2;font-size:15px;line-height:1.95}.outsourcing-benefits{list-style:none;padding:0;margin:27px 0 31px}.outsourcing-benefits li{font-size:13px;color:#e3ebfa;padding-left:27px;position:relative;margin:14px 0}.outsourcing-benefits li::before{content:'✓';color:#72ceb6;position:absolute;left:0}.btn-white{background:white;color:#183e70}.btn-white:hover{background:#e8f1ff}.payroll-orbit{position:relative;height:450px;width:100%;display:grid;place-items:center}.payroll-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #436a923d}.ring-outer{width:450px;height:450px;background:#18355255}.ring-middle{width:365px;height:365px;background:#1b3b5a66}.ring-inner{width:280px;height:280px;background:#102345;border-color:#5282b26b}.payroll-center{position:relative;z-index:1;width:214px;height:214px;border-radius:50%;background:linear-gradient(140deg,#2d62c7,#173c80);box-shadow:0 20px 50px #0410243d;display:flex;flex-direction:column;align-items:center;justify-content:center}.payroll-center>span{font-family:Manrope,sans-serif;font-size:62px;line-height:1.15;letter-spacing:-5px;font-weight:800}.payroll-center>strong{font-size:19px;margin-top:8px}.payroll-center>small{font-size:13px;color:#b5d1f6;margin-top:3px}.orbit-label{position:absolute;z-index:2;background:white;border:1px solid #e8eff7;color:#23466c;font-weight:600;padding:12px 20px;font-size:11px;border-radius:9px;box-shadow:0 10px 30px #071b3225}.orbit-process{top:67px;left:0}.orbit-follow{right:-4px;top:178px}.orbit-support{bottom:58px;left:25px}.showcase-section{background:#f6f8fc}.showcase-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:65px;margin-bottom:35px}.showcase-heading h2{margin-bottom:0}.showcase-heading>div>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-bottom:12px;max-width:385px}.catalog-total{font-size:11px;font-weight:600;color:#607797}.showcase-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-bottom:24px;padding:18px 0;border-block:1px solid #dce4f1}.showcase-search{display:flex;align-items:center;gap:10px;min-width:280px;background:white;border:1px solid #d9e2f1;border-radius:8px;padding:8px 13px;flex:1;max-width:400px}.showcase-search>span:first-child{font-size:23px;color:#667c9f;line-height:1}.showcase-search input{border:0!important;background:white!important;padding:5px!important;font-size:12px;min-height:27px!important;outline:none;box-shadow:none}.showcase-search:focus-within{outline:2px solid #497ded;outline-offset:2px}.gallery-filters{display:flex;gap:7px}.gallery-filters button{min-height:40px;padding:8px 15px;background:white;border:1px solid #d9e2f1;border-radius:7px;font-size:11px}.gallery-filters button[aria-pressed=true]{background:#244aab;color:white;border-color:#244aab}#client-count{margin:0 0 0 auto;font-size:11px;color:#6f829d}.showcase-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #19365d15;border-color:#9db7e5}.showcase-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin:32px 0 24px}.showcase-actions p{font-size:10px;margin:0;color:#7b8da8}.showcase-section .clients-note{font-size:10px;line-height:1.8;max-width:850px;text-align:center;margin:auto;color:#7b8da8}.gallery-empty{grid-column:1/-1;text-align:center;padding:45px 15px;color:#6d7b91}.logo-lightbox{max-width:760px;padding:30px}.logo-lightbox .dialog-top h2{font-size:23px;letter-spacing:-.6px}.lightbox-image{height:300px;display:flex;align-items:center;justify-content:center;padding:20px;background:white}.lightbox-image img{max-width:100%;max-height:100%;object-fit:contain}.lightbox-nav{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:18px}.lightbox-nav button{border:1px solid #d9e1ed;background:#f7f9fd;border-radius:50%;width:42px;height:42px;font-size:20px}.lightbox-nav span{font-size:11px;color:#71829b}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.contact-grid h2{font-size:clamp(36px,3.6vw,49px)}
@media(max-width:1000px){.outsourcing-feature-grid{gap:45px}.payroll-orbit{height:390px}.ring-outer{width:390px;height:390px}.ring-middle{width:315px;height:315px}.ring-inner{width:250px;height:250px}.orbit-follow{right:-12px}.orbit-process{left:-8px;top:52px}.orbit-support{left:15px;bottom:44px}.showcase-heading{gap:40px}}
@media(max-width:850px){.outsourcing-feature-grid{gap:32px}.outsourcing-feature-copy h2{font-size:34px}.outsourcing-feature-copy>p:not(.eyebrow){font-size:13px}.payroll-orbit{height:340px}.ring-outer{width:340px;height:340px}.ring-middle{width:280px;height:280px}.ring-inner{width:220px;height:220px}.payroll-center{width:175px;height:175px}.payroll-center>span{font-size:50px}.payroll-center>strong{font-size:16px}.orbit-label{font-size:9px;padding:10px 14px}.orbit-follow{right:-12px;top:145px}.outsourcing-benefits li{font-size:12px}.showcase-heading h2{font-size:33px}.showcase-heading>div>p:not(.eyebrow){font-size:12px}#client-count{margin-left:0}.showcase-toolbar{gap:15px}}
@media(max-width:620px){.hero h1{font-size:clamp(43px,10vw,59px)}.outsourcing-feature{padding:45px 0 60px}.outsourcing-feature-grid{display:flex;flex-direction:column;gap:32px}.outsourcing-feature-copy{width:100%}.outsourcing-feature-copy h2{font-size:34px;letter-spacing:-1.3px}.outsourcing-feature-copy .eyebrow{font-size:8px}.outsourcing-feature-copy>p:not(.eyebrow){font-size:14px}.payroll-orbit{height:315px;max-width:345px;margin:auto}.ring-outer{width:315px;height:315px}.ring-middle{width:260px;height:260px}.ring-inner{width:215px;height:215px}.payroll-center{width:170px;height:170px}.orbit-label{font-size:9px;padding:10px 14px}.orbit-process{left:3px;top:36px}.orbit-follow{right:-2px;top:133px}.orbit-support{left:9px;bottom:31px}.outsourcing-feature-copy .btn{font-size:12px;width:100%;gap:15px}.showcase-heading{display:block;margin-bottom:25px}.showcase-heading h2{font-size:33px}.showcase-heading>div+div{margin-top:20px}.showcase-heading>div>p:not(.eyebrow){font-size:13px;max-width:none}.catalog-total{font-size:10px}.showcase-toolbar{gap:12px;padding:15px 0}.showcase-search{max-width:none;min-width:0;width:100%;flex-basis:100%;padding:7px 11px}.showcase-search input{font-size:16px!important}.gallery-filters button{font-size:11px;padding:9px 14px}#client-count{margin-left:auto;font-size:10px}.showcase-section .clients-note{font-size:9px}.showcase-actions .btn{font-size:12px;width:100%}.logo-lightbox{padding:22px 17px}.logo-lightbox .dialog-top h2{font-size:20px}.lightbox-image{height:230px;padding:10px}.lightbox-nav{margin-top:12px;gap:25px}}
.hero h1,.outsourcing-feature-copy h2,.solution-content h3,.about-grid h2{overflow-wrap:anywhere}.outsourcing-feature-copy,.showcase-heading>div,.contact-grid>div{min-width:0}.contact-methods strong{overflow-wrap:anywhere}

/* Compact client gallery, following the original BVSOFT card proportions. */
.showcase-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.showcase-card{border:1px solid #e5eaf0;background:#fff;border-radius:15px;padding:14px 12px 12px;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;position:relative;cursor:zoom-in;box-shadow:0 5px 20px #0f26460b;transition:transform .2s,box-shadow .2s,border-color .2s}
.showcase-logo{height:108px;width:100%;display:flex;align-items:center;justify-content:center}
.showcase-logo img{height:auto;width:auto;max-width:min(100%,170px);max-height:96px;object-fit:contain}
.showcase-client-name{font-size:12px;line-height:1.45;color:#546277;margin-top:10px;min-height:35px;display:flex;align-items:center;justify-content:center;max-width:100%;overflow-wrap:anywhere}
.showcase-zoom{position:absolute;top:7px;right:9px;font-size:8px;line-height:1.4;color:#3465c3;margin:0;opacity:0;transition:opacity .2s}
.showcase-card:hover .showcase-zoom,.showcase-card:focus-visible .showcase-zoom{opacity:1}
/* A restrained corporate emblem, kept in the flow beside the company name. */
.year-art-footer{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:14px;align-items:end;position:relative;z-index:1}
.year-art-footer>p{font-size:11px;color:#677d9c;line-height:1.9;margin:0}
.about-symbol{margin:0;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none}
.about-symbol img{width:100%;height:auto;display:block}
@media(max-width:1050px){
 .showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .year-art-footer{grid-template-columns:minmax(0,1fr) 128px;gap:12px}
}
@media(max-width:850px){.year-art-footer{grid-template-columns:minmax(0,1fr) 112px;gap:10px}.year-art-footer>p{font-size:10px}}
@media(max-width:760px){
 .showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
 .showcase-card{padding:10px 7px}
 .showcase-logo{height:86px}
 .showcase-logo img{max-height:78px;max-width:min(100%,145px)}
 .showcase-client-name{font-size:11px}
}
@media(max-width:620px){
 .year-art{display:block;padding:28px}
 .year-art>strong{margin:20px 0 26px}
 .year-line{left:-10%;bottom:100px;width:125%;height:40px;opacity:.25}
 .year-art-footer{grid-template-columns:minmax(0,1fr) 128px;gap:16px}
 .year-art-footer>p{font-size:10px}
 .about-symbol{border-radius:0}
}
@media(max-width:520px){
 .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .showcase-logo{height:92px}
 .showcase-logo img{max-height:82px}
 .showcase-client-name{min-height:33px}
 .year-art-footer{grid-template-columns:minmax(0,1fr) 118px;gap:12px}
}