/* Services overview: styles are scoped to this page. */
.services-overview{--hub-blue:#076cbd;--hub-ink:#092a55;background:#eff7ff;color:#233f62}
.services-overview h1,.services-overview h2,.services-overview h3{color:var(--hub-ink)}
.services-overview .eyebrow{color:#075ba8;font-size:11px;letter-spacing:1.7px;margin:0 0 10px}
.hub-hero{position:relative;isolation:isolate;overflow:hidden;min-height:366px;background:#edf5fc}
.hub-hero-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.hub-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f1f8ff9c,#fff4 55%,transparent 75%)}
.hub-hero .breadcrumbs{padding:22px 0 24px;color:#294466;font-size:12px}
.hub-hero-inner{position:relative;padding-bottom:34px}
.hub-hero-copy{position:relative;max-width:805px}
.hub-hero h1{font-size:var(--type-h1);line-height:1.08;margin:0 0 16px;letter-spacing:-1.5px;max-width:790px}
.hub-hero h1 span{color:var(--hub-blue)}
.hub-hero-intro{max-width:790px;margin:0;font-size:15px;line-height:1.65;color:#173453}
.hub-hero-benefits{display:flex;gap:24px;margin-top:34px}
.hub-hero-benefits>div{display:flex;align-items:center;gap:10px;min-width:0}
.hub-benefit-icon{display:flex;align-items:center;justify-content:center;flex:none;width:46px;height:42px}
.hub-benefit-icon .hub-supplied-icon{display:block;width:100%;height:100%}
.hub-hero-benefits strong{display:block;font-size:14px;font-weight:700;line-height:1.4;color:#123557}
.hub-hero-benefits small{display:block;font-size:12px;line-height:1.5;margin-top:4px;color:#496282}
.hub-note{margin:0;font:italic 25px/1.3 Georgia,'Times New Roman',serif;letter-spacing:.2px;color:#244f85;transform:rotate(-7deg)}
.hub-note:after{content:"";display:block;width:46px;height:3px;background:#e9ad3c;margin-top:16px;transform:rotate(7deg)}
.hub-hero-slogan{display:block;position:absolute;left:65%;top:40px;width:155px;height:auto;transform:translateX(-180px);filter:hue-rotate(-12deg) brightness(1.7) saturate(1.15)}
.hub-hero-caption{position:absolute;right:0;bottom:20px;display:flex;align-items:center;gap:28px;padding:16px 22px;background:#063458ed;color:#fff;font-size:15px;line-height:1.5;font-weight:600}
.hub-hero-caption .icon{width:24px;height:24px}
.hub-catalog{background:#eaf5ff url('/assets/images/arhitektura-fon-kataloga.svg') center top / 100% auto repeat-y}
.hub-category{padding:26px 0 28px;border-top:3px solid #ffffffda;scroll-margin-top:120px}
.hub-category-purpose{background:linear-gradient(110deg,#ffffff52,#dfeeff40)}
.hub-category-situation{background:linear-gradient(110deg,#ffffff5e,#f0f8ff33)}
.hub-category-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.hub-category-heading h2{margin:0;font-size:30px;line-height:1.2}
.hub-category-heading .text-link{font-size:12px;white-space:nowrap;color:#075da8}
.hub-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px}
.hub-service-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #cadff1;border-radius:7px;background:#fff;display:flex;min-height:211px;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.hub-card-photo{position:absolute;z-index:-2;right:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hub-service-card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#fffffff2 0%,#ffffffc9 30%,#ffffff91 48%,#ffffff14 74%,transparent 100%)}
.hub-card-copy{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:20px 22px}
.hub-card-copy>.icon{width:30px;height:30px;color:#0863b5;margin-bottom:12px;flex-shrink:0}
.hub-card-copy h3{font-size:18px;line-height:1.25;font-weight:700;letter-spacing:-.35px;margin:0 0 9px;max-width:95%}
.hub-card-copy p{font-size:13px;line-height:1.4;margin:0 0 16px;max-width:69%;color:#213e60}
.hub-card-link{display:flex;align-items:center;gap:12px;margin-top:auto;font-size:13px;line-height:1.5;font-weight:600;color:#005eb3}
.hub-card-link .icon{width:18px;height:18px}
.hub-service-card:hover{border-color:#83b6dd;box-shadow:0 5px 20px #1b5f9e1a}
.hub-service-card:focus-visible{outline:3px solid #1268b8;outline-offset:3px}
.hub-quote-panel{grid-column:span 2;display:flex;align-items:center;justify-content:center;gap:45px;min-height:184px;padding:28px;position:relative}
.hub-quote-art{display:block;width:min(84%,500px);height:auto;aspect-ratio:1355/375;flex:none}
.hub-category-purpose .hub-quote-art{width:min(78%,420px)}
.hub-quote-complex{width:min(48%,240px);aspect-ratio:auto;object-fit:contain;transform:translateX(-40px)}
.hub-quote-note-art{display:block;width:230px;max-width:40%;height:auto;object-fit:contain;flex:0 1 230px;transform:translateX(40px)}
.hub-quote{position:relative;color:#2d5584;font:italic 23px/1.55 Georgia,'Times New Roman',serif;margin:0;padding-left:70px}
.hub-quote>span{position:absolute;left:0;top:-21px;color:#bbd1e69c;font:bold 105px/1 Georgia,serif}
.hub-quote:after{content:"";display:block;width:46px;height:3px;background:#e8ad3e;margin-top:15px}
.hub-quote-panel>.hub-note{font-size:25px;max-width:230px}
.hub-selection{position:relative;isolation:isolate;overflow:hidden;border-top:3px solid white;border-bottom:3px solid white;background:#e9f4ff}
.hub-selection-photo{position:absolute;z-index:-2;right:10%;top:0;width:53%;height:100%;object-fit:cover;object-position:center 48%}
.hub-selection:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#eaf5ff 0%,#eaf5fff5 38%,#eaf5ff78 54%,#eaf5ff12 70%,#eaf5ffd9 87%,#f6fbff 100%)}
.hub-selection-inner{position:relative;padding-top:30px;padding-bottom:27px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hub-selection-copy{border-left:3px solid #e6aa37;padding-left:30px;max-width:780px}
.hub-selection h2{margin:0 0 10px;font-size:29px;line-height:1.2}
.hub-selection-copy>p{font-size:14px;line-height:1.5;max-width:670px;margin:0 0 17px}
.hub-selection-actions{display:flex;gap:14px;flex-wrap:wrap}
.hub-selection-actions .button{min-height:46px;padding:12px 18px;font-size:13px}
.hub-selection-actions .light-button{border:1px solid #b9cee5;background:#f6fbfff0;color:#123c68}
.hub-selection-links{display:flex;gap:10px;margin-top:14px;font-size:11px;color:#26496d}
.hub-selection-links>span{color:#d79f38}
.hub-selection-note{margin:0 15px 0 0;text-align:center;flex:none}
.hub-selection-note:after{margin-left:auto;margin-right:auto}
.services-overview .hub-lead{background:linear-gradient(90deg,#052c4cda,#042d50c9),url('/assets/images/zayavka-bankovskaya-garantiya-fon-2000x667.webp') center / cover;padding:29px 0 31px}
.hub-lead .lead-inner{gap:26px;align-items:center}
.hub-lead .lead-copy h2{font-size:28px;margin:0 0 9px;color:white}
.services-overview .hub-lead .eyebrow{font-size:11px;color:#b9d6ec;letter-spacing:1.7px}
.hub-lead .lead-copy>p:not(.eyebrow){font-size:13px;margin:0 0 14px}
.hub-lead .lead-fields{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.hub-lead .lead-fields>label:first-child{max-width:none}
.hub-lead .lead-fields input{height:48px;min-height:48px;padding:9px 10px;font-size:13px}
.hub-lead .lead-fields label span{font-size:12px;margin-bottom:5px}
.hub-lead .lead-fields .button{width:100%;height:48px;min-height:48px;padding:8px 12px;font-size:13px}
.hub-lead .consents{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px}
.hub-lead .consents label{font-size:13px;align-items:flex-start}
.hub-lead .form-preview-note{font-size:13px;margin:7px 0 0;color:#b9cede}
.hub-lead .lead-benefits{gap:12px;max-width:260px}
.hub-lead .lead-benefits li{font-size:16px}
.hub-lead .lead-benefits .icon{width:20px;height:20px;color:#d7b669}
.hub-lead-motto{font-size:14px;line-height:1.7;text-transform:uppercase;letter-spacing:1px;margin:22px 0 0;padding-left:22px;border-left:1px solid #7ebde347;color:#dfedf9}
.hub-lead-motto:after{content:"";display:block;width:43px;height:3px;background:#e8ac3e;margin-top:15px}
@media(min-width:1600px){.hub-hero-photo{object-position:right 61%}}
@media(max-width:1199px){
 .hub-hero-slogan{left:auto;right:1%;top:48px;width:130px}.hub-hero-copy{max-width:710px}.hub-hero h1{max-width:680px}.hub-hero-intro{max-width:670px}.hub-hero-benefits{gap:14px}.hub-hero-benefits strong{font-size:13px}.hub-hero-caption{display:none}
 .hub-card-copy{padding:18px}.hub-card-copy h3{font-size:17px}.hub-card-copy p{max-width:76%;font-size:12px}.hub-quote{font-size:21px;padding-left:52px}.hub-quote-panel{gap:20px;padding:20px}.hub-category-situation .hub-quote-art{width:min(40%,240px)}.hub-quote-note-art{width:180px;max-width:32%;flex-basis:180px}.hub-quote-panel>.hub-note{font-size:22px}
 .hub-selection-copy{max-width:700px}.hub-selection-note{font-size:22px}.hub-lead-motto{display:none}.hub-lead .lead-copy h2{font-size:26px}
}
@media(max-width:980px){
 .hub-hero-slogan{position:relative;left:auto;right:auto;top:auto;width:140px;max-width:65%;margin:50px 0 0 auto}.hub-hero{min-height:0}.hub-hero:before{background:linear-gradient(90deg,#f0f7fff5,#f0f7ffba 65%,#f0f7ff38)}.hub-hero h1{font-size:38px}.hub-hero-intro{font-size:14px}.hub-hero-benefits{gap:18px;flex-wrap:wrap}.hub-benefit-icon{width:36px;height:36px}.hub-benefit-icon .icon{width:22px;height:22px}
 .hub-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hub-category-heading h2{font-size:27px}.hub-category-procurement .hub-service-card:last-child{grid-column:span 2;max-width:calc(50% - 8px)}.hub-card-copy p{max-width:69%;font-size:13px}.hub-quote-panel{min-height:140px}
 .hub-selection-copy{max-width:78%;padding-left:22px}.hub-selection h2{font-size:26px}.hub-selection-note{font-size:20px;margin-right:0}.hub-selection-actions{gap:9px}.hub-selection-actions .button{font-size:12px;padding:11px 13px}
 .hub-lead .lead-inner{display:block}.hub-lead .lead-benefits{display:flex;flex-direction:row;flex-wrap:wrap;max-width:none;gap:10px 25px;margin:24px 0 0}
}
@media(max-width:767px){
 .hub-lead .lead-fields{width:min(100%,420px)}
 .hub-lead .lead-fields input,.hub-lead .lead-fields .button{height:48px;min-height:48px}
}
@media(max-width:640px){
 .hub-hero-slogan{width:120px;margin-top:54px}.hub-hero .breadcrumbs{padding:18px 0 20px}.hub-hero-inner{padding-bottom:25px}.hub-hero h1{font-size:30px;line-height:1.15;letter-spacing:-.8px}.hub-hero h1 br{display:none}.hub-hero-intro{font-size:14px;max-width:100%}.hub-hero-intro br{display:none}.hub-hero-photo{object-position:76% center}.hub-hero:before{background:#f0f7ffde}.hub-hero-benefits{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px}.hub-hero-benefits strong{font-size:14px}.hub-hero-benefits small{font-size:12px;margin-top:2px}
 .hub-catalog{background-size:auto 1200px}.hub-category{padding:24px 0}.hub-category-heading{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:16px}.hub-category-heading h2{font-size:26px}.hub-category-heading .text-link{font-size:12px}.hub-service-grid{grid-template-columns:1fr;gap:14px}.hub-category-procurement .hub-service-card:last-child{grid-column:auto;max-width:none}.hub-service-card{min-height:206px}.hub-card-copy{padding:20px}.hub-card-copy h3{font-size:18px;max-width:100%}.hub-card-copy p{font-size:14px;max-width:74%}.hub-card-copy>.icon{margin-bottom:12px}.hub-card-link{font-size:13px}
 .hub-quote-panel{grid-column:auto;padding:18px 5px;min-height:130px;flex-direction:column;gap:25px}.hub-category-situation .hub-quote-art{width:min(44%,160px)}.hub-quote-note-art{width:180px;max-width:65%}.hub-quote{font-size:21px;padding-left:42px}.hub-quote>span{font-size:85px;top:-14px}.hub-quote-panel>.hub-note{display:none}
 .hub-selection-inner{display:block;padding:25px 0 28px}.hub-selection-copy{max-width:100%;padding-left:18px}.hub-selection h2{font-size:26px}.hub-selection-copy>p{font-size:14px}.hub-selection-photo{width:100%;right:0}.hub-selection:before{background:#edf7ffeb}.hub-selection-note{display:none}.hub-selection-actions{flex-direction:column;align-items:stretch}.hub-selection-actions .button{font-size:13px}.hub-selection-links{font-size:11px;flex-wrap:wrap;gap:6px 10px}
 .services-overview .hub-lead{padding:28px 0}.hub-lead .lead-copy h2{font-size:26px}.hub-lead .lead-fields{grid-template-columns:1fr}.hub-lead .lead-fields>label:first-child{max-width:none}.hub-lead .lead-fields label:nth-child(2){max-width:240px}.hub-lead .lead-fields label span{font-size:13px}.hub-lead .lead-fields input,.hub-lead .lead-fields .button{font-size:14px;min-height:46px}.hub-lead .consents{flex-direction:column}.hub-lead .consents label{font-size:13px}.hub-lead .lead-benefits{display:grid;grid-template-columns:1fr;gap:10px}.hub-lead .form-preview-note{font-size:13px}
}
@media(max-width:374px){.hub-hero h1{font-size:28px}.hub-card-copy p{max-width:82%}}