@font-face{font-family:Inter;src:url('/assets/fonts/inter-cyrillic.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Shared type scale from the approved homepage reference. */
:root{
  --font-sans:Inter,Arial,sans-serif;
  --type-h1:2.75rem;
  --type-h2:2rem;
  --type-h3:1.5rem;
  --type-h4:1.25rem;
  --type-body:1rem;
  --type-secondary:.875rem;
  --type-meta:.75rem;
  --ink:#0f2d56;
  --muted:#687c93;
  --text:#344256;
}
body{font-family:var(--font-sans);font-size:var(--type-body);font-weight:400;line-height:1.6;color:var(--text)}
h1,h2,h3,h4,.button,.brand,.eyebrow,.estimate strong,.example-card strong,.large-phone,.bank-mark,.stats-inner strong,.stats-inner p{font-family:var(--font-sans)}
h1,.page-hero h1,.article-header h1{font-size:var(--type-h1);font-weight:700;line-height:1.2;letter-spacing:-.035em;color:var(--ink);overflow-wrap:break-word}
.page-hero h1,.article-header h1{text-wrap:balance}
h2,.content-block h2,.prose h2,.lead-copy h2,.contact-card h2{font-size:var(--type-h2);font-weight:700;line-height:1.25;letter-spacing:-.025em;color:var(--ink)}
h3,.prose h3,.service-text h3,.case-card h3,.article-card h3,.article-card h2,.result-top h3,.step h3,.notice h3{font-size:var(--type-h3);font-weight:600;line-height:1.3;letter-spacing:-.015em;color:var(--ink)}
h4,.article-toc h2,.feature-card h3,.difficulty h3{font-size:var(--type-h4);font-weight:600;line-height:1.3;color:var(--ink)}
.hero h1{font-family:var(--font-sans);font-size:var(--type-h1);font-weight:700;line-height:1.2;color:#fff}
.hero-subtitle{font-size:var(--type-h4);line-height:1.5;font-weight:600}
.hero-description{font-size:var(--type-body);line-height:1.6}
.hero-benefits span{font-size:var(--type-secondary);font-weight:500;line-height:1.5}
.hero-note{font-size:var(--type-meta);line-height:1.5}
.eyebrow,.result-top .eyebrow{font-size:var(--type-meta);font-weight:600;line-height:1.5;letter-spacing:.1em}
.button,.page-actions .button,.calc-actions .button,.lead-fields .button,.footer-grid .button{font-size:var(--type-secondary);font-weight:500;line-height:1.5}
.button{min-height:52px}
.page-hero>.container>p:not(.eyebrow),.content-block p,.prose,.check-list li,.contact-card p,.faq-item p,.notice{font-size:var(--type-body);font-weight:400;line-height:1.6;color:var(--text)}
.page-hero>.container>p:not(.eyebrow){max-width:860px}
.section-intro,.feature-card p,.service-text p,.step p,.case-card p,.article-card p,.faq-grid>div>p:not(.eyebrow),.example-card p,.example-card>span{font-size:var(--type-secondary);font-weight:400;line-height:1.5;color:var(--muted)}
.text-link,.service-text .text-link,.case-bottom,.law-links,.page-points span,.related-links>a,.sitemap-links a,.article-toc a{font-size:var(--type-secondary);font-weight:500;line-height:1.5}
.field-note,.small-note,.source-note,.article-meta,.article-byline,.breadcrumbs,.tag,.content-number,.company-details dt,.calculation-settings p,.estimate p,.estimate span,.calc-actions>span,.mini-bank>span:last-of-type{font-size:var(--type-meta);line-height:1.5}
.article-meta,.article-byline,.breadcrumbs,.source-note,.small-note,.field-note,.calculation-settings p,.estimate p,.company-details dt{color:var(--muted)}
.estimate strong,.example-card strong{font-size:var(--type-h2);font-weight:700;line-height:1.25;color:var(--ink)}
.large-phone{font-size:var(--type-h3);font-weight:600;line-height:1.3}
.company-details dd{font-size:var(--type-body);font-weight:600;line-height:1.6}
label,.form-grid label,.calculation-settings summary,.banks-caption,.bank-identity strong,.bank-apply,.bank-table th,.reset-filters,.filter-chips button{font-size:var(--type-secondary);font-weight:500;line-height:1.5}
input:not([type=checkbox]),select,textarea,.form-grid select{font-family:var(--font-sans);font-size:var(--type-body);font-weight:400;line-height:1.5;min-height:48px;color:var(--text)}
.bank-table,.prose table,.bank-table td p{font-size:var(--type-secondary);line-height:1.5}
.faq-item summary{font-size:var(--type-body);font-weight:500;line-height:1.5;color:var(--ink)}
.step h3,.steps-section h2,.lead-copy h2{color:#fff}
.step p,.lead-copy>p:not(.eyebrow){color:#d4e0ed;font-size:var(--type-secondary);line-height:1.5}
.lead-fields label span,.lead-benefits li{font-size:var(--type-secondary);font-weight:500;line-height:1.5}
.consents label,.form-preview-note{font-size:var(--type-meta);line-height:1.5}
.form-status{font-size:var(--type-secondary);line-height:1.5}
.lead-fields .button{width:100%;height:48px;min-height:48px;padding:10px 12px}
.lead-fields input{height:48px;min-height:48px}
.footer-grid h3{font-size:var(--type-secondary);font-weight:600;color:#fff}
.footer-grid p,.footer-grid>div>a:not(.brand):not(.button){font-size:var(--type-secondary);line-height:1.5}
.footer-bottom,.footer-disclaimer{font-size:var(--type-meta);line-height:1.5}
.brand>span{font-weight:700}
.article-layout{align-items:start}
.article-toc{max-height:calc(100dvh - 50px);overflow-y:auto}
.content-block,.article-card,.case-card,.service-card,.related-links>a{min-width:0}
.client-logos>div{min-width:0}
.client-logos img{max-width:min(100%,140px);transition:filter .2s,opacity .2s}
.content-block h2,.article-card h2,.article-card h3,.case-card h3,.service-text h3,.feature-card h3,.difficulty h3{overflow-wrap:break-word;hyphens:auto}
.calc-actions{flex-wrap:wrap}
.lead-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lead-fields>label:first-child{max-width:none}
.notice>h2{width:100%;font-size:18px}
.bank-mark.sber{background:#168451}
.bank-mark.tbank{background:#ffe045;color:#1a1a1a;font-size:16px}
.bank-mark.gpb{background:#154f8e;font-size:9px}
.bank-mark.rshb{background:#177a77;font-size:8px}

/* The same header and navigation on every route. */
.site-header,.site-header.on-hero{height:108px;background:linear-gradient(110deg,#fffffff5,#eaf3f9ee);color:var(--ink);border-bottom:1px solid #dce7ef;backdrop-filter:blur(14px)}
.header-inner{gap:28px}
.site-header .brand{gap:10px;color:var(--ink)}
.site-header .brand>.icon{width:40px;height:46px}
.site-header .brand>span{font-size:14px;line-height:1.25;letter-spacing:0;font-weight:700}
.header-inner nav{display:flex;align-items:center;justify-content:center;gap:20px;flex:1;min-width:0;font-size:14px;font-weight:500;line-height:1.5}
.header-inner nav>a,.nav-dropdown summary{padding:12px 0;white-space:nowrap;transition:color .15s}
.header-inner nav>a:hover,.nav-dropdown summary:hover{color:#2c6fae}
.header-inner nav [aria-current=page],.header-inner nav .is-active{color:#17588f;font-weight:600}
.header-inner nav>a[aria-current=page],.header-inner nav>a.is-active{box-shadow:inset 0 -2px #d7aa59}
.nav-dropdown summary{gap:5px}
.nav-dropdown summary .icon{width:14px;height:14px;transition:transform .15s}
.nav-dropdown[open] summary .icon{transform:rotate(180deg)}
.dropdown-panel{position:absolute;top:calc(100% + 10px);left:-18px;width:310px;padding:10px;max-height:calc(100dvh - 120px);overflow:auto;background:#fff;color:var(--ink);border:1px solid #dce6ef;border-radius:6px;box-shadow:0 16px 40px #173a6126;font-size:14px;font-weight:500;line-height:1.5}
.dropdown-panel a{padding:11px 12px;white-space:normal;min-height:44px}
.dropdown-panel a:hover,.dropdown-panel a[aria-current=page],.dropdown-panel a.is-active{background:#edf4fb;color:#17588f}
.header-contact{display:grid;grid-template-columns:22px auto;gap:1px 10px;white-space:nowrap;margin:0;line-height:1.5}
.header-contact>.icon{grid-column:1;grid-row:1/3;align-self:center;width:22px;height:26px;color:#bd934d}
.header-contact>a{grid-column:2;font-size:16px;font-weight:600;line-height:1.5}
.header-contact>span{grid-column:2;font-size:12px;line-height:1.5;color:#526982}
.header-cta{display:inline-flex;font-size:14px;font-weight:500;min-height:46px;padding:10px 21px;gap:16px;white-space:nowrap;flex-shrink:0}
.header-inner nav>.mobile-menu-cta{display:none}
.menu-toggle{color:var(--ink);width:44px;height:44px;justify-content:center;align-items:center;padding:10px;flex-shrink:0}
.menu-toggle span{transition:transform .15s,opacity .15s;width:23px;height:2px}
.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:1350px) and (min-width:1280px){
  .header-inner{gap:14px}
  .header-inner nav{gap:12px}
  .header-contact{grid-template-columns:auto}
  .header-contact>.icon{display:none}
  .header-contact>a,.header-contact>span{grid-column:1}
  .header-cta{padding:12px 15px;gap:10px}
}
@media(max-width:1279px){
  .site-header,.site-header.on-hero{height:92px}
  .header-inner{gap:22px}
  .header-contact{margin-left:auto}
  .header-inner nav{display:none}
  .menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;order:5}
  .header-inner nav.is-open{display:flex;position:absolute;top:92px;left:0;right:0;max-height:calc(100dvh - 92px);overflow:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:0;padding:18px 32px 24px;background:#fff;color:var(--ink);border-bottom:1px solid #dce7ef;box-shadow:0 20px 35px #14365225;font-size:16px}
  .header-inner nav>a,.nav-dropdown summary{padding:12px 6px;min-height:48px}
  .header-inner nav>a[aria-current=page],.header-inner nav>a.is-active{box-shadow:none;background:#edf4fb;border-radius:4px}
  .dropdown-panel{position:static;width:100%;margin:4px 0 12px;max-height:none;padding:6px;background:#f3f7fb;box-shadow:none;border-color:#e2ebf4}
  .dropdown-panel a{font-size:14px;padding:11px 14px}
  .header-inner nav>.mobile-menu-cta{display:inline-flex;align-self:flex-start;justify-content:center;color:#14273b;font-size:14px;margin-top:14px;padding:14px 22px;min-height:48px}
}
@media(max-width:980px){
  :root{--type-h1:2.375rem;--type-h2:1.875rem;--type-h3:1.5rem}
  .article-toc{max-height:none;overflow:visible}
  .lead-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
  .header-cta{display:none}
}
@media(max-width:640px){
  :root{--type-h1:1.875rem;--type-h2:1.625rem;--type-h3:1.375rem;--type-h4:1.25rem}
  .site-header,.site-header.on-hero{height:88px}
  .site-header .container{width:calc(100% - 28px)}
  .header-inner{gap:10px}
  .site-header .brand{gap:7px}
  .site-header .brand>.icon{width:30px;height:40px}
  .site-header .brand>span{font-size:12px;line-height:1.3}
  .header-contact{display:block}
  .header-contact>.icon{display:none}
  .header-contact>a{font-size:14px;font-weight:600}
  .header-contact>span{font-size:12px}
  .menu-toggle{width:40px;padding:8px}
  .header-inner nav.is-open{top:88px;padding:14px 18px 22px;max-height:calc(100dvh - 88px)}
  .hero-subtitle{font-size:18px}
  .hero-benefits span{font-size:12px}
  .hero-actions .button{font-size:14px;line-height:1.5;padding:12px 15px;min-height:50px}
  .hero-actions{flex-wrap:wrap}
  .hero-note{max-width:100%}
  .hero-inner{padding-bottom:285px}
  .content-block h2,.prose h2,.contact-card h2,.lead-copy h2{font-size:var(--type-h2)}
  .feature-card h3,.difficulty h3{font-size:18px}
  .service-grid{grid-template-columns:1fr}
  .service-text h3{font-size:22px}
  .service-text p,.service-text .text-link{font-size:14px}
  .service-text p{min-height:0}
  .service-photo{height:165px}
  .form-grid{grid-template-columns:1fr}
  .form-grid label,.form-grid select{font-size:16px}
  .form-grid .wide{grid-column:1}
  .calc-actions .button{font-size:14px;white-space:normal}
  .lead-fields{grid-template-columns:1fr}
  .lead-fields .button{font-size:14px}
  .lead-copy>p:not(.eyebrow),.page-points span{font-size:14px}
  .page-points span{align-items:flex-start}
  .check-list li{font-size:16px}
  .related-links>a,.article-toc a,.filter-chips button{font-size:14px}
  .bank-identity strong{font-size:14px}
  .large-phone{font-size:22px}
  .client-logos img{max-width:min(100%,85px)}
}
@media(max-width:374px){
  .site-header .container{width:calc(100% - 20px)}
  .header-inner{gap:4px}
  .site-header .brand>.icon{width:24px}
  .site-header .brand{gap:5px}
  .header-contact>a{font-size:13px}
  .header-contact>span{display:none}
  :root{--type-h1:1.75rem}
  .hero-actions{flex-direction:column;align-items:stretch}
}

.services-nav{display:flex;align-items:center;position:relative;gap:2px}
.services-nav>a{padding:12px 0;white-space:nowrap}
.services-nav .nav-dropdown{position:static}
.services-nav .nav-dropdown summary{padding:12px 4px;min-width:24px;justify-content:center}
.services-nav>a:hover,.services-nav>a.is-active,.services-nav>a[aria-current=page]{color:#2c6fae}
@media(min-width:1280px){
  .services-nav .nav-dropdown[open]::before{content:'';position:absolute;top:100%;left:-18px;width:310px;height:10px}
}
.services-hub-section:nth-of-type(odd){background:#f5f8fc}
.services-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.services-hub-card{display:flex;flex-direction:column;padding:28px;border:1px solid #dce6ef;border-radius:8px;background:#fff;color:#344256;text-decoration:none;transition:box-shadow .2s,border-color .2s}
.services-hub-card:hover{border-color:#c09a4f;box-shadow:0 8px 24px #173a6110}
.services-hub-card>.icon{width:36px;height:36px;color:#285b93;margin-bottom:18px}
.services-hub-card h3{margin:0 0 12px}
.services-hub-card p{margin:0 0 24px}
.services-hub-card>span{display:flex;align-items:center;gap:12px;margin-top:auto;color:#285b93;font-weight:600}
@media(max-width:1279px){.services-nav{display:block}.services-nav>a{display:inline-flex;align-items:center;min-height:48px;padding:12px 6px}.services-nav .nav-dropdown summary{position:absolute;right:0;top:0;width:48px;height:48px}.services-nav .dropdown-panel{position:static}}
@media(max-width:980px){.services-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.services-hub-grid{grid-template-columns:1fr}.services-hub-card{padding:22px}}

.service-page .page-hero{background:#edf4fb url('/assets/images/bankovskie-uslugi-fon-2077x757.webp') center right / cover no-repeat}
.service-page .page-hero h1{max-width:850px}
.service-page .page-hero>.container>p:not(.eyebrow){max-width:740px}
@media(max-width:980px){.service-page .page-hero{background-image:linear-gradient(90deg,#edf4fbeb,#edf4fba6),url('/assets/images/bankovskie-uslugi-fon-2077x757.webp')}}
.service-page .page-hero.banks-hero{background:#edf4fb;background-image:linear-gradient(90deg,#edf4fbf5 0%,#edf4fbdf 40%,#edf4fb00 80%),url('/assets/images/banki-bankovskie-garantii-hero-desktop-2760x570.webp');background-position:center right;background-size:cover;background-repeat:no-repeat;padding-block:68px 73px}
@media(max-width:980px){.service-page .page-hero.banks-hero{background-image:linear-gradient(90deg,#edf4fbeb,#edf4fba6),url('/assets/images/banki-bankovskie-garantii-hero-desktop-2760x570.webp')}}
@media(max-width:767px){.service-page .page-hero.banks-hero{background-image:linear-gradient(90deg,#edf4fbeb,#edf4fba6),url('/assets/images/banki-bankovskie-garantii-hero-mobile-750x756.webp');padding-block:77px 80px}}
.service-page .page-hero.price-hero{background:#edf4fb url('/assets/images/stoimost-bankovskoy-garantii-hero-desktop-2067x761.webp') center right / cover no-repeat}
.service-page .page-hero.price-hero>.container>p:not(.eyebrow){max-width:580px}
@media(max-width:980px){.service-page .page-hero.price-hero{background-image:linear-gradient(90deg,#edf4fbeb,#edf4fba6),url('/assets/images/stoimost-bankovskoy-garantii-hero-desktop-2067x761.webp')}}
@media(max-width:767px){.service-page .page-hero.price-hero{background-image:linear-gradient(90deg,#edf4fbeb,#edf4fba6),url('/assets/images/stoimost-bankovskoy-garantii-hero-mobile-2120x742.webp');background-position:right center}}
.page-hero.cases-hero{display:flex;align-items:center;min-height:349px;background:#edf4fb url('/assets/images/keysy-bankovskie-garantii-hero-desktop-2760x570.webp') center right / cover no-repeat}
@media(max-width:980px){.page-hero.cases-hero{background-image:linear-gradient(90deg,#edf4fbeb,#edf4fba6),url('/assets/images/keysy-bankovskie-garantii-hero-desktop-2760x570.webp')}}
@media(max-width:767px){.page-hero.cases-hero{min-height:378px;background-image:linear-gradient(90deg,#edf4fbeb,#edf4fba6),url('/assets/images/keysy-bankovskie-garantii-hero-mobile-1249x1259.webp')}}
.page-hero.blog-hero{display:flex;align-items:center;min-height:349px;background:#edf4fb;background-image:linear-gradient(90deg,#edf4fbf5 0%,#edf4fbdb 32%,#edf4fb00 68%),url('/assets/images/stati-bankovskie-garantii-hero-2760x570.webp');background-position:center right;background-size:cover;background-repeat:no-repeat}
@media(max-width:980px){.page-hero.blog-hero{background-image:linear-gradient(90deg,#edf4fbeb,#edf4fba6),url('/assets/images/stati-bankovskie-garantii-hero-2760x570.webp')}}
@media(max-width:767px){.page-hero.blog-hero{min-height:300px;background-position:right center}}
.page-hero.about-hero{display:flex;align-items:center;min-height:349px;background:#edf4fb url('/assets/images/o-kompanii-garant-finans-stroy-hero-2760x570.webp') center right / cover no-repeat}
.page-hero.about-hero>.container>p:not(.eyebrow){position:relative;top:7px}
@media(max-width:980px){.page-hero.about-hero{background-image:linear-gradient(90deg,#edf4fbeb,#edf4fba6),url('/assets/images/o-kompanii-garant-finans-stroy-hero-2760x570.webp')}}
@media(max-width:767px){.page-hero.about-hero{background-position:right center}}
.page-hero.contacts-hero{display:flex;align-items:center;min-height:349px;background:#edf4fb;background-image:linear-gradient(90deg,#edf4fbf5 0%,#edf4fbdb 32%,#edf4fb00 68%),url('/assets/images/kontakty-garant-finans-stroy-hero-2760x570.webp');background-position:center right;background-size:cover;background-repeat:no-repeat}
@media(max-width:980px){.page-hero.contacts-hero{background-image:linear-gradient(90deg,#edf4fbeb,#edf4fba6),url('/assets/images/kontakty-garant-finans-stroy-hero-2760x570.webp')}}
@media(max-width:767px){.page-hero.contacts-hero{background-position:right center}}

/* Use the services page's request form throughout the site. */
.lead-section{background:linear-gradient(90deg,#052c4cda,#042d50c9),url('/assets/images/zayavka-bankovskaya-garantiya-fon-2000x667.webp') center / cover;padding:29px 0 31px}
.lead-section .lead-inner{gap:26px;align-items:center}
.lead-section .lead-copy h2{font-size:28px;margin:0 0 9px}
.lead-section .eyebrow{font-size:11px;color:#b9d6ec;letter-spacing:1.7px}
.lead-section .lead-copy>p:not(.eyebrow){font-size:13px;margin:0 0 14px}
.lead-section .lead-fields label span{font-size:12px;margin-bottom:5px}
.lead-section .lead-fields input{height:48px;min-height:48px;padding:9px 10px;font-size:13px}
.lead-section .lead-fields .button{height:48px;min-height:48px;padding:8px 12px;font-size:13px}
.lead-section .consents{gap:8px 20px;margin-top:12px}
.lead-section .consents label{font-size:13px;align-items:flex-start}
.lead-section .form-preview-note{font-size:13px;margin:7px 0 0;color:#b9cede}
.lead-section .lead-benefits{gap:12px;max-width:260px}
.lead-section .lead-benefits li{font-size:16px}
.lead-section .lead-benefits .icon{width:20px;height:20px;color:#d7b669}
.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}
.lead-motto:after{content:"";display:block;width:43px;height:3px;background:#e8ac3e;margin-top:15px}
.home-lead-dialog .lead-motto{display:none}
@media(max-width:1199px){.lead-motto{display:none}}
@media(max-width:980px){
  .lead-section .lead-inner{display:block}
  .lead-section .lead-benefits{display:flex;flex-direction:row;flex-wrap:wrap;max-width:none;gap:10px 25px;margin:24px 0 0}
  .home-lead-dialog .lead-section .lead-benefits{display:none}
}
@media(max-width:767px){.lead-section .lead-fields{width:min(100%,420px)}}
@media(max-width:640px){
  .lead-section .lead-copy h2{font-size:26px}
  .lead-section .lead-benefits{display:grid;grid-template-columns:1fr;gap:10px}
  .lead-section .consents{flex-direction:column}
  .lead-section .lead-fields label span,.lead-section .form-preview-note{font-size:13px}
}