/* Navigation and lead forms matched to the live reference. */
html{scroll-padding-top:90px}
.reference-nav{display:flex;align-items:center;gap:36px;height:74px;padding:0 18px 0 48px;border-radius:10px;background:#ffffff08;color:#f1f1f1;font-family:'Artegra Sans Extended Alt',Arial,sans-serif;font-weight:900;font-size:18px;z-index:20}
.reference-nav-canvas{position:absolute;left:180px;top:40px;width:1560px}
.reference-brand{flex:none;display:block;width:200px}.reference-brand img{width:100%;height:auto;max-height:54px;object-fit:contain}
.reference-links{display:flex;gap:48px;align-items:center;margin-left:auto;margin-right:35px}.reference-links a{display:block;position:relative;white-space:nowrap;padding:8px 3px;transition:translate 200ms ease-in-out,color 200ms ease-in-out}
.reference-links a::before{content:"";position:absolute;left:-13px;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#1496df;opacity:0;transition:opacity 200ms linear;pointer-events:none}
.reference-callback{flex:none;width:326px;height:50px;border:1px solid currentColor;border-radius:8px;text-transform:uppercase;font:inherit;font-size:20px;transition:background-color 200ms ease-in-out,color 200ms ease-in-out,border-color 200ms ease-in-out}
.reference-nav-fixed{position:fixed;top:6px;left:0;right:0;margin:auto;width:1560px;zoom:var(--desktop-scale);background:#fff;color:#24282c;box-shadow:0 4px 22px #0002;opacity:0;visibility:hidden;pointer-events:none;translate:0 -10px;transition:opacity 200ms ease-in-out,translate 200ms ease-in-out,visibility 200ms;z-index:50}
.reference-nav-fixed.is-visible{opacity:1;visibility:visible;pointer-events:auto;translate:0 0}.reference-nav-fixed .reference-callback{background:#1897e0;border-color:#1897e0;color:#fff}
.reference-nav-reviews{max-width:1560px;margin:auto;padding-left:28px;font-size:14px}.reference-nav-reviews .reference-brand{width:180px}.reference-nav-reviews .reference-callback{width:240px;font-size:14px}.reference-nav-reviews .reference-links{gap:24px;margin-right:10px}
.reference-nav-mobile{position:absolute;top:12px;left:12px;right:12px;height:40px;padding:0 9px;gap:10px;border-radius:8px}.reference-nav-mobile .reference-brand{width:102px}.reference-nav-mobile .reference-links{display:none}.reference-nav-mobile .reference-callback{margin-left:auto;width:126px;height:25px;border-radius:6px;font-size:9px}
@media(hover:hover) and (pointer:fine){.reference-links a:hover::before{opacity:1}.reference-callback:hover{background:#ffffff12}.reference-nav-fixed .reference-callback:hover{background:#087dbb;border-color:#087dbb}.reference-form .primary-button:hover{background-position:100% 0}}
.reference-links a:focus-visible::before{opacity:1}

.reference-form{--field-height:55px;--field-font:13px;--form-gap:20px;display:grid;gap:var(--form-gap);font-family:Montserrat,Arial,sans-serif}
.reference-form .form-row{grid-template-columns:1fr 1fr;gap:15px;min-width:0}.field-group{min-width:0}
.reference-form input:not([type=checkbox]),.phone-field{height:var(--field-height);width:100%;border:1px solid #999;border-radius:6px;background:transparent;color:inherit;font-family:Montserrat,Arial,sans-serif;font-weight:400;font-size:var(--field-font);padding:0 20px;outline-offset:3px}
.reference-form input::placeholder{color:currentColor;opacity:.5}.phone-field{display:flex;align-items:center;padding:0 15px;gap:4px}
.reference-form .phone-field input{border:0;background:none;box-shadow:none;padding:0;height:100%;border-radius:0;outline:none;min-width:0;font-size:inherit}
.phone-field:focus-within{outline:2px solid #1496df99;outline-offset:2px}.country-field{position:relative;display:flex;align-items:center;flex:none;gap:7px;cursor:pointer;font-size:inherit;min-height:40px}
.country-field select{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer;font-size:16px;color:#222}.country-field select:focus-visible{opacity:.01;outline:none}
.country-flag{width:20px;height:14px;flex:none;display:inline-block;font:10px/14px Arial,sans-serif;text-align:center;border-radius:1px}.flag-ru{background:linear-gradient(#fff 0 33.33%,#1452af 33.33% 66.67%,#d22e34 66.67%)}.country-arrow{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #aaa;margin-left:-2px}.country-code{margin-left:2px;white-space:nowrap}
.reference-form .primary-button{min-height:60px;height:auto;margin:0;padding:14px 18px;border-radius:6px;background:linear-gradient(110deg,#087fba,#004668);color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.4;transition:background-position 300ms ease;background-size:120% 100%}
.reference-form .consent{display:flex;gap:10px;align-items:flex-start;margin:0;color:inherit;font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:1.2;cursor:pointer}.reference-form .consent input{appearance:none;-webkit-appearance:none;flex:none;margin:0;width:20px;height:20px;min-height:0;border:2px solid #a6b4bf;border-radius:0;padding:0;background:transparent;cursor:pointer;position:relative}.reference-form .consent input:checked::after{content:"";position:absolute;left:4px;top:0;width:6px;height:11px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg}.reference-form .consent a{border-bottom:1px solid transparent}.reference-form .consent a:hover{border-bottom-color:currentColor}.field-error{color:#ff8d83;font:12px/1.35 Montserrat,Arial,sans-serif;margin-top:5px}.field-error:empty{display:none}.reference-form [aria-invalid=true]{border-color:#ed665e}.reference-form .field-group:has([aria-invalid=true]) .phone-field{border-color:#ed665e}.reference-form .form-status{margin:0;font:13px/1.4 Montserrat,Arial,sans-serif}.footer-form .reference-form{gap:20px}.footer-form .reference-form>.primary-button,.footer-form .reference-form .consent{margin-top:0}.footer-form .field-error,.mobile-contact .field-error{color:#b52117}

#contact-dialog{--form-scale:min(calc(100vw / 1200px),1.6);width:calc(625px * var(--form-scale));max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:calc(44px * var(--form-scale)) calc(54px * var(--form-scale)) calc(32px * var(--form-scale));border-radius:calc(32px * var(--form-scale));background:#243b4d url("/optimized/0e3d2c82bbaa13d52c.webp") center/100% 100% no-repeat;color:#fff;box-shadow:none;overflow:auto;overscroll-behavior:contain}
#contact-dialog{--form-scale:1;padding-bottom:calc(36.5px * var(--form-scale))}#contact-dialog::backdrop{background:#0000001a;backdrop-filter:blur(5px)}
#contact-dialog h2{padding:0;margin:0;font-family:'Artegra Sans Extended Alt',Arial,sans-serif;font-weight:900;font-size:calc(27px * var(--form-scale));line-height:1.075;text-transform:uppercase;letter-spacing:0}
#contact-dialog h2>span{display:block;white-space:nowrap}.first-title-line{position:relative;padding-left:calc(27px * var(--form-scale))}.first-title-line::before{content:"";position:absolute;left:calc(10px * var(--form-scale));top:.35em;width:calc(8px * var(--form-scale));height:calc(8px * var(--form-scale));border-radius:50%;background:#1897e0}
#contact-description{font-family:Montserrat,Arial,sans-serif;font-size:calc(18px * var(--form-scale));line-height:1.22;margin:calc(12px * var(--form-scale)) 0 calc(20px * var(--form-scale))}
#contact-dialog .reference-form{--field-height:calc(55px * var(--form-scale));--field-font:calc(13px * var(--form-scale));--form-gap:calc(20px * var(--form-scale))}
#contact-dialog .form-row{gap:calc(15px * var(--form-scale))}#contact-dialog input:not([type=checkbox]),#contact-dialog .phone-field{border-color:#fff;border-radius:calc(6px * var(--form-scale));padding-left:calc(20px * var(--form-scale));padding-right:calc(20px * var(--form-scale))}
#contact-dialog .phone-field input{border:0;padding:0;border-radius:0}#contact-dialog .phone-field{gap:5px}#contact-dialog .country-flag{width:calc(20px * var(--form-scale));height:calc(14px * var(--form-scale))}
#contact-dialog .primary-button{min-height:calc(60px * var(--form-scale));font-size:calc(14px * var(--form-scale));border-radius:calc(6px * var(--form-scale))}
#contact-dialog .consent{font-size:calc(14px * var(--form-scale));gap:calc(10px * var(--form-scale));line-height:1.2}#contact-dialog .consent input{width:calc(20px * var(--form-scale));height:calc(20px * var(--form-scale))}
#contact-dialog .dialog-close{top:calc(24px * var(--form-scale));right:calc(24px * var(--form-scale));width:calc(38px * var(--form-scale));height:calc(38px * var(--form-scale));border-radius:0;font-size:0}
#contact-dialog .dialog-close::before,#contact-dialog .dialog-close::after{content:"";position:absolute;left:50%;top:50%;width:calc(32px * var(--form-scale));height:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}#contact-dialog .dialog-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
#contact-dialog.dialog-enter{animation:reference-form-enter 300ms ease-in-out both}@keyframes reference-form-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
#contact-dialog .dialog-close{transition:rotate 400ms ease-in-out}#contact-dialog .dialog-close::before,#contact-dialog .dialog-close::after{height:3px;border-radius:2px}@media(hover:hover){#contact-dialog .dialog-close:hover{rotate:180deg}}
@media(max-width:1199px){html{scroll-padding-top:24px}.reference-nav-fixed{display:none}.reference-nav-reviews .reference-links{display:none}.reference-nav-reviews{padding:0 12px;height:54px;gap:12px}.reference-nav-reviews .reference-brand{width:140px}.reference-nav-reviews .reference-callback{width:150px;height:32px;font-size:10px;margin-left:auto}.reference-nav-reviews .reference-brand img{max-height:36px}#contact-dialog{--form-scale:1;width:625px}}
@media(max-width:639px){#contact-dialog{--form-scale:calc(min(100vw,600px) / 320px);width:100%;max-width:100%;max-height:calc(100dvh - 16px);padding:calc(34px * var(--form-scale)) calc(21px * var(--form-scale)) calc(24px * var(--form-scale));border-radius:calc(20px * var(--form-scale))}#contact-dialog h2{font-size:calc(20px * var(--form-scale));line-height:1.3}#contact-description{font-size:calc(16px * var(--form-scale));line-height:1.25;margin:calc(8px * var(--form-scale)) 0 calc(16px * var(--form-scale))}.desktop-break{display:none}#contact-dialog .form-row{grid-template-columns:1fr;gap:var(--form-gap)}#contact-dialog .dialog-close{top:8px;right:15px;width:36px;height:36px}#contact-dialog .dialog-close::before,#contact-dialog .dialog-close::after{width:24px}#contact-dialog .consent{font-size:calc(12px * var(--form-scale))}.reference-nav-reviews{gap:8px}.reference-nav-reviews .reference-brand{width:110px}.reference-nav-reviews .reference-callback{width:132px;font-size:9px}.reference-form .form-row{grid-template-columns:1fr;gap:20px}.mobile-contact .reference-form{gap:20px}.mobile-contact .reference-form .consent{font-size:12px}}
@media(prefers-reduced-motion:reduce){.reference-nav-fixed,.reference-links a,.reference-links a::before,#contact-dialog .dialog-close{transition:none}.reference-links a:hover{translate:none}#contact-dialog .dialog-close:hover{rotate:none}#contact-dialog.dialog-enter{animation:none}}

#contact-dialog .reference-form .consent input:checked::after{border-color:#fff}
