@charset "UTF-8";@font-face{font-family:Gilroy;font-display:swap;src:url(../fonts/Gilroy-Regular.woff2) format("woff2"),url(../fonts/Gilroy-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Gilroy;font-display:swap;src:url(../fonts/Gilroy-Light.woff2) format("woff2"),url(../fonts/Gilroy-Light.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:icons;font-display:swap;src:url(../fonts/icons.woff2) format("woff2"),url(../fonts/icons.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Gilroy;font-display:swap;src:url(../fonts/Gilroy-Bold.woff2) format("woff2"),url(../fonts/Gilroy-Bold.woff) format("woff");font-weight:700;font-style:normal}[class*=_icon-]:before{font-family:icons;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class*=_icon-]:before{display:block}._icon-close:before{content:"\e909"}._icon-kak-1:before{content:"\e900"}._icon-kak-2:before{content:"\e901"}._icon-kak-3:before{content:"\e902"}._icon-kak-4:before{content:"\e903"}._icon-one-1:before{content:"\e904"}._icon-one-2:before{content:"\e905"}._icon-one-3:before{content:"\e906"}._icon-arrow:before{content:"\e907"}._icon-check:before{content:"\e908"}._icon-info:before{content:"\e90a"}._icon-map:before{content:"\e90b"}._icon-phone:before{content:"\e90e"}._icon-quotes:before{content:"\e90f"}._icon-telegram:before{content:"\e910"}._icon-whatsapp:before{content:"\e911"}*{padding:0;margin:0;border:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%;min-width:320px}body{color:#2c2c2d;line-height:1;font-family:Gilroy;font-size:1rem;background-color:#f1f6fa;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea{font-family:Gilroy;font-size:inherit}button{cursor:pointer;color:inherit;background-color:transparent}a{color:inherit;text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}.lock body{overflow:hidden;-ms-touch-action:none;touch-action:none;-ms-scroll-chaining:none;overscroll-behavior:none}.wrapper{min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}@supports (overflow:clip){.wrapper{overflow:clip}}.wrapper>main{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.wrapper>*{min-width:0}[class*=__container]{margin:0 auto;max-width:103.75rem}.button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:1.75rem 3.5rem;color:#fff;font-size:1.125rem;font-weight:700;border-radius:2.5rem;background-color:#0957de;border:2px solid #0957de;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;cursor:pointer}.button._fw{width:100%}.button-w{background-color:#fff;color:#2c2c2d;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}input[type=email],input[type=tel],input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input{border-radius:2.5rem;width:100%;display:block;padding:0 20px;background-color:transparent;border:1px solid #37363b;text-align:center;color:#fff;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.input._form-focus{border-color:#0957de}.input:focus{outline:0;border-color:#0957de}.input[placeholder]:not([data-placeholder-nohiden])::-webkit-input-placeholder{-webkit-transition:opacity .3s;transition:opacity .3s}.input[placeholder]:not([data-placeholder-nohiden])::-moz-placeholder{-moz-transition:opacity .3s;transition:opacity .3s}.input[placeholder]:not([data-placeholder-nohiden]):-ms-input-placeholder{-ms-transition:opacity .3s;transition:opacity .3s}.input[placeholder]:not([data-placeholder-nohiden])::-ms-input-placeholder{-ms-transition:opacity .3s;transition:opacity .3s}.input[placeholder]:not([data-placeholder-nohiden])::placeholder{-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.input[placeholder]:not([data-placeholder-nohiden]):focus::-webkit-input-placeholder{opacity:0}.input[placeholder]:not([data-placeholder-nohiden]):focus::-moz-placeholder{opacity:0}.input[placeholder]:not([data-placeholder-nohiden]):focus:-ms-input-placeholder{opacity:0}.input[placeholder]:not([data-placeholder-nohiden]):focus::-ms-input-placeholder{opacity:0}.input[placeholder]:not([data-placeholder-nohiden]):focus::placeholder{opacity:0}textarea.input{resize:none;padding:0 0}body::after{content:"";background-color:rgba(255,255,255,.85);position:fixed;width:100%;height:100%;top:0;left:0;opacity:0;-webkit-transition:opacity .8s ease 0s;-o-transition:opacity .8s ease 0s;transition:opacity .8s ease 0s;pointer-events:none;z-index:149}.popup-show body::after{opacity:1}.popup{position:fixed;top:0;left:0;bottom:0;right:0;padding:30px 10px;-webkit-transition:visibility .8s ease 0s;-o-transition:visibility .8s ease 0s;transition:visibility .8s ease 0s;visibility:hidden;pointer-events:none}.popup_show{z-index:150;visibility:visible;overflow:auto;pointer-events:auto}.popup_show .popup__content{visibility:visible;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.popup__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100%;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center}.popup__content{visibility:hidden;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s ease 0s;transition:-webkit-transform .3s ease 0s;-o-transition:transform .3s ease 0s;transition:transform .3s ease 0s;transition:transform .3s ease 0s,-webkit-transform .3s ease 0s;background-color:#1d1d20;width:100%;max-width:42.5rem;border-radius:1.875rem;position:relative;padding:4.0625rem 5.625rem 4.125rem 5.625rem}.popup__content .popup__contentshad{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;border-radius:1.875rem}.popup__content .popup__contentshad::after{content:"";width:0;height:0;position:absolute;top:-5%;left:50%;-webkit-box-shadow:10px 10px 188px 120px #0c46ac;box-shadow:10px 10px 188px 120px #0c46ac;border-radius:50%}.popup__content .popup__contentshad::before{content:"";width:0;height:0;position:absolute;bottom:-5%;right:0;-webkit-box-shadow:10px 10px 188px 120px #4b1e70;box-shadow:10px 10px 188px 120px #4b1e70;border-radius:50%}.lock .popup__content{visibility:visible}.popup__content .popup__close{position:absolute;top:0;right:1.25rem;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:3.125rem;height:3.125rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#de0909}.popup__content .popup__close::before{position:relative;z-index:1}.popup__content .popup__close::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:.625rem;background-color:#fff;-webkit-transform:skewY(-4deg);-ms-transform:skewY(-4deg);transform:skewY(-4deg)}.popup__content .popup__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:1}.popup__content .popup__title{font-size:2rem;line-height:2.625rem;font-weight:700;color:#fff;text-align:center;margin-bottom:1.4375rem}.popup__content .popup__sub{font-size:1.125rem;line-height:1.25rem;color:#fff;margin-bottom:3.75rem}.popup__content .popup__info{color:#fff;text-align:center;opacity:.25}.popup__content form{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.popup__content .help__input{padding:2.25rem 1.25rem 2.25rem 1.25rem;border-radius:2.8125rem;width:100%;display:block}.popup__content .help__input:first-child{margin-bottom:.9375rem}.popup__content .help__button{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin-top:1.875rem;margin-bottom:1.25rem}[class*=-ibg]{position:relative}[class*=-ibg] img{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover}[class*=-ibg_contain] img{-o-object-fit:contain;object-fit:contain}.title{font-size:3.75rem;line-height:4.375rem;font-weight:700}.title span{color:#0957de;border-bottom:2px dotted #0957de}.swiper-button{width:5rem;height:5rem;-webkit-box-flex:0;-ms-flex:0 0 5rem;flex:0 0 5rem;border-radius:50%;border:2px solid #e2ecf9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#0957de;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.swiper-button::before{font-size:1.875rem}.swiper-button-prev::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.header{padding:2.6875rem 0}.header__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.25rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header__logo-ibg_contain{-webkit-box-flex:0;-ms-flex:0 0 10.9375rem;flex:0 0 10.9375rem;height:1.4375rem;z-index:4}.header__logo-ibg_contain .header__logoimage-2{display:none}.menu-open .header__logo-ibg_contain .header__logoimage-2{display:block}.menu-open .header__logo-ibg_contain .header__logoimage-1{display:none}.header__actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2.75rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__tels{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;gap:.25rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:4}.header__tel{font-size:1.5rem;font-weight:700;white-space:nowrap;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.menu-open .header__tel{color:#fff}.header__tel-2{display:none;font-size:1.125rem;color:#0957de;width:2.5rem;-webkit-box-flex:0;-ms-flex:0 0 2.5rem;flex:0 0 2.5rem;height:2.625rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:.5rem;position:relative;z-index:4;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.header__tel-2::before{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.menu-open .header__tel-2::before{color:#fff}.header__tel-2::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border:2px solid #fff;border-radius:.5rem;-webkit-transform:skewY(-5deg);-ms-transform:skewY(-5deg);transform:skewY(-5deg)}.header__request{color:#0957de;border-bottom:1px dotted #0957de;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.menu-open .header__request{color:#fff;border-color:#fff}.header__links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.3125rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:4}.header__links a{border:2px solid #fff;border-radius:.625rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:2.5rem;width:2.8125rem;-webkit-box-flex:0;-ms-flex:0 0 2.8125rem;flex:0 0 2.8125rem;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.header__telegram{color:#039be5}.header__whatsapp{color:#1bd741}.header .heder__locations{display:none}.header .heder__locations .header__location{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem}.header .heder__locations .header__location::before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header .heder__locations .header__site{margin-top:.75rem;margin-bottom:1.375rem;display:block}.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:3.125rem;-moz-column-gap:3.125rem;column-gap:3.125rem;row-gap:.9375rem}.menu__link{line-height:2;font-weight:300;display:block}.icon-menu{display:none}.footer{padding-top:3.75rem}.footer__body{background-color:#161619;border-radius:1.875rem 1.875rem 0 0;color:#fff;position:relative;overflow:hidden}.footer__body::after{content:"";width:0;height:0;position:absolute;left:15%;top:-10%;-webkit-box-shadow:10px 10px 148px 82px #0c46ac;box-shadow:10px 10px 148px 82px #0c46ac;border-radius:50%}.footer__body::before{content:"";width:0;height:0;position:absolute;bottom:-25%;right:50%;-webkit-box-shadow:10px 10px 198px 82px #ab44fd;box-shadow:10px 10px 198px 82px #ab44fd;border-radius:50%}.footer__top{padding:4.375rem 4.375rem 2.5rem 4.375rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #212124}.footer__left .header__links a{border-color:rgba(255,255,255,.05)}.footer__logo-ibg{width:11.5rem;height:1.4375rem;display:block;margin-bottom:1rem}.footer__lefttext{font-size:.875rem;line-height:1.375rem;font-weight:300;opacity:.25;margin-bottom:1.75rem}.footer__menulist{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.25rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer__menuitem{-webkit-box-flex:0;-ms-flex:0 1 45%;flex:0 1 45%}.footer__menulink{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;font-size:1rem;line-height:1.125rem;font-weight:300;opacity:.25}.footer__locations{font-size:1rem;line-height:1.125rem;font-weight:300;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer__location{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.625rem}.footer__location::before{font-size:1.125rem;color:#0957de}.footer__actions{text-align:right}.footer__tel{font-size:2rem;font-weight:700;margin-bottom:.25rem;display:block}.footer__date{line-height:1.125rem;font-weight:300;opacity:.25;margin-bottom:.5rem}.footer__pl{line-height:1.125rem;color:#0957de;border-bottom:1px dotted #0957de;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;display:inline-block;margin-bottom:1.5625rem}.footer__site{font-size:1.125rem;font-weight:300;display:block;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.footer__bottom{padding:2.1875rem 4.375rem 1.875rem 4.375rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:.25}.footer__bottomtext{line-height:1.125rem;font-weight:300}.footer__bottomlinks{line-height:1.125rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.75rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer__bottomlink{font-weight:300;border-bottom:1px solid #fff;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.first{padding-top:1.25rem}.first__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;padding-bottom:10.4375rem;padding-top:5.375rem}.first__content{max-width:35rem;position:relative;z-index:2}.first__title{font-size:4.625rem;line-height:1.0810810811;font-weight:700;margin-bottom:2.9375rem}.first__title span{color:#0957de;border-bottom:2px dotted #0957de;display:inline-block;line-height:1}.first__checks{margin-bottom:3.6875rem}.first__check{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.125rem;font-size:1.375rem;line-height:1.4545454545}.first__check:not(:last-child){margin-bottom:.625rem}.first__check::before{font-size:.6875rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#0957de}.first__image-ibg{width:46.1875rem;padding-top:48.2%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-40%);-ms-transform:translateX(-40%);transform:translateX(-40%)}.first__image-ibg img{z-index:1}.first__info{position:absolute;bottom:7.5rem;left:0}.first__name{font-weight:700;padding:1.125rem 10rem 1.125rem 2.1875rem;position:relative;max-width:21.875rem;margin-bottom:1.125rem}.first__name span{position:relative}.first__name::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;border-radius:.625rem;background-color:#fff;-webkit-transform:skewX(-10deg);-ms-transform:skewX(-10deg);transform:skewX(-10deg)}.first__position{font-size:.875rem;line-height:1.4285714286;font-weight:300;padding-left:2.75rem;max-width:12.5rem}.first__items{max-width:17.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.1875rem;position:relative}.first__items::before{content:"";width:0;height:0;position:absolute;top:0;left:0;-webkit-box-shadow:10px 10px 73px 52px #c383fc;box-shadow:10px 10px 73px 52px #c383fc;border-radius:50%}.first__items::after{content:"";width:0;height:0;position:absolute;bottom:5rem;right:5rem;-webkit-box-shadow:10px 10px 100px 70px #c383fc;box-shadow:10px 10px 100px 70px #c383fc;border-radius:50%}.first__items .first__item:nth-child(2)::after{content:"";width:0;height:0;position:absolute;bottom:0;right:0;-webkit-box-shadow:10px 10px 111px 93px #496dfd;box-shadow:10px 10px 111px 93px #496dfd;border-radius:50%}.first__item{padding:2.4375rem 3.25rem 1.1875rem 2.1875rem;position:relative;z-index:1}.first__item::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:.9375rem;background-color:#fff;opacity:.5;-webkit-transform:skewY(-4deg);-ms-transform:skewY(-4deg);transform:skewY(-4deg);z-index:1}.first__itemname{font-size:2rem;font-weight:700;margin-bottom:.4375rem;position:relative;z-index:2}.first__itemdesc{line-height:1.5;position:relative;z-index:2}.why{padding-bottom:2.5rem}.why__body{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem}.why__left{-webkit-box-flex:0;-ms-flex:0 1 24.09%;flex:0 1 24.09%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5625rem;position:relative}.why__left::after{content:"";width:0;height:0;position:absolute;top:60%;right:0;-webkit-box-shadow:10px 10px 100px 70px #c383fc;box-shadow:10px 10px 100px 70px #c383fc;border-radius:50%}.why__left::before{content:"";width:0;height:0;position:absolute;top:43%;right:0;-webkit-box-shadow:10px 10px 111px 93px #496dfd;box-shadow:10px 10px 111px 93px #496dfd;border-radius:50%}.why__item{-webkit-box-flex:1;-ms-flex:1 1 33.333%;flex:1 1 33.333%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.125rem;padding:3.75rem 2.5rem 1.25rem 2.5rem;position:relative;text-align:center;-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto}.why__item::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:.9375rem;background-color:#fff;opacity:.5;-webkit-transform:skewY(-4deg);-ms-transform:skewY(-4deg);transform:skewY(-4deg);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;z-index:1;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.why__name{position:relative;font-size:2rem;font-weight:700;z-index:1}.why__desc{position:relative;line-height:1.125;z-index:1}.why__icon{position:relative;font-size:2.1875rem;color:#0957de;z-index:1}.why__right{-webkit-box-flex:0;-ms-flex:0 1 74.69%;flex:0 1 74.69%;padding-left:3.4375rem;padding-right:3.125rem;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;gap:2.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.why__right::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:.9375rem;background-color:#fff;-webkit-transform:skewY(-4deg);-ms-transform:skewY(-4deg);transform:skewY(-4deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;z-index:1}.why__content{-webkit-box-flex:0;-ms-flex:0 1 64.5%;flex:0 1 64.5%;position:relative;padding-top:4.75rem;padding-bottom:5rem;z-index:1}.why__title{font-size:2.625rem;line-height:1.2380952381;font-weight:700;margin-bottom:3.25rem}.why__title span{color:#0957de}.why__text{line-height:1.5;font-weight:300;margin-bottom:3.875rem}.why__quotes{line-height:1.5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:1.25rem;max-width:33.125rem}.why__quotes span{display:block;padding-left:1.25rem;border-left:2px solid #f4f4f4}.why__quotes::before{font-size:1.6875rem;color:#0957de}.why__info{position:relative;-webkit-box-flex:0;-ms-flex:0 1 34.22%;flex:0 1 34.22%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4.5625rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:1}.why__infotop{line-height:1.5;font-weight:300;position:relative;text-align:center;max-width:17.5rem;margin-right:1.0625rem;margin-left:auto}.why__infotop span{position:relative;padding:2.5rem 2.6875rem 2.4375rem 2.6875rem;display:block}.why__infotop span::after{content:"";width:2rem;height:2rem;background-color:#fff;border-radius:.625rem;position:absolute;top:-10%;right:15%}.why__infotop span::before{content:"";width:.75rem;height:.75rem;border-radius:.25rem;background-color:#0957de;position:absolute;top:calc(-10% + 10px);right:calc(15% + 10px);z-index:1}.why__infotop::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:.9375rem;background-color:#f1f6fa;-webkit-transform:skewY(-4deg);-ms-transform:skewY(-4deg);transform:skewY(-4deg)}.why__image-ibg{padding-top:100%}.why__image-ibg::after{content:"";position:absolute;width:100%;padding-top:23%;bottom:0;left:0;background-color:#f1f6fa;-webkit-transform:skewY(-4deg);-ms-transform:skewY(-4deg);transform:skewY(-4deg);-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}.what{padding-top:1.375rem}.what__body{display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff;padding:0 13rem 4.0625rem 8.625rem;position:relative;gap:1.25rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.what__body .why__bodyshad{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform:skewY(-4deg);-ms-transform:skewY(-4deg);transform:skewY(-4deg);overflow:hidden;border-radius:1.875rem}.what__body .why__bodyshad::after{content:"";width:0;height:0;position:absolute;bottom:0;left:18%;-webkit-box-shadow:10px 10px 128px 160px #0c46ac;box-shadow:10px 10px 128px 160px #0c46ac;border-radius:50%}.what__body .why__bodyshad::before{content:"";width:0;height:0;position:absolute;top:20%;right:0;-webkit-box-shadow:10px 10px 196px 228px #66239c;box-shadow:10px 10px 196px 228px #66239c;border-radius:50%}.what__body::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform:skewY(-4deg);-ms-transform:skewY(-4deg);transform:skewY(-4deg);background-color:#161619;border-radius:1.875rem}.what__title{color:#fff;-webkit-box-flex:0;-ms-flex:0 1 30rem;flex:0 1 30rem;position:relative;padding-top:8.5rem}.what__title span{border-bottom:2px dotted #0957de}.what__title .now{color:#fff;white-space:nowrap;border:none}.what__content{position:relative;padding-top:3.125rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 42.5rem;flex:0 1 42.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.what__image{-webkit-box-flex:0;-ms-flex:0 0 17.125rem;flex:0 0 17.125rem;position:relative}.what__image img{max-width:100%;position:relative}.what__image::before{content:"";width:0;height:0;position:absolute;top:50%;left:20%;-webkit-box-shadow:10px 10px 40px 30px #525254;box-shadow:10px 10px 40px 30px #525254;border-radius:50%}.what__rows .what__row:nth-child(1).what__gic{width:13rem}.what__row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.what__row:not(:last-child){margin-bottom:1.875rem}.what__cont{-webkit-box-flex:0;-ms-flex:0 0 12.5rem;flex:0 0 12.5rem}.what__name{font-size:2rem;margin-bottom:.1875rem;font-weight:700}.what__text{line-height:1.5rem;font-weight:300}.what__gic{-webkit-transform:skewY(-8deg);-ms-transform:skewY(-8deg);transform:skewY(-8deg);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;position:absolute;right:100%;top:50%;height:.125rem;background:center/2px 2px -webkit-gradient(linear,left top,right top,from(#0957de),to(rgba(9,87,222,0)));background:center/2px 2px -o-linear-gradient(left,#0957de 0,rgba(9,87,222,0) 100%);background:center/2px 2px linear-gradient(90deg,#0957de 0,rgba(9,87,222,0) 100%)}.what__gic::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:-o-linear-gradient(38deg,rgba(9,87,222,0) 0,#161619 100%);background:linear-gradient(52deg,rgba(9,87,222,0) 0,#161619 100%)}.what__row-1 .what__gic{width:13rem}.what__row-2 .what__gic{width:12.375rem}.what__row-3 .what__gic{width:17.0625rem}.what__row-4 .what__gic{width:17.9375rem}.what__decor{width:1.875rem;height:1.875rem;-webkit-box-flex:0;-ms-flex:0 0 1.875rem;flex:0 0 1.875rem;border-radius:.375rem;background-color:#fff;position:absolute;right:100%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.what__decor::after{content:"";position:absolute;width:.5rem;height:.5rem;border-radius:.25rem;background-color:#0957de;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cases{padding-top:7.1875rem;padding-bottom:2.5rem}.cases__title{text-align:center;margin-bottom:4.1875rem}.cases__body{position:relative}.cases__body::before{content:"";width:0;height:0;position:absolute;top:0;left:25%;-webkit-box-shadow:10px 10px 128px 82px #0c46ac;box-shadow:10px 10px 128px 82px #0c46ac;border-radius:50%}.cases__body::after{content:"";width:0;height:0;position:absolute;top:20%;left:30%;-webkit-box-shadow:10px 10px 100px 70px #c383fc;box-shadow:10px 10px 100px 70px #c383fc;border-radius:50%}.cases__bodyshad{position:absolute;width:100%;height:100%;top:0;left:0}.cases__bodyshad span{position:absolute;width:100%;height:100%;top:0;left:0}.cases__bodyshad span::after{content:"";width:0;height:0;position:absolute;top:20%;right:0;-webkit-box-shadow:10px 10px 52px 45px #c383fc;box-shadow:10px 10px 52px 45px #c383fc;border-radius:50%}.cases__bodyshad::before{content:"";width:0;height:0;position:absolute;bottom:30%;right:35%;-webkit-box-shadow:10px 10px 81px 51px #0c46ac;box-shadow:10px 10px 81px 51px #0c46ac;border-radius:50%}.cases__bodyshad::after{content:"";width:0;height:0;position:absolute;bottom:10%;right:35%;-webkit-box-shadow:10px 10px 100px 70px #c383fc;box-shadow:10px 10px 100px 70px #c383fc;border-radius:50%}.cases__item{padding:3.125rem;background-color:#fff;border-radius:.9375rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:1}.cases__image-ibg{max-width:15.75rem;padding-top:17.75%;margin-bottom:1.6875rem}.cases__name{font-size:1.375rem;line-height:2rem;font-weight:700;margin-bottom:1.3125rem;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cases__link{font-size:1.125rem;color:#0957de;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;margin-bottom:2.125rem;display:block}.cases__checks{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:.875rem;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;margin-bottom:2rem}.cases__check{font-weight:300;color:#0c0d0d;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cases__check::before{font-size:.5rem;color:#0957de}.cases__prices{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.625rem;margin-bottom:2.1875rem}.cases__priceitem{border-radius:.9375rem;background-color:#f3f7fe;padding:1.25rem .625rem 1.125rem 1.5625rem;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}.cases__price{font-size:1.375rem;margin-bottom:.1875rem;font-weight:700}.cases__pricetext{opacity:.85;font-weight:300}.cases__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.625rem}.cases__button{padding:1.3125rem 1.25rem;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cases__slider{margin-bottom:1.875rem}.cases__controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:3.125rem;position:relative}.comments{padding-top:2.8125rem;padding-bottom:3.75rem}.comments__title{max-width:43.125rem;text-align:center;margin:0 auto 2.375rem auto}.comments__body{position:relative}.comments__body::before{content:"";width:0;height:0;position:absolute;bottom:50%;left:17%;-webkit-box-shadow:10px 10px 128px 82px #587cfd;box-shadow:10px 10px 128px 82px #587cfd;border-radius:50%}.comments__body::after{content:"";width:0;height:0;position:absolute;bottom:0;right:17%;-webkit-box-shadow:10px 10px 128px 82px #ab44fd;box-shadow:10px 10px 128px 82px #ab44fd;border-radius:50%}.comments__slider{position:relative;z-index:1}.comments__slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.4375rem}.comments__top{max-width:16.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.comments__image-ibg{width:6.25rem;height:6.25rem;margin-bottom:1.9375rem;border-radius:.9375rem;-webkit-transform:skewY(-4deg);-ms-transform:skewY(-4deg);transform:skewY(-4deg);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;overflow:hidden}.comments__name{margin-bottom:.6875rem;font-size:1.125rem;font-weight:700}.comments__position{opacity:.85;font-size:.875rem;line-height:1rem;font-weight:300}.comments__bottom{border-radius:.9375rem;background-color:rgba(255,255,255,.5);padding:3.125rem 1.25rem 3.4375rem 1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;gap:.9375rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:68.75rem}.comments__text{max-width:55.3125rem;font-size:1.375rem;line-height:2rem}.comments__link{text-decoration:underline;font-size:1.125rem;color:#0957de}.comments__controls{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;top:5%;width:100%;max-width:33.75rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.comments__swiper-button-prev{position:absolute;top:0;left:0}.comments__swiper-button-next{position:absolute;top:0;right:0}.way{padding-top:3.125rem;padding-bottom:3.75rem}.way__body{max-width:68.75rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.way__leftbody{-webkit-box-flex:0;-ms-flex:0 1 25rem;flex:0 1 25rem}.way__title{margin-bottom:2.1875rem}.way__title>span{display:block;border:none}.way__subtitle{font-size:1.375rem;line-height:2rem;font-weight:700;margin-bottom:1.25rem}.way__text{line-height:1.5rem;font-weight:300;margin-bottom:1.25rem;opacity:.85}.way__button{padding:1.9375rem 3.4375rem}.way__right{-webkit-box-flex:0;-ms-flex:0 1 33.75rem;flex:0 1 33.75rem;padding-top:.625rem}.way__item{padding:4.6875rem 3.875rem 2.125rem 3.125rem;border-radius:.9375rem;position:relative;color:#fff}.way__item:not(:last-child){margin-bottom:11px}.way__item::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:.9375rem;background-color:#161619;-webkit-transform:skewY(-4deg);-ms-transform:skewY(-4deg);transform:skewY(-4deg);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}.way .way__itemshad{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform:skewY(-4deg);-ms-transform:skewY(-4deg);transform:skewY(-4deg);border-radius:.9375rem;overflow:hidden;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}.way .way__item .way__itemshad::after{content:"";width:0;height:0;position:absolute;border-radius:50%}.way .way__item-1 .way__itemshad::after{top:0;right:0;-webkit-box-shadow:10px 10px 128px 82px #587cfd;box-shadow:10px 10px 128px 82px #587cfd}.way .way__item-4 .way__itemshad::after{top:0;right:0;-webkit-box-shadow:10px 10px 128px 82px #7621bc;box-shadow:10px 10px 128px 82px #7621bc}.way .way__item-2 .way__itemshad::after{top:0;left:0;-webkit-box-shadow:10px 10px 128px 82px #7621bc;box-shadow:10px 10px 128px 82px #7621bc}.way .way__item-6 .way__itemshad::after{bottom:0;right:10%;-webkit-box-shadow:10px 10px 148px 102px #7621bc;box-shadow:10px 10px 148px 102px #7621bc}.way .way__item-3 .way__itemshad::after{bottom:-20%;right:50%;-webkit-box-shadow:10px 10px 148px 102px #587cfd;box-shadow:10px 10px 148px 102px #587cfd}.way .way__item-5 .way__itemshad::after{bottom:50%;left:-20%;-webkit-box-shadow:10px 10px 148px 102px #587cfd;box-shadow:10px 10px 148px 102px #587cfd}.way__itemtop{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem;-webkit-box-align:start;-ms-flex-align:start;align-items:start;margin-bottom:1rem}.way__itemtiv{padding:.6875rem 1rem .25rem .875rem;position:relative;font-size:1.375rem;font-weight:700;border-radius:.625rem}.way__itemtiv span{position:relative}.way__itemtiv::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#0957de;-webkit-transform:skewY(-4deg);-ms-transform:skewY(-4deg);transform:skewY(-4deg);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;border-radius:.625rem}.way__itemname{font-size:1.375rem;line-height:2rem;font-weight:700;-webkit-box-flex:0;-ms-flex:0 1 20.125rem;flex:0 1 20.125rem}.way__itemtext{position:relative;line-height:1.5rem;font-weight:300;opacity:.5}.services{padding-top:5.25rem;padding-bottom:3.75rem}.services__container{position:relative}.services__container::after{content:"";width:0;height:0;position:absolute;bottom:50%;left:32%;-webkit-box-shadow:10px 10px 128px 82px #ab44fd;box-shadow:10px 10px 128px 82px #ab44fd;border-radius:50%}.services__container::before{content:"";width:0;height:0;position:absolute;top:40%;right:37%;-webkit-box-shadow:10px 10px 128px 82px #ab44fd;box-shadow:10px 10px 128px 82px #ab44fd;border-radius:50%}.services__title{text-align:center;margin-bottom:3.4375rem}.services__body{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem;-webkit-box-align:start;-ms-flex-align:start;align-items:start;position:relative}.services__body::after{content:"";width:0;height:0;position:absolute;top:20%;right:33%;-webkit-box-shadow:10px 10px 128px 82px #587cfd;box-shadow:10px 10px 128px 82px #587cfd;border-radius:50%}.services__body::before{content:"";width:0;height:0;position:absolute;bottom:40%;left:30%;-webkit-box-shadow:10px 10px 81px 51px #0c46ac;box-shadow:10px 10px 81px 51px #0c46ac;border-radius:50%}.services .services__bodyshad{width:0;height:0;position:absolute;top:40%;right:0;-webkit-box-shadow:10px 10px 68px 42px #ab44fd;box-shadow:10px 10px 68px 42px #ab44fd;border-radius:50%}.services__item{-webkit-box-flex:1;-ms-flex:1 1 33.333%;flex:1 1 33.333%;border-radius:.9375rem;background-color:rgba(255,255,255,.5);padding:2.5rem 3.125rem 2.1875rem 3.125rem;position:relative;z-index:1}.services__name{font-size:2rem;font-weight:700;color:#0957de;margin-bottom:1.875rem;padding-bottom:2.125rem;border-bottom:2px solid #eef0f3}.services .services__blockcont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.6875rem;margin-bottom:1.875rem}.services__blockname{font-size:1.375rem;line-height:1.5rem;font-weight:700;margin-bottom:.75rem}.services__list li{opacity:.85;font-size:1rem;line-height:1.125rem;font-weight:300;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5625rem;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.services__list li:not(:last-child){margin-bottom:.4375rem}.services__list li::before{color:#0957de;font-size:.5rem;margin-top:.375rem}.services .services__fire-ibg{width:.625rem;-webkit-box-flex:0;-ms-flex:0 0 .625rem;flex:0 0 .625rem;height:.8125rem;margin-top:.1875rem}.services__prices{margin:0 -3.125rem 2.1875rem -3.125rem;padding:1.625rem 3.125rem 1.875rem 3.125rem;background-color:#0957de;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.9375rem}.services__price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end}.services__pricename{line-height:1.125rem}.services__dots{border-bottom:1px dotted #fff;opacity:.25;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.services__pricetiv{font-size:2rem;line-height:2.125rem;font-weight:700}.services .services__buttoncont{text-align:center}.help{padding-top:3.75rem;padding-bottom:3.75rem}.help__title{max-width:61.875rem;text-align:center;margin:0 auto 3.5625rem auto}.help__body{border-radius:1.875rem;background-color:#161619;overflow:hidden;padding-top:3.375rem;color:#fff;position:relative}.help__body::after{content:"";width:0;height:0;position:absolute;top:-20%;left:18%;-webkit-box-shadow:10px 10px 128px 160px #102f66;box-shadow:10px 10px 128px 160px #102f66;border-radius:50%}.help__top{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 4.375rem 0 4.3125rem;position:relative;overflow:hidden}.help__top::before{content:"";width:0;height:0;position:absolute;bottom:-20%;right:0;-webkit-box-shadow:10px 10px 128px 160px #421d60;box-shadow:10px 10px 128px 160px #421d60;border-radius:50%}.help__name{font-size:2rem;line-height:2.625rem;font-weight:700;-webkit-box-flex:0;-ms-flex:0 1 31.5625rem;flex:0 1 31.5625rem;padding-top:1.1875rem}.help__name span{color:#0957de}.help__image-ibg{-webkit-box-flex:0;-ms-flex:0 1 21.25rem;flex:0 1 21.25rem;padding-top:22.9%;position:relative}.help__image-ibg::before{content:"";width:0;height:0;position:absolute;top:70%;right:12%;-webkit-box-shadow:10px 10px 60px 40px #525254;box-shadow:10px 10px 60px 40px #525254;border-radius:50%}.help__checks{padding-top:1.1875rem;padding-right:6.875rem}.help__cheksname{font-size:1.375rem;line-height:1.5rem;margin-bottom:.75rem}.help__chekslist{font-size:1.125rem;line-height:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.625rem;font-weight:300;margin-bottom:1.875rem}.help__chekslist li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:.5rem}.help__chekslist li span{opacity:.5}.help__chekslist li::before{color:#0957de;opacity:1;font-size:.6875rem;margin-top:.3125rem}.help__checksprices{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.8125rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.help__checkprice{font-size:2.625rem;line-height:2.8125rem;font-weight:700}.help__checkprice span{font-size:2rem}.help__checkprice:first-child{color:#38ca57}.help__checkprice:last-child{text-decoration:line-through;opacity:.1}.help__bottom{background-color:#1d1d20;padding:3.125rem 4.375rem 2.4375rem 4.3125rem;margin-top:-4.875rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.help__warns{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem;-webkit-box-flex:0;-ms-flex:0 1 56%;flex:0 1 56%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:.625rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.help__warn{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem;font-size:1.375rem;line-height:2rem}.help__warn:first-child{-webkit-box-flex:0;-ms-flex:0 1 21.25rem;flex:0 1 21.25rem}.help__warn:last-child{-webkit-box-flex:0;-ms-flex:0 1 22.5rem;flex:0 1 22.5rem;font-size:1rem;line-height:1.625rem;font-weight:300}.help__warn:last-child span{opacity:.55}.help__warn::before{color:#de0909;margin-top:.25rem;font-size:1.375rem}.help__formbody{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.625rem;margin-bottom:.9375rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.help .help__input{-webkit-box-flex:0;-ms-flex:0 0 17.875rem;flex:0 0 17.875rem;width:17.875rem;font-size:1.125rem}.help__button{-webkit-box-flex:0;-ms-flex:0 0 17.875rem;flex:0 0 17.875rem;width:17.875rem;padding:1.8125rem 1.875rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.help__desc{font-size:.875rem;line-height:1rem;opacity:.5;text-align:center;font-weight:300}.help__desc a{text-decoration:underline}.find{padding-top:2.875rem;padding-bottom:3.75rem}.find__title{text-align:center;max-width:68.75rem;margin:0 auto 2.8125rem auto}.find__sub{text-align:center;font-size:2rem;line-height:2.625rem;font-weight:300;margin:0 auto 3.5rem auto;max-width:62.5rem}.find__body{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:start;position:relative}.find__text{font-size:1.375rem;line-height:2rem;font-weight:300;margin-bottom:3.75rem}.find__text span{font-weight:700}.find__items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:2.9375rem;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:4.8125rem}.find__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.9375rem;-webkit-box-flex:1;-ms-flex:1 1 35%;flex:1 1 35%}.find__icon{font-size:2rem;width:3.75rem;height:3.75rem;-webkit-box-flex:0;-ms-flex:0 0 3.75rem;flex:0 0 3.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;border-radius:.625rem}.find__icon::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;-webkit-transform:skewY(-4deg);-ms-transform:skewY(-4deg);transform:skewY(-4deg);border-radius:.625rem}.find__icon::before{position:relative;z-index:1;color:#0957de}.find__name{font-size:1.125rem;line-height:1.5rem;font-weight:300;opacity:.85;max-width:8.25rem}.find__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.find__bottomtext{font-size:1rem;line-height:1.625rem;font-weight:300}.find__right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2.5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 4.0625rem 2.9375rem 4.0625rem;position:relative;z-index:1}.find__right::after{content:"";width:0;height:0;position:absolute;bottom:30%;right:10%;-webkit-box-shadow:10px 10px 88px 62px #ab44fd;box-shadow:10px 10px 88px 62px #ab44fd;border-radius:50%}.find__right::before{content:"";position:absolute;width:100%;height:75%;bottom:0;left:0;background-color:rgba(255,255,255,.5);border-radius:1.25rem;-webkit-transform:skewY(-4deg);-ms-transform:skewY(-4deg);transform:skewY(-4deg);z-index:1}.find .find__rightshad{position:absolute;width:100%;height:100%;top:0;left:0}.find .find__rightshad::before{content:"";width:0;height:0;position:absolute;bottom:45%;left:0;-webkit-box-shadow:10px 10px 88px 62px #0c46ac;box-shadow:10px 10px 88px 62px #0c46ac;border-radius:50%}.find .find__rightshad::after{content:"";width:0;height:0;position:absolute;bottom:15%;right:13%;-webkit-box-shadow:10px 10px 88px 62px #0c46ac;box-shadow:10px 10px 88px 62px #0c46ac;border-radius:50%}.find__rightimage-ibg{width:13.5rem;height:18.5rem;position:relative;z-index:1}.find__righttext{line-height:1.625rem;font-weight:300;text-align:center;position:relative;z-index:1}.find__righttext span{font-weight:700}.swiper{overflow:hidden;-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wrapper{width:100%;height:100%;-webkit-box-sizing:content-box;box-sizing:content-box;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.swiper-vertical .swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.swiper-initialized .swiper-slide{-ms-flex-negative:0;flex-shrink:0}.swiper-android .swiper-slide,.swiper-android .swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-button-lock{display:none!important}@media (min-width:47.99875em){.footer__left{-webkit-box-flex:0;-ms-flex:0 0 11.5rem;flex:0 0 11.5rem}.footer__menu{-webkit-box-flex:0;-ms-flex:0 1 18.75rem;flex:0 1 18.75rem}.footer__locations{-webkit-box-flex:0;-ms-flex:0 1 21.875rem;flex:0 1 21.875rem}}@media (min-width:61.99875em){.find__left{-webkit-box-flex:0;-ms-flex:0 1 40.625rem;flex:0 1 40.625rem}.find__bottomtext{-webkit-box-flex:0;-ms-flex:0 1 12.5rem;flex:0 1 12.5rem}.find__right{-webkit-box-flex:0;-ms-flex:0 1 33.75rem;flex:0 1 33.75rem}}@media (min-width:103.75em){.first__body{padding-right:8.75rem;padding-left:8.75rem}.why__right{padding-left:7.5rem;padding-right:3.125rem}.find__body{padding-right:8.75rem;padding-left:8.4375rem}}@media (max-width:103.75em){[class*=__container]{max-width:60.625rem}.header__actions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.9375rem;-webkit-box-align:end;-ms-flex-align:end;align-items:end}.menu__list{-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}.first__image-ibg{width:44.1875rem;padding-top:77.2%;-webkit-transform:translateX(-35%);-ms-transform:translateX(-35%);transform:translateX(-35%)}.first__info{bottom:1.5625rem}.first__items::before{left:3.125rem}.why__body{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.why__left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.why__left::after{right:40%;top:auto;bottom:0}.why__left::before{top:auto;bottom:0;right:60%;-webkit-box-shadow:10px 10px 111px 73px #496dfd;box-shadow:10px 10px 111px 73px #496dfd}.what__body{padding:0 3.75rem 4.0625rem 3.75rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.what__body .why__bodyshad::after{-webkit-box-shadow:10px 10px 68px 60px #0c46ac;box-shadow:10px 10px 68px 60px #0c46ac}.what__body .why__bodyshad::before{-webkit-box-shadow:10px 10px 128px 100px #66239c;box-shadow:10px 10px 128px 100px #66239c}.what__title{padding-top:6.25rem;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.what__content{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.what__gic{-webkit-transform:skewY(-5deg);-ms-transform:skewY(-5deg);transform:skewY(-5deg)}.what__row-1 .what__gic{width:23.75rem}.what__row-2 .what__gic{width:22.5rem}.what__row-3 .what__gic{width:27.5rem}.what__row-4 .what__gic{width:28.4375rem}.cases__body::before{display:none}.cases__body::after{display:none}.cases__bodyshad span::after{display:none}.cases__bodyshad::before{bottom:40%;right:0}.cases__bodyshad::after{bottom:30%;right:0}.cases__item{padding:1.875rem}.cases__prices{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cases__buttons{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.services__container::before{display:none}.services__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.services .services__bodyshad{top:5%}.services__item{width:100%}.services .services__blockcont{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.services__block{-webkit-box-flex:0;-ms-flex:0 1 31%;flex:0 1 31%}.help__top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:3.125rem}.help__name{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.help__image-ibg{position:absolute;right:0;bottom:0;width:12.5rem;padding-top:12.5rem}.help__bottom{margin-top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.find__items{margin-bottom:1.875rem}.find__bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.625rem}}@media (max-width:61.99875em){[class*=__container]{max-width:46.875rem}.header__logo-ibg_contain{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.header__actions{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.header .heder__locations{display:block;font-size:.75rem;line-height:2;font-weight:300}.menu{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.menu__body{position:fixed;width:100%;height:100%;background-color:#0957df;top:0;left:100%;padding-top:7.375rem;padding-bottom:1.875rem;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4.5625rem;overflow:auto;z-index:3}.menu__body::before{content:"";position:fixed;left:100%;top:0;width:100%;background-color:#0957df;height:7.375rem;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.menu-open .menu__body{left:0}.menu-open .menu__body::before{left:0}.menu__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.menu__link{font-size:1.375rem;line-height:1.7272727273}.icon-menu{display:block;position:relative;width:2.5rem;height:2.625rem;z-index:5;border-radius:.5rem;background-color:#0957de;-webkit-transform:skewY(-5deg);-ms-transform:skewY(-5deg);transform:skewY(-5deg)}.icon-menu span,.icon-menu::after,.icon-menu::before{content:"";-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;left:.75rem;position:absolute;width:1rem;height:.125rem;background-color:#fff;-webkit-transform:skewY(5deg);-ms-transform:skewY(5deg);transform:skewY(5deg)}.icon-menu::before{top:.875rem}.icon-menu::after{bottom:.875rem}.icon-menu span{top:calc(50% - .0625rem)}.menu-open .icon-menu{background-color:#fff}.menu-open .icon-menu span{width:0}.menu-open .icon-menu::after,.menu-open .icon-menu::before{background-color:#0957de}.menu-open .icon-menu::before{top:calc(50% - .0625rem);-webkit-transform:rotate(-45deg) skewY(5deg);-ms-transform:rotate(-45deg) skewY(5deg);transform:rotate(-45deg) skewY(5deg)}.menu-open .icon-menu::after{bottom:calc(50% - .0625rem);-webkit-transform:rotate(45deg) skewY(5deg);-ms-transform:rotate(45deg) skewY(5deg);transform:rotate(45deg) skewY(5deg)}.footer__top{-ms-flex-wrap:wrap;flex-wrap:wrap}.first__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:76%;padding-top:.625rem;gap:2.1875rem}.first__image-ibg{bottom:0;max-width:55.35%;top:auto;padding-top:71%;-webkit-transform:none;-ms-transform:none;transform:none;left:auto;right:0}.first__info{left:-50%}.first__items{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;max-width:none}.first__items .first__item:nth-child(2)::after{right:9.375rem;-webkit-box-shadow:10px 10px 81px 73px #496dfd;box-shadow:10px 10px 81px 73px #496dfd}.first__item{-webkit-box-flex:1;-ms-flex:1 1 33.333%;flex:1 1 33.333%;padding:2.5rem 1.25rem 1.25rem 1.25rem;text-align:center}.why__right{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.why__content{padding-bottom:1.25rem}.why__info{gap:2.5rem}.why__infotop{margin:0 auto}.why__image-ibg::after{padding-top:10%}.why__image-ibg{width:61%;padding-top:61%}.what__gic{-webkit-transform:skewY(-9deg);-ms-transform:skewY(-9deg);transform:skewY(-9deg)}.what__row-1 .what__gic{width:10.3125rem}.what__row-2 .what__gic{width:9.375rem}.what__row-3 .what__gic{width:14.0625rem}.what__row-4 .what__gic{width:15rem}.cases__image-ibg{padding-top:11.75%}.cases__prices{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cases__buttons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.way__title{font-size:2.5rem;line-height:2.8125rem}.services__block{-webkit-box-flex:1;-ms-flex:1 1 47%;flex:1 1 47%}.find__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:3.125rem}.find__right{margin-bottom:5.625rem}}@media (max-width:61.99875em) and (any-hover:none){.icon-menu{cursor:default}}@media (max-width:47.99875em){[class*=__container]{max-width:none;padding:0 1.25rem}.popup__content{padding:2.8125rem 1.875rem 2.8125rem 1.875rem}.popup__content .popup__close{left:50%;right:auto}.popup__content .popup__title{font-size:1.25rem;line-height:1.75rem;margin-bottom:.8125rem}.popup__content .popup__sub{font-size:.875rem;line-height:1.375rem;margin-bottom:2.5rem}.popup__content .help__input{padding-top:1.6875rem;padding-bottom:1.6875rem}.popup__content .help__button{margin-top:.625rem}.title{font-size:1.625rem;line-height:2.125rem}.swiper-button{width:3.125rem;height:3.125rem;-webkit-box-flex:0;-ms-flex:0 0 3.125rem;flex:0 0 3.125rem}.swiper-button::before{font-size:1.25rem}.header__logo-ibg_contain{-webkit-box-flex:0;-ms-flex:0 0 8.0625rem;flex:0 0 8.0625rem;height:1.1875rem}.footer{padding-top:1.125rem}.footer__top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1.6875rem 1.875rem 1.25rem 1.875rem}.footer__left .header__links{margin-bottom:.625rem}.footer__logo-ibg{margin-bottom:.375rem}.footer__lefttext{font-size:.75rem;line-height:1.125rem}.footer__menulist{gap:.25rem}.footer__menulink{font-size:.75rem;line-height:.875rem}.footer__location{font-size:.75rem;line-height:1.125rem}.footer__actions{text-align:left}.footer__tel{font-size:1.5rem;line-height:1.125rem;margin-bottom:.625rem}.footer__date{font-size:.75rem;line-height:1.125rem;margin-bottom:0}.footer__pl{font-size:.875rem;margin-bottom:.25rem}.footer__site{font-size:.875rem}.footer__bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;padding:2.1875rem 2.5rem 1.875rem 2.5rem}.footer__bottomtext{font-size:.75rem;line-height:1.125rem}.footer__bottomlinks{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.625rem}.footer__bottomlink{font-size:.75rem}.first__title{font-size:2.25rem;margin-bottom:1.625rem}.first__checks{margin-bottom:1.375rem}.first__check{font-size:1rem;gap:.5rem}.first .first__itemsbody{padding:0 1.875rem}.first__items{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.why__left{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.why__left::after{bottom:60%;right:auto;left:0}.why__left::before{bottom:40%;right:auto;left:0}.why__item{padding:2.5rem 2.5rem 1.25rem 2.5rem;gap:0}.why__name{font-size:1.25rem;margin-bottom:.8125rem}.why__desc{font-size:.875rem;margin-bottom:.8125rem}.why__icon{font-size:1.75rem}.why__right{padding-left:1.875rem;padding-right:1.875rem;gap:0}.why__content{padding-top:1.5625rem}.why__title{font-size:1.25rem;margin-bottom:.9375rem;line-height:1.4}.why__text{font-size:.75rem;margin-bottom:.9375rem;line-height:1.25rem}.why__quotes{font-size:.75rem;gap:.75rem;line-height:20px}.why__quotes span{padding-left:.75rem}.why__quotes::before{font-size:1.4375rem}.why__info{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.25rem}.why__infotop span{padding:1.6875rem 1.625rem 1.875rem 2rem;font-size:.875rem;line-height:1.25rem}.what__body{padding:1.25rem 1.25rem 1.875rem 1.25rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.what__title{padding-top:2.3125rem}.what__content{max-width:25rem}.what__rows{-webkit-box-flex:0;-ms-flex:0 0 5.9375rem;flex:0 0 5.9375rem;padding-top:2.5rem}.what__cont{-webkit-box-flex:0;-ms-flex:0 0 5.9375rem;flex:0 0 5.9375rem}.what__name{font-size:1.25rem}.what__text{font-size:.875rem;line-height:1.125rem;opacity:.5}.what__gic{-webkit-transform:skewY(0);-ms-transform:skewY(0);transform:skewY(0)}.what__row-1 .what__gic{width:2.1875rem}.what__row-2 .what__gic{width:1.375rem}.what__row-3 .what__gic{width:5.3125rem}.what__row-4 .what__gic{width:6.25rem}.what__decor{-webkit-transform:translateY(-50%) skewY(-4deg);-ms-transform:translateY(-50%) skewY(-4deg);transform:translateY(-50%) skewY(-4deg)}.cases{padding-top:2.8125rem;padding-bottom:1.5625rem}.cases__title{margin-bottom:1.375rem}.cases__image-ibg{max-width:7.875rem;padding-top:2.4375rem;margin-bottom:1.0625rem}.cases__name{font-size:1rem;line-height:1.375rem;margin-bottom:.75rem}.cases__link{font-size:.875rem;margin-bottom:1.125rem}.cases__checks{font-size:.75rem;margin-bottom:1.1875rem;row-gap:.5rem;-webkit-column-gap:.9375rem;-moz-column-gap:.9375rem;column-gap:.9375rem}.cases__check{gap:.3125rem}.cases__priceitem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:.625rem;padding-left:1.25rem;padding-right:1.875rem;padding-top:.9375rem}.cases__price{font-size:1.125rem;white-space:nowrap}.cases__pricetext{font-size:.875rem;line-height:1.125rem}.cases__slider{margin-bottom:.75rem}.cases__controls{gap:.625rem}.comments{padding-top:1.125rem;padding-bottom:1.5625rem}.comments__title{margin-bottom:.9375rem}.comments__body::before{left:0;bottom:40%;-webkit-box-shadow:10px 10px 80px 60px #587cfd;box-shadow:10px 10px 80px 60px #587cfd}.comments__body::after{left:10%;bottom:50%;-webkit-box-shadow:10px 10px 80px 60px #ab44fd;box-shadow:10px 10px 80px 60px #ab44fd}.comments__wrapper{margin-bottom:1.1875rem}.comments__slide{gap:.625rem}.comments__image-ibg{width:4.375rem;height:4.375rem;margin-bottom:1.1875rem}.comments__name{font-size:.875rem}.comments__position{font-size:.75rem;line-height:.875rem}.comments__bottom{padding:1.625rem 2.1875rem 1.875rem 2.0625rem;gap:.6875rem}.comments__text{font-size:1rem;line-height:1.5rem}.comments__link{font-size:.875rem}.comments__controls{position:relative;gap:.625rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.comments__swiper-button-prev{position:relative}.comments__swiper-button-next{position:relative}.way{padding-top:1.0625rem;padding-bottom:1.5625rem}.way__leftbody{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.way__title>span{display:inline}.way__title{font-size:1.625rem;line-height:2.125rem;text-align:center;padding:0 .625rem;margin-bottom:.5625rem}.way__subtitle{font-size:1.125rem;line-height:1.5rem;text-align:center}.way__text{font-size:.875rem;line-height:1.375rem;text-align:center;margin-bottom:.9375rem}.way__button{padding:1.4375rem 2.8125rem;display:block;margin:0 auto}.way__right{margin-bottom:2.5rem}.way__itemtop{gap:.875rem}.way__itemtiv{font-size:1.125rem;padding:.5625rem .75rem .25rem .75rem}.way__itemname{font-size:1.125rem;line-height:1.5rem}.way__itemtext{font-size:.875rem;line-height:1.375rem}.services{padding-top:1.0625rem;padding-bottom:1.5625rem}.services__title{margin-bottom:1.3125rem}.services__body{gap:.625rem}.services__item{padding:1.625rem 1.875rem 1.25rem 1.875rem}.services__name{font-size:1.125rem;margin-bottom:.9375rem;padding-bottom:1.25rem}.services .services__blockcont{gap:1.0625rem;margin-bottom:.9375rem}.services__blockname{font-size:.875rem;line-height:1rem;margin-bottom:.375rem}.services__list li{font-size:.75rem;line-height:.875rem;gap:.375rem}.services__list li:not(:last-child){margin-bottom:.25rem}.services__prices{margin:0 -1.875rem 1.25rem -1.875rem;padding:1rem 1.875rem 1.125rem 1.875rem;gap:.6875rem}.services__pricename{font-size:.75rem;line-height:.875rem}.services__pricetiv{font-size:1.125rem;line-height:1.25rem}.help{padding-top:1.0625rem;padding-bottom:1.5625rem}.help__title{margin-bottom:1rem}.help__body{padding-top:0}.help__top::before{left:-9.375rem;bottom:auto;top:30%}.help__top{padding-top:.3125rem;padding-left:1.625rem;padding-right:1.625rem;padding-bottom:1.0625rem}.help__name{font-size:1.25rem;line-height:1.625rem;margin-bottom:0}.help__image-ibg{-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);width:10.5rem;padding-top:10.5rem}.help__checks{padding-top:0;padding-right:0}.help__cheksname{font-size:1.125rem;line-height:1.25rem;margin-bottom:.5rem}.help__chekslist{font-size:.875rem;line-height:1.125rem;margin-bottom:1.25rem;gap:.3125rem}.help__chekslist li::before{font-size:.5625rem}.help__checkprice span{font-size:1.125rem}.help__checkprice:first-child{font-size:2rem;line-height:2rem}.help__checkprice:last-child{font-size:2rem;line-height:2rem}.help__bottom{padding-top:.8125rem;padding-left:1.625rem;padding-right:1.625rem;padding-bottom:1.0625rem}.help__warns{font-size:1rem;line-height:1.375rem;gap:.875rem}.help__warn{font-size:1rem;line-height:1.375rem;gap:.625rem}.help__warn:first-child{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.help__warn:last-child{font-size:.75rem;line-height:1.125rem;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.help__formbody{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.help .help__input{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;padding:1.375rem 1.25rem}.help__button{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;padding:1.5625rem 1.875rem}.help__desc{font-size:.625rem;line-height:.875rem}.find{padding-top:1.0625rem;padding-bottom:1.5625rem}.find__title{margin-bottom:.9375rem}.find__sub{font-size:1.125rem;line-height:1.625rem;margin-bottom:1.1875rem}.find__text{font-size:1rem;line-height:1.5rem;margin-bottom:.5625rem}.find__items{gap:.3125rem}.find__icon{width:2.875rem;height:2.875rem;-webkit-box-flex:0;-ms-flex:0 0 2.875rem;flex:0 0 2.875rem}.find__icon::before{font-size:1.5rem}.find__name{max-width:none;font-size:.875rem;line-height:1rem}.find__bottomtext{font-size:.75rem;line-height:1.25rem;text-align:center;max-width:200px}.find__right{padding:0 1.5625rem 1.5625rem 1.5625rem;gap:1.625rem;margin-bottom:2.6875rem}.find__rightimage-ibg{width:38%;padding-top:52.3%;height:auto}.find__righttext{font-size:.875rem;line-height:1.375rem}}@media (max-width:29.99875em){.button{font-size:1rem;padding:1.6875rem 2.75rem}.header{padding:.9375rem 0}.header__tel-2{display:-webkit-box;display:-ms-flexbox;display:flex}.header__request{display:none}.first{padding-top:2rem}.first__info{left:-61%;bottom:auto;top:24%}.first__name{font-size:.875rem;padding:.625rem 5.375rem .625rem .9375rem;margin-bottom:.9375rem}.first__position{font-size:.75rem;padding-left:1.25rem;max-width:9.375rem}.first__item{padding-top:1.6875rem}.first__itemname{font-size:1.25rem}.first__itemdesc{font-size:.875rem}.what__body{padding-top:0}.what__body .why__bodyshad::after{top:-5%;bottom:auto;left:65%}.what__body .why__bodyshad::before{top:auto;bottom:0;right:15%}.what__content{padding-top:0;margin:0 -1.25rem;padding:0 1.25rem}.what__image{-webkit-box-flex:0;-ms-flex:0 0 13.1875rem;flex:0 0 13.1875rem;margin-left:-6.875rem}.what__rows{padding-top:0}.what__row:not(:last-child){margin-bottom:1.375rem}.what__row-1 .what__gic{width:calc(100vw - 281px)}.what__row-2 .what__gic{width:calc(100vw - 283px)}.what__row-3 .what__gic{width:calc(100vw - 239px)}.what__row-4 .what__gic{width:calc(100vw - 223px)}.cases__prices{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.3125rem;margin-bottom:.75rem}.cases__buttons{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.3125rem}.way__item{padding:2.375rem 1.875rem .75rem 1.875rem}.help__checksprices{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:.0625rem}.find__item{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}}@media (max-width:21.875em){.services__pricename{-webkit-box-flex:0;-ms-flex:0 0 4.0625rem;flex:0 0 4.0625rem}}@media (any-hover:hover){.button:hover{background-color:#fff;color:#2c2c2d}.button-w:hover{background-color:#0957de;color:#fff}.input:hover{border-color:#123d8a}.swiper-button:hover{border-color:#0957de}.header__request:hover{color:#2c2c2d;border-color:#2c2c2d}.header__links a:hover{border-color:#0957df}.menu__link:hover{color:#0957de}.footer__left .header__links a:hover{border-color:#0c46ac}.footer__menulink:hover{color:#0c46ac}.footer__pl:hover{border-color:transparent}.footer__site:hover{color:#0957de}.footer__bottomlink:hover{border-color:transparent}.why__item:hover::before{content:"";opacity:1}.cases__link:hover{color:#2c2c2d}.comments__link:hover{text-decoration:none}.help__desc a:hover{text-decoration:none}}
.cases__slider {
    position: relative;
    z-index: 1;
}

/* === Единая типографика новых блоков Яндекс Директ === */
.direct-system__subtitle,
.direct-leaks__subtitle,
.direct-offers__lead {
	font-size: 1.125rem;
	line-height: 1.625rem;
	font-weight: 300;
}

.direct-system__name,
.direct-leaks__name {
	font-size: 1.5rem;
	line-height: 1.75rem;
	font-weight: 700;
}

.direct-system__text,
.direct-leaks__text,
.direct-offers__item {
	font-size: 1rem;
	line-height: 1.625rem;
	font-weight: 300;
}

.direct-leaks__screen-label,
.direct-leaks__num,
.direct-offers__label,
.direct-hero__result-badge,
.direct-hero__result::before,
.direct-leaks__chain-step span,
.direct-leaks__chain-step small {
	font-size: 0.875rem;
	line-height: 1.125rem;
}

.direct-leaks__screen-title {
	font-size: 2rem;
	line-height: 2.375rem;
	font-weight: 700;
}

.direct-leaks__chain-step strong {
	font-size: 1.25rem;
	line-height: 1.5rem;
	font-weight: 700;
}

.direct-leaks__signal {
	font-size: 1rem;
	line-height: 1.5rem;
}

.direct-leaks__signal strong {
	font-size: 1rem;
	line-height: 1.375rem;
	font-weight: 700;
}

.direct-leaks__note {
	font-size: 1rem;
	line-height: 1.625rem;
	font-weight: 500;
}

.direct-offers__title {
	font-size: 2.25rem;
	line-height: 2.625rem;
	font-weight: 700;
}

.direct-offers__button {
	font-size: 1rem;
	line-height: 1.25rem;
	font-weight: 700;
}

@media (max-width: 61.99875em) {
	.direct-system__title,
	.direct-leaks__title {
		font-size: 2.75rem;
		line-height: 3.25rem;
	}

	.direct-offers__title {
		font-size: 2rem;
		line-height: 2.375rem;
	}
}

@media (max-width: 47.99875em) {
	.direct-system__title,
	.direct-leaks__title {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.direct-system__subtitle,
	.direct-leaks__subtitle,
	.direct-offers__lead,
	.direct-system__text,
	.direct-leaks__text,
	.direct-leaks__note,
	.direct-offers__item {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.direct-system__name,
	.direct-leaks__name {
		font-size: 1.125rem;
		line-height: 1.375rem;
	}

	.direct-leaks__screen-title,
	.direct-offers__title {
		font-size: 1.5rem;
		line-height: 1.875rem;
	}

	.direct-leaks__signal,
	.direct-leaks__signal strong,
	.direct-leaks__chain-step strong {
		font-size: 0.9375rem;
		line-height: 1.25rem;
	}

	.direct-leaks__screen-label,
	.direct-leaks__num,
	.direct-offers__label,
	.direct-hero__result-badge,
	.direct-hero__result::before,
	.direct-leaks__chain-step span,
	.direct-leaks__chain-step small {
		font-size: 0.75rem;
		line-height: 1rem;
	}

	.direct-offers__button {
		font-size: 0.9375rem;
		line-height: 1.125rem;
	}
}

/* === Блок системного подхода для Яндекс Директ === */
.direct-system {
	padding: 5rem 0;
	background: #f1f6fa;
}

.direct-system__body {
	position: relative;
	overflow: hidden;
	padding: 4.75rem 4.375rem;
	border-radius: 1.875rem;
	background: #161619;
	color: #fff;
	box-shadow: 0 1.5rem 5rem rgba(22, 22, 25, 0.16);
}

.direct-system__body::before,
.direct-system__body::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-radius: 50%;
	pointer-events: none;
}

.direct-system__body::before {
	left: 12%;
	top: 18%;
	box-shadow: 10px 10px 180px 120px rgba(9, 87, 222, 0.36);
}

.direct-system__body::after {
	right: 10%;
	bottom: 8%;
	box-shadow: 10px 10px 210px 145px rgba(171, 68, 253, 0.24);
}

.direct-system__head,
.direct-system__grid {
	position: relative;
	z-index: 1;
}

.direct-system__head {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
	gap: 4rem;
	align-items: start;
	margin-bottom: 2.5rem;
}

.direct-system__title {
	font-size: 3.5rem;
	line-height: 1.15;
	font-weight: 700;
}

.direct-system__title span {
	color: #4f8cff;
	border-bottom: 2px dotted #4f8cff;
}

.direct-system__subtitle {
	font-size: 1.25rem;
	line-height: 1.875rem;
	font-weight: 300;
	opacity: 0.78;
}

.direct-system__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
}

.direct-system__card {
	min-height: 15.5rem;
	padding: 2rem;
	border-radius: 1.125rem;
	position: relative;
	overflow: hidden;
}

.direct-system__card_light {
	background: #fff;
	color: #161619;
}

.direct-system__card_blue {
	background: #4053df;
	color: #fff;
}

.direct-system__card::after {
	content: "";
	position: absolute;
	right: -4.5rem;
	bottom: -4.5rem;
	width: 11rem;
	height: 11rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.14);
	filter: blur(1rem);
}

.direct-system__icon {
	position: absolute;
	right: 1.375rem;
	top: 1.375rem;
	width: 3.5rem;
	height: 3.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0.875rem 1.75rem rgba(44, 44, 45, 0.12);
}

.direct-system__card_light .direct-system__icon {
	background: #4053df;
}

.direct-system__icon svg {
	width: 1.75rem;
	height: 1.75rem;
	display: block;
	fill: none;
	stroke: #4053df;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.direct-system__card_light .direct-system__icon svg {
	stroke: #fff;
}

.direct-system__name {
	max-width: calc(100% - 5rem);
	margin-bottom: 1.875rem;
	font-size: 1.5rem;
	line-height: 1.75rem;
	font-weight: 700;
}

.direct-system__text {
	max-width: 34rem;
	font-size: 1rem;
	line-height: 1.625rem;
	font-weight: 300;
	position: relative;
	z-index: 1;
}

.direct-system__card_light .direct-system__text {
	color: rgba(22, 22, 25, 0.78);
}

.direct-system__card_blue .direct-system__text {
	color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 61.99875em) {
	.direct-system__body {
		padding: 3rem 2rem;
	}

	.direct-system__head {
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}

	.direct-system__title {
		font-size: 2.5rem;
	}

	.direct-system__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 47.99875em) {
	.direct-system {
		padding: 2.5rem 0;
	}

	.direct-system__body {
		padding: 2rem 1.25rem;
		border-radius: 1.25rem;
	}

	.direct-system__title {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.direct-system__subtitle {
		font-size: 0.9375rem;
		line-height: 1.5rem;
	}

	.direct-system__card {
		min-height: auto;
		padding: 1.5rem;
		border-radius: 1rem;
	}

	.direct-system__icon {
		width: 3rem;
		height: 3rem;
		right: 1rem;
		top: 1rem;
	}

	.direct-system__name {
		margin-bottom: 1.25rem;
		font-size: 1.25rem;
		line-height: 1.5rem;
	}

	.direct-system__text {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}
}

/* === Блок потерь бюджета в Яндекс Директе === */
.direct-leaks {
	padding: 5rem 0;
	background: #f1f6fa;
	overflow: hidden;
}

.direct-leaks__top {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr);
	gap: 4rem;
	align-items: end;
	margin-bottom: 3rem;
}

.direct-leaks__title {
	font-size: 3.75rem;
	line-height: 4.375rem;
	font-weight: 700;
}

.direct-leaks__title span {
	color: #0957de;
	border-bottom: 2px dotted #0957de;
}

.direct-leaks__subtitle {
	max-width: 44rem;
	font-size: 1.25rem;
	line-height: 1.875rem;
	font-weight: 300;
	opacity: 0.82;
}

.direct-leaks__layout {
	display: grid;
	grid-template-columns: minmax(21rem, 0.82fr) minmax(0, 1.18fr);
	gap: 1.25rem;
	align-items: stretch;
}

.direct-leaks__main,
.direct-leaks__grid {
	position: relative;
	z-index: 1;
}

.direct-leaks__main {
	border-radius: 1.25rem;
	background: transparent;
	border: 0;
	box-shadow: 0 1.5rem 4.5rem rgba(9, 87, 222, 0.12);
}

.direct-leaks__screen {
	min-height: 100%;
	padding: 2.25rem;
	border-radius: 1.25rem;
	background:
		radial-gradient(circle at 88% 10%, rgba(255, 210, 0, 0.28), transparent 24%),
		radial-gradient(circle at 12% 92%, rgba(79, 140, 255, 0.32), transparent 36%),
		linear-gradient(135deg, #10131f 0%, #161619 55%, #25357f 100%);
	color: #fff;
	box-shadow: 0 1.5rem 4.5rem rgba(22, 22, 25, 0.18);
}

.direct-leaks__screen-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.25rem;
	margin-bottom: 2.25rem;
}

.direct-leaks__screen-label {
	margin-bottom: 0.5rem;
	color: #8bb6ff;
	font-size: 0.875rem;
	line-height: 1rem;
	font-weight: 700;
}

.direct-leaks__screen-title {
	max-width: 28rem;
	font-size: 2rem;
	line-height: 2.25rem;
	font-weight: 700;
}

.direct-leaks__screen-badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 4.75rem;
	height: 4.75rem;
	flex: 0 0 4.75rem;
	border-radius: 50%;
	background: #ffd200;
	color: #161619;
	font-weight: 700;
	box-shadow: 0 0.875rem 1.875rem rgba(255, 210, 0, 0.22);
}

.direct-leaks__screen-badge span {
	font-size: 0.875rem;
	line-height: 1rem;
}

.direct-leaks__screen-badge strong {
	font-size: 1.5rem;
	line-height: 1.25rem;
}

.direct-leaks__chain {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.875rem;
	margin-bottom: 1.375rem;
}

.direct-leaks__chain-step {
	min-height: 8.25rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	padding: 1rem;
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.1);
	border: 0;
	color: #fff;
	text-align: center;
	position: relative;
}

.direct-leaks__chain-step:not(:last-child)::after {
	content: "";
	position: absolute;
	right: -0.45rem;
	top: 50%;
	width: 0.45rem;
	height: 1px;
	background: rgba(255, 255, 255, 0.42);
	transform: translateY(-50%);
	z-index: 2;
}

.direct-leaks__chain-step span {
	color: #ffd200;
	font-size: 0.8125rem;
	line-height: 1rem;
	font-weight: 700;
}

.direct-leaks__chain-step strong {
	font-size: 1.25rem;
	line-height: 1.5rem;
	font-weight: 700;
}

.direct-leaks__chain-step small {
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.8125rem;
	line-height: 1.125rem;
	font-weight: 300;
}

.direct-leaks__chain-step_blue {
	background: #4053df;
	box-shadow: 0 0.75rem 1.5rem rgba(64, 83, 223, 0.25);
}

.direct-leaks__signals {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
}

.direct-leaks__signal {
	position: relative;
	padding: 0 0 0 1.25rem;
	color: rgba(255, 255, 255, 0.84);
	font-size: 0.9375rem;
	line-height: 1.35;
}

.direct-leaks__signal::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55rem;
	width: 0.375rem;
	height: 0.375rem;
	border-radius: 50%;
	background: #ffd200;
	box-shadow: 0 0 0 0.25rem rgba(255, 210, 0, 0.12);
}

.direct-leaks__signal strong {
	display: block;
	margin-bottom: 0.1875rem;
	color: #fff;
	font-size: 1rem;
	line-height: 1.25rem;
	font-weight: 700;
}

.direct-leaks__signal span {
	display: block;
	color: rgba(255, 255, 255, 0.72);
	font-weight: 300;
}

.direct-leaks__note {
	margin-top: 1.375rem;
	padding: 1.25rem;
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.92);
	color: #161619;
	font-size: 0.9375rem;
	line-height: 1.5rem;
	font-weight: 500;
	box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.18);
}

.direct-leaks__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
}

.direct-leaks__item {
	min-height: 14.5rem;
	padding: 1.5rem;
	border-radius: 1.125rem;
	background: #fff;
	border: 1px solid rgba(9, 87, 222, 0.1);
	box-shadow: 0 1rem 2.75rem rgba(44, 44, 45, 0.06);
	position: relative;
	overflow: hidden;
}

.direct-leaks__item::after {
	content: "";
	position: absolute;
	right: -4rem;
	bottom: -4rem;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	background: rgba(9, 87, 222, 0.08);
	filter: blur(0.75rem);
}

.direct-leaks__item_accent {
	background: #0957de;
	color: #fff;
}

.direct-leaks__item_accent::after {
	background: rgba(255, 210, 0, 0.2);
}

.direct-leaks__num {
	margin-bottom: 1.375rem;
	color: #0957de;
	font-size: 0.875rem;
	line-height: 1rem;
	font-weight: 700;
}

.direct-leaks__item_accent .direct-leaks__num {
	color: #ffd200;
}

.direct-leaks__name {
	margin-bottom: 0.875rem;
	font-size: 1.25rem;
	line-height: 1.5rem;
	font-weight: 700;
	position: relative;
	z-index: 1;
}

.direct-leaks__text {
	color: rgba(44, 44, 45, 0.78);
	font-size: 0.9375rem;
	line-height: 1.5rem;
	font-weight: 300;
	position: relative;
	z-index: 1;
}

.direct-leaks__item_accent .direct-leaks__text {
	color: rgba(255, 255, 255, 0.86);
}

@media (max-width: 103.75em) {
	.direct-leaks__layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 61.99875em) {
	.direct-leaks__top {
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}

	.direct-leaks__title {
		font-size: 2.75rem;
		line-height: 3.25rem;
	}
}

@media (max-width: 47.99875em) {
	.direct-leaks {
		padding: 2.5rem 0;
	}

	.direct-leaks__top {
		margin-bottom: 1.5rem;
	}

	.direct-leaks__title {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.direct-leaks__subtitle {
		font-size: 0.9375rem;
		line-height: 1.5rem;
	}

	.direct-leaks__main {
		border-radius: 1rem;
	}

	.direct-leaks__screen {
		padding: 1.25rem;
	}

	.direct-leaks__screen-title {
		font-size: 1.375rem;
		line-height: 1.625rem;
	}

	.direct-leaks__screen-badge {
		width: 3.25rem;
		height: 3.25rem;
		font-size: 0.875rem;
	}

	.direct-leaks__screen-head {
		margin-bottom: 1.5rem;
	}

	.direct-leaks__chain {
		grid-template-columns: 1fr;
		gap: 0.625rem;
	}

	.direct-leaks__chain-step {
		min-height: auto;
		align-items: flex-start;
		text-align: left;
		padding: 0.875rem 1rem;
	}

	.direct-leaks__chain-step:not(:last-child)::after {
		display: none;
	}

	.direct-leaks__grid {
		grid-template-columns: 1fr;
		gap: 0.875rem;
	}

	.direct-leaks__item {
		min-height: auto;
		padding: 1.25rem;
		border-radius: 1rem;
	}

	.direct-leaks__name {
		font-size: 1.125rem;
		line-height: 1.375rem;
	}

	.direct-leaks__text,
	.direct-leaks__note {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}
}

/* === Две заявки после портфолио === */
.direct-offers {
	padding: 5rem 0;
	background: #f1f6fa;
	overflow: hidden;
}

.direct-offers__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
}

.direct-offers__card {
	position: relative;
	min-height: 32rem;
	padding: 2rem;
	border-radius: 1.25rem;
	background: #fff;
	border: 1px solid rgba(9, 87, 222, 0.1);
	overflow: hidden;
	box-shadow: 0 1.25rem 3.75rem rgba(44, 44, 45, 0.08);
}

.direct-offers__card::before {
	content: "";
	position: absolute;
	right: -7rem;
	bottom: -7rem;
	width: 20rem;
	height: 20rem;
	border-radius: 50%;
	background: rgba(9, 87, 222, 0.08);
	z-index: 0;
}

.direct-offers__content {
	position: relative;
	z-index: 2;
	max-width: 30rem;
	padding: 0;
}

.direct-offers__label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.375rem;
	padding: 0.625rem 1rem;
	border-radius: 2.5rem;
	background: rgba(9, 87, 222, 0.08);
	color: #0957de;
	font-size: 0.875rem;
	line-height: 1rem;
	font-weight: 700;
	border: 1px solid rgba(9, 87, 222, 0.14);
}

.direct-offers__title {
	margin-bottom: 1rem;
	color: #111318;
	font-size: 2.25rem;
	line-height: 2.625rem;
	font-weight: 700;
}

.direct-offers__lead {
	margin-bottom: 1.375rem;
	color: rgba(44, 44, 45, 0.72);
	font-size: 1.125rem;
	line-height: 1.625rem;
	font-weight: 300;
}

.direct-offers__list {
	display: grid;
	gap: 0.875rem;
	margin-bottom: 2rem;
}

.direct-offers__item {
	position: relative;
	padding-left: 2rem;
	color: rgba(44, 44, 45, 0.78);
	font-size: 1rem;
	line-height: 1.25rem;
	font-weight: 500;
}

.direct-offers__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.18rem;
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 50%;
	background: #0957de;
	box-shadow: 0 0 0 0.3125rem rgba(9, 87, 222, 0.1);
}

.direct-offers__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 14.75rem;
	min-height: 4.25rem;
	padding: 1rem 2rem;
	border-radius: 2.5rem;
	background: #0957de;
	color: #fff;
	font-size: 1.125rem;
	line-height: 1.25rem;
	font-weight: 700;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.direct-offers__image {
	position: absolute;
	z-index: 1;
	right: 1.75rem;
	bottom: 1.5rem;
	width: 42%;
	max-width: 22rem;
	pointer-events: none;
}

.direct-offers__image img {
	display: block;
	width: 100%;
	height: auto;
}

.direct-offers__image_audit {
	right: 1.5rem;
	bottom: 1.25rem;
	width: 45%;
	max-width: 24rem;
}

@media (any-hover: hover) {
	.direct-offers__button:hover {
		background: #004bc8;
		transform: translateY(-0.125rem);
	}
}

@media (max-width: 103.75em) {
	.direct-offers__grid {
		grid-template-columns: 1fr;
	}

	.direct-offers__label {
		position: static;
	}

	.direct-offers__content {
		max-width: 35rem;
	}

	.direct-offers__image {
		width: 38%;
	}
}

@media (max-width: 61.99875em) {
	.direct-offers__card {
		min-height: auto;
	}

	.direct-offers__image {
		position: relative;
		right: auto;
		bottom: auto;
		width: min(22rem, 70%);
		margin: 1rem auto 0;
	}
}

@media (max-width: 47.99875em) {
	.direct-offers {
		padding: 2.5rem 0;
	}

	.direct-offers__grid {
		gap: 1rem;
	}

	.direct-offers__card {
		padding: 1rem;
		border-radius: 1.25rem;
	}

	.direct-offers__card::before {
		inset: 0.75rem;
		border-radius: 1rem;
	}

	.direct-offers__content {
		padding: 1.25rem 0.75rem 0;
	}

	.direct-offers__label {
		margin-bottom: 1rem;
		font-size: 0.8125rem;
		line-height: 1rem;
	}

	.direct-offers__title {
		font-size: 1.75rem;
		line-height: 2rem;
	}

	.direct-offers__lead,
	.direct-offers__item {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.direct-offers__button {
		width: 100%;
		min-width: 0;
		min-height: 3.75rem;
	}

	.direct-offers__image {
		width: min(18rem, 82%);
	}
}

.logo img {
	max-width:150px;
}



    /* Стили для заголовка страницы */
.page-header {
  padding: 60px 0 40px;
  background: #f1f6fa;
}

/* Хлебные крошки */
.page-header__breadcrumbs {
  margin-bottom: 20px;
  font-size: 14px;
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}

.page-header__breadcrumb-link {
  color: #003d7c;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.page-header__breadcrumb-link:hover {
  opacity: 0.7;
  text-decoration: underline;
}


/* Заголовок h1 */
.page-header__title {
    font-size: 78px;
    max-width:1000px;
    margin:auto;
    margin-bottom: 30px;
    font-weight: 700;
    color:#2c2c2d;
    line-height: 1.3;
    text-align:center;
}

.page-header__title span {
      color: #0957de;
    
      margin-bottom: 12px;
      border-bottom:3px dotted;
}

/* Подзаголовок */
.page-header__subtitle {
 
    font-size: 22px;
    line-height: 1.5;
    max-width: 800px;
    margin: auto;
    text-align:center;
}
.page-header--state .page-header__title {
    font-size:58px;
}
.page-header--state .page-header__title, .page-header--state .page-header__subtitle{
    text-align:left;
    margin-left:0;
    margin-right:0;
    max-width:none;
}
/* Адаптивные стили */
@media (max-width: 767.98px) {
  .page-header {
    padding: 40px 0 30px;
  }
  
  .page-header__breadcrumbs {
    margin-bottom: 10px;
    font-size: 12px;
  }
  
  .page-header__title,.page-header--state .page-header__title {
    font-size: 32px;
  }
  

  
  .page-header__subtitle {
    font-size: 16px;
  }
}

@media (max-width: 575.98px) {
  .page-header {
    padding: 30px 0 20px;
  }
  
  .page-header__title {
    font-size: 28px;
  }

  
  .page-header__subtitle {
    font-size: 14px;
  }
}




/* Стили для блока статей */
.blog-grid  { 
  padding: 60px 0;    
  background-color: #fff;
}

.blog-grid__wrapper  { 
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px;
  margin-bottom: 50px;
}

/* Карточка статьи */
.blog-card  { 
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor:pointer;
}

.blog-card:hover  { 
  transform: translateY(-5px);
}

.blog-card__image-wrapper  { 
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
}

.blog-card__image  { 
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.blog-card:hover .blog-card__image  { 
  transform: scale(1.05);
}

.blog-card__content  { 
  flex: 1;
  display: flex;
  flex-direction: column;
}

.blog-card__title  { 
  font-size: 22px;
  font-weight: 700;
  color: #2c2c2d;
  margin-bottom: 12px;
  line-height: 1.4;
  transition: color 0.3s ease;
}



.blog-card__date  { 

  font-size: 14px;
  color: #999;
  display: flex;
  align-items: center;
  gap: 8px;
}


/* Пагинация */
.pagination  { 
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

.page-item  { 
  display: inline-block;
}

.page-link  { 
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
  color: #555;
  text-decoration: none;
  background-color: #f0f0f0;
  border-radius: 50%;
  transition: all 0.3s ease;
}

/* Активная страница */
.page-item.active .page-link  { 
  background-color: #737373;
  color: #fff;
  cursor: default;
}

/* Неактивная страница (disabled) */
.page-item.disabled .page-link  { 
  color: #ccc;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 0.6;
}

/* Обычные ссылки при наведении */
.page-item:not(.active):not(.disabled) .page-link:hover  { 
  background-color: #e0e0e0;
  color: #003d7c;
}

/* Специальные стили для кнопок "Первая", "Последняя", "«", "»" */
.page-item:first-child .page-link,
.page-item:last-child .page-link  { 
  border-radius: 20px;
  padding: 0 16px;
}

/* Адаптивные стили */
@media (max-width: 991.98px)  { 
  .blog-grid  { 
    padding: 50px 0;
  }
  
  .blog-grid__wrapper  { 
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }
  
  .blog-card__title  { 
    font-size: 18px;
  }
}

@media (max-width: 767.98px)  { 
  .blog-grid  { 
    padding: 40px 0;
  }
  
  .blog-grid__wrapper  { 
    grid-template-columns: 1fr;
    gap: 25px;
  }
  
  .blog-card__image-wrapper  { 
    border-radius: 16px;
  }
  
  .blog-card__title  { 
    font-size: 18px;
  }
  
  .blog-card__date  { 
    font-size: 13px;
  }
  
  .page-link  { 
    min-width: 36px;
    height: 36px;
    font-size: 13px;
    padding: 0 10px;
  }
  
  .page-item:first-child .page-link,
  .page-item:last-child .page-link  { 
    padding: 0 12px;
  }
}

@media (max-width: 575.98px)  { 
  .pagination  { 
    gap: 6px;
  }
  
  .page-link  { 
    min-width: 32px;
    height: 32px;
    font-size: 12px;
    padding: 0 8px;
  }
  
  .page-item:first-child .page-link,
  .page-item:last-child .page-link  { 
    padding: 0 10px;
  }
}



/* Стили для блока содержания */
.table-of-contents {
  padding: 20px 0;
  background-color: #fff;
}

.table-of-contents__title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}

.table-of-contents__list {
  display: flex;
  flex-flow:column;
  gap: 3px;
  align-items: flex-start;

}

.table-of-contents__item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 4px 10px;
  background-color: #fff;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* .table-of-contents__item:hover {

  box-shadow: 0 4px 15px rgba(0, 61, 124, 0.15);
  background-color: #fff;
} */

.table-of-contents__number {
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border: 1px solid;
    font-weight: bold;
    border-radius: 50%;
    flex-shrink: 0;
    transition: all 0.3s ease;
}



.table-of-contents__name {
  font-size: 18px;
  border-bottom:1px solid;
  font-weight: 500;
  color: #333;
  line-height: 1.4;
  transition: color 0.3s ease;
}

.table-of-contents__item:hover .table-of-contents__name {
  color: #003d7c;
}

/* Стили для секций контента */
.content-section {
    padding: 20px 0;
    background: #fff;
    font-size: 22px;
}

.content-section:last-child {
    border-bottom: none;
}

.content-section h2 {
    font-size: 38px;
    font-weight: bold;
    color: #0957de;
    margin:0;
    padding: 20px 0;
}

.content-section h3 {
    font-size: 28px;
    font-weight: bold;
    color: #518bef;
   margin:0;
    padding: 20px 0;
}

.content-section img {
    max-width: 70vw;
    max-height: 75vh;
    margin: 20px auto 20px auto;
    height: auto;
    display: block;
    object-fit: contain;
}
.content-section ul, .content-section ol {
    margin-bottom:20px;
}
.content-section li:before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 10px;
    background: #0957de;
    position: relative;
    display: inline-flex;
}

.content-section li,.content-section ol {
    margin-left: 20px;
    margin-bottom: 10px;
    position: relative;
}

.content-section p {
    line-height: 1.6;
    font-size:20px;
    margin-bottom:10px;
}

.content__container .msg {
    margin: 40px 0;
    background: #f0f7fb;
    position: relative;
    padding: 70px;
    display: flex;
    gap: 40px;
    align-items: center;
    font-size: 22px;
}

.content__container .msg:before {
    content: '';
    width: 75px;
    height: 75px;
    display: block;
    background: url(..//img/state/alert.png);
    background-position: center;
    background-size: cover;
    flex-shrink: 0;
}

/* Адаптивные стили */
@media (max-width: 767.98px) {
    .content__container .msg {
        padding: 20px;
        gap: 20px;
    }

    .content__container .msg:before {
        width: 45px;
        height: 45px;
    }

    .table-of-contents {
        padding: 20px 0;
    }

    .table-of-contents__title {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .table-of-contents__item {
        padding: 14px 16px;
    }

    .table-of-contents__number {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }

    .table-of-contents__name {
        font-size: 15px;
    }

    .content-section {
        padding: 20px 0;
    }

    .content-section h3,.content-section h2 {
        font-size: 24px;
    }

    .content-section p,.content-section li {
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .table-of-contents__item {
        padding: 12px;
        gap: 12px;
    }

    .table-of-contents__number {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    .table-of-contents__name {
        font-size: 14px;
    }

    .content-section h3 {
        font-size: 20px;
    }
}

.author {
    background: #fff;
    padding-top: 20px
}

.author__item {
    font-size: 22px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.author__img {
    border-radius: 100%;
    overflow: hidden;
    background: #0957de;
    padding: 5px;
}

.author__img img {
    border-radius: 100%;
    overflow: hidden;
}

section.state-form {
    background: #fff;
    padding: 50px 10px;
}

.form__container {
    background: #0957de;
    color: #fff;
    text-align: center;
    padding: 60px;
    border-radius: 20px;
}

.state-form__title {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 35px;
}

.state-form__subtitle {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

.state-form form {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 30px 0;
}

.state-form label {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    flex-grow: 1;
    font-weight: 600;
    gap: 10px;
    flex-basis: 180px;
}

.state-form input {
    width: 100%;
    padding: 20px 40px;
    border: 2px solid #fff;
    background: #fff;
    border-radius: 5px;
    color: #0957de;
    font-size: 18px;
    font-weight: 500;
}

.state-form button {
    border: 2px solid #fff;
    flex-basis: 100px;
    flex-grow: 1;
    border-radius: 5px;
    padding: 20px 40px;
    transition: 0.3s ease;
    font-size: 18px;
    font-weight: 500;
}

.state-form button:hover {
    background: #fff;
    color: #0957de;
    border-color: #fff;
}

@media (max-width: 768px) {
    .state-form__title {
        font-size:28px;
    }

    .form__container {
        padding: 20px;
    }

    .state-form form {
        padding: 0;
    }
}

.content-section table {font-size:20px;}
.content-section th {padding:20px 10px}
.content-section thead tr {background:#0957de; color:#fff;}
.content-section td {padding:10px 10px} 
.content-section tr {background: #dcf1fb;}
.content-section tr:nth-child(2n) {    background: #f0f7fb;}
 /* На мобильных экранах */
  @media screen and (max-width: 768px) {
    table, thead, tbody, th, td, tr {
      display: block;
    }

    /* Скрываем заголовки таблицы */
    thead {
      display: none;
    }

    tr {
      margin-bottom: 1rem;
      border: 1px solid #ccc;
      border-radius: 8px;
      padding: 0.5rem;
    }

    td {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border: none;
      border-bottom: 1px solid #eee;
      padding: 10px;
      text-align: left; /* Выравниваем содержимое справа */
    }

  }
  
  .blog-preview {
  padding-top: 5.25rem;
  padding-bottom: 3.75rem;
}

.blog-preview__top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.875rem;
  margin-bottom: 3.4375rem;
}

.blog-preview__body {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  position: relative;
}

.blog-preview__item {
  display: block;
  min-width: 0;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0.9375rem;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.blog-preview__image-ibg {
  display: block;
  padding-top: 58%;
  overflow: hidden;
  background-color: #dfe9f6;
}

.blog-preview__content {
  display: block;
  padding: 1.625rem 1.875rem 1.875rem;
}

.blog-preview__name {
  display: block;
  min-height: 4rem;
  font-size: 1.375rem;
  line-height: 2rem;
  font-weight: 700;
  margin-bottom: 0.875rem;
}

.blog-preview__date {
  display: block;
  color: #0957de;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-bottom: 0.875rem;
}

.blog-preview__text {
  display: block;
  font-weight: 300;
  line-height: 1.5rem;
  opacity: 0.85;
}

.blog-preview__all {
  color: #0957de;
  font-size: 1.125rem;
  border-bottom: 1px dotted #0957de;
}

@media (max-width: 103.75em) {
  .blog-preview__body {
    grid-template-columns: 1fr;
  }

  .blog-preview__name {
    min-height: auto;
  }
}


/* === Блок услуг на главной === */
.service-cards {
  padding-top: 5.25rem;
  padding-bottom: 3.75rem;
}

/* Заголовок блока "Услуги для роста..." */
.service-cards__title {
  text-align: center;
  margin-bottom: 3.4375rem;
}

/* Сетка карточек услуг */
.service-cards__body {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.875rem;
}

/* Внешняя карточка услуги */
.service-cards__item {
  display: flex;
  flex-direction: column;
  min-height: 35rem;
  padding: 1.25rem;
  border-radius: 1.125rem;
  background-color: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(44, 44, 45, 0.06);
  position: relative;
  overflow: hidden;
}

/* Внутренняя светлая плашка карточки */
.service-cards__inner {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 1.875rem;
  border-radius: 0.9375rem;
  background:
    radial-gradient(circle at 100% 0%, rgba(9, 87, 222, 0.1), transparent 38%),
    linear-gradient(135deg, #ffffff 0%, #f3f7fe 100%);
}


/* Верх карточки: иконка + название */
.service-cards__top {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  margin-bottom: 1.875rem;
}

/* Круглая иконка/номер услуги */
.service-cards__icon {
  width: 3.125rem;
  height: 3.125rem;
  flex: 0 0 3.125rem;
  border-radius: 50%;
  background-color: #0957de;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-weight: 700;
}

/* Название услуги */
.service-cards__name {
  font-size: 1.375rem;
  line-height: 1.5rem;
  font-weight: 700;
}

/* Разделительная линия внутри карточки */
.service-cards__line {
  height: 1px;
  background-color: rgba(44, 44, 45, 0.14);
  margin-bottom: 1.5625rem;
}

/* Описание услуги */
.service-cards__text {
  display: block;
  line-height: 1.5rem;
  font-weight: 300;
  opacity: 0.85;
  margin-bottom: 2rem;
}

/* Плашка-метка под описанием */
.service-cards__label {
  margin-top: auto;
  display: inline-flex;
  align-self: flex-start;
  padding: 0.75rem 1.125rem;
  color: #0957de;
  border: 1px solid rgba(9, 87, 222, 0.35);
  border-radius: 2.5rem;
  line-height: 1.125rem;
  background-color: rgba(255, 255, 255, 0.45);
}

/* Нижняя часть карточки: цена + кнопка */
.service-cards__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding-top: 1.625rem;
}

/* Цена услуги */
.service-cards__price {
  font-size: 1.375rem;
  line-height: 1.5rem;
  font-weight: 300;
}

/* Крупная часть цены */
.service-cards__price span,
.service-cards__price strong {
  font-size: 2rem;
  line-height: 2.125rem;
  font-weight: 700;
}

/* Кнопка "Подробнее" */
.service-cards__button {
  padding: 1.3125rem 1.875rem;
  text-transform: uppercase;
  font-size: 0.875rem;
  border-radius: 0.5rem;
}

/* === Планшеты и небольшие ноутбуки === */
@media (max-width: 103.75em) {
  /* Карточки становятся в одну колонку */
  .service-cards__body {
    grid-template-columns: 1fr;
  }

  /* Высота карточки становится по содержимому */
  .service-cards__item {
    min-height: auto;
  }
}

/* === Мобильная версия === */
@media (max-width: 47.99875em) {
  /* Отступы всего блока на телефоне */
  .service-cards {
    padding-top: 1.0625rem;
    padding-bottom: 1.5625rem;
  }

  /* Отступ под заголовком на телефоне */
  .service-cards__title {
    margin-bottom: 1.3125rem;
  }

  /* Расстояние между карточками на телефоне */
  .service-cards__body {
    gap: 0.625rem;
  }

  /* Внешние отступы карточки на телефоне */
  .service-cards__item {
    padding: 0.75rem;
  }

  /* Внутренняя плашка карточки на телефоне */
  .service-cards__inner {
    padding: 1.25rem;
  }

  /* Верх карточки на телефоне */
  .service-cards__top {
    gap: 0.875rem;
    margin-bottom: 1.25rem;
  }

  /* Иконка на телефоне */
  .service-cards__icon {
    width: 2.875rem;
    height: 2.875rem;
    flex-basis: 2.875rem;
    font-size: 1rem;
  }

  /* Название услуги на телефоне */
  .service-cards__name {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }

  /* Линия на телефоне */
  .service-cards__line {
    margin-bottom: 1rem;
  }

  /* Описание услуги на телефоне */
  .service-cards__text {
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-bottom: 1.25rem;
  }

  /* Метка услуги на телефоне */
  .service-cards__label {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  /* Низ карточки на телефоне */
  .service-cards__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.9375rem;
    padding-top: 1.25rem;
  }

  /* Цена на телефоне */
  .service-cards__price {
    font-size: 1rem;
  }

  /* Крупная часть цены на телефоне */
  .service-cards__price span,
  .service-cards__price strong {
    font-size: 1.5rem;
  }

  /* Кнопка на всю ширину на телефоне */
  .service-cards__button {
    width: 100%;
    border-radius: 2.5rem;
  }
}

/* Плавность для карточки услуги */
.service-cards__item {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Плавность для внутренней плашки */
.service-cards__inner {
  position: relative;
  overflow: hidden;
  transition: background 0.3s ease;
}

/* Световой блик внутри карточки */
.service-cards__inner::after {
  content: "";
  position: absolute;
  width: 12rem;
  height: 12rem;
  right: -5rem;
  bottom: -5rem;
  border-radius: 50%;
  background: rgba(9, 87, 222, 0.14);
  filter: blur(2.5rem);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}

/* Чтобы контент был поверх блика */
.service-cards__top,
.service-cards__line,
.service-cards__text,
.service-cards__label {
  position: relative;
  z-index: 1;
}

/* Плавность для иконки */
.service-cards__icon {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Плавность для кнопки */
.service-cards__button {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (any-hover: hover) {
  /* Подъём карточки */
  .service-cards__item:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 1.25rem 3.125rem rgba(9, 87, 222, 0.12);
  }

  /* Появление синего блика */
  .service-cards__item:hover .service-cards__inner::after {
    opacity: 1;
    transform: scale(1.15);
  }

  /* Лёгкое движение иконки */
  .service-cards__item:hover .service-cards__icon {
    transform: scale(1.08) rotate(-4deg);
    box-shadow: 0 0.75rem 1.875rem rgba(9, 87, 222, 0.25);
  }

  /* Кнопка чуть приподнимается */
  .service-cards__item:hover .service-cards__button {
    transform: translateY(-0.125rem);
    box-shadow: 0 0.75rem 1.875rem rgba(9, 87, 222, 0.2);
  }
}


/* === Горизонтальная воронка: весь блок === */
.scroll-funnel {
	position: relative;
	height: 1180vh;
	background-color: #f1f6fa;
}

/* Закреплённый экран при прокрутке */
.scroll-funnel__sticky {
	position: sticky;
	top: 0;
	height: 100vh;
	display: flex;
	align-items: center;
	overflow: hidden;
}

/* Фоновые световые пятна */
.scroll-funnel__sticky::before,
.scroll-funnel__sticky::after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}

.scroll-funnel__sticky::before {
	top: 35%;
	left: 18%;
	box-shadow: 10px 10px 150px 86px rgba(9, 87, 222, 0.22);
}

.scroll-funnel__sticky::after {
	right: 18%;
	bottom: 22%;
	box-shadow: 10px 10px 160px 90px rgba(171, 68, 253, 0.18);
}

/* Контейнер блока */
.scroll-funnel__container {
	width: 100%;
	max-width: 103.75rem;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

/* Заголовок и подзаголовок */
.scroll-funnel__head {
	max-width: 70rem;
	margin-bottom: 3rem;
}

.scroll-funnel__subtitle {
	max-width: 54rem;
	margin-top: 1.25rem;
	font-size: 1.375rem;
	line-height: 2rem;
	font-weight: 300;
	opacity: 0.85;
}

/* Видимая область горизонтального движения */
.scroll-funnel__viewport {
	position: relative;
	height: 31rem;
}

/* Лента карточек */
.scroll-funnel__track {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	gap: 1.25rem;
	will-change: transform;
	transform: translateX(var(--track-x, 42vw));
}

/* Внешняя карточка шага */
.scroll-funnel__step {
	width: 31.5rem;
	min-height: 31rem;
	padding: 2rem;
	border-radius: 1.125rem;
	border: 1px solid rgba(44, 44, 45, 0.05);
	background-color: rgba(255, 255, 255, 0.76);
	opacity: 1;
	transform: scale(1);
	transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
}

/* Внутренняя светлая плашка карточки */
.scroll-funnel__step::before {
	content: "";
	position: absolute;
	inset: 1.25rem;
	border-radius: 0.9375rem;
	background:
		radial-gradient(circle at 100% 0%, rgba(9, 87, 222, 0.12), transparent 42%),
		linear-gradient(135deg, #ffffff 0%, #f3f7fe 100%);
	pointer-events: none;
	z-index: 0;
}

/* Мягкий синий блик внутри карточки */
.scroll-funnel__step::after {
	content: "";
	position: absolute;
	width: 14rem;
	height: 14rem;
	right: -4rem;
	bottom: -4rem;
	border-radius: 50%;
	background-color: #0957de;
	opacity: 0.08;
	filter: blur(1.25rem);
	pointer-events: none;
	z-index: 0;
}

/* Контент поверх фона */
.scroll-funnel__step > * {
	position: relative;
	z-index: 1;
}

/* Активная карточка */
.scroll-funnel__step._active {
	transform: translateY(-0.5rem);
	box-shadow: 0 1.25rem 3.125rem rgba(9, 87, 222, 0.16);
}

/* Круглая иконка шага */
.scroll-funnel__num {
	width: 3.25rem;
	height: 3.25rem;
	flex: 0 0 3.25rem;
	margin: 0 0 2rem 0;
	border-radius: 50%;
	background-color: #0957de;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.35rem;
	font-weight: 700;
}

/* Вторая иконка не нужна */
.scroll-funnel__badge {
	display: none;
}

/* Главная цифра */
.scroll-funnel__value {
	font-size: 2.25rem;
	line-height: 2.5rem;
	font-weight: 700;
	padding-top: 1.5rem;
	border-top: 1px solid rgba(44, 44, 45, 0.12);
	margin-bottom: 0.625rem;
	color: #0957de;
}

/* Название шага */
.scroll-funnel__name {
	font-size: 1.375rem;
	line-height: 1.75rem;
	font-weight: 700;
	min-height: 3.5rem;
	padding-top: 0.1875rem;
	margin-bottom: 1.5rem;
	color: #2c2c2d;
}

/* Описание шага */
.scroll-funnel__text {
	line-height: 1.5rem;
	font-weight: 300;
	opacity: 0.78;
	color: #2c2c2d;
}

/* Каналы рекламы */
.scroll-funnel__sources {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.5rem;
	margin-top: auto;
	padding-top: 1.5rem;
}

/* Плашка канала */
.scroll-funnel__source {
	padding: 0.625rem 0.75rem;
	border-radius: 2.5rem;
	background-color: #fff;
	color: #0957de;
	font-weight: 700;
	text-align: center;
	border: 1px solid rgba(9, 87, 222, 0.18);
	box-shadow: 0 0.625rem 1.5rem rgba(9, 87, 222, 0.08);
	font-size: 0.875rem;
	line-height: 1rem;
	min-width: 0;
	white-space: nowrap;
}

/* Мини-сайт внутри карточки */
.scroll-funnel__mini-site,
.scroll-funnel__site {
	margin-top: auto;
	padding: 1.125rem;
	border-radius: 0.9375rem;
	background-color: rgba(255, 255, 255, 0.88);
	border: 1px solid rgba(9, 87, 222, 0.1);
	overflow: hidden;
}

/* Синяя линия в мини-сайте */
.scroll-funnel__site-top {
	height: 0.625rem;
	margin-bottom: 0.875rem;
	border-radius: 0.5rem;
	background-color: #0957de;
	max-width: 100%;
}

/* Текст мини-сайта */
.scroll-funnel__site-name,
.scroll-funnel__mini-site div:last-child {
	font-weight: 700;
	color: #2c2c2d;
	line-height: 1.25rem;
}

/* Самолётик */
.scroll-funnel__plane {
	position: absolute;
	left: 0;
	top: 0;
	width: 4rem;
	height: 4rem;
	z-index: 5;
	color: #2c2c2d;
	transform: translate(var(--plane-x, 10vw), var(--plane-y, 3rem)) rotate(var(--plane-rotate, 0deg));
	filter: drop-shadow(0 0.875rem 1.25rem rgba(9, 87, 222, 0.13));
	pointer-events: none;
}

.scroll-funnel__plane svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* Ноутбуки */
@media (max-width: 103.75em) {
	.scroll-funnel__container {
		max-width: 60.625rem;
	}

	.scroll-funnel__step {
		width: 27rem;
	}
}

/* Телефоны */
@media (max-width: 47.99875em) {
	.scroll-funnel {
		height: auto;
		padding-top: 1.0625rem;
		padding-bottom: 1.5625rem;
	}

	.scroll-funnel__sticky {
		position: relative;
		height: auto;
		overflow: visible;
	}

	.scroll-funnel__container {
		padding: 0 1.25rem;
	}

	.scroll-funnel__head {
		margin-bottom: 1.3125rem;
	}

	.scroll-funnel__subtitle {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.scroll-funnel__viewport {
		height: auto;
	}

	.scroll-funnel__track {
		position: relative;
		display: grid;
		grid-template-columns: 1fr;
		transform: none !important;
	}

	.scroll-funnel__step {
		width: 100%;
		min-height: auto;
		padding: 1.5rem 1.25rem;
	}

	.scroll-funnel__step::before {
		inset: 0.75rem;
	}

	.scroll-funnel__num {
		width: 2.875rem;
		height: 2.875rem;
		flex-basis: 2.875rem;
		margin-bottom: 1.5rem;
	}

	.scroll-funnel__value {
		font-size: 1.5rem;
		line-height: 1.875rem;
	}

	.scroll-funnel__name {
		min-height: auto;
		font-size: 1.125rem;
		line-height: 1.5rem;
	}

	.scroll-funnel__sources {
		grid-template-columns: 1fr;
	}

	.scroll-funnel__plane {
		display: none;
	}
}



/* Правая картинка телефона в первом экране услуги */
.service-hero__phone {
	position: absolute;
	right: -6.25rem;
	bottom: -5rem;
	width: min(50rem, 118%);
	opacity: 0;
	transform: translateX(6rem);
	animation: servicePhoneIn 1s ease 0.15s forwards;
	filter: drop-shadow(0 1.25rem 2.5rem rgba(9, 87, 222, 0.16));
}

/* Само изображение телефона */
.service-hero__phone img {
	display: block;
	width: 100%;
	height: auto;
}

/* Общий стиль плавающих плашек возле телефона */
.service-hero__float {
	position: absolute;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 0.8125rem;
	padding: 1rem 1.25rem;
	border-radius: 0.9375rem;
	background-color: rgba(255, 255, 255, 0.92);
	box-shadow: 0 0.875rem 1.75rem rgba(44, 44, 45, 0.14);
	font-weight: 700;
	line-height: 1.25rem;
	opacity: 0;
	transform: translateY(1.25rem);
	animation: serviceFloatIn 0.7s ease forwards, serviceFloatMove 4.5s ease-in-out infinite;
}

/* Синий квадрат-иконка внутри плашки */
.service-hero__float::before {
	content: "";
	width: 2.125rem;
	height: 2.125rem;
	flex: 0 0 2.125rem;
	border-radius: 0.625rem;
	background-color: #0957de;
}

/* Зеленый квадрат-иконка для плашки онлайн-записи */
.service-hero__float_green::before {
	background-color: #38ca57;
}

/* Плашка: Адаптивная верстка */
.service-hero__float_adaptive {
	left: -1.25rem;
	top: 24%;
	animation-delay: 0.75s, 1.45s;
}

/* Плашка: Интеграция с МИС */
.service-hero__float_mis {
	right: 1.875rem;
	top: 18%;
	animation-delay: 1s, 1.7s;
}

/* Плашка: Онлайн-запись */
.service-hero__float_record {
	left: 1.875rem;
	bottom: 22%;
	animation-delay: 1.25s, 1.95s;
}

/* Плашка: SEO-структура */
.service-hero__float_seo {
	right: -0.625rem;
	bottom: 31%;
	animation-delay: 1.5s, 2.2s;
}

/* Нижняя плашка с экономией рекламы */
.service-hero__saving {
	position: absolute;
	left: 2.5rem;
	bottom: 3rem;
	z-index: 3;
	display: inline-flex;
	padding: 0.875rem 1.125rem;
	border-radius: 2.5rem;
	background-color: #fff;
	color: #0957de;
	font-weight: 700;
	border: 1px solid rgba(9, 87, 222, 0.2);
	box-shadow: 0 0.625rem 1.5rem rgba(9, 87, 222, 0.08);
	opacity: 0;
	transform: translateY(1.25rem);
	animation: serviceFloatIn 0.7s ease 1.75s forwards;
}

/* Анимация выезда телефона справа */
@keyframes servicePhoneIn {
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* Анимация появления плашек */
@keyframes serviceFloatIn {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Легкое плавание плашек вверх-вниз */
@keyframes serviceFloatMove {
	0%, 100% {
		margin-top: 0;
	}
	50% {
		margin-top: -0.625rem;
	}
}

/* Адаптив: ноутбуки и небольшие экраны */
@media (max-width: 103.75em) {
	/* Высота правого визуального блока */
	.service-hero__visual {
		min-height: 34rem;
	}

	/* Телефон меньше, чтобы не залезал на текст */
	.service-hero__phone {
		right: -6.25rem;
		bottom: -3.75rem;
		width: 39rem;
	}

	/* Плашки чуть компактнее */
	.service-hero__float {
		padding: 0.875rem 1rem;
		font-size: 0.875rem;
	}

	/* Позиция плашки Адаптивная верстка */
	.service-hero__float_adaptive {
		left: -0.625rem;
		top: 25%;
	}

	/* Позиция плашки Интеграция с МИС */
	.service-hero__float_mis {
		right: 0;
		top: 18%;
	}

	/* Позиция плашки Онлайн-запись */
	.service-hero__float_record {
		left: 0.625rem;
		bottom: 22%;
	}

	/* Позиция плашки SEO-структура */
	.service-hero__float_seo {
		right: -0.25rem;
		bottom: 31%;
	}
}

/* Адаптив: планшеты */
@media (max-width: 61.99875em) {
	/* Правый блок становится отдельным экраном под текстом */
	.service-hero__visual {
		min-height: 31rem;
		overflow: hidden;
	}

	/* Телефон центрируется */
	.service-hero__phone {
		right: 50%;
		bottom: -4.375rem;
		width: 39rem;
		transform: translateX(calc(50% + 4rem));
	}
}

/* Адаптив: телефоны */
@media (max-width: 47.99875em) {
	/* Высота визуального блока на телефоне */
	.service-hero__visual {
		min-height: 26rem;
		margin: 0 -1.25rem;
		overflow: hidden;
	}

	/* Размер телефона на мобильном */
	.service-hero__phone {
		right: 50%;
		bottom: -2.5rem;
		width: 28rem;
	}

	/* Компактные плашки на мобильном */
	.service-hero__float {
		padding: 0.75rem 0.875rem;
		font-size: 0.75rem;
		line-height: 1rem;
		border-radius: 0.75rem;
	}

	/* Размер цветного квадрата в плашках на мобильном */
	.service-hero__float::before {
		width: 1.75rem;
		height: 1.75rem;
		flex-basis: 1.75rem;
	}

	/* Мобильная позиция плашки Адаптивная верстка */
	.service-hero__float_adaptive {
		left: 1.25rem;
		top: 18%;
	}

	/* Мобильная позиция плашки Интеграция с МИС */
	.service-hero__float_mis {
		right: 1.25rem;
		top: 7%;
	}

	/* Мобильная позиция плашки Онлайн-запись */
	.service-hero__float_record {
		left: 1.25rem;
		bottom: 24%;
	}

	/* Мобильная позиция плашки SEO-структура */
	.service-hero__float_seo {
		right: 1.25rem;
		bottom: 38%;
	}

	/* Мобильная позиция плашки экономии рекламы */
	.service-hero__saving {
		left: 1.25rem;
		bottom: 1.25rem;
		font-size: 0.75rem;
	}
}


/* === Первый экран страницы услуги: общий блок === */
.service-hero {
	padding-top: 5.25rem;
	padding-bottom: 3.75rem;
	overflow: hidden;
}

/* Контейнер первого экрана: текст слева, визуал справа */
.service-hero__body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 3.75rem;
	min-height: 40rem;
	position: relative;
}

/* Левая текстовая часть */
.service-hero__content {
	flex: 0 1 44%;
	position: relative;
	z-index: 2;
}

/* Заголовок услуги */
.service-hero__title {
	font-size: 4.625rem;
	line-height: 1.08;
	font-weight: 700;
	margin-bottom: 2rem;
}

/* Описание под заголовком */
.service-hero__text {
	font-size: 1.375rem;
	line-height: 2rem;
	font-weight: 300;
	opacity: 0.85;
	margin-bottom: 2.5rem;
}

/* Кнопка + стрелка */
.service-hero__cta {
	display: flex;
	align-items: center;
	gap: 1.875rem;
	margin-bottom: 2.5rem;
}

/* Стрелка возле кнопки */
.service-hero__arrow {
	width: 8.75rem;
	height: 6.875rem;
	color: #0957de;
	flex: 0 0 8.75rem;
}

/* Важно: убирает огромные чёрные заливки SVG */
.service-hero__arrow svg {
	width: 100%;
	height: 100%;
	fill: none;
	display: block;
}

/* Линия стрелки */
.service-hero__arrow path {
	stroke: currentColor;
	stroke-width: 4;
	stroke-linecap: round;
	fill: none;
}

/* Наконечник стрелки */
.service-hero__arrow polygon {
	fill: currentColor;
}

/* Список преимуществ */
.service-hero__checks {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}

/* Один пункт преимуществ */
.service-hero__check {
	display: flex;
	gap: 1.125rem;
	font-size: 1.125rem;
	line-height: 1.5rem;
}

/* Правая визуальная часть */
.service-hero__visual {
	flex: 0 1 53%;
	min-height: 39rem;
	position: relative;
	z-index: 1;
}

/* Правая картинка телефона */
.service-hero__phone {
	position: absolute;
	right: -6.25rem;
	bottom: -5rem;
	width: min(50rem, 118%);
	opacity: 0;
	transform: translateX(6rem);
	animation: servicePhoneIn 1s ease 0.15s forwards;
	filter: drop-shadow(0 1.25rem 2.5rem rgba(9, 87, 222, 0.16));
}

.service-hero__phone img {
	display: block;
	width: 100%;
	height: auto;
}

/* Общий стиль плавающих плашек */
.service-hero__float {
	position: absolute;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 0.8125rem;
	padding: 1rem 1.25rem;
	border-radius: 0.9375rem;
	background-color: rgba(255, 255, 255, 0.92);
	box-shadow: 0 0.875rem 1.75rem rgba(44, 44, 45, 0.14);
	font-weight: 700;
	line-height: 1.25rem;
	opacity: 0;
	transform: translateY(1.25rem);
	animation: serviceFloatIn 0.7s ease forwards, serviceFloatMove 4.5s ease-in-out infinite;
}

/* Синий квадрат внутри плашек */
.service-hero__float::before {
	content: "";
	width: 2.125rem;
	height: 2.125rem;
	flex: 0 0 2.125rem;
	border-radius: 0.625rem;
	background-color: #0957de;
}

/* Зеленый квадрат у онлайн-записи */
.service-hero__float_green::before {
	background-color: #38ca57;
}

/* Плашка: Адаптивная верстка */
.service-hero__float_adaptive {
	left: -1.25rem;
	top: 24%;
	animation-delay: 0.75s, 1.45s;
}

/* Плашка: Интеграция с МИС */
.service-hero__float_mis {
	right: 1.875rem;
	top: 18%;
	animation-delay: 1s, 1.7s;
}

/* Плашка: Онлайн-запись */
.service-hero__float_record {
	left: 1.875rem;
	bottom: 22%;
	animation-delay: 1.25s, 1.95s;
}

/* Плашка: SEO-структура */
.service-hero__float_seo {
	right: -0.625rem;
	bottom: 31%;
	animation-delay: 1.5s, 2.2s;
}

/* Плашка экономии */
.service-hero__saving {
	position: absolute;
	left: 2.5rem;
	bottom: 3rem;
	z-index: 3;
	display: inline-flex;
	padding: 0.875rem 1.125rem;
	border-radius: 2.5rem;
	background-color: #fff;
	color: #0957de;
	font-weight: 700;
	border: 1px solid rgba(9, 87, 222, 0.2);
	box-shadow: 0 0.625rem 1.5rem rgba(9, 87, 222, 0.08);
	opacity: 0;
	transform: translateY(1.25rem);
	animation: serviceFloatIn 0.7s ease 1.75s forwards;
}

@keyframes servicePhoneIn {
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes serviceFloatIn {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes serviceFloatMove {
	0%, 100% {
		margin-top: 0;
	}
	50% {
		margin-top: -0.625rem;
	}
}

/* === Правка первого экрана услуги: меньше пустоты сверху === */
.page-header {
  padding: 1.5rem 0 0;
}

/* Сам блок услуги ближе к хлебным крошкам */
.service-hero {
  padding-top: 2.25rem;
  padding-bottom: 3.75rem;
}

/* Общая высота первого экрана */
.service-hero__body {
  min-height: 34rem;
  align-items: flex-start;
}

/* Правая зона с телефоном */
.service-hero__visual {
  min-height: 34rem;
  margin-top: -1.5rem;
}

/* Картинка телефона справа */
.service-hero__phone {
  right: -1.5rem;
  bottom: -1rem;
  width: min(37rem, 88%);
}

/* Плашка: адаптивная верстка */
.service-hero__float_adaptive {
  left: -1rem;
  top: 28%;
}

/* Плашка: интеграция с МИС */
.service-hero__float_mis {
  right: 1rem;
  top: 10%;
}

/* Плашка: онлайн-запись */
.service-hero__float_record {
  left: 2.5rem;
  bottom: 23%;
}

/* Плашка: SEO-структура */
.service-hero__float_seo {
  right: -0.25rem;
  bottom: 34%;
}

/* Плашка: экономия на рекламе */
.service-hero__saving {
  left: 5rem;
  bottom: 7%;
}
/* === ФИНАЛЬНАЯ ПРАВКА serviceHero: позиция телефона, заголовок, стрелка, адаптив === */

/* Сам первый экран услуги */
.service-hero {
  padding-top: 2.25rem;
  padding-bottom: 4rem;
  overflow: hidden;
}

/* Общая раскладка: текст слева, визуал справа */
.service-hero__body {
  align-items: flex-start;
  min-height: 36rem;
  gap: 3rem;
}

/* Левая текстовая часть */
.service-hero__content {
  flex: 0 1 45%;
  padding-top: 1rem;
}

/* Заголовок услуги */
.service-hero__title {
  max-width: 43rem;
  font-size: 4.625rem;
  line-height: 1.08;
  font-weight: 700;
  margin-bottom: 2rem;
}

/* Описание под заголовком */
.service-hero__text {
  max-width: 44rem;
  font-size: 1.375rem;
  line-height: 2rem;
  font-weight: 300;
  opacity: 0.85;
  margin-bottom: 2.25rem;
}

/* Кнопка + стрелка */
.service-hero__cta {
  display: flex;
  align-items: center;
  gap: 1.75rem;
  margin-bottom: 2.25rem;
}

/* Стрелка к кнопке */
.service-hero__arrow {
  width: 8.75rem;
  height: 6.875rem;
  color: #0957de;
  flex: 0 0 8.75rem;
  animation: serviceHeroArrowFloat 2.8s ease-in-out infinite;
}

/* SVG стрелки */
.service-hero__arrow svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: none;
}

/* Линия стрелки */
.service-hero__arrow path {
  stroke: currentColor;
  stroke-width: 4;
  stroke-linecap: round;
  fill: none;
  stroke-dasharray: 220;
  stroke-dashoffset: 220;
  animation: serviceHeroArrowDraw 1.4s ease 0.6s forwards;
}

/* Наконечник стрелки */
.service-hero__arrow polygon {
  fill: currentColor;
  opacity: 0;
  animation: serviceHeroArrowHead 0.35s ease 1.55s forwards;
}

/* Правая зона с телефоном */
.service-hero__visual {
  flex: 0 1 55%;
  min-height: 36rem;
  margin-top: -1rem;
  position: relative;
  overflow: visible;
}

/* Картинка телефона: ставим ближе к отмеченной зоне */
.service-hero__phone {
  position: absolute;
  right: 7.5rem;
  top: -0.75rem;
  bottom: auto;
  width: min(42rem, 100%);
  opacity: 0;
  transform: translateX(4rem);
  animation: serviceHeroPhoneIn 0.9s ease 0.15s forwards;
  filter: drop-shadow(0 1.25rem 2.5rem rgba(9, 87, 222, 0.16));
}

/* Картинка внутри */
.service-hero__phone img {
  display: block;
  width: 100%;
  height: auto;
}

/* Плашка: адаптивная верстка */
.service-hero__float_adaptive {
  left: -1rem;
  top: 26%;
}

/* Плашка: интеграция с МИС */
.service-hero__float_mis {
  right: 2rem;
  top: 10%;
}

/* Плашка: онлайн-запись */
.service-hero__float_record {
  left: 2.25rem;
  bottom: 23%;
}

/* Плашка: SEO-структура */
.service-hero__float_seo {
  right: 0.25rem;
  bottom: 34%;
}

/* Плашка: экономия рекламы */
.service-hero__saving {
  left: 4.75rem;
  bottom: 7%;
}

/* Анимация появления телефона */
@keyframes serviceHeroPhoneIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Анимация рисования стрелки */
@keyframes serviceHeroArrowDraw {
  to {
    stroke-dashoffset: 0;
  }
}

/* Появление наконечника стрелки */
@keyframes serviceHeroArrowHead {
  to {
    opacity: 1;
  }
}

/* Живая стрелка возле кнопки */
@keyframes serviceHeroArrowFloat {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }

  50% {
    transform: translateY(-0.375rem) rotate(-3deg);
  }
}

/* === Планшет === */
@media (max-width: 61.99875em) {
  .service-hero__body {
    flex-direction: column;
    min-height: auto;
    gap: 1.5rem;
  }

  .service-hero__content {
    flex: 1 1 auto;
    width: 100%;
  }

  .service-hero__visual {
    flex: 1 1 auto;
    width: 100%;
    min-height: 34rem;
    margin-top: 0;
    overflow: visible;
  }

  .service-hero__phone {
    right: 50%;
    top: 0;
    width: 40rem;
    transform: translateX(calc(50% + 4rem));
    animation: serviceHeroPhoneTabletIn 0.9s ease 0.15s forwards;
  }

  .service-hero__float_adaptive {
    left: 8%;
    top: 15%;
  }

  .service-hero__float_mis {
    right: 8%;
    top: 9%;
  }

  .service-hero__float_record {
    left: 10%;
    bottom: 25%;
  }

  .service-hero__float_seo {
    right: 8%;
    bottom: 36%;
  }

  .service-hero__saving {
    left: 50%;
    bottom: 8%;
    transform: translateX(-50%) translateY(1.25rem);
  }
}

@keyframes serviceHeroPhoneTabletIn {
  to {
    opacity: 1;
    transform: translateX(50%);
  }
}

/* === Телефон === */
@media (max-width: 47.99875em) {
  .service-hero {
    padding-top: 1.5rem;
  }

  .service-hero__title {
    font-size: 2.25rem;
    line-height: 1.12;
    margin-bottom: 1.25rem;
  }

  .service-hero__text {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .service-hero__cta {
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }

  .service-hero__button {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .service-hero__arrow {
    display: none;
  }

  .service-hero__visual {
    display: block;
    min-height: 31rem;
    margin: 0 -1.25rem;
    overflow: visible;
  }

  .service-hero__phone {
    right: 50%;
    top: 1.25rem;
    width: 35rem;
    transform: translateX(calc(50% + 3rem));
    animation: serviceHeroPhoneTabletIn 0.9s ease 0.15s forwards;
  }

  .service-hero__float {
    display: flex;
    padding: 0.75rem 0.875rem;
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .service-hero__float::before {
    width: 1.75rem;
    height: 1.75rem;
    flex-basis: 1.75rem;
  }

  .service-hero__float_adaptive {
    left: 1.25rem;
    top: 18%;
  }

  .service-hero__float_mis {
    right: 1.25rem;
    top: 7%;
  }

  .service-hero__float_record {
    left: 1.25rem;
    bottom: 24%;
  }

  .service-hero__float_seo {
    right: 1.25rem;
    bottom: 38%;
  }

  .service-hero__saving {
    left: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    justify-content: center;
    transform: translateY(1.25rem);
  }
}

/* === Финальная настройка размера телефона и мобильного центра === */

/* ПК: телефон больше примерно на 30% */
@media (min-width: 61.99875em) {
  .service-hero__phone {
    width: min(54.5rem, 130%);
    right: 2.5rem;
    top: -2.5rem;
  }

  .service-hero__visual {
    min-height: 42rem;
  }

  .service-hero__float_adaptive {
    left: -0.5rem;
    top: 28%;
  }

  .service-hero__float_mis {
    right: 0.5rem;
    top: 13%;
  }

  .service-hero__float_record {
    left: 2rem;
    bottom: 26%;
  }

  .service-hero__float_seo {
    right: -0.25rem;
    bottom: 37%;
  }

  .service-hero__saving {
    left: 5rem;
    bottom: 11%;
  }
}

/* Адаптив: телефон ровно по центру, не уезжает влево */
@media (max-width: 61.99875em) {
  .service-hero__visual {
    min-height: 34rem;
  }

  .service-hero__phone {
    left: 50%;
    right: auto;
    top: 1rem;
    width: 36rem;
    transform: translateX(-50%);
    animation: serviceHeroPhoneMobileIn 0.9s ease 0.15s forwards;
  }
}

@keyframes serviceHeroPhoneMobileIn {
  from {
    opacity: 0;
    transform: translateX(calc(-50% + 3rem));
  }

  to {
    opacity: 1;
    transform: translateX(-50%);
  }
}

/* Телефоны: чуть компактнее, но тоже по центру */
@media (max-width: 47.99875em) {
  .service-hero__visual {
    min-height: 31rem;
  }

  .service-hero__phone {
    left: 50%;
    right: auto;
    top: 1.5rem;
    width: 31rem;
    transform: translateX(-50%);
  }
}

/* Возвращаем стиль синего span в заголовках первого экрана */
.first__title span,
.service-hero__title span {
  color: #0957de;
  border-bottom: 2px dotted #0957de;
  display: inline-block;
  line-height: 1;
}

.clinic-asset {
	padding-top: 5.25rem;
	padding-bottom: 3.75rem;
}

.clinic-asset__body {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 3.125rem;
	padding: 1.25rem;
	border-radius: 1.125rem;
	background-color: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(44, 44, 45, 0.06);
	box-shadow: 0 1.25rem 3.75rem rgba(44, 44, 45, 0.12);
	position: relative;
	overflow: hidden;
}

.clinic-asset__body::before,
.clinic-asset__body::after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}

.clinic-asset__body::before {
	left: 20%;
	top: 18%;
	box-shadow: 10px 10px 128px 82px rgba(88, 124, 253, 0.28);
}

.clinic-asset__body::after {
	right: 12%;
	bottom: 10%;
	box-shadow: 10px 10px 128px 82px rgba(171, 68, 253, 0.18);
}

.clinic-asset__visual {
	flex: 0 1 49%;
	position: relative;
	z-index: 1;
}

.clinic-asset__graph {
	height: 100%;
	min-height: 28rem;
	padding: 2.5rem 2.1875rem;
	border-radius: 0.9375rem;
	background:
		radial-gradient(circle at 100% 0%, rgba(9, 87, 222, 0.14), transparent 42%),
		linear-gradient(135deg, #ffffff 0%, #eef5ff 100%);
	overflow: hidden;
	position: relative;
}

.clinic-asset__graph-top {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 1.25rem;
	margin-bottom: 1.875rem;
}

.clinic-asset__label {
	font-size: 1.125rem;
	line-height: 1.5rem;
	font-weight: 700;
}

.clinic-asset__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background-color: #0957de;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
	box-shadow: 0 0.875rem 1.5rem rgba(9, 87, 222, 0.18);
}

.clinic-asset__chart {
	position: relative;
	height: 14.75rem;
	margin-bottom: 1.5625rem;
	border-radius: 0.875rem;
	background:
		linear-gradient(rgba(44, 44, 45, 0.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(44, 44, 45, 0.05) 1px, transparent 1px);
	background-size: 100% 33.333%, 25% 100%;
	overflow: hidden;
}

.clinic-asset__chart svg {
	width: 100%;
	height: 100%;
	display: block;
}

.clinic-asset__chart path {
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 560;
	stroke-dashoffset: 560;
	animation: clinicLine 2.2s ease forwards;
}

.clinic-asset__line-before {
	stroke: #d94b4b;
	stroke-width: 6;
}

.clinic-asset__line-after {
	stroke: #38ca57;
	stroke-width: 6;
	animation-delay: 0.45s;
}

.clinic-asset__dot {
	opacity: 0;
	animation: clinicDot 0.45s ease forwards;
}

.clinic-asset__dot_before {
	fill: #d94b4b;
	animation-delay: 2s;
}

.clinic-asset__dot_after {
	fill: #38ca57;
	animation-delay: 2.35s;
}

.clinic-asset__legend {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
	margin-bottom: 1.5rem;
}

.clinic-asset__legend-item {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	padding: 0.875rem 1rem;
	border-radius: 2.5rem;
	background-color: #fff;
	font-size: 0.875rem;
	line-height: 1.125rem;
	font-weight: 700;
	box-shadow: 0 0.625rem 1.5rem rgba(9, 87, 222, 0.06);
}

.clinic-asset__legend-color {
	width: 0.75rem;
	height: 0.75rem;
	flex: 0 0 0.75rem;
	border-radius: 50%;
}

.clinic-asset__legend-color_before {
	background-color: #d94b4b;
}

.clinic-asset__legend-color_after {
	background-color: #38ca57;
}

.clinic-asset__economy {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.875rem 1.125rem;
	border-radius: 2.5rem;
	background-color: #fff;
	color: #0957de;
	font-weight: 700;
	border: 1px solid rgba(9, 87, 222, 0.2);
	box-shadow: 0 0.625rem 1.5rem rgba(9, 87, 222, 0.06);
}

.clinic-asset__content {
	flex: 0 1 44%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 1;
	padding: 2.5rem 2.5rem 2.5rem 0;
}

.clinic-asset__title {
	margin-bottom: 1.75rem;
}

.clinic-asset__highlight {
	padding: 1.5rem 1.625rem;
	border-radius: 0.9375rem;
	background:
		radial-gradient(circle at 100% 0%, rgba(56, 202, 87, 0.12), transparent 45%),
		#f4fbf7;
	border-left: 0.25rem solid #38ca57;
	font-size: 1.375rem;
	line-height: 2rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.clinic-asset__text {
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 300;
	opacity: 0.85;
}

@keyframes clinicLine {
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes clinicDot {
	to {
		opacity: 1;
	}
}

@media (max-width: 61.99875em) {
	.clinic-asset__body {
		flex-direction: column;
		align-items: stretch;
		gap: 1.25rem;
	}

	.clinic-asset__visual,
	.clinic-asset__content {
		flex: 1 1 auto;
	}

	.clinic-asset__content {
		padding: 0.625rem 1.25rem 2rem;
	}
}

@media (max-width: 47.99875em) {
	.clinic-asset {
		padding-top: 1.0625rem;
		padding-bottom: 1.5625rem;
	}

	.clinic-asset__body {
		padding: 0.75rem;
		border-radius: 0.9375rem;
	}

	.clinic-asset__graph {
		min-height: auto;
		padding: 1.625rem 1.25rem;
	}

	.clinic-asset__graph-top {
		margin-bottom: 1.25rem;
	}

	.clinic-asset__badge {
		width: 2.875rem;
		height: 2.875rem;
		font-size: 1rem;
	}

	.clinic-asset__chart {
		height: 12rem;
	}

	.clinic-asset__legend {
		grid-template-columns: 1fr;
	}

	.clinic-asset__highlight {
		padding: 1.125rem 1.25rem;
		font-size: 1.125rem;
		line-height: 1.5rem;
	}

	.clinic-asset__text {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}
}

.page-top-line {
	background-color: #f1f6fa;
	padding: 0 0 2.5rem;
}

.page-top-line__container {
	width: 100%;
	max-width: none;
	height: 1px;
	margin: 0;
	background: rgba(44, 44, 45, 0.12);
}

@media (max-width: 47.99875em) {
	.page-top-line {
		padding: 0 0 1.5rem;
	}
}

.service-advantages {
	padding: 0 0 5rem;
	background-color: #f1f6fa;
	overflow: hidden;
}

.service-advantages__body {
	position: relative;
}

.service-advantages__top {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 2.25rem;
	position: relative;
	z-index: 1;
}

.service-advantages__title {
	max-width: 46rem;
	font-size: 3.75rem;
	line-height: 4.375rem;
	font-weight: 700;
}

.service-advantages__title span {
	color: #0957de;
	border-bottom: 2px dotted #0957de;
}

.service-advantages__text {
	max-width: 31rem;
	font-size: 1.125rem;
	line-height: 1.625rem;
	font-weight: 300;
	opacity: 0.85;
}

.service-advantages__grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 1.25rem;
	position: relative;
	z-index: 1;
}

.service-advantages__item {
	min-height: 15rem;
	padding: 2rem 1.5rem 1.625rem;
	border: 2px dashed rgba(9, 87, 222, 0.42);
	border-radius: 1.25rem;
	background-color: transparent;
	box-shadow: none;
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	transition: background-color 0.3s ease;
}

.service-advantages__icon {
	width: 4.25rem;
	height: 4.25rem;
	flex: 0 0 4.25rem;
	border-radius: 50%;
	margin-bottom: 1.75rem;
	background-color: #fff;
	color: #0957de;
	border: 2px dotted rgba(9, 87, 222, 0.7);
	box-shadow: none;
	font-size: 1.375rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
}

.service-advantages__name {
	font-size: 1.5rem;
	line-height: 1.75rem;
	font-weight: 700;
	margin-bottom: 0.875rem;
	position: relative;
	z-index: 1;
}

.service-advantages__name {
	color: #0957de;
}

.service-advantages__desc {
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 300;
	opacity: 0.82;
	position: relative;
	z-index: 1;
}

@media (any-hover: hover) {
	.service-advantages__item:hover {
		background-color: rgba(9, 87, 222, 0.035);
	}
}

@media (max-width: 103.75em) {
	.service-advantages__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.service-advantages__top {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 47.99875em) {
	.service-advantages {
		padding-bottom: 2.5rem;
	}

	.service-advantages__top {
		margin-bottom: 1.25rem;
	}

	.service-advantages__title {
		font-size: 1.625rem;
		line-height: 2.125rem;
	}

	.service-advantages__text {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.service-advantages__grid {
		grid-template-columns: 1fr;
		gap: 0.625rem;
	}

	.service-advantages__item {
		min-height: auto;
		padding: 1.25rem;
		display: grid;
		grid-template-columns: 3rem 1fr;
		column-gap: 1rem;
		align-items: start;
	}

	.service-advantages__icon {
		width: 3rem;
		height: 3rem;
		flex-basis: 3rem;
		margin-bottom: 0;
		grid-row: span 2;
		font-size: 1rem;
	}

	.service-advantages__name {
		font-size: 1.125rem;
		line-height: 1.375rem;
		margin-bottom: 0.375rem;
	}

	.service-advantages__desc {
		font-size: 0.8125rem;
		line-height: 1.25rem;
	}
}

.service-advantages__icon img {
	max-width: 60%;
	max-height: 60%;
	display: block;
}

/* === Анимация блока преимуществ: карточки вылетают снизу одна за другой === */

/* Верх блока: заголовок и текст тоже мягко появляются */
.service-advantages__top {
	opacity: 0;
	transform: translateY(2rem);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

/* Каждая карточка сначала спрятана ниже */
.service-advantages__item {
	opacity: 0;
	transform: translateY(4rem);
	transition:
		opacity 0.75s ease,
		transform 0.75s ease,
		background-color 0.3s ease;
	transition-delay: var(--advantage-delay, 0s);
}

/* Когда блок попал в экран */
.service-advantages._show .service-advantages__top {
	opacity: 1;
	transform: translateY(0);
}

/* Карточки вылетают снизу */
.service-advantages._show .service-advantages__item {
	opacity: 1;
	transform: translateY(0);
}

/* Легкий живой эффект при наведении */
@media (any-hover: hover) {
	.service-advantages._show .service-advantages__item:hover {
		transform: translateY(-0.5rem);
		background-color: rgba(9, 87, 222, 0.045);
	}
}

/* Если у человека отключены анимации в системе */
@media (prefers-reduced-motion: reduce) {
	.service-advantages__top,
	.service-advantages__item {
		opacity: 1;
		transform: none;
		transition: none;
	}
}


/* === Блок портфолио услуги === */
.service-portfolio {
	padding: 5rem 0;
	background-color: #f1f6fa;
	overflow: hidden;
}

/* Контейнер блока */
.service-portfolio__container {
	position: relative;
}

/* Декоративные световые пятна */
.service-portfolio__container::before,
.service-portfolio__container::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
}

/* Левое синее свечение */
.service-portfolio__container::before {
	left: 18%;
	top: 44%;
	box-shadow: 10px 10px 128px 82px rgba(88, 124, 253, 0.28);
}

/* Правое мягкое фиолетовое свечение */
.service-portfolio__container::after {
	right: 16%;
	bottom: 12%;
	box-shadow: 10px 10px 150px 92px rgba(171, 68, 253, 0.18);
}

/* Верх блока: заголовок и текст */
.service-portfolio__top {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 2.5rem;
	position: relative;
	z-index: 1;
}

/* Заголовок блока */
.service-portfolio__title {
	max-width: 50rem;
}

/* Описание рядом с заголовком */
.service-portfolio__text {
	max-width: 31rem;
	font-size: 1.125rem;
	line-height: 1.625rem;
	font-weight: 300;
	opacity: 0.85;
}

/* Сетка карточек: 2 портфолио в строку */
.service-portfolio__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
	position: relative;
	z-index: 1;
}

/* Карточка портфолио */
.service-portfolio__item {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	padding: 1rem;
	border-radius: 1.25rem;
	background-color: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(44, 44, 45, 0.06);
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Область картинки сайта */
.service-portfolio__image {
	display: block;
	position: relative;
	padding-top: 63%;
	border-radius: 1rem;
	overflow: hidden;
	background:
		radial-gradient(circle at 100% 0%, rgba(9, 87, 222, 0.16), transparent 42%),
		linear-gradient(135deg, #ffffff 0%, #eaf3ff 100%);
}

/* Картинка сайта */
.service-portfolio__image img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

/* Контент карточки */
.service-portfolio__content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 1.5rem 1.25rem 0.25rem;
}

/* Плашка типа проекта */
.service-portfolio__label {
	display: inline-flex;
	align-self: flex-start;
	margin-bottom: 1rem;
	padding: 0.625rem 0.875rem;
	border-radius: 2.5rem;
	color: #0957de;
	border: 1px solid rgba(9, 87, 222, 0.35);
	background-color: rgba(255, 255, 255, 0.65);
	font-size: 0.875rem;
	line-height: 1rem;
	font-weight: 700;
}

/* Название проекта */
.service-portfolio__name {
	display: block;
	margin-bottom: 0.875rem;
	font-size: 1.375rem;
	line-height: 1.75rem;
	font-weight: 700;
}

/* Описание проекта */
.service-portfolio__desc {
	display: block;
	margin-bottom: 1.5rem;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 300;
	opacity: 0.82;
}

/* Нижняя часть карточки */
.service-portfolio__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-top: auto;
}

/* Результат проекта */
.service-portfolio__result {
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 700;
	color: #0957de;
}

/* Кнопка подробнее без фона */
.service-portfolio__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 1.375rem;
	border-radius: 2.5rem;
	background-color: transparent;
	color: #0957de;
	border: 1px solid rgba(9, 87, 222, 0.35);
	font-size: 0.875rem;
	font-weight: 700;
	white-space: nowrap;
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Наведение */
@media (any-hover: hover) {
	.service-portfolio__item:hover {
		transform: translateY(-0.5rem);
		box-shadow: 0 1.25rem 3.125rem rgba(9, 87, 222, 0.12);
	}

	.service-portfolio__item:hover .service-portfolio__image img {
		transform: scale(1.04);
	}

	.service-portfolio__item:hover .service-portfolio__button {
		background-color: #0957de;
		border-color: #0957de;
		color: #fff;
	}
}

/* Планшеты */
@media (max-width: 103.75em) {
	.service-portfolio__top {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* Телефоны */
@media (max-width: 47.99875em) {
	.service-portfolio {
		padding: 2.5rem 0;
	}

	.service-portfolio__top {
		margin-bottom: 1.25rem;
	}

	.service-portfolio__text {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.service-portfolio__grid {
		grid-template-columns: 1fr;
		gap: 0.625rem;
	}

	.service-portfolio__item {
		padding: 0.75rem;
	}

	.service-portfolio__content {
		padding: 1.25rem 0.75rem 0.25rem;
	}

	.service-portfolio__name {
		font-size: 1.125rem;
		line-height: 1.5rem;
	}

	.service-portfolio__desc {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.service-portfolio__bottom {
		flex-direction: column;
		align-items: flex-start;
	}

	.service-portfolio__button {
		width: 100%;
	}
}

/* === Анимация портфолио: карточки появляются как превью сайтов === */

/* Верх блока портфолио */
.service-portfolio__top {
        opacity: 1;
        transform: none;
        transition: opacity 0.7s ease, transform 0.7s ease;
}

/* Карточки портфолио до появления */
.service-portfolio__item {
        opacity: 1;
        transform: none;
        transition:
                opacity 0.75s ease,
                transform 0.75s ease,
		box-shadow 0.3s ease;
	transition-delay: var(--portfolio-delay, 0s);
}

/* Картинка внутри карточки до появления */
.service-portfolio__image {
        opacity: 1;
        transform: none;
        transition:
                opacity 0.8s ease,
                transform 0.8s ease;
	transition-delay: calc(var(--portfolio-delay, 0s) + 0.12s);
}

/* Когда блок попал в экран */
.service-portfolio._show .service-portfolio__top {
	opacity: 1;
	transform: translateY(0);
}

/* Карточка появилась */
.service-portfolio._show .service-portfolio__item {
	opacity: 1;
	transform: translateY(0) scale(1);
}

/* Картинка проявилась */
.service-portfolio._show .service-portfolio__image {
	opacity: 1;
	transform: scale(1);
}

/* При наведении сохраняем твой эффект подъема */
@media (any-hover: hover) {
	.service-portfolio._show .service-portfolio__item:hover {
		transform: translateY(-0.5rem) scale(1);
	}
}

/* Если у человека отключены анимации */
@media (prefers-reduced-motion: reduce) {
	.service-portfolio__top,
	.service-portfolio__item,
	.service-portfolio__image {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* === Блок ключевых возможностей медицинского сайта === */
.site-features {
	padding: 5rem 0;
	background-color: #f1f6fa;
	overflow: hidden;
}

/* Контейнер блока */
.site-features__container {
	position: relative;
}

/* Декоративные свечения */
.site-features__container::before,
.site-features__container::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
}

/* Синее свечение */
.site-features__container::before {
	left: 18%;
	top: 18%;
	box-shadow: 10px 10px 140px 82px rgba(88, 124, 253, 0.26);
}

/* Фиолетовое свечение */
.site-features__container::after {
	right: 12%;
	bottom: 16%;
	box-shadow: 10px 10px 160px 92px rgba(171, 68, 253, 0.16);
}

/* Верх блока */
.site-features__head {
	position: relative;
	z-index: 1;
	max-width: 70rem;
	margin: 0 auto 3.125rem;
	text-align: center;
	opacity: 0;
	transform: translateY(1.5rem);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

/* Заголовок */
.site-features__title {
	font-size: 3.75rem;
	line-height: 4.375rem;
	font-weight: 700;
	margin-bottom: 1.125rem;
}

/* Синий акцент в заголовке */
.site-features__title span {
	color: #0957de;
	border-bottom: 2px dotted #0957de;
}

/* Подзаголовок */
.site-features__subtitle {
	max-width: 52rem;
	margin: 0 auto;
	font-size: 1.375rem;
	line-height: 2rem;
	font-weight: 300;
	opacity: 0.85;
}

/* Сетка: визуал + описание */
.site-features__list {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 4rem;
	row-gap: 4rem;
	align-items: center;
}

/* Общая анимация визуалов и текстовых блоков */
.site-features__visual-card,
.site-features__content-card {
	opacity: 0;
	transform: translateY(3rem);
	transition:
		opacity 0.75s ease,
		transform 0.75s ease,
		box-shadow 0.3s ease;
	transition-delay: var(--feature-delay, 0s);
}

/* Белая карточка визуала */
.site-features__visual-card {
	display: flex;
	flex-direction: column;
	padding: 1rem;
	border-radius: 1.25rem;
	background-color: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(44, 44, 45, 0.06);
	overflow: hidden;
}

/* Внутренняя область визуала */
.site-features__visual {
	min-height: 21.5rem;
	border-radius: 1rem;
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 100% 0%, rgba(9, 87, 222, 0.14), transparent 42%),
		linear-gradient(135deg, #ffffff 0%, #eaf3ff 100%);
}

/* Зеленоватый фон для блока цен */
.site-features__visual-card_prices .site-features__visual {
	background:
		radial-gradient(circle at 100% 0%, rgba(56, 202, 87, 0.12), transparent 42%),
		linear-gradient(135deg, #ffffff 0%, #eefbf4 100%);
}

/* Фиолетовый фон для блока дизайна */
.site-features__visual-card_design .site-features__visual {
	background:
		radial-gradient(circle at 100% 0%, rgba(171, 68, 253, 0.12), transparent 42%),
		linear-gradient(135deg, #ffffff 0%, #f5f0ff 100%);
}

/* Текстовая часть */
.site-features__content-card {
	padding: 1.25rem 0;
}

/* Маленькая плашка */
.site-features__label {
	display: inline-flex;
	align-self: flex-start;
	margin-bottom: 1rem;
	padding: 0.625rem 0.875rem;
	border-radius: 2.5rem;
	color: #0957de;
	border: 1px solid rgba(9, 87, 222, 0.35);
	background-color: rgba(255, 255, 255, 0.65);
	font-size: 0.875rem;
	line-height: 1rem;
	font-weight: 700;
}

/* Название пункта */
.site-features__name {
	margin-bottom: 0.875rem;
	font-size: 1.5rem;
	line-height: 1.875rem;
	font-weight: 700;
}

/* Описание пункта */
.site-features__text {
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 300;
	opacity: 0.82;
}

/* Нижняя заметка */
.site-features__note {
	display: inline-flex;
	margin-top: 1.5rem;
	padding: 0.875rem 1.125rem;
	border-radius: 2.5rem;
	border: 1px solid rgba(9, 87, 222, 0.25);
	background-color: rgba(255, 255, 255, 0.65);
	color: #0957de;
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 700;
}

/* === Визуал онлайн-записи === */
.record-card {
	position: absolute;
	left: 1.25rem;
	right: 1.25rem;
	top: 50%;
	padding: 1.25rem;
	border-radius: 1rem;
	background-color: rgba(255, 255, 255, 0.92);
	box-shadow: 0 1rem 2.25rem rgba(9, 87, 222, 0.14);
	transform: translateY(-50%);
	animation: recordFloat 4.5s ease-in-out infinite;
}

/* Верх карточки записи */
.record-card__top {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1rem;
}

/* Иконка врача */
.record-card__photo {
	width: 5.5rem;
	height: 5.5rem;
	border-radius: 0.875rem;
	background:
		linear-gradient(135deg, rgba(9, 87, 222, 0.24), rgba(9, 87, 222, 0.04)),
		#fff;
	position: relative;
	overflow: hidden;
}

/* Голова врача */
.record-card__photo::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 1.05rem;
	width: 1.55rem;
	height: 1.55rem;
	border-radius: 50%;
	background-color: #0957de;
	transform: translateX(-50%);
}

/* Силуэт врача */
.record-card__photo::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0.75rem;
	width: 3.3rem;
	height: 2rem;
	border-radius: 2rem 2rem 0.5rem 0.5rem;
	background-color: #bdd5fb;
	transform: translateX(-50%);
}

/* Правая часть карточки врача */
.record-card__doctor {
	flex: 1 1 auto;
}

/* Линия имени врача */
.record-card__name {
	height: 0.75rem;
	width: 70%;
	border-radius: 2rem;
	margin-bottom: 0.625rem;
	background-color: #2c2c2d;
}

/* Линии специализации и даты */
.record-card__spec,
.record-card__date {
	height: 0.625rem;
	border-radius: 2rem;
	background-color: #dbe8fb;
}

.record-card__spec {
	width: 46%;
	margin-bottom: 0.625rem;
}

.record-card__date {
	width: 62%;
}

/* Слоты времени */
.record-card__slots {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.5rem;
	margin-bottom: 1rem;
}

/* Один слот времени */
.record-card__slot {
	padding: 0.625rem 0.5rem;
	border-radius: 0.625rem;
	text-align: center;
	font-size: 0.75rem;
	font-weight: 700;
	color: #0957de;
	background-color: #edf4ff;
}

/* Кнопка записи */
.record-card__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0.875rem 1rem;
	border-radius: 2.5rem;
	background-color: #eef5ff;
	color: #0957de;
	border: 1px solid rgba(9, 87, 222, 0.28);
	text-align: center;
	font-size: 0.875rem;
	font-weight: 700;
}

/* === Визуал Excel / выгрузка цен === */
.excel-file {
	position: absolute;
	left: 1.25rem;
	right: 1.25rem;
	top: 1.75rem;
	bottom: 1.75rem;
	border-radius: 1rem;
	background-color: rgba(255, 255, 255, 0.92);
	box-shadow: 0 1rem 2.25rem rgba(9, 87, 222, 0.1);
	overflow: hidden;
}

/* Верхняя синяя панель Excel */
.excel-file__bar {
	height: 3rem;
	display: flex;
	align-items: center;
	gap: 0.625rem;
	padding: 0 1rem;
	background-color: #0957de;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 700;
}

/* Иконка Excel */
.excel-file__icon {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 0.375rem;
	background-color: #38ca57;
}

/* Таблица */
.excel-file__table {
	padding: 1rem;
	display: grid;
	grid-template-columns: 1.2fr 0.6fr 0.8fr;
	gap: 0.375rem;
}

/* Ячейка таблицы */
.excel-file__cell {
	height: 1.25rem;
	border-radius: 0.25rem;
	background-color: #eef4fb;
	overflow: hidden;
	position: relative;
}

/* Анимация заполнения ячеек */
.excel-file__cell::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 0;
	background-color: rgba(56, 202, 87, 0.28);
	animation: excelFill 2.8s ease-in-out infinite;
	animation-delay: var(--fill-delay, 0s);
}

/* Заголовки таблицы */
.excel-file__cell_head {
	background-color: #dcecff;
}

/* Синяя полоска цены */
.excel-file__cell_price::after {
	content: "";
	position: absolute;
	left: 0.5rem;
	top: 50%;
	width: 48%;
	height: 0.35rem;
	border-radius: 2rem;
	background-color: #0957de;
	transform: translateY(-50%);
}

/* === Визуал уникального дизайна страниц === */
.design-slider {
	position: absolute;
	left: 1.25rem;
	right: 1.25rem;
	top: 1.75rem;
	bottom: 1.75rem;
}

/* Один прототип страницы */
.design-page {
	position: absolute;
	inset: 0;
	border-radius: 1rem;
	background-color: rgba(255, 255, 255, 0.94);
	box-shadow: 0 1rem 2.25rem rgba(9, 87, 222, 0.1);
	overflow: hidden;
	opacity: 0;
	transform: translateX(1.5rem) scale(0.96);
	animation: pageSwitch 7.5s ease-in-out infinite;
}

.design-page:nth-child(2) {
	animation-delay: 2.5s;
}

.design-page:nth-child(3) {
	animation-delay: 5s;
}

/* Верх прототипа */
.design-page__top {
	height: 3rem;
	padding: 1rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	background-color: #f6f9fd;
}

/* Точки в верхней панели */
.design-page__dot {
	width: 0.625rem;
	height: 0.625rem;
	border-radius: 50%;
	background-color: #0957de;
}

/* Тело прототипа */
.design-page__body {
	padding: 1rem;
	display: grid;
	grid-template-columns: 1fr 0.75fr;
	gap: 0.875rem;
}

/* Линии текста */
.design-page__line {
	height: 0.75rem;
	border-radius: 2rem;
	background-color: #0957de;
	margin-bottom: 0.625rem;
}

.design-page__line:nth-child(2) {
	width: 78%;
	background-color: #2c2c2d;
}

.design-page__line:nth-child(3) {
	width: 56%;
	background-color: #dbe8fb;
}

/* Картинка в прототипе */
.design-page__picture {
	min-height: 6.25rem;
	border-radius: 0.875rem;
	background: linear-gradient(135deg, #d7e7ff, #bcd4fb);
}

/* Нижние карточки в прототипе */
.design-page__cards {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.625rem;
}

/* Одна карточка в прототипе */
.design-page__card {
	height: 3.875rem;
	border-radius: 0.75rem;
	background-color: #eef4fb;
}

/* Появление блока при скролле */
.site-features._show .site-features__head {
	opacity: 1;
	transform: translateY(0);
}

.site-features._show .site-features__visual-card,
.site-features._show .site-features__content-card {
	opacity: 1;
	transform: translateY(0);
}

/* Наведение на визуальные карточки */
@media (any-hover: hover) {
	.site-features._show .site-features__visual-card:hover {
		transform: translateY(-0.5rem);
		box-shadow: 0 1.25rem 3.125rem rgba(9, 87, 222, 0.12);
	}
}

/* Плавное парение онлайн-записи */
@keyframes recordFloat {
	0%, 100% {
		transform: translateY(-50%);
	}

	50% {
		transform: translateY(calc(-50% - 0.625rem));
	}
}

/* Заполнение Excel */
@keyframes excelFill {
	0%, 15% {
		width: 0;
	}

	55%, 100% {
		width: 100%;
	}
}

/* Переключение прототипов страниц */
@keyframes pageSwitch {
	0%, 10% {
		opacity: 0;
		transform: translateX(1.5rem) scale(0.96);
	}

	18%, 42% {
		opacity: 1;
		transform: translateX(0) scale(1);
	}

	50%, 100% {
		opacity: 0;
		transform: translateX(-1.5rem) scale(0.96);
	}
}

/* Планшеты */
@media (max-width: 103.75em) {
	.site-features__list {
		grid-template-columns: 1fr;
		row-gap: 1rem;
	}

	.site-features__visual-card_record {
		order: 1;
	}

	.site-features__content-card_record {
		order: 2;
	}

	.site-features__visual-card_prices {
		order: 3;
	}

	.site-features__content-card_prices {
		order: 4;
	}

	.site-features__visual-card_design {
		order: 5;
	}

	.site-features__content-card_design {
		order: 6;
	}
}

/* Телефоны */
@media (max-width: 47.99875em) {
	.site-features {
		padding: 2.5rem 0;
	}

	.site-features__head {
		margin-bottom: 1.25rem;
		text-align: left;
	}

	.site-features__title {
		font-size: 1.625rem;
		line-height: 2.125rem;
	}

	.site-features__subtitle {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.site-features__visual {
		min-height: 16.5rem;
	}

	.site-features__content-card {
		padding: 0.5rem 0 1.25rem;
	}

	.site-features__name {
		font-size: 1.125rem;
		line-height: 1.5rem;
	}

	.site-features__text {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}
}

/* === CTA: новый уровень сервиса === */
.service-cta {
	padding: 5rem 0;
	background-color: #f1f6fa;
	overflow: hidden;
}

/* Тёмная плашка CTA */
.service-cta__body {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	gap: 3rem;
	align-items: center;
	min-height: 33rem;
	padding: 4.75rem 4.375rem;
	border-radius: 1.875rem;
	background-color: #161619;
	color: #fff;
	overflow: hidden;
	opacity: 0;
	transform: translateY(2rem);
	transition: opacity 0.75s ease, transform 0.75s ease;
}

.service-cta__body::before,
.service-cta__body::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-radius: 50%;
	pointer-events: none;
}

.service-cta__body::before {
	left: 16%;
	top: 12%;
	box-shadow: 10px 10px 190px 130px rgba(9, 87, 222, 0.5);
}

.service-cta__body::after {
	right: 10%;
	bottom: 5%;
	box-shadow: 10px 10px 210px 140px rgba(171, 68, 253, 0.34);
}

/* Левая текстовая часть */
.service-cta__content {
	position: relative;
	z-index: 2;
	max-width: 44rem;
}

/* Маленькая верхняя плашка */
.service-cta__label {
	display: inline-flex;
	margin-bottom: 1.25rem;
	padding: 0.75rem 1rem;
	border-radius: 2.5rem;
	background-color: rgba(255, 255, 255, 0.08);
	color: #8fb7ff;
	font-weight: 700;
	line-height: 1.125rem;
	border: 1px solid rgba(255, 255, 255, 0.12);
}

/* Заголовок */
.service-cta__title {
	margin-bottom: 1.625rem;
	font-size: 3.75rem;
	line-height: 4.375rem;
	font-weight: 700;
}

.service-cta__title span {
	color: #4c8cff;
	border-bottom: 2px dotted #4c8cff;
}

/* Обычный текст */
.service-cta__text {
	max-width: 42rem;
	margin-bottom: 1.25rem;
	font-size: 1.25rem;
	line-height: 1.875rem;
	font-weight: 300;
	opacity: 0.82;
}

/* Выделенная мысль */
.service-cta__note {
	max-width: 39rem;
	margin-top: 1.875rem;
	margin-bottom: 2rem;
	padding: 1.125rem 1.375rem;
	border-radius: 1rem;
	background-color: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	font-size: 1.375rem;
	line-height: 1.75rem;
	font-weight: 700;
}

/* Кнопка заявки */
.service-cta__button {
	justify-content: center;
}

/* Правая визуальная часть */
.service-cta__visual {
	position: relative;
	z-index: 2;
	min-height: 28rem;
}

/* Светлая круглая подложка */
.service-cta__glow {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 25rem;
	height: 25rem;
	border-radius: 50%;
	background:
		radial-gradient(circle, rgba(255,255,255,0.28) 0 22%, transparent 23%),
		radial-gradient(circle, rgba(9,87,222,0.28), transparent 62%);
	transform: translate(-50%, -50%);
	filter: blur(0.125rem);
	animation: serviceCtaGlow 5.5s ease-in-out infinite;
}

/* Сверстанный экран записи */
.service-cta__screen {
	position: absolute;
	right: 0;
	top: 50%;
	width: 35rem;
	padding: 1.5rem;
	border-radius: 1.5rem;
	background:
		radial-gradient(circle at 100% 0%, rgba(9,87,222,0.14), transparent 42%),
		#fff;
	box-shadow: 0 1.875rem 5rem rgba(0, 0, 0, 0.26);
	transform: translateY(-50%) rotate(-2deg);
}

.service-cta__screen-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}

.service-cta__logo {
	width: 5rem;
	height: 1rem;
	border-radius: 2rem;
	background-color: #0957de;
}

.service-cta__nav {
	display: flex;
	gap: 0.5rem;
}

.service-cta__nav span {
	width: 2.75rem;
	height: 0.5rem;
	border-radius: 2rem;
	background-color: #dce3ec;
}

.service-cta__doctor {
	display: grid;
	grid-template-columns: 7rem 1fr;
	gap: 1rem;
	align-items: center;
	margin-bottom: 1.25rem;
	padding: 1rem;
	border-radius: 1rem;
	background-color: #f1f6fa;
}

.service-cta__photo {
	position: relative;
	height: 7rem;
	border-radius: 0.875rem;
	overflow: hidden;
	background:
		radial-gradient(circle at 50% 30%, #dbe8fb 0 18%, transparent 19%),
		radial-gradient(circle at 50% 72%, #b9d3ff 0 34%, transparent 35%),
		linear-gradient(135deg, #f7fbff, #cfe0fb);
}

.service-cta__line {
	height: 0.75rem;
	margin-bottom: 0.625rem;
	border-radius: 2rem;
	background-color: #2c2c2d;
}

.service-cta__line_blue {
	width: 72%;
	background-color: #0957de;
}

.service-cta__line_light {
	width: 88%;
	background-color: #dbe8fb;
}

.service-cta__slots {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.625rem;
	margin-bottom: 1rem;
}

.service-cta__slot {
	padding: 0.75rem 0.5rem;
	border-radius: 0.75rem;
	background-color: #eaf2ff;
	color: #0957de;
	text-align: center;
	font-weight: 700;
}

.service-cta__record {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.125rem;
	border-radius: 1rem;
	background-color: #0957de;
	color: #fff;
	font-weight: 700;
}

.service-cta__record span {
	width: 2rem;
	height: 2rem;
	flex: 0 0 2rem;
	border-radius: 50%;
	background-color: #38ca57;
}

/* Плавающие плашки с параллаксом */
.service-cta__float {
	position: absolute;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.875rem 1rem;
	border-radius: 0.875rem;
	background-color: rgba(255, 255, 255, 0.94);
	box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.16);
	color: #2c2c2d;
	font-weight: 700;
	--parallax-x: 0px;
	--parallax-y: 0px;
	transform: translate3d(var(--parallax-x), var(--parallax-y), 0);
	transition: transform 0.16s ease-out;
	animation: serviceCtaFloat 4.5s ease-in-out infinite;
}

.service-cta__float::before {
	content: "";
	width: 1.875rem;
	height: 1.875rem;
	border-radius: 0.55rem;
	background-color: #0957de;
}

.service-cta__float_price {
	left: 0;
	top: 18%;
}

.service-cta__float_record {
	right: 1.25rem;
	bottom: 8%;
	animation-delay: 0.6s;
}

.service-cta__float_record::before {
	background-color: #38ca57;
}

/* Появление блока при скролле */
.service-cta._show .service-cta__body {
	opacity: 1;
	transform: translateY(0);
}

@keyframes serviceCtaGlow {
	0%, 100% {
		transform: translate(-50%, -50%) scale(1);
	}

	50% {
		transform: translate(-50%, -50%) scale(1.08);
	}
}

@keyframes serviceCtaFloat {
	0%, 100% {
		margin-top: 0;
	}

	50% {
		margin-top: -0.625rem;
	}
}

/* Планшеты */
@media (max-width: 103.75em) {
	.service-cta__body {
		grid-template-columns: 1fr;
		padding: 3rem;
	}

	.service-cta__visual {
		min-height: 25rem;
	}

	.service-cta__screen {
		right: 50%;
		width: 34rem;
		transform: translate(50%, -50%) rotate(-2deg);
	}

	.service-cta__float_price {
		left: 8%;
	}
}

/* Телефоны */
@media (max-width: 47.99875em) {
	.service-cta {
		padding: 2.5rem 0;
	}

	.service-cta__body {
		padding: 2rem 1.25rem;
		border-radius: 1.25rem;
		gap: 2rem;
	}

	.service-cta__title {
		font-size: 2rem;
		line-height: 2.5rem;
	}

	.service-cta__text {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.service-cta__note {
		font-size: 1rem;
		line-height: 1.375rem;
	}

	.service-cta__button {
		width: 100%;
		padding: 1.4375rem 1.25rem;
	}

	.service-cta__visual {
		min-height: 20rem;
	}

	.service-cta__glow {
		width: 18rem;
		height: 18rem;
	}

	.service-cta__screen {
		width: 100%;
		padding: 0.875rem;
	}

	.service-cta__doctor {
		grid-template-columns: 4.5rem 1fr;
	}

	.service-cta__photo {
		height: 4.5rem;
	}

	.service-cta__float {
		padding: 0.75rem 0.875rem;
		font-size: 0.75rem;
	}

	.service-cta__float::before {
		width: 1.5rem;
		height: 1.5rem;
	}
}


/* === Этапы разработки: блок со стопкой карточек === */
.site-stages {
	position: relative;
	height: 720vh;
	background-color: #f1f6fa;
}

/* Закрепленная область блока */
.site-stages__sticky {
	position: sticky;
	top: 0;
	height: 100vh;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.site-stages__sticky::before,
.site-stages__sticky::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-radius: 50%;
	pointer-events: none;
}

.site-stages__sticky::before {
	left: 18%;
	top: 36%;
	box-shadow: 10px 10px 150px 86px rgba(9, 87, 222, 0.2);
}

.site-stages__sticky::after {
	right: 16%;
	bottom: 22%;
	box-shadow: 10px 10px 150px 86px rgba(171, 68, 253, 0.16);
}

/* Внутренняя сетка: текст слева, карточки справа */
.site-stages__layout {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 4rem;
	align-items: center;
	width: 100%;
}

/* Левая текстовая часть */
.site-stages__content {
	max-width: 45rem;
}

.site-stages__subtitle {
	max-width: 36rem;
	margin-top: 1.5rem;
	font-size: 1.25rem;
	line-height: 1.875rem;
	font-weight: 300;
	opacity: 0.82;
}

/* Индикатор текущего этапа */
.site-stages__counter {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	margin-top: 2.5rem;
	padding: 0.875rem 1.125rem;
	border-radius: 2.5rem;
	background-color: #fff;
	border: 1px solid rgba(9, 87, 222, 0.18);
	box-shadow: 0 0.625rem 1.5rem rgba(9, 87, 222, 0.08);
	color: #0957de;
	font-weight: 700;
}

.site-stages__counter span {
	color: #2c2c2d;
	font-weight: 300;
}

/* Область стопки карточек */
.site-stages__stack {
	position: relative;
	height: 34rem;
}

/* Карточка этапа */
.site-stages__card {
	position: absolute;
	inset: 0;
	min-height: 34rem;
	padding: 1.25rem;
	border-radius: 1.375rem;
	background-color: rgba(255, 255, 255, 0.78);
	border: 1px solid rgba(44, 44, 45, 0.05);
	box-shadow: 0 1.25rem 3.125rem rgba(9, 87, 222, 0.08);
	overflow: hidden;
	transform:
		translateY(calc(var(--stack-order) * 1.15rem))
		scale(calc(1 - var(--stack-order) * 0.035));
	opacity: calc(1 - var(--stack-order) * 0.16);
	transition: transform 0.08s linear, opacity 0.08s linear;
	z-index: calc(10 - var(--stack-order));
}

.site-stages__card::before {
	content: "";
	position: absolute;
	inset: 1.25rem;
	border-radius: 1rem;
	background:
		radial-gradient(circle at 100% 0%, var(--stage-glow), transparent 42%),
		linear-gradient(135deg, #fff 0%, var(--stage-bg) 100%);
	z-index: 0;
}

.site-stages__card::after {
	content: "";
	position: absolute;
	width: 15rem;
	height: 15rem;
	right: -5rem;
	bottom: -5rem;
	border-radius: 50%;
	background-color: var(--stage-accent);
	opacity: 0.1;
	filter: blur(1.5rem);
	z-index: 0;
}

/* Цвета карточек */
.site-stages__card_1 {
	--stage-bg: #f3f7fe;
	--stage-glow: rgba(9, 87, 222, 0.13);
	--stage-accent: #0957de;
}

.site-stages__card_2 {
	--stage-bg: #f3f1ff;
	--stage-glow: rgba(115, 101, 255, 0.15);
	--stage-accent: #6f5fff;
}

.site-stages__card_3 {
	--stage-bg: #eef9ff;
	--stage-glow: rgba(42, 153, 255, 0.16);
	--stage-accent: #2a99ff;
}

.site-stages__card_4 {
	--stage-bg: #eefbf7;
	--stage-glow: rgba(56, 202, 87, 0.14);
	--stage-accent: #38ca57;
}

.site-stages__card_5 {
	--stage-bg: #fff7e8;
	--stage-glow: rgba(226, 161, 0, 0.16);
	--stage-accent: #e2a100;
}

.site-stages__card_6 {
	--stage-bg: #f8f1ff;
	--stage-glow: rgba(171, 68, 253, 0.14);
	--stage-accent: #8b42f5;
}

/* Карточка, которая уже ушла вверх */
.site-stages__card._past {
	transform: translateY(-120%) rotate(-2deg);
	opacity: 0;
}

/* Содержимое карточки */
.site-stages__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	min-height: 31.5rem;
	padding: 2rem;
}

/* Верх карточки */
.site-stages__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.25rem;
	margin-bottom: 2rem;
}

/* Место под будущую иконку */
.site-stages__icon {
	width: 4.25rem;
	height: 4.25rem;
	flex: 0 0 4.25rem;
	border-radius: 1rem;
	background-color: var(--stage-accent);
	box-shadow: 0 0.875rem 1.875rem rgba(9, 87, 222, 0.16);
	position: relative;
}

.site-stages__icon::before,
.site-stages__icon::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #fff;
	transform: translate(-50%, -50%);
}

.site-stages__icon::before {
	width: 1.5rem;
	height: 0.25rem;
	border-radius: 1rem;
}

.site-stages__icon::after {
	width: 0.25rem;
	height: 1.5rem;
	border-radius: 1rem;
}

/* Номер этапа */
.site-stages__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	flex: 0 0 3.5rem;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid rgba(9, 87, 222, 0.2);
	color: var(--stage-accent);
	font-weight: 700;
	box-shadow: 0 0.625rem 1.5rem rgba(9, 87, 222, 0.08);
}

/* Название этапа */
.site-stages__name {
	max-width: 34rem;
	margin-bottom: 1.125rem;
	padding-top: 1.625rem;
	border-top: 1px solid rgba(44, 44, 45, 0.12);
	font-size: 2rem;
	line-height: 2.375rem;
	font-weight: 700;
}

/* Описание этапа */
.site-stages__text {
	max-width: 42rem;
	margin-bottom: 1.5rem;
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 300;
	opacity: 0.82;
}

/* Нижние важные плашки */
.site-stages__bottom {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: end;
	gap: 0.875rem;
	margin-top: auto;
}

.site-stages__tag {
	padding: 1rem 1.125rem;
	border-radius: 0.875rem;
	background-color: rgba(255, 255, 255, 0.88);
	border: 1px solid rgba(9, 87, 222, 0.12);
	line-height: 1.375rem;
	font-weight: 300;
}

.site-stages__tag strong {
	color: var(--stage-accent);
	font-weight: 700;
}

.site-stages__time {
	display: inline-flex;
	white-space: nowrap;
	padding: 0.875rem 1.125rem;
	border-radius: 2.5rem;
	background-color: #fff;
	border: 1px solid rgba(9, 87, 222, 0.2);
	color: var(--stage-accent);
	font-weight: 700;
	line-height: 1rem;
}

/* Планшеты */
@media (max-width: 103.75em) {
	.site-stages__layout {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.site-stages__content {
		max-width: none;
	}

	.site-stages__stack {
		height: 32rem;
	}
}

/* Телефоны */
@media (max-width: 47.99875em) {
	.site-stages {
		height: auto;
		padding: 2.5rem 0;
	}

	.site-stages__sticky {
		position: relative;
		height: auto;
		overflow: visible;
	}

	.site-stages__subtitle {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.site-stages__counter {
		display: none;
	}

	.site-stages__stack {
		display: grid;
		gap: 0.625rem;
		height: auto;
	}

	.site-stages__card {
		position: relative;
		min-height: auto;
		padding: 0.75rem;
		transform: none !important;
		opacity: 1 !important;
	}

	.site-stages__card::before {
		inset: 0.75rem;
	}

	.site-stages__inner {
		min-height: auto;
		padding: 1.25rem;
	}

	.site-stages__icon {
		width: 3.25rem;
		height: 3.25rem;
		flex-basis: 3.25rem;
	}

	.site-stages__number {
		width: 2.875rem;
		height: 2.875rem;
		flex-basis: 2.875rem;
	}

	.site-stages__name {
		font-size: 1.125rem;
		line-height: 1.5rem;
	}

	.site-stages__text {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.site-stages__bottom {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 47.99875em) {
	.site-stages {
		height: 650vh;
		padding: 0;
	}

	.site-stages__sticky {
		position: sticky;
		top: 0;
		height: 100vh;
		display: flex;
		align-items: center;
		overflow: hidden;
		padding: 1rem 0;
	}

	.site-stages__layout {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1rem;
		height: 100%;
		align-content: center;
	}

	.site-stages__subtitle {
		display: none;
	}

	.site-stages__counter {
		display: inline-flex;
		margin-top: 0.875rem;
	}

	.site-stages__stack {
		position: relative;
		display: block;
		height: 72vh;
		min-height: 32rem;
		overflow: hidden;
		padding: 0;
		margin: 0;
	}

	.site-stages__card {
		position: absolute;
		inset: 0;
		width: 100%;
		max-width: none;
		min-height: auto;
		padding: 0.625rem;
		overflow: hidden;
		transform:
			translateY(calc(var(--stack-order, 0) * 0.85rem))
			scale(calc(1 - var(--stack-order, 0) * 0.035)) !important;
		opacity: calc(1 - var(--stack-order, 0) * 0.18) !important;
		z-index: calc(20 - var(--stack-order, 0));
	}

	.site-stages__card._past {
		transform: translateY(-115%) rotate(-2deg) !important;
		opacity: 0 !important;
		pointer-events: none;
	}

	.site-stages__inner {
		height: 100%;
		min-height: 0;
		padding: 1.125rem;
		overflow: hidden;
	}

	.site-stages__text {
		font-size: 0.875rem;
		line-height: 1.45;
		max-height: 13rem;
		overflow-y: auto;
		padding-right: 0.25rem;
	}

	.site-stages__bottom {
		grid-template-columns: 1fr;
		margin-top: auto;
	}
}

@media (max-width: 47.99875em) {
	.site-stages {
		height: 650vh !important;
		padding: 0 !important;
	}

	.site-stages__sticky {
		position: sticky !important;
		top: 0 !important;
		height: 100vh !important;
		display: flex !important;
		align-items: center !important;
		overflow: hidden !important;
		padding: 0.875rem 0 !important;
	}

	.site-stages__layout {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 0.875rem !important;
		align-content: center !important;
		height: 100% !important;
	}

	.site-stages__subtitle {
		display: none !important;
	}

	.site-stages__counter {
		display: inline-flex !important;
		margin-top: 0.75rem !important;
	}

	.site-stages__stack {
		position: relative !important;
		display: block !important;
		height: 72vh !important;
		min-height: 31rem !important;
		overflow: hidden !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.site-stages__card {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		max-width: none !important;
		min-height: auto !important;
		padding: 0.625rem !important;
		background: #fff !important;
		overflow: hidden !important;
	}

	.site-stages__card::before {
		inset: 0.625rem !important;
		background: linear-gradient(135deg, #fff 0%, var(--stage-bg) 100%) !important;
	}

	.site-stages__card:not(._current) .site-stages__inner {
		opacity: 0 !important;
	}

	.site-stages__card._current .site-stages__inner {
		opacity: 1 !important;
	}

	.site-stages__inner {
		height: 100% !important;
		min-height: 0 !important;
		padding: 1.125rem !important;
		overflow: hidden !important;
		transition: opacity 0.2s ease !important;
	}

	.site-stages__text {
		font-size: 0.875rem !important;
		line-height: 1.45 !important;
		max-height: 12.5rem !important;
		overflow-y: auto !important;
		padding-right: 0.25rem !important;
	}

	.site-stages__bottom {
		grid-template-columns: 1fr !important;
		gap: 0.625rem !important;
		margin-top: auto !important;
	}
}
@media (max-width: 47.99875em) {
	.site-stages__card {
		transform: var(--stage-transform) !important;
		opacity: var(--stage-opacity) !important;
		z-index: var(--stage-z) !important;
	}

	.site-stages__card:not(._current) .site-stages__inner {
		opacity: 0 !important;
	}

	.site-stages__card._current .site-stages__inner {
		opacity: 1 !important;
	}
}

@media (max-width: 47.99875em) {
	.site-stages__card {
		transform: var(--stage-transform) !important;
		opacity: var(--stage-opacity) !important;
		z-index: var(--stage-z) !important;
	}

	.site-stages__card .site-stages__inner {
		opacity: 0 !important;
	}

	.site-stages__card._current .site-stages__inner,
	.site-stages__card._next .site-stages__inner {
		opacity: 1 !important;
	}
}
@media (max-width: 47.99875em) {
	.site-stages__content {
		position: relative;
		z-index: 1;
	}

	.site-stages__stack {
		position: relative !important;
		z-index: 20 !important;
		overflow: visible !important;
	}

	.site-stages__card {
		z-index: var(--stage-z) !important;
	}

	.site-stages__card._current {
		z-index: 100 !important;
	}
}


.service-prices {
	--prices-bg: #eaf3ff;
	--prices-glow-blue: rgba(9, 87, 222, 0.16);
	--prices-glow-purple: rgba(171, 68, 253, 0.16);
	position: relative;
	height: auto;
	background: var(--prices-bg);
	transition: background-color 0.45s ease;
}

.service-prices::before,
.service-prices::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 14rem;
	pointer-events: none;
	z-index: 1;
}

.service-prices::before {
	top: -1px;
	background: linear-gradient(
		180deg,
		#f1f6fa 0%,
		rgba(241, 246, 250, 0.78) 28%,
		rgba(241, 246, 250, 0) 100%
	);
}

.service-prices::after {
	bottom: -1px;
	background: linear-gradient(
		0deg,
		#f1f6fa 0%,
		rgba(241, 246, 250, 0.78) 28%,
		rgba(241, 246, 250, 0) 100%
	);
}

.service-prices__sticky {
	position: relative;
	min-height: auto;
	display: flex;
	align-items: center;
	overflow: visible;
	padding: 6rem 0;
	background:
		radial-gradient(circle at 18% 24%, var(--prices-glow-blue), transparent 34%),
		radial-gradient(circle at 82% 78%, var(--prices-glow-purple), transparent 34%),
		var(--prices-bg);
	transition: background-color 0.45s ease;
}

.service-prices__container {
	position: relative;
	z-index: 2;
}

.service-prices__top {
	max-width: 58rem;
	margin-bottom: 3rem;
}

.service-prices__title {
	font-size: 3.75rem;
	line-height: 1.15;
	font-weight: 700;
	margin-bottom: 1.25rem;
}

.service-prices__subtitle {
	max-width: 46rem;
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 300;
	opacity: 0.82;
}

.service-prices__cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
	align-items: stretch;
}

.service-prices__card {
	min-height: 38rem;
	display: flex;
	flex-direction: column;
	padding: 1.25rem;
	border-radius: 1.5rem;
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid rgba(9, 87, 222, 0.16);
	box-shadow: 0 1.5rem 4.5rem rgba(9, 87, 222, 0.12);
	position: relative;
	overflow: hidden;
}

.service-prices__card::before {
	content: "";
	position: absolute;
	inset: 1.25rem;
	border-radius: 1.125rem;
	background:
		radial-gradient(circle at 100% 0%, var(--card-glow), transparent 46%),
		linear-gradient(135deg, #fff 0%, rgba(241, 246, 250, 0.94) 100%);
	pointer-events: none;
}

.service-prices__card::after {
	content: "";
	position: absolute;
	right: -5rem;
	bottom: -5rem;
	width: 15rem;
	height: 15rem;
	border-radius: 50%;
	background: var(--card-glow);
	filter: blur(1.25rem);
	opacity: 0.85;
	pointer-events: none;
}

.service-prices__card > * {
	position: relative;
	z-index: 1;
	margin-left: 1rem;
	margin-right: 1rem;
}

.service-prices__card_smart {
	--card-glow: rgba(9, 87, 222, 0.14);
}

.service-prices__card_pro {
	--card-glow: rgba(56, 202, 87, 0.16);
	background: #fff;
	box-shadow: 0 2rem 5rem rgba(9, 87, 222, 0.16);
	transform: translateY(-1.125rem);
	z-index: 2;
}

.service-prices__card_premium {
	--card-glow: rgba(171, 68, 253, 0.18);
}

.service-prices__badge {
	display: flex;
	width: 4.25rem;
	height: 4.25rem;
	margin: 1rem 1rem 2rem;
	border-radius: 1rem;
	background: #0957de;
	box-shadow: 0 1rem 2.5rem rgba(9, 87, 222, 0.24);
	position: relative;
}

.service-prices__badge::before,
.service-prices__badge::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	background: #fff;
	border-radius: 1rem;
	transform: translate(-50%, -50%);
}

.service-prices__badge::before {
	width: 1.65rem;
	height: 0.25rem;
}

.service-prices__badge::after {
	width: 0.25rem;
	height: 1.65rem;
}

.service-prices__card_pro .service-prices__badge {
	background: #38ca57;
	box-shadow: 0 1rem 2.5rem rgba(56, 202, 87, 0.24);
}

.service-prices__card_premium .service-prices__badge {
	background: #8b42f5;
	box-shadow: 0 1rem 2.5rem rgba(139, 66, 245, 0.24);
}

.service-prices__name {
	padding-bottom: 0.875rem;
	border-bottom: 2px dotted #0957de;
	font-size: 2.75rem;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 1rem;
}

.service-prices__lead {
	max-width: 24rem;
	font-size: 1.25rem;
	line-height: 1.5rem;
	font-weight: 700;
	margin-bottom: 1.25rem;
	color: #0957de;
}

.service-prices__text {
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 300;
	opacity: 0.82;
	margin-bottom: 1rem;
}

.service-prices__note {
	margin-top: auto;
	padding: 1rem;
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(9, 87, 222, 0.12);
	box-shadow: 0 0.75rem 2rem rgba(9, 87, 222, 0.06);
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 300;
}

.service-prices__note strong {
	color: #0957de;
	font-weight: 700;
}

.service-prices__meta {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem;
	margin-top: 1rem;
}

.service-prices__meta div {
	padding: 1rem;
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid rgba(9, 87, 222, 0.14);
	font-weight: 700;
}

.service-prices__meta span {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.8125rem;
	font-weight: 300;
	opacity: 0.7;
}

.service-prices__button {
	align-self: stretch;
	width: auto;
	margin-top: 1rem;
	padding: 1.25rem 1.5rem;
	border-radius: 2.5rem;
	background: #0957de;
	color: #fff;
	font-weight: 700;
	box-shadow: 0 1rem 2.25rem rgba(9, 87, 222, 0.2);
	transition: 0.3s ease;
}

.service-prices__button:hover {
	background: #fff;
	color: #0957de;
	box-shadow: inset 0 0 0 2px #0957de;
}

@media (max-width: 103.75em) {
	.service-prices__cards {
		grid-template-columns: 1fr;
	}

	.service-prices__card {
		min-height: auto;
	}

	.service-prices__card_pro {
		transform: none;
	}
}

@media (max-width: 47.99875em) {
	.service-prices__sticky {
		padding: 2.5rem 0;
	}

	.service-prices__title {
		font-size: 1.625rem;
		line-height: 2.125rem;
	}

	.service-prices__subtitle {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.service-prices__cards {
		gap: 0.75rem;
	}

	.service-prices__card {
		padding: 0.75rem;
		border-radius: 1.125rem;
	}

	.service-prices__card::before {
		inset: 0.75rem;
	}

	.service-prices__card > * {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}

	.service-prices__badge {
		width: 3.25rem;
		height: 3.25rem;
		margin: 0.5rem 0.5rem 1.25rem;
	}

	.service-prices__name {
		font-size: 2rem;
	}

	.service-prices__lead {
		font-size: 1rem;
		line-height: 1.375rem;
	}

	.service-prices__text,
	.service-prices__note {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.service-prices__meta {
		grid-template-columns: 1fr;
	}
}

.service-faq {
	position: relative;
	padding: 6rem 0;
	background: #f1f6fa;
}

.service-faq__top {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
	gap: 4rem;
	align-items: end;
	margin-bottom: 3rem;
}

.service-faq__title {
	font-size: 3.75rem;
	line-height: 1.15;
	font-weight: 700;
}

.service-faq__subtitle {
	max-width: 42rem;
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 300;
	opacity: 0.82;
}

.service-faq__items {
	display: grid;
	gap: 0.875rem;
}

.service-faq__item {
	border-radius: 1.25rem;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(9, 87, 222, 0.14);
	box-shadow: 0 1rem 2.5rem rgba(9, 87, 222, 0.06);
	overflow: hidden;
}

.service-faq__question {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem;
	padding: 1.5rem 1.75rem;
	text-align: left;
	font-size: 1.375rem;
	line-height: 1.5rem;
	font-weight: 700;
	color: #2c2c2d;
}

.service-faq__question i {
	width: 2.75rem;
	height: 2.75rem;
	flex: 0 0 2.75rem;
	border-radius: 50%;
	background: #0957de;
	position: relative;
	box-shadow: 0 0.875rem 1.875rem rgba(9, 87, 222, 0.18);
	transition: 0.3s ease;
}

.service-faq__question i::before,
.service-faq__question i::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1rem;
	height: 0.125rem;
	background: #fff;
	border-radius: 1rem;
	transform: translate(-50%, -50%);
}

.service-faq__question i::after {
	transform: translate(-50%, -50%) rotate(90deg);
	transition: 0.3s ease;
}

.service-faq__answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s ease;
}

.service-faq__item._open .service-faq__answer {
	padding: 0 1.75rem 1.5rem;
}

.service-faq__item._open .service-faq__answer-inner {
	padding-top: 1rem;
	border-top: 1px solid rgba(44, 44, 45, 0.12);
}

.service-faq__answer-inner {
	max-width: 68rem;
	padding: 0;
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 300;
	opacity: 0.82;
}

.service-faq__item._open {
	background: #fff;
	box-shadow: 0 1.5rem 4rem rgba(9, 87, 222, 0.1);
}

.service-faq__item._open .service-faq__question i {
	background: #38ca57;
	box-shadow: 0 0.875rem 1.875rem rgba(56, 202, 87, 0.2);
}

.service-faq__item._open .service-faq__question i::after {
	opacity: 0;
	transform: translate(-50%, -50%) rotate(0deg);
}

@media (max-width: 61.99875em) {
	.service-faq__top {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
}

@media (max-width: 47.99875em) {
	.service-faq {
		padding: 2.5rem 0;
	}

	.service-faq__top {
		margin-bottom: 1.5rem;
	}

	.service-faq__title {
		font-size: 1.625rem;
		line-height: 2.125rem;
	}

	.service-faq__subtitle {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.service-faq__question {
		padding: 1.125rem;
		font-size: 1rem;
		line-height: 1.375rem;
	}

	.service-faq__question i {
		width: 2.25rem;
		height: 2.25rem;
		flex-basis: 2.25rem;
	}

	.service-faq__answer-inner {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.service-faq__item._open .service-faq__answer {
		margin: 0 1.125rem 1.125rem;
		padding-top: 0.875rem;
	}
}


.service-tags {
	padding: 3rem 0 5rem;
	background: #f1f6fa;
	overflow: hidden;
}

.service-tags__marquee {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.service-tags__marquee::before,
.service-tags__marquee::after {
	content: "";
	position: absolute;
	top: 0;
	width: 12rem;
	height: 100%;
	z-index: 2;
	pointer-events: none;
}

.service-tags__marquee::before {
	left: 0;
	background: linear-gradient(90deg, #f1f6fa 0%, rgba(241, 246, 250, 0) 100%);
}

.service-tags__marquee::after {
	right: 0;
	background: linear-gradient(270deg, #f1f6fa 0%, rgba(241, 246, 250, 0) 100%);
}

.service-tags__track {
	display: flex;
	width: max-content;
	gap: 1rem;
	animation: serviceTagsMove 38s linear infinite;
}

.service-tags__item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	text-decoration: none;
	padding: 1.125rem 1.5rem;
	border-radius: 2.5rem;
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid rgba(9, 87, 222, 0.18);
	color: #2c2c2d;
	font-size: 1.125rem;
	line-height: 1.25rem;
	font-weight: 400;
	box-shadow: 0 0.75rem 2rem rgba(9, 87, 222, 0.06);
	transition: 0.3s ease;
}

.service-tags__item:hover {
	color: #0957de;
	border-color: rgba(9, 87, 222, 0.45);
	background: #fff;
}

.service-tags__marquee:hover .service-tags__track {
	animation-play-state: paused;
}

@keyframes serviceTagsMove {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

@media (max-width: 47.99875em) {
	.service-tags {
		padding: 2rem 0 3rem;
	}

	.service-tags__item {
		padding: 0.875rem 1.125rem;
		font-size: 0.875rem;
		line-height: 1rem;
	}

	.service-tags__track {
		gap: 0.625rem;
		animation-duration: 28s;
	}

	.service-tags__marquee::before,
	.service-tags__marquee::after {
		width: 4rem;
	}
}

.service-hero_seo .service-hero__visual {
	min-height: 34rem;
}

.seo-hero {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.seo-hero::before {
	content: "";
	position: absolute;
	width: 33rem;
	height: 33rem;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(9, 87, 222, 0.16) 0%, rgba(171, 68, 253, 0.1) 48%, rgba(241, 246, 250, 0) 72%);
	filter: blur(0.5rem);
}

.seo-hero::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 20%;
	top: 45%;
	border-radius: 50%;
	box-shadow: 10px 10px 150px 90px rgba(9, 87, 222, 0.22);
}

.seo-hero__search {
	position: relative;
	z-index: 2;
	width: min(42rem, 100%);
	padding: 1rem;
	border-radius: 1.25rem;
	background: #fff;
	box-shadow: 0 1.5rem 4rem rgba(9, 87, 222, 0.14);
	animation: seoHeroIn 0.9s ease forwards;
}

.seo-hero__search-row {
	display: flex;
	gap: 0.625rem;
	padding: 0.25rem;
	border: 2px solid #ffd200;
	border-radius: 1rem;
}

.seo-hero__input {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	min-height: 3.25rem;
	padding: 0 1rem;
	color: #2c2c2d;
	font-size: 1.125rem;
	line-height: 1.25rem;
	overflow: hidden;
}

.seo-hero__input span::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 1.125rem;
	margin-left: 0.25rem;
	background: #2c2c2d;
	animation: seoCursor 0.8s steps(1) infinite;
	vertical-align: -0.15rem;
}

.seo-hero__button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 1.375rem;
	border-radius: 0.75rem;
	background: #ffd200;
	color: #111;
	font-weight: 700;
}

.seo-hero__bottom {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	padding: 1rem 0.75rem 0.25rem;
	color: #555;
	font-size: 1rem;
}

.seo-hero__results {
	position: absolute;
	inset: 0;
	z-index: 3;
	pointer-events: none;
}

.seo-hero__result {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 0.8125rem;
	max-width: none;
	padding: 1rem 1.25rem;
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 0.875rem 1.75rem rgba(44, 44, 45, 0.14);
	font-weight: 700;
	line-height: 1.25rem;
	white-space: nowrap;
	opacity: 0;
	transform: translateY(1.25rem);
	animation: serviceFloatIn 0.7s ease forwards, serviceFloatMove 4.5s ease-in-out infinite;
}

.seo-hero__result::before {
	content: "";
	width: 2.125rem;
	height: 2.125rem;
	flex: 0 0 2.125rem;
	border-radius: 0.625rem;
	background: var(--seo-card-color, #0957de);
}

.seo-hero__result_1 {
	--seo-card-color: #38ca57;
	left: 0;
	top: 13%;
	animation-delay: 0.5s, 1.2s;
}

.seo-hero__result_2 {
	--seo-card-color: #0957de;
	right: 0;
	top: 8%;
	animation-delay: 0.75s, 1.45s;
}

.seo-hero__result_3 {
	--seo-card-color: #8b42f5;
	left: 5%;
	bottom: 8%;
	animation-delay: 1s, 1.7s;
}

.seo-hero__saving {
	position: absolute;
	right: 8%;
	bottom: 14%;
	z-index: 4;
	display: inline-flex;
	padding: 0.875rem 1.125rem;
	border-radius: 2.5rem;
	background: #fff;
	color: #0957de;
	border: 1px solid rgba(9, 87, 222, 0.2);
	box-shadow: 0 0.625rem 1.5rem rgba(9, 87, 222, 0.08);
	font-weight: 700;
	opacity: 0;
	transform: translateY(1.25rem);
	animation: serviceFloatIn 0.7s ease 1.25s forwards;
}

@keyframes seoHeroIn {
	from {
		opacity: 0;
		transform: translateY(2rem);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes seoCursor {
	50% {
		opacity: 0;
	}
}

@media (max-width: 47.99875em) {
	.service-hero_seo .service-hero__body {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0;
	}

	.service-hero_seo .service-hero__content {
		display: contents;
	}

	.service-hero_seo .service-hero__title {
		order: 1;
	}

	.service-hero_seo .service-hero__text {
		order: 2;
		margin-bottom: 1.75rem;
	}

	.service-hero_seo .service-hero__visual {
		order: 3;
		min-height: 27rem;
		margin: 0 -1.25rem 1.5rem;
	}

	.service-hero_seo .service-hero__cta {
		order: 4;
		width: 100%;
	}

	.service-hero_seo .service-hero__button {
		width: 100%;
		margin-bottom: 0;
	}

	.seo-hero__search {
		width: calc(100% - 2.5rem);
		padding: 3rem;
	}

	.seo-hero__input {
		min-height: 2.75rem;
		padding: 0 0.75rem;
		font-size: 0.875rem;
	}

	.seo-hero__button {
		padding: 0 0.875rem;
		font-size: 0.875rem;
	}

	.seo-hero__bottom {
		gap: 0.75rem;
		font-size: 0.75rem;
		flex-wrap: wrap;
	}

	.seo-hero__result {
		padding: 0.75rem 0.875rem;
		font-size: 0.75rem;
		line-height: 1rem;
	}

	.seo-hero__result::before {
		width: 1.75rem;
		height: 1.75rem;
		flex-basis: 1.75rem;
		border-radius: 0.5rem;
	}

	.seo-hero__result_1 {
		left: 1.25rem;
		top: 4%;
	}

	.seo-hero__result_2 {
		right: 1.25rem;
		top: 68%;
	}

	.seo-hero__result_3 {
		left: 1.25rem;
		bottom: 0;
	}

	.seo-hero__saving {
		right: 1.25rem;
		bottom: 26%;
		font-size: 0.75rem;
	}
}

.seo-growth {
	padding-top: 5.25rem;
	padding-bottom: 3.75rem;
}

.seo-growth__body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 3.125rem;
	padding: 1.25rem;
	border-radius: 1.125rem;
	background-color: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(44, 44, 45, 0.06);
	box-shadow: 0 1.25rem 3.75rem rgba(44, 44, 45, 0.12);
	position: relative;
	overflow: hidden;
}

.seo-growth__body::before,
.seo-growth__body::after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}

.seo-growth__body::before {
	left: 20%;
	top: 18%;
	box-shadow: 10px 10px 128px 82px rgba(88, 124, 253, 0.28);
}

.seo-growth__body::after {
	right: 12%;
	bottom: 10%;
	box-shadow: 10px 10px 128px 82px rgba(171, 68, 253, 0.18);
}

.seo-growth__visual {
	flex: 0 1 49%;
	position: relative;
	z-index: 1;
}

.seo-growth__graph {
	height: 100%;
	min-height: 28rem;
	padding: 2.5rem 2.1875rem;
	border-radius: 0.9375rem;
	background:
		radial-gradient(circle at 100% 0%, rgba(9,87,222,0.13), transparent 40%),
		linear-gradient(135deg, #fff 0%, #f3f7fe 100%);
	overflow: hidden;
	position: relative;
}

.seo-growth__graph-top {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 1.25rem;
	margin-bottom: 1.875rem;
}

.seo-growth__label {
	font-size: 1.125rem;
	line-height: 1.5rem;
	font-weight: 700;
}

.seo-growth__badge {
	width: 3.5rem;
	height: 3.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #0957de;
	color: #fff;
	font-weight: 700;
	box-shadow: 0 1rem 2rem rgba(9, 87, 222, 0.2);
}

.seo-growth__chart {
	height: 14.75rem;
	margin-bottom: 1.5625rem;
	position: relative;
	border-radius: 0.875rem;
	background:
		linear-gradient(rgba(44,44,45,0.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(44,44,45,0.05) 1px, transparent 1px);
	background-size: 100% 25%, 25% 100%;
	overflow: hidden;
}

.seo-growth__chart svg {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.seo-growth__axis {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: rgba(44,44,45,0.55);
	font-size: 0.75rem;
	line-height: 1rem;
}

.seo-growth__line {
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
	stroke-dasharray: 900;
	stroke-dashoffset: 900;
}

.seo-growth._show .seo-growth__line {
	animation: seoGrowthDraw 2.2s ease forwards;
}

.seo-growth__line_green {
	stroke: #38ca57;
}

.seo-growth__line_yellow {
	stroke: #ffd057;
	stroke-width: 2.5;
}

.seo-growth__line_blue {
	stroke: #2a99ff;
	stroke-width: 2.5;
}

.seo-growth._show .seo-growth__line_yellow {
	animation-delay: 0.2s;
}

.seo-growth._show .seo-growth__line_blue {
	animation-delay: 0.35s;
}

.seo-growth__legend {
	display: flex;
	flex-wrap: wrap;
	gap: 0.875rem;
	margin-top: 1.75rem;
}

.seo-growth__legend-item {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	padding: 0.875rem 1rem;
	border-radius: 2.5rem;
	background: rgba(255,255,255,0.86);
	font-weight: 700;
	font-size: 0.875rem;
	line-height: 1rem;
}

.seo-growth__legend-item::before {
	content: "";
	width: 0.75rem;
	height: 0.75rem;
	flex: 0 0 0.75rem;
	border-radius: 50%;
	background: var(--legend-color);
}

.seo-growth__content {
	flex: 0 1 44%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 1;
	padding: 2.5rem 2.5rem 2.5rem 0;
}

.seo-growth__title {
	font-size: 3.5rem;
	line-height: 1.15;
	font-weight: 700;
	margin-bottom: 1.75rem;
}

.seo-growth__title span {
	color: #0957de;
	border-bottom: 2px dotted #0957de;
}

.seo-growth__highlight {
	padding: 1.5rem 1.625rem;
	margin-bottom: 1.75rem;
	border-radius: 0.9375rem;
	background:
		radial-gradient(circle at 100% 0%, rgba(56,202,87,0.12), transparent 45%),
		#f4fbf7;
	border-left: 0.25rem solid #38ca57;
	font-size: 1.375rem;
	line-height: 2rem;
	font-weight: 700;
}

.seo-growth__text {
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 300;
	opacity: 0.85;
	margin-bottom: 1.125rem;
}

.seo-growth__triggers {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.875rem;
	margin-top: 2rem;
}

.seo-growth__trigger {
	padding: 1.125rem;
	border-radius: 1rem;
	background: rgba(255,255,255,0.82);
	border: 1px solid rgba(9,87,222,0.14);
	box-shadow: 0 0.75rem 2rem rgba(9,87,222,0.06);
}

.seo-growth__trigger-text {
	display: block;
	color: #0957de;
	font-size: 1.125rem;
	line-height: 1.375rem;
	font-weight: 700;
}

@keyframes seoGrowthDraw {
	to {
		stroke-dashoffset: 0;
	}
}

@media (max-width: 103.75em) {
	.seo-growth__body {
		flex-direction: column;
		align-items: stretch;
		gap: 2rem;
	}

	.seo-growth__visual,
	.seo-growth__content {
		flex: 1 1 auto;
	}

	.seo-growth__content {
		padding-right: 0;
	}
}

@media (max-width: 47.99875em) {
	.seo-growth {
		padding-top: 1.0625rem;
		padding-bottom: 1.5625rem;
	}

	.seo-growth__body {
		padding: 0.75rem;
		border-radius: 0.9375rem;
	}

	.seo-growth__graph {
		min-height: auto;
		padding: 1.625rem 1.25rem;
	}

	.seo-growth__graph-top {
		margin-bottom: 1.25rem;
	}

	.seo-growth__badge {
		width: 2.875rem;
		height: 2.875rem;
		font-size: 0.875rem;
	}

	.seo-growth__chart {
		height: 12rem;
	}

	.seo-growth__legend {
		gap: 0.5rem;
	}

	.seo-growth__legend-item {
		padding: 0.75rem;
		font-size: 0.75rem;
	}

	.seo-growth__title {
		font-size: 1.625rem;
		line-height: 2.125rem;
		margin-bottom: 1rem;
	}

	.seo-growth__highlight {
		padding: 1.125rem 1.25rem;
		font-size: 1.125rem;
		line-height: 1.5rem;
	}

	.seo-growth__text {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.seo-growth__triggers {
		grid-template-columns: 1fr;
		gap: 0.625rem;
	}

	.seo-growth__trigger-text {
		font-size: 1rem;
		line-height: 1.25rem;
	}
}

.medical-trust {
	padding: 4rem 0 0;
	background: #f1f6fa;
}

.medical-trust__body {
	position: relative;
	overflow: hidden;
	padding: 4.75rem 4.375rem;
	border-radius: 1.875rem;
	background: #161619;
	color: #fff;
	box-shadow: 0 1.5rem 5rem rgba(22, 22, 25, 0.16);
}

.medical-trust__body::before,
.medical-trust__body::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-radius: 50%;
	pointer-events: none;
}

.medical-trust__body::before {
	left: 18%;
	top: 12%;
	box-shadow: 10px 10px 180px 120px rgba(9, 87, 222, 0.38);
}

.medical-trust__body::after {
	right: 12%;
	bottom: 6%;
	box-shadow: 10px 10px 210px 145px rgba(171, 68, 253, 0.28);
}

.medical-trust__label,
.medical-trust__head,
.medical-trust__eeat {
	position: relative;
	z-index: 1;
}

.medical-trust__label {
	display: inline-flex;
	margin-bottom: 1.875rem;
	padding: 0.75rem 1.125rem;
	border-radius: 2.5rem;
	background: rgba(9, 87, 222, 0.18);
	border: 1px solid rgba(255,255,255,0.12);
	color: #8bb6ff;
	font-weight: 700;
	line-height: 1rem;
}

.medical-trust__head {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
	gap: 4rem;
	align-items: start;
	margin-bottom: 2.5rem;
}

.medical-trust__title {
	font-size: 3.5rem;
	line-height: 1.15;
	font-weight: 700;
}

.medical-trust__title span {
	color: #4f8cff;
	border-bottom: 2px dotted #4f8cff;
}

.medical-trust__subtitle {
	font-size: 1.25rem;
	line-height: 1.875rem;
	font-weight: 300;
	opacity: 0.78;
}

.medical-trust__eeat {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}

.medical-trust__card {
	min-height: 18rem;
	padding: 1.5rem;
	border-radius: 1.125rem;
	background: rgba(255,255,255,0.07);
	border: 1px solid rgba(255,255,255,0.1);
	position: relative;
	overflow: hidden;
}

.medical-trust__card::after {
	content: "";
	position: absolute;
	right: -4rem;
	bottom: -4rem;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	background: var(--trust-color);
	opacity: 0.12;
	filter: blur(1rem);
}

.medical-trust__icon {
	width: 3.25rem;
	height: 3.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.25rem;
	border-radius: 0.875rem;
	background: var(--trust-color);
	color: #fff;
	font-size: 1.35rem;
	font-weight: 700;
	position: relative;
	z-index: 1;
}

.medical-trust__name {
	margin-bottom: 0.75rem;
	color: #fff;
	font-size: 1.25rem;
	line-height: 1.5rem;
	font-weight: 700;
	position: relative;
	z-index: 1;
}

.medical-trust__text {
	color: rgba(255,255,255,0.72);
	font-size: 0.9375rem;
	line-height: 1.5rem;
	font-weight: 300;
	position: relative;
	z-index: 1;
}

.medical-factors {
	padding: 3rem 0 5rem;
	background: #f1f6fa;
}

.medical-factors__top {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
	gap: 3rem;
	align-items: start;
	margin-bottom: 2.25rem;
	opacity: 0;
	transform: translateY(1.25rem);
	transition: opacity 0.65s ease, transform 0.65s ease;
}

.medical-factors._show .medical-factors__top {
	opacity: 1;
	transform: translateY(0);
}

.medical-factors__title {
	font-size: 2rem;
	line-height: 2.5rem;
	font-weight: 700;
}

.medical-factors__subtitle {
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 300;
	opacity: 0.78;
}

.medical-factors__list {
	display: grid;
	gap: 0.875rem;
	position: relative;
}

.medical-factors__item {
	display: grid;
	grid-template-columns: 4rem minmax(0, 1fr);
	gap: 1.25rem;
	padding: 1.375rem;
	border-radius: 1rem;
	background:
		radial-gradient(circle at 100% 0%, rgba(9,87,222,0.06), transparent 42%),
		rgba(255,255,255,0.72);
	border: 1px solid rgba(9,87,222,0.12);
	box-shadow: 0 0.75rem 2rem rgba(9,87,222,0.05);
	opacity: 0;
	transform: translateY(1.25rem);
	transition: opacity 0.65s ease, transform 0.65s ease;
}

.medical-factors._show .medical-factors__item {
	opacity: 1;
	transform: translateY(0);
	transition-delay: var(--factor-delay, 0s);
}

.medical-factors__num {
	width: 4rem;
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 2px dotted rgba(79,140,255,0.9);
	color: #0957de;
	font-weight: 700;
}

.medical-factors__name {
	margin-bottom: 0.625rem;
	font-size: 1.25rem;
	line-height: 1.5rem;
	font-weight: 700;
	color: #0957de;
}

.medical-factors__text {
	color: #2c2c2d;
	font-size: 1rem;
	line-height: 1.625rem;
	font-weight: 300;
	opacity: 0.85;
}

.medical-factors__text ul {
	display: grid;
	gap: 0.35rem;
	margin-top: 0.75rem;
	padding-left: 1.25rem;
}

.medical-factors__final {
	margin-top: 1.25rem;
	padding: 1.5rem 1.75rem;
	border-radius: 1rem;
	background:
		radial-gradient(circle at 100% 0%, rgba(56,202,87,0.14), transparent 44%),
		#fff;
	border-left: 0.25rem solid #38ca57;
	color: #2c2c2d;
	font-size: 1.25rem;
	line-height: 1.875rem;
	font-weight: 700;
	opacity: 0;
	transform: translateY(1.25rem);
	transition: opacity 0.65s ease 0.58s, transform 0.65s ease 0.58s;
}

.medical-factors._show .medical-factors__final {
	opacity: 1;
	transform: translateY(0);
}

@media (max-width: 103.75em) {
	.medical-trust__head,
	.medical-factors__top {
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}

	.medical-trust__eeat {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 47.99875em) {
	.medical-trust {
		padding: 2.5rem 0 0;
	}

	.medical-trust__body {
		padding: 2rem 1.25rem;
		border-radius: 1.25rem;
	}

	.medical-trust__title {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.medical-trust__subtitle,
	.medical-factors__subtitle {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.medical-trust__eeat {
		grid-template-columns: 1fr;
	}

	.medical-trust__card {
		min-height: auto;
		padding: 1.25rem;
	}

	.medical-factors {
		padding: 1.5rem 0 2.5rem;
	}

	.medical-factors__title {
		font-size: 1.375rem;
		line-height: 1.75rem;
	}

	.medical-factors__item {
		grid-template-columns: 1fr;
		gap: 0.875rem;
		padding: 1rem;
	}

	.medical-factors__num {
		width: 3rem;
		height: 3rem;
	}

	.medical-factors__name {
		font-size: 1rem;
		line-height: 1.25rem;
	}

	.medical-factors__text {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.medical-factors__final {
		padding: 1.125rem;
		font-size: 1rem;
		line-height: 1.5rem;
	}
}


/* === Финальная мобильная раскладка первого SEO-экрана === */
@media (max-width: 47.99875em) {
	.service-hero__visual {
		order: 3;
		min-height: 33rem;
		margin: 0 -1.25rem 2.25rem;
		overflow: visible;
	}

	.seo-hero__search {
		width: calc(100% - 2.5rem);
		padding: 0.75rem;
		margin-top: 1rem;
	}

	.seo-hero__result_1 {
		left: 1.25rem;
		top: 1.25rem;
	}

	.seo-hero__saving {
		right: 1.25rem;
		top: 2.5rem;
		bottom: auto;
		font-size: 0.75rem;
	}

	.seo-hero__result_3 {
		left: 1.25rem;
		top: 23.75rem;
		bottom: auto;
	}

	.seo-hero__result_2 {
		right: 1.25rem;
		top: 19.25rem;
	}

	.service-hero__cta {
		margin-top: 0;
	}
}

/* === SEO price: цельный блок с графиком === */
.service-prices_seo .service-prices__top {
	max-width: 70rem;
	margin-bottom: 2.5rem;
}

.service-prices_seo .service-prices__title span {
	color: #0957de;
	border-bottom: 2px dotted #0957de;
}

.service-prices_seo .service-prices__single {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(28rem, 0.75fr);
	gap: 0;
	padding: 0;
	border-radius: 1.875rem;
	background:
		radial-gradient(circle at 20% 0%, rgba(9, 87, 222, 0.34), transparent 34%),
		radial-gradient(circle at 100% 100%, rgba(56, 202, 87, 0.22), transparent 34%),
		linear-gradient(135deg, #161619 0%, #101a2e 54%, #17241f 100%);
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 2rem 5.5rem rgba(9, 87, 222, 0.22);
	color: #fff;
	overflow: hidden;
}

.service-prices_seo .service-prices__single::before,
.service-prices_seo .service-prices__single::after,
.service-prices_seo .service-prices__main::after,
.service-prices_seo .service-prices__side::before {
	display: none;
}

.service-prices_seo .service-prices__main {
	min-height: auto;
	padding: 3.75rem 3.5rem;
	background: transparent;
	border-radius: 0;
	border: 0;
	overflow: visible;
}

.service-prices_seo .service-prices__main-head {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.5rem;
	align-items: start;
	padding: 0;
	margin-bottom: 2.25rem;
}

.service-prices_seo .service-prices__badge {
	margin: 0;
	background: #0957de;
}

.service-prices_seo .service-prices__name {
	color: #fff;
	border-bottom: 2px dotted #4f8fff;
	margin-bottom: 1rem;
}

.service-prices_seo .service-prices__lead {
	max-width: 42rem;
	color: #6ea3ff;
}

.service-prices_seo .service-prices__description {
	max-width: 49rem;
	padding: 0;
	margin: 0;
}

.service-prices_seo .service-prices__text {
	color: rgba(255, 255, 255, 0.78);
	opacity: 1;
}

.service-prices_seo .service-prices__offer {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	flex-wrap: wrap;
	margin-top: 2.25rem;
	padding-top: 2rem;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.service-prices_seo .service-prices__side {
	padding: 3.75rem 3.5rem 3.75rem 0;
	background: transparent;
	border-left: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 0;
	overflow: visible;
}

.service-prices_seo .service-prices__price-label {
	color: #6ea3ff;
	font-size: 0.875rem;
	line-height: 1.125rem;
	font-weight: 700;
	text-transform: uppercase;
}

.service-prices_seo .service-prices__price {
	color: #fff;
	font-size: 4rem;
	line-height: 1.05;
	font-weight: 700;
}

.service-prices_seo .service-prices__price span {
	display: block;
	margin-top: 0.5rem;
	color: rgba(255, 255, 255, 0.68);
	font-size: 1rem;
	line-height: 1.25rem;
	font-weight: 300;
}

.service-prices_seo .service-prices__button {
	width: auto;
	min-width: 18rem;
	margin-top: 0;
	background: #fff;
	color: #0957de;
	box-shadow: 0 1rem 2.25rem rgba(0, 0, 0, 0.18);
}

.service-prices_seo .service-prices__button:hover {
	background: #0957de;
	color: #fff;
	box-shadow: inset 0 0 0 2px #0957de;
}

.service-prices__chart-card {
	height: 100%;
	min-height: 26rem;
	display: flex;
	flex-direction: column;
	padding: 2rem;
	border-radius: 1.5rem;
	background: rgba(255, 255, 255, 0.94);
	color: #2c2c2d;
	transform: rotate(-2deg);
	box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.28);
	position: relative;
	overflow: hidden;
}

.service-prices__chart-card::before {
	content: "";
	position: absolute;
	right: -5rem;
	bottom: -5rem;
	width: 15rem;
	height: 15rem;
	border-radius: 50%;
	background: rgba(9, 87, 222, 0.14);
	filter: blur(1.25rem);
	pointer-events: none;
}

.service-prices__chart-title {
	position: relative;
	z-index: 1;
	font-size: 1.125rem;
	line-height: 1.5rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.service-prices__chart {
	position: relative;
	z-index: 1;
	flex: 1 1 auto;
	display: flex;
	align-items: end;
	gap: 1rem;
	min-height: 17rem;
	padding: 1.25rem 1rem 2rem;
	border-left: 1px solid rgba(44, 44, 45, 0.12);
	border-bottom: 1px solid rgba(44, 44, 45, 0.12);
	background:
		linear-gradient(rgba(44, 44, 45, 0.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(44, 44, 45, 0.04) 1px, transparent 1px);
	background-size: 100% 25%, 20% 100%;
}

.service-prices__bar {
	flex: 1 1 0;
	height: calc(var(--bar-value) * 100%);
	min-height: 1.5rem;
	border-radius: 0.75rem 0.75rem 0 0;
	background: linear-gradient(180deg, #8b42f5 0%, #bca5ff 100%);
	transform: scaleY(0);
	transform-origin: bottom;
	transition: transform 0.8s ease var(--bar-delay, 0s);
}

.service-prices._show .service-prices__bar {
	transform: scaleY(1);
}

.service-prices__chart-months {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	gap: 0.75rem;
	margin-top: 0.75rem;
	padding-left: 1rem;
	color: rgba(44, 44, 45, 0.72);
	font-size: 0.75rem;
	line-height: 1rem;
}

@media (max-width: 103.75em) {
	.service-prices_seo .service-prices__single {
		grid-template-columns: 1fr;
	}

	.service-prices_seo .service-prices__side {
		padding: 1.5rem 3.5rem 3.5rem;
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.12);
	}
}

@media (max-width: 47.99875em) {
	.service-prices_seo .service-prices__single {
		border-radius: 1.25rem;
	}

	.service-prices_seo .service-prices__main,
	.service-prices_seo .service-prices__side {
		padding: 1.5rem 1.25rem;
	}

	.service-prices_seo .service-prices__main-head {
		grid-template-columns: 1fr;
	}

	.service-prices_seo .service-prices__price {
		font-size: 2.75rem;
	}

	.service-prices__chart-card {
		min-height: 19rem;
		padding: 1.25rem;
		transform: none;
	}

	.service-prices__chart {
		min-height: 11rem;
		gap: 0.5rem;
	}

	.service-prices__chart-months {
		font-size: 0.625rem;
	}

	.service-prices_seo .service-prices__offer {
		gap: 1rem;
	}

	.service-prices_seo .service-prices__button {
		width: 100%;
		min-width: 0;
	}
}

.service-faq__item._open .service-faq__answer {
        max-height: 1000px;
}

.service-faq__question span {
        min-width: 0;
        padding-right: 1rem;
}

.service-faq__item._open .service-faq__question i::after {
        opacity: 0;
        transform: translate(-50%, -50%) rotate(0deg);
}

.service-faq__item._open .service-faq__answer {
        padding: 0 1.75rem 1.5rem;
}

.service-faq__item._open .service-faq__answer-inner {
        padding-top: 1rem;
        border-top: 1px solid rgba(44, 44, 45, 0.12);
}

/* === Первый экран услуги: реклама клиники в Яндекс Директ === */
.direct-hero {
	padding-top: 2.5rem;
	background: #f1f6fa;
}

.direct-hero__body {
	align-items: center;
}

.direct-hero__title span {
	color: #0957de;
	border-bottom: 3px dotted #0957de;
}

.direct-hero__text {
	max-width: 46rem;
}

.direct-hero__checks {
	display: grid;
	gap: 0.875rem;
}

.direct-hero__check {
	position: relative;
	padding-left: 2.125rem;
	color: rgba(44, 44, 45, 0.82);
}

.direct-hero__check::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.125rem;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 0.375rem;
	background: #38ca57;
	box-shadow: inset 0 0 0 0.3125rem #fff, 0 0.375rem 0.875rem rgba(56, 202, 87, 0.22);
}

.direct-hero__visual {
	min-height: 42rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 5rem 2rem 4rem;
}

.direct-hero__glow {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 36rem;
	height: 36rem;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 210, 0, 0.18) 0%, rgba(9, 87, 222, 0.16) 42%, rgba(171, 68, 253, 0.08) 58%, rgba(241, 246, 250, 0) 74%);
	filter: blur(0.625rem);
	transform: translate(-50%, -50%);
}

.direct-hero__serp {
	position: relative;
	z-index: 3;
	width: min(42rem, 92%);
	margin: 0 auto;
	animation: seoHeroIn 0.9s ease forwards, serviceFloatMove 5s ease-in-out 1.1s infinite;
}

.direct-hero__search {
	position: relative;
	z-index: 4;
	width: 100%;
	padding: 1rem;
	border-radius: 1.25rem;
	background: #fff;
	box-shadow: 0 1.5rem 4rem rgba(9, 87, 222, 0.14);
}

.direct-hero__search-row {
	display: flex;
	gap: 0.625rem;
	padding: 0.25rem;
	border: 2px solid #ffd200;
	border-radius: 1rem;
}

.direct-hero__input {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	min-height: 3.25rem;
	padding: 0 1rem;
	color: #2c2c2d;
	font-size: 1.125rem;
	line-height: 1.25rem;
	overflow: hidden;
}

.direct-hero__input span::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 1.125rem;
	margin-left: 0.25rem;
	background: #2c2c2d;
	animation: seoCursor 0.8s steps(1) infinite;
	vertical-align: -0.15rem;
}

.direct-hero__find {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 1.375rem;
	border-radius: 0.75rem;
	background: #ffd200;
	color: #111;
	font-weight: 700;
}

.direct-hero__meta {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	padding: 1rem 0.75rem 0.25rem;
	color: #555;
	font-size: 1rem;
	line-height: 1.25rem;
	white-space: nowrap;
}

.direct-hero__result {
	position: relative;
	z-index: 4;
	width: calc(100% - 2.75rem);
	margin: 3rem auto 0;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.875rem;
	padding: 1rem 1.125rem;
	border-radius: 0.875rem;
	background: rgba(255, 255, 255, 0.95);
	border-left: 0.3125rem solid #ffd200;
	box-shadow: 0 1rem 2.5rem rgba(44, 44, 45, 0.1);
}

.direct-hero__result::before {
	content: "Ваша клиника в рекламной выдаче";
	position: absolute;
	left: 1.125rem;
	top: -2rem;
	color: rgba(44, 44, 45, 0.62);
	font-size: 0.875rem;
	line-height: 1rem;
	font-weight: 700;
}

.direct-hero__result-badge {
	display: inline-flex;
	align-self: start;
	padding: 0.375rem 0.625rem;
	border-radius: 0.5rem;
	background: rgba(255, 210, 0, 0.24);
	color: #7a6200;
	font-size: 0.75rem;
	line-height: 1rem;
	font-weight: 700;
}

.direct-hero__result-body {
	min-width: 0;
}

.direct-hero__result-title {
	margin-bottom: 0.25rem;
	color: #0957de;
	font-size: 1.125rem;
	line-height: 1.375rem;
	font-weight: 700;
}

.direct-hero__result-url {
	margin-bottom: 0.375rem;
	color: #148a00;
	font-size: 0.9375rem;
	line-height: 1.125rem;
	font-weight: 700;
}

.direct-hero__result-text {
	color: rgba(44, 44, 45, 0.78);
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 300;
}

.direct-hero__panel {
	position: absolute;
	z-index: 5;
	display: flex;
	align-items: center;
	gap: 0.8125rem;
	padding: 1rem 1.25rem;
	border-radius: 0.9375rem;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 0.875rem 1.75rem rgba(44, 44, 45, 0.14);
	font-weight: 700;
	opacity: 0;
	transform: translateY(1.25rem);
	animation: serviceFloatIn 0.7s ease forwards, serviceFloatMove 4.5s ease-in-out infinite;
}

.direct-hero__panel_top {
	left: 2%;
	top: 11%;
	animation-delay: 0.55s, 1.25s;
}

.direct-hero__panel_right {
	right: 0;
	top: 21%;
	animation-delay: 0.8s, 1.5s;
}

.direct-hero__panel-icon {
	width: 2.125rem;
	height: 2.125rem;
	flex: 0 0 2.125rem;
	border-radius: 0.625rem;
	background: #0957de;
}

.direct-hero__panel-icon_green {
	background: #38ca57;
}

.direct-hero__panel-icon_yellow {
	background: #ffd200;
}

.direct-hero__panel-name {
	color: rgba(44, 44, 45, 0.68);
	font-size: 0.8125rem;
	line-height: 1rem;
}

.direct-hero__panel-value {
	color: #2c2c2d;
	font-size: 1rem;
	line-height: 1.25rem;
	white-space: nowrap;
}

@media (max-width: 103.75em) {
	.direct-hero__title {
		font-size: 4rem;
	}

	.direct-hero__result {
		width: calc(100% - 2rem);
	}
}

@media (max-width: 61.99875em) {
	.direct-hero__body {
		display: block;
		min-height: auto;
	}

	.direct-hero__content {
		max-width: 48rem;
	}

	.direct-hero__visual {
		min-height: 34rem;
		margin-top: 2rem;
		padding: 4rem 0 3rem;
	}

	.direct-hero__serp {
		width: min(42rem, 100%);
	}

	.direct-hero__result {
		width: calc(100% - 2rem);
	}

	.direct-hero__panel_top {
		left: 0;
	}

	.direct-hero__panel_right {
		right: 0;
	}

}

@media (max-width: 47.99875em) {
	.direct-hero {
		padding-top: 1rem;
		padding-bottom: 2.5rem;
	}

	.direct-hero__title {
		font-size: 2.375rem;
		line-height: 1.12;
	}

	.direct-hero__text {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.direct-hero__visual {
		min-height: auto;
		margin-left: -1.25rem;
		margin-right: -1.25rem;
		padding: 5.5rem 1.25rem 5.5rem;
	}

	.direct-hero__serp {
		width: calc(100% - 2.5rem);
		margin-top: 1rem;
	}

	.direct-hero__search {
		width: 100%;
		padding: 0.75rem;
	}

	.direct-hero__search-row {
		gap: 0.375rem;
	}

	.direct-hero__input {
		min-height: 2.75rem;
		padding: 0 0.75rem;
		font-size: 0.875rem;
		line-height: 1.125rem;
	}

	.direct-hero__find {
		padding: 0 0.875rem;
		font-size: 0.875rem;
	}

	.direct-hero__meta {
		gap: 0.75rem;
		flex-wrap: wrap;
		font-size: 0.75rem;
		line-height: 1rem;
		white-space: normal;
	}

	.direct-hero__result {
		width: calc(100% - 1rem);
		margin-top: 2.5rem;
		grid-template-columns: 1fr;
		gap: 0.625rem;
		padding: 1rem;
	}

	.direct-hero__result-title {
		font-size: 1rem;
		line-height: 1.25rem;
	}

	.direct-hero__result-url,
	.direct-hero__result-text {
		font-size: 0.8125rem;
		line-height: 1.125rem;
	}

	.direct-hero__result::before {
		top: -1.625rem;
		font-size: 0.75rem;
	}

	.direct-hero__panel {
		padding: 0.75rem 0.875rem;
		font-size: 0.75rem;
		line-height: 1rem;
	}

	.direct-hero__panel-icon {
		width: 1.75rem;
		height: 1.75rem;
		flex-basis: 1.75rem;
	}

	.direct-hero__panel_top {
		left: 1.25rem;
		top: 0.5rem;
	}

        .direct-hero__panel_right {
                right: 1.25rem;
                top: auto;
                bottom: 1.25rem;
        }

}

/* === Stages block: Yandex Direct page === */
.direct-stages {
        padding: 5rem 0;
        background: #f1f6fa;
        overflow: hidden;
}

.direct-stages__container {
        position: relative;
}

.direct-stages__top {
        max-width: 74rem;
        margin-bottom: 4rem;
}

.direct-stages__label {
        display: flex;
        align-items: center;
        gap: 0.875rem;
        margin-bottom: 2.5rem;
        color: rgba(44, 44, 45, 0.48);
        font-size: 0.875rem;
        line-height: 1.125rem;
        font-weight: 700;
        text-transform: uppercase;
}

.direct-stages__label span {
        display: inline-flex;
        align-items: center;
        min-height: 2.25rem;
        padding: 0 1rem;
        border-radius: 0.5rem;
        background: rgba(9, 87, 222, 0.1);
        color: #0957de;
}

.direct-stages__label i {
        width: 0.625rem;
        height: 0.625rem;
        border-radius: 50%;
        background: #0957de;
        flex: 0 0 0.625rem;
}

.direct-stages__label strong {
        font-weight: 700;
        letter-spacing: 0;
}

.direct-stages__title {
        max-width: 65rem;
        margin-bottom: 1.5rem;
        color: #06142c;
        font-size: 3.75rem;
        line-height: 4.375rem;
        font-weight: 700;
}

.direct-stages__title span {
        color: #0957de;
        border-bottom: 2px dotted #0957de;
}

.direct-stages__subtitle {
        max-width: 68rem;
        color: rgba(44, 44, 45, 0.74);
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 300;
}

.direct-stages__body {
        position: relative;
        display: grid;
        gap: 2rem;
        padding-left: 6.25rem;
}

.direct-stages__line {
        position: absolute;
        left: 2.375rem;
        top: 1.25rem;
        bottom: 1.25rem;
        width: 2px;
        background: linear-gradient(180deg, rgba(9, 87, 222, 0.08), rgba(9, 87, 222, 0.38), rgba(9, 87, 222, 0.08));
}

.direct-stages__item {
        position: relative;
}

.direct-stages__num {
        position: absolute;
        left: -5rem;
        top: 2.25rem;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        background: var(--stage-color, #0957de);
        color: #fff;
        font-size: 0.875rem;
        line-height: 1;
        font-weight: 700;
        box-shadow: 0 0 0 0.375rem #f1f6fa, 0 0.875rem 1.625rem rgba(9, 87, 222, 0.18);
}

.direct-stages__item_blue {
        --stage-color: #0957de;
}

.direct-stages__item_green {
        --stage-color: #38ca57;
}

.direct-stages__item_purple {
        --stage-color: #7b47ff;
}

.direct-stages__item_yellow {
        --stage-color: #e2a100;
}

.direct-stages__item_teal {
        --stage-color: #00a885;
}

.direct-stages__card {
        min-height: 12.5rem;
        padding: 2rem 2.25rem;
        border-radius: 1.25rem;
        background: rgba(255, 255, 255, 0.86);
        border: 1px solid rgba(9, 87, 222, 0.12);
        box-shadow: 0 1.25rem 3.75rem rgba(44, 44, 45, 0.06);
        position: relative;
        overflow: hidden;
}

.direct-stages__card::before {
        content: "";
        position: absolute;
        right: -5rem;
        bottom: -5rem;
        width: 13rem;
        height: 13rem;
        border-radius: 50%;
        background: color-mix(in srgb, var(--stage-color) 14%, transparent);
        pointer-events: none;
}

.direct-stages__name,
.direct-stages__text,
.direct-stages__tags {
        position: relative;
        z-index: 1;
}

.direct-stages__name {
        margin-bottom: 1rem;
        color: #06142c;
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-weight: 700;
}

.direct-stages__text {
        max-width: 92rem;
        color: rgba(44, 44, 45, 0.72);
        font-size: 1rem;
        line-height: 1.625rem;
        font-weight: 300;
}

.direct-stages__tags {
        display: flex;
        flex-wrap: wrap;
        gap: 0.625rem;
        margin-top: 1.25rem;
}

.direct-stages__tags span {
        display: inline-flex;
        align-items: center;
        min-height: 2rem;
        padding: 0 0.875rem;
        border-radius: 0.5rem;
        background: rgba(255, 255, 255, 0.72);
        border: 1px solid rgba(44, 44, 45, 0.1);
        color: rgba(44, 44, 45, 0.58);
        font-size: 0.875rem;
        line-height: 1.125rem;
}

@media (max-width: 61.99875em) {
        .direct-stages__top {
                margin-bottom: 2.5rem;
        }

        .direct-stages__title {
                font-size: 2.75rem;
                line-height: 3.25rem;
        }

        .direct-stages__body {
                padding-left: 4.75rem;
        }

        .direct-stages__line {
                left: 1.625rem;
        }

        .direct-stages__num {
                left: -4.25rem;
        }
}

@media (max-width: 47.99875em) {
        .direct-stages {
                padding: 2.5rem 0;
        }

        .direct-stages__label {
                gap: 0.625rem;
                margin-bottom: 1.5rem;
                font-size: 0.75rem;
                line-height: 1rem;
        }

        .direct-stages__label span {
                min-height: 2rem;
                padding: 0 0.75rem;
        }

        .direct-stages__title {
                font-size: 1.875rem;
                line-height: 2.25rem;
                margin-bottom: 1rem;
        }

        .direct-stages__subtitle {
                font-size: 0.875rem;
                line-height: 1.375rem;
        }

        .direct-stages__body {
                gap: 1rem;
                padding-left: 0;
        }

        .direct-stages__line {
                display: none;
        }

        .direct-stages__num {
                position: relative;
                left: auto;
                top: auto;
                margin-bottom: -1.25rem;
                margin-left: 1rem;
        }

        .direct-stages__card {
                min-height: auto;
                padding: 2rem 1.25rem 1.25rem;
                border-radius: 1rem;
        }

        .direct-stages__name {
                font-size: 1.125rem;
                line-height: 1.375rem;
        }

        .direct-stages__text {
                font-size: 0.875rem;
                line-height: 1.375rem;
        }

        .direct-stages__tags {
                gap: 0.5rem;
        }

        .direct-stages__tags span {
                min-height: 1.875rem;
                padding: 0 0.75rem;
                font-size: 0.75rem;
                line-height: 1rem;
        }
}

/* === Final offer block: Yandex Direct page === */
.direct-final {
        padding: 5rem 0 6rem;
        background:
                radial-gradient(circle at 18% 6%, rgba(9, 87, 222, 0.18), transparent 28%),
                radial-gradient(circle at 86% 92%, rgba(56, 202, 87, 0.12), transparent 32%),
                #eaf3ff;
        overflow: hidden;
}

.direct-final__top {
        max-width: 72rem;
        margin-bottom: 3rem;
}

.direct-final__title {
        margin-bottom: 1.5rem;
        color: #2c2c2d;
        font-size: 3.75rem;
        line-height: 4.375rem;
        font-weight: 700;
}

.direct-final__title span {
        color: #0957de;
        border-bottom: 2px dotted #0957de;
}

.direct-final__subtitle {
        max-width: 56rem;
        color: rgba(44, 44, 45, 0.72);
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 300;
}

.direct-final__body {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(28rem, 0.85fr);
        border-radius: 1.875rem;
        background:
                radial-gradient(circle at 12% 12%, rgba(9, 87, 222, 0.34), transparent 32%),
                radial-gradient(circle at 100% 100%, rgba(56, 202, 87, 0.2), transparent 34%),
                linear-gradient(135deg, #11192c 0%, #10131f 56%, #14261e 100%);
        color: #fff;
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 2rem 5.5rem rgba(9, 87, 222, 0.22);
        overflow: hidden;
}

.direct-final__content {
        padding: 3.75rem 3.5rem;
}

.direct-final__badge {
        width: 4.25rem;
        height: 4.25rem;
        margin-bottom: 2rem;
        border-radius: 1rem;
        background: #0957de;
        box-shadow: 0 1rem 2.5rem rgba(9, 87, 222, 0.28);
        position: relative;
}

.direct-final__badge::before,
.direct-final__badge::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        background: #fff;
        border-radius: 1rem;
        transform: translate(-50%, -50%);
}

.direct-final__badge::before {
        width: 1.65rem;
        height: 0.25rem;
}

.direct-final__badge::after {
        width: 0.25rem;
        height: 1.65rem;
}

.direct-final__name {
        max-width: 44rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 2px dotted #4f8fff;
        font-size: 2.75rem;
        line-height: 1.08;
        font-weight: 700;
}

.direct-final__lead {
        max-width: 45rem;
        margin-bottom: 2.25rem;
        color: #6ea3ff;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: 700;
}

.direct-final__text {
        max-width: 49rem;
        margin-bottom: 2rem;
        color: rgba(255, 255, 255, 0.78);
        font-size: 1rem;
        line-height: 1.625rem;
        font-weight: 300;
}

.direct-final__result {
        display: grid;
        gap: 0.75rem;
        margin-bottom: 2.25rem;
}

.direct-final__result-item {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 0.875rem;
        align-items: center;
        padding: 0.875rem 1rem;
        border-radius: 0.875rem;
        background: rgba(255, 255, 255, 0.08);
        color: rgba(255, 255, 255, 0.9);
        font-size: 1rem;
        line-height: 1.375rem;
}

.direct-final__result-item span {
        color: #6ea3ff;
        font-weight: 700;
}

.direct-final__result-item strong {
        font-weight: 700;
}

.direct-final__bottom {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 1.5rem;
        align-items: center;
        padding-top: 2rem;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.direct-final__price-label {
        margin-bottom: 0.375rem;
        color: #6ea3ff;
        font-size: 0.875rem;
        line-height: 1.125rem;
        font-weight: 700;
        text-transform: uppercase;
}

.direct-final__price-value {
        color: #fff;
        font-size: 3.5rem;
        line-height: 1;
        font-weight: 700;
}

.direct-final__price-note {
        margin-top: 0.5rem;
        color: rgba(255, 255, 255, 0.68);
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 300;
}

.direct-final__button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 20rem;
        min-height: 4.5rem;
        padding: 1rem 2rem;
        border-radius: 2.5rem;
        background: #fff;
        color: #0957de;
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 700;
        text-align: center;
        box-shadow: 0 1rem 2.25rem rgba(0, 0, 0, 0.18);
        transition: 0.3s ease;
}

.direct-final__button:hover {
        background: #0957de;
        color: #fff;
        box-shadow: inset 0 0 0 2px #0957de;
}

.direct-final__visual {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 38rem;
        padding: 3.75rem 3.5rem 3.75rem 0;
        border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.direct-final__dashboard {
        width: min(36rem, 100%);
        padding: 2rem;
        border-radius: 1.5rem;
        background: rgba(255, 255, 255, 0.94);
        color: #2c2c2d;
        transform: rotate(-2deg);
        box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.28);
}

.direct-final__dashboard-head {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        align-items: flex-start;
        margin-bottom: 1.75rem;
}

.direct-final__dashboard-label {
        margin-bottom: 0.25rem;
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-weight: 700;
}

.direct-final__dashboard-title {
        color: rgba(44, 44, 45, 0.56);
        font-size: 0.875rem;
        line-height: 1.125rem;
}

.direct-final__dashboard-mark {
        padding: 0.5rem 0.75rem;
        border-radius: 2rem;
        background: rgba(56, 202, 87, 0.12);
        color: #148a00;
        font-size: 0.875rem;
        line-height: 1rem;
        font-weight: 700;
}

.direct-final__bars {
        height: 17rem;
        display: flex;
        align-items: end;
        gap: 1rem;
        padding: 1.25rem 1rem 2rem;
        border-left: 1px solid rgba(44, 44, 45, 0.12);
        border-bottom: 1px solid rgba(44, 44, 45, 0.12);
        background:
                linear-gradient(rgba(44, 44, 45, 0.06) 1px, transparent 1px),
                linear-gradient(90deg, rgba(44, 44, 45, 0.04) 1px, transparent 1px);
        background-size: 100% 25%, 20% 100%;
}

.direct-final__bar {
        flex: 1 1 0;
        height: var(--bar-height);
        min-height: 2rem;
        border-radius: 0.75rem 0.75rem 0 0;
        background: linear-gradient(180deg, #0957de 0%, #7fb0ff 100%);
        transform: scaleY(0);
        transform-origin: bottom;
        animation: directFinalBarGrow 0.9s ease forwards;
        animation-delay: var(--bar-delay, 0s);
        will-change: transform;
}

.direct-final__bar:nth-child(1) {
        --bar-delay: 0.1s;
}

.direct-final__bar:nth-child(2) {
        --bar-delay: 0.2s;
}

.direct-final__bar:nth-child(3) {
        --bar-delay: 0.3s;
}

.direct-final__bar:nth-child(4) {
        --bar-delay: 0.4s;
}

.direct-final__bar:nth-child(5) {
        --bar-delay: 0.5s;
}

.direct-final__bar:nth-child(6) {
        --bar-delay: 0.6s;
}

.direct-final__metrics {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
        margin-top: 1rem;
}

.direct-final__metrics div {
        padding: 1rem;
        border-radius: 1rem;
        background: rgba(9, 87, 222, 0.08);
        opacity: 0;
        transform: translateY(0.75rem);
        animation: directFinalMetricIn 0.55s ease forwards;
        animation-delay: 0.75s;
}

.direct-final__metrics div:nth-child(2) {
        animation-delay: 0.9s;
}

.direct-final__metrics span {
        display: block;
        margin-bottom: 0.375rem;
        color: rgba(44, 44, 45, 0.58);
        font-size: 0.8125rem;
        line-height: 1rem;
}

.direct-final__metrics strong {
        color: #0957de;
        font-size: 1.75rem;
        line-height: 1;
        font-weight: 700;
}

@keyframes directFinalBarGrow {
        from {
                transform: scaleY(0);
                opacity: 0.3;
        }

        to {
                transform: scaleY(1);
                opacity: 1;
        }
}

@keyframes directFinalMetricIn {
        from {
                opacity: 0;
                transform: translateY(0.75rem);
        }

        to {
                opacity: 1;
                transform: translateY(0);
        }
}

@media (max-width: 103.75em) {
        .direct-final__body {
                grid-template-columns: 1fr;
        }

        .direct-final__visual {
                min-height: auto;
                padding: 1.5rem 3.5rem 3.5rem;
                border-left: 0;
                border-top: 1px solid rgba(255, 255, 255, 0.12);
        }
}

@media (max-width: 61.99875em) {
        .direct-final__title {
                font-size: 2.75rem;
                line-height: 3.25rem;
        }

        .direct-final__bottom {
                grid-template-columns: 1fr;
                align-items: start;
        }

        .direct-final__button {
                justify-self: start;
        }
}

@media (max-width: 47.99875em) {
        .direct-final {
                padding: 2.5rem 0;
        }

        .direct-final__top {
                margin-bottom: 1.5rem;
        }

        .direct-final__title {
                font-size: 1.875rem;
                line-height: 2.25rem;
                margin-bottom: 1rem;
        }

        .direct-final__subtitle {
                font-size: 0.875rem;
                line-height: 1.375rem;
        }

        .direct-final__body {
                border-radius: 1.25rem;
        }

        .direct-final__content,
        .direct-final__visual {
                padding: 1.5rem 1.25rem;
        }

        .direct-final__badge {
                width: 3.25rem;
                height: 3.25rem;
                margin-bottom: 1.25rem;
        }

        .direct-final__name {
                font-size: 2rem;
        }

        .direct-final__lead {
                font-size: 1rem;
                line-height: 1.375rem;
        }

        .direct-final__text,
        .direct-final__result-item {
                font-size: 0.875rem;
                line-height: 1.375rem;
        }

        .direct-final__price-value {
                font-size: 2.75rem;
        }

        .direct-final__button {
                width: 100%;
                min-width: 0;
        }

        .direct-final__dashboard {
                padding: 1.25rem;
                transform: none;
        }

        .direct-final__bars {
                height: 11rem;
                gap: 0.5rem;
        }
}

/* === Final typography scale: Yandex Direct page === */
.direct-hero,
.direct-system,
.direct-leaks,
.direct-offers,
.direct-stages,
.direct-final,
.service-portfolio_direct {
        --direct-title-size: 3.75rem;
        --direct-title-line: 4.375rem;
        --direct-subtitle-size: 1.25rem;
        --direct-subtitle-line: 1.75rem;
        --direct-card-title-size: 1.5rem;
        --direct-card-title-line: 1.75rem;
        --direct-body-size: 1rem;
        --direct-body-line: 1.625rem;
        --direct-small-size: 0.875rem;
        --direct-small-line: 1.125rem;
        --direct-button-size: 1rem;
        --direct-button-line: 1.25rem;
}

.direct-system__title,
.direct-leaks__title,
.direct-stages__title,
.direct-final__title,
.service-portfolio_direct .service-portfolio__title {
        font-size: var(--direct-title-size);
        line-height: var(--direct-title-line);
}

.direct-system__subtitle,
.direct-leaks__subtitle,
.direct-offers__lead,
.direct-stages__subtitle,
.direct-final__subtitle,
.service-portfolio_direct .service-portfolio__text {
        font-size: var(--direct-subtitle-size);
        line-height: var(--direct-subtitle-line);
        font-weight: 300;
}

.direct-system__name,
.direct-leaks__name,
.direct-leaks__screen-title,
.direct-offers__title,
.direct-stages__name,
.direct-final__lead,
.service-portfolio_direct .service-portfolio__name {
        font-size: var(--direct-card-title-size);
        line-height: var(--direct-card-title-line);
        font-weight: 700;
}

.direct-system__text,
.direct-leaks__text,
.direct-leaks__note,
.direct-leaks__signal,
.direct-leaks__signal strong,
.direct-leaks__chain-step strong,
.direct-offers__item,
.direct-stages__text,
.direct-final__text,
.direct-final__result-item,
.service-portfolio_direct .service-portfolio__desc,
.service-portfolio_direct .service-portfolio__result {
        font-size: var(--direct-body-size);
        line-height: var(--direct-body-line);
}

.direct-hero__input,
.direct-hero__find,
.direct-hero__meta,
.direct-hero__result-title,
.direct-hero__panel-value {
        font-size: var(--direct-body-size);
        line-height: var(--direct-body-line);
}

.direct-hero__result::before,
.direct-hero__result-badge,
.direct-hero__result-url,
.direct-hero__result-text,
.direct-hero__panel-name,
.direct-leaks__screen-label,
.direct-leaks__num,
.direct-leaks__chain-step span,
.direct-leaks__chain-step small,
.direct-offers__label,
.direct-stages__label,
.direct-stages__tags span,
.direct-final__price-label,
.direct-final__price-note,
.direct-final__dashboard-title,
.direct-final__dashboard-mark,
.direct-final__metrics span,
.service-portfolio_direct .service-portfolio__label {
        font-size: var(--direct-small-size);
        line-height: var(--direct-small-line);
}

.direct-offers__button,
.direct-final__button,
.service-portfolio_direct .service-portfolio__button {
        font-size: var(--direct-button-size);
        line-height: var(--direct-button-line);
}

@media (max-width: 61.99875em) {
        .direct-hero,
        .direct-system,
        .direct-leaks,
        .direct-offers,
        .direct-stages,
        .direct-final,
        .service-portfolio_direct {
                --direct-title-size: 2.75rem;
                --direct-title-line: 3.25rem;
                --direct-subtitle-size: 1.125rem;
                --direct-subtitle-line: 1.625rem;
        }
}

@media (max-width: 47.99875em) {
        .direct-hero,
        .direct-system,
        .direct-leaks,
        .direct-offers,
        .direct-stages,
        .direct-final,
        .service-portfolio_direct {
                --direct-title-size: 1.875rem;
                --direct-title-line: 2.25rem;
                --direct-subtitle-size: 0.875rem;
                --direct-subtitle-line: 1.375rem;
                --direct-card-title-size: 1.125rem;
                --direct-card-title-line: 1.375rem;
                --direct-body-size: 0.875rem;
                --direct-body-line: 1.375rem;
                --direct-small-size: 0.75rem;
                --direct-small-line: 1rem;
                --direct-button-size: 0.875rem;
                --direct-button-line: 1.125rem;
        }

        .direct-hero__title {
                font-size: 2.375rem;
                line-height: 1.12;
        }
}

/* === Yandex Maps clinic promotion page === */
.maps-hero {
        padding: 2.25rem 0 6rem;
        background: #f1f6fa;
        overflow: hidden;
}

.maps-hero__body {
        display: grid;
        grid-template-columns: minmax(0, 0.88fr) minmax(34rem, 1fr);
        gap: 3.5rem;
        align-items: center;
        min-height: 39rem;
}

.maps-hero__content {
        position: relative;
        z-index: 2;
        max-width: 46rem;
}

.maps-hero__title {
        margin-bottom: 1.75rem;
        color: #06142c;
        font-size: 4.25rem;
        line-height: 1.08;
        font-weight: 700;
}

.maps-hero__title span {
        color: #0957de;
        border-bottom: 2px dotted #0957de;
}

.maps-hero__text {
        margin-bottom: 2rem;
        color: rgba(44, 44, 45, 0.76);
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 300;
}

.maps-hero__checks {
        display: grid;
        gap: 0.875rem;
        margin-bottom: 2.5rem;
}

.maps-hero__check {
        position: relative;
        padding-left: 2rem;
        color: rgba(44, 44, 45, 0.82);
        font-size: 1rem;
        line-height: 1.625rem;
        font-weight: 300;
}

.maps-hero__check::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.45rem;
        width: 0.875rem;
        height: 0.875rem;
        border-radius: 50%;
        background: #0957de;
        box-shadow: 0 0 0 0.3125rem rgba(9, 87, 222, 0.12);
}

.maps-hero__cta {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        flex-wrap: wrap;
}

.maps-hero__button {
        min-width: 18rem;
        justify-content: center;
}

.maps-hero__hint {
        max-width: 18rem;
        color: rgba(44, 44, 45, 0.54);
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 300;
}

.maps-hero__visual {
        position: relative;
        min-height: 40rem;
        display: flex;
        align-items: center;
        justify-content: center;
}

.maps-hero__visual::before {
        content: "";
        position: absolute;
        width: 38rem;
        height: 38rem;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(9, 87, 222, 0.16), rgba(56, 202, 87, 0.11) 44%, rgba(241, 246, 250, 0) 72%);
        filter: blur(0.5rem);
}

.maps-card {
        position: relative;
        z-index: 2;
        width: min(43rem, 100%);
        padding: 1.25rem;
        border-radius: 1.375rem;
        background: rgba(255, 255, 255, 0.96);
        border: 1px solid rgba(9, 87, 222, 0.12);
        box-shadow: 0 1.75rem 5rem rgba(9, 87, 222, 0.18);
        opacity: 0;
        transform: translateY(2rem) rotate(-1.5deg);
        animation: mapsCardIn 0.8s ease forwards;
}

.maps-card > * {
        opacity: 0;
        transform: translateY(1rem);
        animation: mapsCardPartIn 0.55s ease forwards;
}

.maps-card__top {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        animation-delay: 0.25s;
}

.maps-card__tabs {
        animation-delay: 0.38s;
}

.maps-card__gallery {
        animation-delay: 0.52s;
}

.maps-card__actions {
        animation-delay: 0.66s;
}

.maps-card__info {
        animation-delay: 0.8s;
}

.maps-card__bottom {
        animation-delay: 0.94s;
}

.maps-card__title {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.5rem;
        color: #06142c;
        font-size: 2rem;
        line-height: 1.1;
        font-weight: 700;
}

.maps-card__verified {
        width: 1.125rem;
        height: 1.125rem;
        border-radius: 50%;
        background: #0957de;
        position: relative;
}

.maps-card__verified::before {
        content: "";
        position: absolute;
        left: 0.35rem;
        top: 0.25rem;
        width: 0.35rem;
        height: 0.55rem;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: rotate(45deg);
}

.maps-card__rating {
        display: flex;
        align-items: center;
        gap: 0.45rem;
        flex-wrap: wrap;
        margin-bottom: 0.5rem;
        font-size: 0.875rem;
        line-height: 1.125rem;
}

.maps-card__rating span {
        padding: 0.1875rem 0.4375rem;
        border-radius: 0.5rem;
        background: #38ca57;
        color: #fff;
        font-weight: 700;
}

.maps-card__rating strong {
        color: #06142c;
        font-weight: 700;
}

.maps-card__rating i {
        color: rgba(44, 44, 45, 0.72);
        font-style: normal;
}

.maps-card__status {
        color: #2c2c2d;
        font-size: 0.875rem;
        line-height: 1.125rem;
}

.maps-card__tabs {
        display: flex;
        gap: 1.5rem;
        margin-top: 1rem;
        padding-bottom: 0.875rem;
        border-bottom: 1px solid rgba(44, 44, 45, 0.12);
        overflow-x: auto;
        color: #00007a;
        font-size: 0.9375rem;
        line-height: 1.125rem;
        font-weight: 700;
}

.maps-card__tabs span {
        white-space: nowrap;
}

.maps-card__tabs ._active {
        color: #06142c;
        position: relative;
}

.maps-card__tabs ._active::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -0.9375rem;
        height: 2px;
        background: #06142c;
}

.maps-card__gallery {
        display: grid;
        grid-template-columns: 0.9fr 0.9fr 1.45fr;
        gap: 0.3125rem;
        margin-top: 1rem;
}

.maps-card__map,
.maps-card__photo {
        min-height: 9rem;
        border-radius: 0.625rem;
        overflow: hidden;
        position: relative;
        background: #edf2f7;
}

.maps-card__map img,
.maps-card__photo img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
}

.maps-card__photo {
        display: flex;
        align-items: flex-end;
        padding: 0.75rem;
        color: #fff;
        font-size: 0.875rem;
        line-height: 1.125rem;
        font-weight: 700;
}

.maps-card__photo::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, transparent 46%, rgba(0, 0, 0, 0.56));
        z-index: 1;
}

.maps-card__photo strong {
        position: relative;
        z-index: 2;
}

.maps-card__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.625rem;
        margin-top: 1rem;
}

.maps-card__action {
        display: inline-flex;
        align-items: center;
        min-height: 2.5rem;
        padding: 0 1rem;
        border-radius: 2rem;
        background: #f1f6fa;
        color: #06142c;
        font-size: 0.875rem;
        line-height: 1.125rem;
}

.maps-card__action_record {
        background: #ff6a55;
        color: #fff;
}

.maps-card__info {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.875rem 1.25rem;
        margin-top: 1.25rem;
}

.maps-card__info-item {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        min-width: 0;
        color: #4e168f;
        font-size: 0.875rem;
        line-height: 1.25rem;
}

.maps-card__info-item strong {
        min-width: 0;
        font-weight: 400;
}

.maps-card__icon {
        width: 1rem;
        height: 1rem;
        flex: 0 0 1rem;
        border-radius: 50%;
        background: rgba(44, 44, 45, 0.36);
}

.maps-card__icon_site {
        background: #38ca57;
}

.maps-card__icon_place {
        background: #8b42f5;
}

.maps-card__icon_phone {
        background: #6d7785;
}

.maps-card__icon_metro {
        background: #ff5548;
}

.maps-card__bottom {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.625rem;
        margin-top: 1.25rem;
}

.maps-card__bottom div {
        padding: 0.875rem 1rem;
        border-radius: 0.875rem;
        background: rgba(9, 87, 222, 0.08);
}

.maps-card__bottom strong,
.maps-card__bottom span {
        display: block;
}

.maps-card__bottom strong {
        margin-bottom: 0.25rem;
        color: #06142c;
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 700;
}

.maps-card__bottom span {
        color: rgba(44, 44, 45, 0.62);
        font-size: 0.8125rem;
        line-height: 1rem;
}

.maps-hero__float {
        position: absolute;
        z-index: 3;
        display: grid;
        gap: 0.125rem;
        padding: 1rem 1.125rem;
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.94);
        box-shadow: 0 1rem 2.25rem rgba(9, 87, 222, 0.14);
        opacity: 0;
        transform: translateY(1.25rem);
        animation: mapsCardPartIn 0.55s ease forwards, serviceFloatMove 4.5s ease-in-out 1.5s infinite;
}

.maps-hero__float span {
        color: #0957de;
        font-size: 1.375rem;
        line-height: 1.5rem;
        font-weight: 700;
}

.maps-hero__float strong {
        color: rgba(44, 44, 45, 0.62);
        font-size: 0.8125rem;
        line-height: 1rem;
}

.maps-hero__float_top {
        right: 0;
        top: 12%;
        animation-delay: 1.08s, 1.6s;
}

.maps-hero__float_bottom {
        left: 0;
        bottom: 10%;
        animation-delay: 1.2s, 1.8s;
}

@keyframes mapsCardIn {
        to {
                opacity: 1;
                transform: translateY(0) rotate(-1.5deg);
        }
}

@keyframes mapsCardPartIn {
        to {
                opacity: 1;
                transform: translateY(0);
        }
}

@media (max-width: 103.75em) {
        .maps-hero__body {
                grid-template-columns: minmax(0, 0.86fr) minmax(30rem, 1fr);
                gap: 2rem;
        }

        .maps-hero__title {
                font-size: 3.75rem;
        }

        .maps-card {
                width: min(39rem, 100%);
        }
}

@media (max-width: 61.99875em) {
        .maps-hero {
                padding-top: 1.5rem;
        }

        .maps-hero__body {
                grid-template-columns: 1fr;
                gap: 2.5rem;
                min-height: auto;
        }

        .maps-hero__content {
                max-width: 48rem;
        }

        .maps-hero__title {
                font-size: 3rem;
                line-height: 1.12;
        }

        .maps-hero__visual {
                min-height: auto;
        }

        .maps-card {
                width: min(43rem, 100%);
        }

        .maps-hero__float_top {
                right: 1rem;
                top: -1rem;
        }

        .maps-hero__float_bottom {
                left: 1rem;
                bottom: -1rem;
        }
}

@media (max-width: 47.99875em) {
        .maps-hero {
                padding: 1rem 0 3rem;
        }

        .maps-hero__title {
                margin-bottom: 1.125rem;
                font-size: 2.375rem;
                line-height: 1.12;
        }

        .maps-hero__text {
                margin-bottom: 1.375rem;
                font-size: 1rem;
                line-height: 1.5rem;
        }

        .maps-hero__checks {
                gap: 0.625rem;
                margin-bottom: 1.5rem;
        }

        .maps-hero__check {
                font-size: 0.875rem;
                line-height: 1.375rem;
        }

        .maps-hero__button {
                width: 100%;
                min-width: 0;
        }

        .maps-hero__hint {
                max-width: none;
        }

        .maps-hero__visual {
                margin: 0 -1.25rem;
                padding: 2.5rem 1.25rem 1.5rem;
        }

        .maps-card {
                padding: 1rem;
                border-radius: 1rem;
                transform: translateY(2rem) rotate(0);
                animation-name: mapsCardInMobile;
        }

        .maps-card__title {
                font-size: 1.5rem;
        }

        .maps-card__tabs {
                gap: 1rem;
                font-size: 0.8125rem;
        }

        .maps-card__gallery {
                grid-template-columns: 1fr 1fr;
        }

        .maps-card__photo_inside {
                grid-column: 1 / -1;
        }

        .maps-card__map,
        .maps-card__photo {
                min-height: 7.5rem;
        }

        .maps-card__info,
        .maps-card__bottom {
                grid-template-columns: 1fr;
        }

        .maps-hero__float {
                display: none;
        }
}

@keyframes mapsCardInMobile {
        to {
                opacity: 1;
                transform: translateY(0) rotate(0);
        }
}

.maps-callout {
        padding: 0 0 5rem;
        background: #f1f6fa;
}

.maps-callout__body {
        position: relative;
        overflow: hidden;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(24rem, 0.72fr);
        gap: 3rem;
        align-items: stretch;
        padding: 3rem;
        border-radius: 1.5rem;
        background:
                radial-gradient(circle at 12% 0%, rgba(9, 87, 222, 0.34), transparent 34%),
                radial-gradient(circle at 100% 100%, rgba(56, 202, 87, 0.2), transparent 34%),
                #14161b;
        color: #fff;
        box-shadow: 0 1.5rem 5rem rgba(20, 22, 27, 0.18);
}

.maps-callout__content,
.maps-callout__facts {
        position: relative;
        z-index: 1;
}

.maps-callout__label {
        display: inline-flex;
        align-items: center;
        min-height: 2.25rem;
        margin-bottom: 1.5rem;
        padding: 0 1rem;
        border-radius: 2rem;
        background: rgba(9, 87, 222, 0.22);
        color: #8bb6ff;
        font-size: 0.875rem;
        line-height: 1.125rem;
        font-weight: 700;
}

.maps-callout__title {
        max-width: 62rem;
        margin-bottom: 1.5rem;
        color: #fff;
        font-size: 3.25rem;
        line-height: 1.12;
        font-weight: 700;
}

.maps-callout__text {
        max-width: 65rem;
        color: rgba(255, 255, 255, 0.74);
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 300;
}

.maps-callout__facts {
        display: grid;
        gap: 0.875rem;
}

.maps-callout__fact {
        padding: 1.25rem;
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.96);
        border: 1px solid rgba(255, 255, 255, 0.72);
        box-shadow: 0 1rem 2.25rem rgba(0, 0, 0, 0.1);
}

.maps-callout__fact span {
        display: inline-flex;
        margin-bottom: 0.75rem;
        color: #0957de;
        font-size: 0.875rem;
        line-height: 1rem;
        font-weight: 700;
}

.maps-callout__fact strong {
        display: block;
        margin-bottom: 0.5rem;
        color: #06142c;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-weight: 700;
}

.maps-callout__fact p {
        color: rgba(44, 44, 45, 0.68);
        font-size: 0.9375rem;
        line-height: 1.375rem;
        font-weight: 300;
}

@media (max-width: 61.99875em) {
        .maps-callout__body {
                grid-template-columns: 1fr;
                gap: 2rem;
        }

        .maps-callout__facts {
                grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .maps-callout__title {
                font-size: 2.75rem;
        }
}

@media (max-width: 47.99875em) {
        .maps-callout {
                padding-bottom: 3rem;
        }

        .maps-callout__body {
                padding: 1.5rem 1.25rem;
                border-radius: 1.25rem;
        }

        .maps-callout__label {
                margin-bottom: 1rem;
                font-size: 0.75rem;
        }

        .maps-callout__title {
                margin-bottom: 1rem;
                font-size: 1.875rem;
                line-height: 2.25rem;
        }

        .maps-callout__text {
                font-size: 0.9375rem;
                line-height: 1.5rem;
        }

        .maps-callout__facts {
                grid-template-columns: 1fr;
        }

        .maps-callout__fact {
                padding: 1rem;
        }
}

.maps-journey {
        padding: 0 0 5rem;
        background: #f1f6fa;
        overflow: hidden;
}

.maps-journey__top {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 2.5rem;
        margin-bottom: 2.25rem;
}

.maps-journey__title {
        max-width: 74rem;
        color: #2c2c2d;
        font-size: 3.75rem;
        line-height: 4.375rem;
        font-weight: 700;
}

.maps-journey__title span {
        color: #0957de;
        border-bottom: 2px dotted #0957de;
        display: inline;
}

.maps-journey__subtitle {
        max-width: 34rem;
        color: rgba(44, 44, 45, 0.72);
        font-size: 1.125rem;
        line-height: 1.625rem;
        font-weight: 300;
}

.maps-journey__steps {
        position: relative;
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 1.25rem;
        margin-bottom: 2rem;
}

.maps-journey__step {
        position: relative;
        min-height: 16.25rem;
        padding: 2rem 1.5rem 1.625rem;
        border-radius: 1.25rem;
        background: transparent;
        border: 2px dashed rgba(9, 87, 222, 0.42);
        box-shadow: none;
        text-align: left;
        opacity: 0;
        transform: translateY(1.5rem);
        animation: mapsJourneyStepIn 0.65s ease forwards;
        animation-delay: var(--journey-delay, 0s);
        transition: background-color 0.3s ease, transform 0.3s ease;
}

@media (any-hover: hover) {
        .maps-journey__step:hover {
                background: rgba(9, 87, 222, 0.035);
        }
}

.maps-journey__step span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 4.25rem;
        height: 4.25rem;
        margin-bottom: 1.75rem;
        border-radius: 50%;
        background: #fff;
        color: #0957de;
        border: 2px dotted rgba(9, 87, 222, 0.7);
        font-size: 1rem;
        line-height: 1;
        font-weight: 700;
        box-shadow: none;
}

.maps-journey__step strong {
        display: block;
        margin-bottom: 0.875rem;
        color: #0957de;
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-weight: 700;
}

.maps-journey__step p {
        color: rgba(44, 44, 45, 0.72);
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 300;
}

.maps-journey__note {
        padding: 1.75rem 2rem;
        border-radius: 1.25rem;
        background: rgba(255, 255, 255, 0.74);
        border: 1px solid rgba(9, 87, 222, 0.14);
        box-shadow: 0 1rem 2.75rem rgba(9, 87, 222, 0.08);
        color: rgba(44, 44, 45, 0.76);
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 300;
        opacity: 0;
        transform: translateY(1.25rem);
        animation: mapsJourneyStepIn 0.65s ease 0.85s forwards;
}

.maps-journey__note strong {
        color: #06142c;
        font-weight: 700;
}

@keyframes mapsJourneyStepIn {
        to {
                opacity: 1;
                transform: translateY(0);
        }
}

@media (max-width: 75em) {
        .maps-journey__steps {
                grid-template-columns: repeat(3, minmax(0, 1fr));
        }

}

@media (max-width: 61.99875em) {
        .maps-journey__top {
                display: block;
                gap: 1rem;
        }

        .maps-journey__title {
                margin-bottom: 1rem;
                font-size: 2.75rem;
                line-height: 3.25rem;
        }

        .maps-journey__subtitle {
                max-width: 42rem;
        }
}

@media (max-width: 47.99875em) {
        .maps-journey {
                padding-bottom: 3rem;
        }

        .maps-journey__top {
                margin-bottom: 1.5rem;
        }

        .maps-journey__title {
                font-size: 1.875rem;
                line-height: 2.25rem;
        }

        .maps-journey__subtitle,
        .maps-journey__note {
                font-size: 0.9375rem;
                line-height: 1.5rem;
        }

        .maps-journey__steps {
                grid-template-columns: 1fr;
                gap: 0.75rem;
        }

        .maps-journey__step {
                min-height: 0;
                padding: 1.25rem;
                text-align: left;
        }

        .maps-journey__step span {
                width: 3.25rem;
                height: 3.25rem;
                margin-bottom: 1rem;
        }

        .maps-journey__step strong {
                font-size: 1.25rem;
                line-height: 1.5rem;
        }

        .maps-journey__step p {
                font-size: 0.875rem;
                line-height: 1.375rem;
        }

        .maps-journey__note {
                padding: 1.25rem;
        }
}

.maps-stages {
        padding: 0 0 5rem;
        background: #f1f6fa;
        overflow: hidden;
}

.maps-stages__top {
        max-width: 78rem;
        margin-bottom: 4rem;
}

.maps-stages__title {
        max-width: 68rem;
        margin-bottom: 1.5rem;
        color: #06142c;
        font-size: 3.75rem;
        line-height: 4.375rem;
        font-weight: 700;
}

.maps-stages__title span {
        color: #0957de;
        border-bottom: 2px dotted #0957de;
}

.maps-stages__subtitle {
        max-width: 70rem;
        color: rgba(44, 44, 45, 0.74);
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 300;
}

.maps-stages__body {
        position: relative;
        display: grid;
        gap: 2rem;
        padding-left: 6.25rem;
}

.maps-stages__line {
        position: absolute;
        left: 2.375rem;
        top: 1.25rem;
        bottom: 1.25rem;
        width: 2px;
        background: linear-gradient(180deg, rgba(9, 87, 222, 0.08), rgba(9, 87, 222, 0.38), rgba(9, 87, 222, 0.08));
}

.maps-stages__item {
        position: relative;
        opacity: 0;
        transform: translateY(1.5rem);
        animation: mapsJourneyStepIn 0.65s ease forwards;
}

.maps-stages__item:nth-child(2) {
        animation-delay: 0.05s;
}

.maps-stages__item:nth-child(3) {
        animation-delay: 0.15s;
}

.maps-stages__item:nth-child(4) {
        animation-delay: 0.25s;
}

.maps-stages__item:nth-child(5) {
        animation-delay: 0.35s;
}

.maps-stages__item:nth-child(6) {
        animation-delay: 0.45s;
}

.maps-stages__item:nth-child(7) {
        animation-delay: 0.55s;
}

.maps-stages__item_blue {
        --stage-color: #0957de;
}

.maps-stages__item_green {
        --stage-color: #38ca57;
}

.maps-stages__item_purple {
        --stage-color: #7b47ff;
}

.maps-stages__item_yellow {
        --stage-color: #e2a100;
}

.maps-stages__item_teal {
        --stage-color: #00a885;
}

.maps-stages__num {
        position: absolute;
        left: -5rem;
        top: 2.25rem;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        background: var(--stage-color, #0957de);
        color: #fff;
        font-size: 0.875rem;
        line-height: 1;
        font-weight: 700;
        box-shadow: 0 0 0 0.375rem #f1f6fa, 0 0.875rem 1.625rem rgba(9, 87, 222, 0.18);
}

.maps-stages__card {
        min-height: 12.5rem;
        padding: 2rem 2.25rem;
        border-radius: 1.25rem;
        background: rgba(255, 255, 255, 0.86);
        border: 1px solid rgba(9, 87, 222, 0.12);
        box-shadow: 0 1.25rem 3.75rem rgba(44, 44, 45, 0.06);
        position: relative;
        overflow: hidden;
}

.maps-stages__card::before {
        content: "";
        position: absolute;
        right: -5rem;
        bottom: -5rem;
        width: 13rem;
        height: 13rem;
        border-radius: 50%;
        background: color-mix(in srgb, var(--stage-color) 14%, transparent);
        pointer-events: none;
}

.maps-stages__name,
.maps-stages__text,
.maps-stages__tags {
        position: relative;
        z-index: 1;
}

.maps-stages__name {
        margin-bottom: 1rem;
        color: #06142c;
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-weight: 700;
}

.maps-stages__text {
        max-width: 92rem;
        color: rgba(44, 44, 45, 0.72);
        font-size: 1rem;
        line-height: 1.625rem;
        font-weight: 300;
}

.maps-stages__tags {
        display: flex;
        flex-wrap: wrap;
        gap: 0.625rem;
        margin-top: 1.25rem;
}

.maps-stages__tags span {
        display: inline-flex;
        align-items: center;
        min-height: 2rem;
        padding: 0 0.875rem;
        border-radius: 0.375rem;
        background: rgba(255, 255, 255, 0.68);
        border: 1px solid rgba(44, 44, 45, 0.1);
        color: rgba(44, 44, 45, 0.56);
        font-size: 0.875rem;
        line-height: 1.125rem;
        font-weight: 300;
}

@media (max-width: 61.99875em) {
        .maps-stages__top {
                margin-bottom: 2.5rem;
        }

        .maps-stages__title {
                font-size: 2.75rem;
                line-height: 3.25rem;
        }

        .maps-stages__subtitle {
                font-size: 1.125rem;
                line-height: 1.625rem;
        }
}

@media (max-width: 47.99875em) {
        .maps-stages {
                padding-bottom: 3rem;
        }

        .maps-stages__top {
                margin-bottom: 2rem;
        }

        .maps-stages__title {
                font-size: 1.875rem;
                line-height: 2.25rem;
        }

        .maps-stages__subtitle,
        .maps-stages__text {
                font-size: 0.875rem;
                line-height: 1.375rem;
        }

        .maps-stages__body {
                gap: 1rem;
                padding-left: 3.5rem;
        }

        .maps-stages__line {
                left: 1.25rem;
        }

        .maps-stages__num {
                left: -3.25rem;
                top: 1.5rem;
                width: 2.25rem;
                height: 2.25rem;
                font-size: 0.75rem;
        }

        .maps-stages__card {
                min-height: 0;
                padding: 1.25rem;
                border-radius: 1rem;
        }

        .maps-stages__name {
                font-size: 1.125rem;
                line-height: 1.375rem;
        }

        .maps-stages__tags span {
                min-height: 1.75rem;
                font-size: 0.75rem;
                line-height: 1rem;
        }
}

.service-portfolio_maps {
        background: #f1f6fa;
}

.maps-conditional_hidden {
        display: none !important;
}

.service-conditional_hidden {
        display: none !important;
}

.maps-price {
        padding: 0 0 5rem;
        background: #f1f6fa;
        overflow: hidden;
}

.maps-price__body {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(28rem, 0.82fr);
        min-height: 38rem;
        border-radius: 1.875rem;
        overflow: hidden;
        background:
                radial-gradient(circle at 18% 14%, rgba(9, 87, 222, 0.34), transparent 22rem),
                radial-gradient(circle at 92% 92%, rgba(44, 187, 106, 0.28), transparent 24rem),
                linear-gradient(135deg, #132851 0%, #121622 54%, #10191a 100%);
        color: #fff;
        box-shadow: 0 1.5rem 4.5rem rgba(9, 87, 222, 0.12);
}

.maps-price__content {
        padding: 4rem 3.5rem;
}

.maps-price__badge {
        display: inline-flex;
        align-items: center;
        min-height: 2.625rem;
        margin-bottom: 2rem;
        padding: 0 1.25rem;
        border-radius: 3rem;
        background: rgba(255, 255, 255, 0.1);
        color: #73a8ff;
        font-size: 0.875rem;
        line-height: 1.125rem;
        font-weight: 700;
}

.maps-price__title {
        max-width: 47rem;
        color: #fff;
        font-size: 3.25rem;
        line-height: 3.75rem;
        font-weight: 700;
}

.maps-price__title span {
        color: #6ea3ff;
        border-bottom: 2px dotted #6ea3ff;
}

.maps-price__lead {
        max-width: 44rem;
        margin-top: 1.25rem;
        color: #6ea3ff;
        font-size: 1.375rem;
        line-height: 1.875rem;
        font-weight: 700;
}

.maps-price__text {
        max-width: 48rem;
        margin-top: 2rem;
        color: rgba(255, 255, 255, 0.76);
        font-size: 1.0625rem;
        line-height: 1.75rem;
        font-weight: 300;
}

.maps-price__result {
        display: grid;
        gap: 0.75rem;
        margin-top: 2.25rem;
}

.maps-price__result-item {
        display: flex;
        align-items: center;
        gap: 0.875rem;
        min-height: 3.625rem;
        padding: 0.875rem 1rem;
        border-radius: 0.75rem;
        background: rgba(255, 255, 255, 0.09);
}

.maps-price__result-item span {
        color: #6ea3ff;
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 700;
}

.maps-price__result-item strong {
        color: #fff;
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 700;
}

.maps-price__bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 2rem;
        margin-top: 2.25rem;
        padding-top: 2rem;
        border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.maps-price__cost-label {
        margin-bottom: 0.75rem;
        color: #6ea3ff;
        font-size: 0.875rem;
        line-height: 1.125rem;
        font-weight: 700;
        text-transform: uppercase;
}

.maps-price__cost-value {
        color: #fff;
        font-size: 4rem;
        line-height: 4rem;
        font-weight: 700;
        white-space: nowrap;
}

.maps-price__cost-note {
        margin-top: 0.75rem;
        color: rgba(255, 255, 255, 0.7);
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 300;
}

.maps-price__button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 20rem;
        min-height: 5rem;
        padding: 1rem 2rem;
        border-radius: 5rem;
        background: #fff;
        color: #0957de;
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 700;
        text-align: center;
        transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.maps-price__visual {
        display: flex;
        align-items: center;
        padding: 3.5rem 3.5rem 3.5rem 0;
        border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.maps-price__dashboard {
        width: 100%;
        min-height: 28rem;
        padding: 2rem;
        border-radius: 1.5rem;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.24);
        color: #06142c;
        transform: rotate(-2deg);
}

.maps-price__dashboard-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 1.5rem;
}

.maps-price__dashboard-label {
        margin-bottom: 0.375rem;
        color: #06142c;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-weight: 700;
}

.maps-price__dashboard-title {
        color: rgba(44, 44, 45, 0.5);
        font-size: 0.875rem;
        line-height: 1.125rem;
        font-weight: 300;
}

.maps-price__dashboard-mark {
        display: inline-flex;
        align-items: center;
        min-height: 2.25rem;
        padding: 0 1rem;
        border-radius: 3rem;
        background: #dff4e6;
        color: #00a438;
        font-size: 0.875rem;
        line-height: 1.125rem;
        font-weight: 700;
        white-space: nowrap;
}

.maps-price__chart {
        display: flex;
        align-items: flex-end;
        gap: 0.875rem;
        height: 15.5rem;
        padding: 1.25rem 1rem 0;
        background:
                linear-gradient(rgba(6, 20, 44, 0.06) 1px, transparent 1px) 0 0 / 100% 25%,
                linear-gradient(90deg, rgba(6, 20, 44, 0.06) 1px, transparent 1px) 0 0 / 20% 100%;
        border-left: 1px solid rgba(6, 20, 44, 0.08);
        border-bottom: 1px solid rgba(6, 20, 44, 0.12);
}

.maps-price__bar {
        flex: 1 1 0;
        height: var(--bar-height);
        min-height: 1.375rem;
        border-radius: 0.625rem 0.625rem 0 0;
        background: linear-gradient(180deg, #0957de 0%, #74abff 100%);
        transform: scaleY(0);
        transform-origin: bottom;
        animation: mapsPriceBar 0.85s cubic-bezier(0.19, 1, 0.22, 1) forwards;
        animation-delay: var(--bar-delay);
}

.maps-price__metrics {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.875rem;
        margin-top: 1.25rem;
}

.maps-price__metrics div {
        min-height: 5.25rem;
        padding: 1rem;
        border-radius: 0.875rem;
        background: #e9f1fc;
}

.maps-price__metrics span {
        display: block;
        margin-bottom: 0.375rem;
        color: rgba(44, 44, 45, 0.45);
        font-size: 0.875rem;
        line-height: 1.125rem;
        font-weight: 300;
}

.maps-price__metrics strong {
        color: #0957de;
        font-size: 1.75rem;
        line-height: 2rem;
        font-weight: 700;
}

@keyframes mapsPriceBar {
        from {
                transform: scaleY(0);
        }

        to {
                transform: scaleY(1);
        }
}

@media (any-hover: hover) {
        .maps-price__button:hover {
                background: #0957de;
                color: #fff;
                transform: translateY(-0.125rem);
        }
}

@media (max-width: 75em) {
        .maps-price__body {
                grid-template-columns: 1fr;
        }

        .maps-price__visual {
                padding: 0 3.5rem 3.5rem;
                border-left: 0;
        }

        .maps-price__dashboard {
                max-width: 42rem;
                margin: 0 auto;
        }
}

@media (max-width: 61.99875em) {
        .maps-price__title {
                font-size: 2.75rem;
                line-height: 3.25rem;
        }

        .maps-price__cost-value {
                font-size: 3.25rem;
                line-height: 3.5rem;
        }
}

@media (max-width: 47.99875em) {
        .maps-price {
                padding-bottom: 3rem;
        }

        .maps-price__body {
                min-height: 0;
                border-radius: 1.25rem;
        }

        .maps-price__content {
                padding: 1.5rem 1.25rem;
        }

        .maps-price__badge {
                min-height: 2.25rem;
                margin-bottom: 1.25rem;
                font-size: 0.75rem;
                line-height: 1rem;
        }

        .maps-price__title {
                font-size: 1.875rem;
                line-height: 2.25rem;
        }

        .maps-price__lead {
                margin-top: 1rem;
                font-size: 1rem;
                line-height: 1.375rem;
        }

        .maps-price__text {
                margin-top: 1.25rem;
                font-size: 0.875rem;
                line-height: 1.375rem;
        }

        .maps-price__result {
                margin-top: 1.5rem;
        }

        .maps-price__result-item {
                align-items: flex-start;
                min-height: 0;
                padding: 0.875rem;
        }

        .maps-price__result-item span,
        .maps-price__result-item strong {
                font-size: 0.875rem;
                line-height: 1.125rem;
        }

        .maps-price__bottom {
                align-items: stretch;
                flex-direction: column;
                gap: 1.25rem;
                margin-top: 1.5rem;
                padding-top: 1.5rem;
        }

        .maps-price__cost-label {
                font-size: 0.75rem;
                line-height: 1rem;
        }

        .maps-price__cost-value {
                font-size: 2.625rem;
                line-height: 2.875rem;
        }

        .maps-price__cost-note {
                font-size: 0.875rem;
                line-height: 1.125rem;
        }

        .maps-price__button {
                width: 100%;
                min-width: 0;
                min-height: 4rem;
                font-size: 0.875rem;
        }

        .maps-price__visual {
                padding: 0 1.25rem 1.5rem;
        }

        .maps-price__dashboard {
                min-height: 0;
                padding: 1.25rem;
                border-radius: 1rem;
                transform: none;
        }

        .maps-price__dashboard-label {
                font-size: 1rem;
                line-height: 1.25rem;
        }

        .maps-price__dashboard-title,
        .maps-price__dashboard-mark,
        .maps-price__metrics span {
                font-size: 0.75rem;
                line-height: 1rem;
        }

        .maps-price__chart {
                height: 11rem;
                gap: 0.5rem;
                padding: 1rem 0.75rem 0;
        }

        .maps-price__metrics {
                gap: 0.625rem;
        }

        .maps-price__metrics div {
                min-height: 4.25rem;
                padding: 0.75rem;
        }

.maps-price__metrics strong {
                font-size: 1.375rem;
                line-height: 1.625rem;
        }
}

.ready-site-hero {
        padding: 2rem 0 5rem;
        background: #f1f6fa;
        overflow: hidden;
}

.ready-site-hero__body {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 0.88fr) minmax(34rem, 1.12fr);
        gap: 3rem;
        align-items: center;
        min-height: 44rem;
        padding: 4rem;
        border-radius: 1.875rem;
        color: #fff;
        background:
                radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.18), transparent 18rem),
                radial-gradient(circle at 14% 78%, rgba(255, 255, 255, 0.12), transparent 18rem),
                linear-gradient(135deg, #0754df 0%, #087cff 54%, #0957de 100%);
        box-shadow: 0 1.5rem 4.5rem rgba(9, 87, 222, 0.2);
        overflow: hidden;
}

.ready-site-hero__body::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(rgba(255, 255, 255, 0.34) 1.5px, transparent 1.5px);
        background-size: 2.75rem 2.75rem;
        opacity: 0.4;
        pointer-events: none;
}

.ready-site-hero__content,
.ready-site-hero__visual {
        position: relative;
        z-index: 1;
}

.ready-site-hero__badge {
        display: inline-flex;
        align-items: center;
        min-height: 2.75rem;
        margin-bottom: 2.25rem;
        padding: 0 1.375rem;
        border-radius: 0.625rem;
        background: rgba(255, 255, 255, 0.14);
        color: #fff;
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 700;
}

.ready-site-hero__title {
        max-width: 44rem;
        margin-bottom: 1rem;
        font-size: 4.5rem;
        line-height: 1.08;
        font-weight: 700;
}

.ready-site-hero__title span {
        color: #fff;
        border-bottom: 2px dotted rgba(255, 255, 255, 0.9);
}

.ready-site-hero__lead {
        max-width: 41rem;
        margin-bottom: 1.75rem;
        color: #fff;
        font-size: 1.875rem;
        line-height: 2.375rem;
        font-weight: 700;
}

.ready-site-hero__text {
        max-width: 43rem;
        margin-bottom: 2rem;
        color: rgba(255, 255, 255, 0.82);
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 300;
}

.ready-site-hero__cards {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
        margin-bottom: 2rem;
}

.ready-site-hero__card {
        min-height: 6.25rem;
        padding: 1.125rem;
        border-radius: 0.75rem;
        background: #fff;
        color: #06142c;
        box-shadow: 0 1rem 2.25rem rgba(6, 20, 44, 0.12);
}

.ready-site-hero__card span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 2.5rem;
        height: 2.5rem;
        margin-bottom: 0.75rem;
        padding: 0 0.625rem;
        border-radius: 0.5rem;
        background: #eaf2ff;
        color: #0957de;
        font-size: 1rem;
        line-height: 1;
        font-weight: 700;
}

.ready-site-hero__card strong {
        display: block;
        color: #06142c;
        font-size: 0.9375rem;
        line-height: 1.25rem;
        font-weight: 700;
}

.ready-site-hero__actions {
        display: flex;
        align-items: center;
        gap: 1rem;
        flex-wrap: wrap;
}

.ready-site-hero__button,
.ready-site-hero__link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 4.75rem;
        padding: 1rem 2.25rem;
        border-radius: 0.75rem;
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 700;
        transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.ready-site-hero__button {
        background: #fff;
        color: #0957de;
}

.ready-site-hero__link {
        border: 1px solid rgba(255, 255, 255, 0.46);
        color: #fff;
}

.ready-site-hero__visual {
        min-height: 36rem;
}

.ready-site-hero__glow {
        position: absolute;
        left: 12%;
        right: 4%;
        top: 16%;
        bottom: 8%;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.16);
        filter: blur(3.5rem);
}

.ready-site-hero__image {
        position: absolute;
        right: -5rem;
        bottom: -2rem;
        width: min(54rem, 112%);
        height: auto;
        filter: drop-shadow(0 1.75rem 2.5rem rgba(6, 20, 44, 0.24));
        opacity: 0;
        transform: translateX(4rem);
        animation: readySiteImageIn 0.9s ease 0.15s forwards;
}

.ready-site-hero__float {
        position: absolute;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        min-height: 3.75rem;
        padding: 0 1.25rem;
        border-radius: 0.75rem;
        background: rgba(255, 255, 255, 0.95);
        color: #06142c;
        font-size: 0.9375rem;
        line-height: 1.125rem;
        font-weight: 700;
        box-shadow: 0 1rem 2.25rem rgba(6, 20, 44, 0.16);
        opacity: 0;
        transform: translateY(1rem);
        animation: readySiteFloatIn 0.65s ease forwards, readySiteFloatMove 4.5s ease-in-out infinite;
}

.ready-site-hero__float_top {
        right: 4%;
        top: 15%;
        animation-delay: 0.75s, 1.4s;
}

.ready-site-hero__float_bottom {
        left: 2%;
        bottom: 9%;
        animation-delay: 1s, 1.65s;
}

@keyframes readySiteImageIn {
        to {
                opacity: 1;
                transform: translateX(0);
        }
}

@keyframes readySiteFloatIn {
        to {
                opacity: 1;
                transform: translateY(0);
        }
}

@keyframes readySiteFloatMove {
        0%, 100% {
                margin-top: 0;
        }

        50% {
                margin-top: -0.5rem;
        }
}

@media (any-hover: hover) {
        .ready-site-hero__button:hover,
        .ready-site-hero__link:hover {
                transform: translateY(-0.125rem);
        }

        .ready-site-hero__link:hover {
                background: #fff;
                color: #0957de;
                border-color: #fff;
        }
}

@media (max-width: 103.75em) {
        .ready-site-hero__body {
                grid-template-columns: minmax(0, 0.92fr) minmax(28rem, 1.08fr);
                padding: 3rem;
        }

        .ready-site-hero__title {
                font-size: 3.75rem;
        }

        .ready-site-hero__lead {
                font-size: 1.5rem;
                line-height: 2rem;
        }

        .ready-site-hero__cards {
                grid-template-columns: 1fr;
        }
}

@media (max-width: 61.99875em) {
        .ready-site-hero__body {
                grid-template-columns: 1fr;
                gap: 2rem;
        }

        .ready-site-hero__content {
                max-width: 44rem;
        }

        .ready-site-hero__visual {
                min-height: 31rem;
        }

        .ready-site-hero__image {
                right: 50%;
                bottom: -2rem;
                width: min(48rem, 112vw);
                transform: translateX(calc(50% + 4rem));
        }

        .ready-site-hero__float_top {
                right: 8%;
        }
}

@media (max-width: 47.99875em) {
        .ready-site-hero {
                padding: 1.25rem 0 3rem;
        }

        .ready-site-hero__body {
                padding: 1.5rem 1.25rem;
                border-radius: 1.25rem;
                min-height: 0;
        }

        .ready-site-hero__badge {
                min-height: 2.375rem;
                margin-bottom: 1.25rem;
                padding: 0 0.875rem;
                font-size: 0.75rem;
                line-height: 1rem;
        }

        .ready-site-hero__title {
                font-size: 2.25rem;
                line-height: 2.625rem;
        }

        .ready-site-hero__lead {
                font-size: 1.125rem;
                line-height: 1.5rem;
        }

        .ready-site-hero__text {
                font-size: 0.875rem;
                line-height: 1.375rem;
        }

        .ready-site-hero__card {
                min-height: 0;
                padding: 1rem;
        }

        .ready-site-hero__actions {
                display: grid;
                grid-template-columns: 1fr;
        }

        .ready-site-hero__button,
        .ready-site-hero__link {
                width: 100%;
                min-height: 4rem;
                border-radius: 0.625rem;
                font-size: 0.875rem;
        }

        .ready-site-hero__visual {
                min-height: 20rem;
                margin: 0 -1.25rem -1.5rem;
        }

        .ready-site-hero__image {
                bottom: -1rem;
                width: min(31rem, 122vw);
        }

        .ready-site-hero__float {
                min-height: 2.875rem;
                padding: 0 0.875rem;
                border-radius: 0.625rem;
                font-size: 0.75rem;
                line-height: 1rem;
        }

        .ready-site-hero__float_top {
                right: 1rem;
                top: 8%;
        }

        .ready-site-hero__float_bottom {
                left: 1rem;
                bottom: 1rem;
        }
}

/* === Первый экран готового шаблона: в общем стиле сервисных страниц === */
.ready-site-hero {
        padding: 2.5rem 0 5rem;
        background: #f1f6fa;
}

.ready-site-hero__body {
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(31rem, 1.1fr);
        gap: 3rem;
        align-items: center;
        min-height: 37rem;
        padding: 0;
        border-radius: 0;
        overflow: visible;
        background: transparent;
        box-shadow: none;
        color: #2c2c2d;
}

.ready-site-hero__body::before {
        display: none;
}

.ready-site-hero__title {
        max-width: 47rem;
        margin-bottom: 1.75rem;
        color: #06142c;
        font-size: 4.625rem;
        line-height: 1.08;
        font-weight: 700;
}

.ready-site-hero__title span {
        color: #0957de;
        border-bottom: 2px dotted #0957de;
}

.ready-site-hero__lead {
        max-width: 42rem;
        margin-bottom: 1.5rem;
        color: #0957de;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 700;
}

.ready-site-hero__text {
        max-width: 46rem;
        margin-bottom: 2rem;
        color: rgba(44, 44, 45, 0.82);
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 300;
}

.ready-site-hero__checks {
        display: grid;
        gap: 0.875rem;
        max-width: 48rem;
        margin-bottom: 2.25rem;
}

.ready-site-hero__check {
        position: relative;
        padding-left: 2.125rem;
        color: rgba(44, 44, 45, 0.82);
        font-size: 1.0625rem;
        line-height: 1.5rem;
        font-weight: 300;
}

.ready-site-hero__check::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.125rem;
        width: 1.25rem;
        height: 1.25rem;
        border-radius: 50%;
        background: #0957de;
        box-shadow: inset 0 0 0 0.3125rem #dbeaff, 0 0.5rem 1rem rgba(9, 87, 222, 0.18);
}

.ready-site-hero__actions {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        flex-wrap: wrap;
}

.ready-site-hero__button {
        min-height: 5rem;
        min-width: 19rem;
        border-radius: 5rem;
}

.ready-site-hero__hint {
        max-width: 19rem;
        color: rgba(44, 44, 45, 0.46);
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 300;
}

.ready-site-hero__visual {
        min-height: 36rem;
}

.ready-site-hero__glow {
        left: 12%;
        right: 4%;
        top: 16%;
        bottom: 10%;
        border-radius: 50%;
        background:
                radial-gradient(circle at 50% 50%, rgba(9, 87, 222, 0.18), transparent 58%),
                radial-gradient(circle at 76% 76%, rgba(56, 202, 87, 0.14), transparent 48%);
        filter: blur(2rem);
}

.ready-site-hero__image {
        right: -4rem;
        bottom: 1.75rem;
        width: min(55rem, 116%);
}

.ready-site-hero__float {
        min-height: 3.75rem;
        border-radius: 0.9375rem;
        background: rgba(255, 255, 255, 0.94);
        color: #06142c;
        box-shadow: 0 1rem 2.75rem rgba(9, 87, 222, 0.16);
}

.ready-site-hero__float_top {
        right: 0;
        top: 18%;
}

.ready-site-hero__float_bottom {
        left: 0;
        bottom: 15%;
}

@media (any-hover: hover) {
        .ready-site-hero__button:hover {
                background: #fff;
                color: #2c2c2d;
                transform: translateY(-0.125rem);
        }
}

@media (max-width: 103.75em) {
        .ready-site-hero__body {
                grid-template-columns: minmax(0, 0.95fr) minmax(27rem, 1.05fr);
                min-height: 34rem;
        }

        .ready-site-hero__title {
                font-size: 3.75rem;
        }

        .ready-site-hero__image {
                right: -5rem;
                bottom: 0.75rem;
                width: min(47rem, 122%);
        }
}

@media (max-width: 61.99875em) {
        .ready-site-hero__body {
                grid-template-columns: 1fr;
                gap: 2rem;
        }

        .ready-site-hero__visual {
                min-height: 31rem;
        }

        .ready-site-hero__image {
                right: 50%;
                bottom: 0;
                width: min(48rem, 112vw);
                transform: translateX(calc(50% + 4rem));
        }
}

@media (max-width: 47.99875em) {
        .ready-site-hero {
                padding: 1.25rem 0 3rem;
        }

        .ready-site-hero__body {
                min-height: 0;
                gap: 1.5rem;
                padding: 0;
        }

        .ready-site-hero__title {
                margin-bottom: 1rem;
                font-size: 2.25rem;
                line-height: 2.625rem;
        }

        .ready-site-hero__lead {
                margin-bottom: 1rem;
                font-size: 1.125rem;
                line-height: 1.5rem;
        }

        .ready-site-hero__text,
        .ready-site-hero__check {
                font-size: 0.875rem;
                line-height: 1.375rem;
        }

        .ready-site-hero__checks {
                margin-bottom: 1.5rem;
        }

        .ready-site-hero__actions {
                display: grid;
                grid-template-columns: 1fr;
        }

        .ready-site-hero__button {
                width: 100%;
                min-width: 0;
                min-height: 4rem;
        }

        .ready-site-hero__hint {
                max-width: none;
                text-align: center;
        }

        .ready-site-hero__visual {
                min-height: 21rem;
                margin: 0 -1.25rem;
                overflow: hidden;
        }

        .ready-site-hero__image {
                bottom: 0;
                width: min(31rem, 122vw);
        }

        .ready-site-hero__float {
                min-height: 2.75rem;
                padding: 0 0.875rem;
                font-size: 0.75rem;
                line-height: 1rem;
        }

        .ready-site-hero__float_top {
                right: 1rem;
                top: 8%;
        }

        .ready-site-hero__float_bottom {
                left: 1rem;
                bottom: 1rem;
        }
}

.ready-site-base {
        padding: 0 0 5rem;
        background: #f1f6fa;
        overflow: hidden;
}

.ready-site-base__top {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.62fr);
        gap: 3rem;
        align-items: end;
        margin-bottom: 2.5rem;
}

.ready-site-base__title {
        max-width: 55rem;
        color: #2c2c2d;
}

.ready-site-base__subtitle {
        max-width: 34rem;
        color: rgba(44, 44, 45, 0.72);
        font-size: 1.125rem;
        line-height: 1.625rem;
        font-weight: 300;
}

.ready-site-base__grid {
        display: flex;
        width: max-content;
        gap: 1.25rem;
        animation: readySiteBaseMarquee 34s linear infinite;
        will-change: transform;
}

.ready-site-base__container {
        overflow: hidden;
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5rem, #000 calc(100% - 5rem), transparent 100%);
        mask-image: linear-gradient(90deg, transparent 0, #000 5rem, #000 calc(100% - 5rem), transparent 100%);
}

.ready-site-base__card {
        position: relative;
        flex: 0 0 31.5rem;
        min-height: 16.25rem;
        padding: 2rem;
        border-radius: 1rem;
        border: 1px solid rgba(9, 87, 222, 0.14);
        background:
                radial-gradient(circle at 100% 0%, rgba(9, 87, 222, 0.08), transparent 12rem),
                rgba(255, 255, 255, 0.72);
        box-shadow: 0 1rem 3rem rgba(9, 87, 222, 0.05);
        overflow: hidden;
        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.ready-site-base__card::before {
        content: none;
        position: absolute;
        right: -3.5rem;
        top: -3.5rem;
        width: 10rem;
        height: 10rem;
        border-radius: 50%;
        background: rgba(9, 87, 222, 0.08);
        pointer-events: none;
}

.ready-site-base__label {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        margin-bottom: 1.75rem;
        color: rgba(9, 87, 222, 0.38);
        font-size: 2.375rem;
        line-height: 2.75rem;
        font-weight: 700;
}

.ready-site-base__label_logo {
        min-height: 3rem;
}

.ready-site-base__label_logo img {
        display: block;
        width: auto;
        max-width: 14rem;
        max-height: 3.25rem;
        object-fit: contain;
        opacity: 0.34;
        filter: grayscale(1);
}

.ready-site-base__name {
        position: relative;
        z-index: 1;
        margin-bottom: 0.875rem;
        color: #06142c;
        font-size: 1.375rem;
        line-height: 1.75rem;
        font-weight: 700;
}

.ready-site-base__text {
        position: relative;
        z-index: 1;
        color: rgba(44, 44, 45, 0.68);
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 300;
}

@media (any-hover: hover) {
        .ready-site-base__grid:hover {
                animation-play-state: paused;
        }

        .ready-site-base__card:hover {
                transform: translateY(-0.375rem);
                border-color: rgba(9, 87, 222, 0.3);
                box-shadow: 0 1.5rem 3.5rem rgba(9, 87, 222, 0.1);
        }
}

@keyframes readySiteBaseMarquee {
        from {
                transform: translateX(0);
        }

        to {
                transform: translateX(calc(-50% - 0.625rem));
        }
}

@media (max-width: 61.99875em) {
        .ready-site-hero__image {
                left: 50%;
                right: auto;
                transform: translateX(-50%);
                animation: readySiteImageInMobile 0.9s ease 0.15s forwards;
        }

        .ready-site-base__top {
                grid-template-columns: 1fr;
                gap: 1.25rem;
                align-items: start;
        }

        .ready-site-base__card {
                flex-basis: 26rem;
        }
}

@media (max-width: 47.99875em) {
        .ready-site-base {
                padding-bottom: 3rem;
        }

        .ready-site-base__top {
                margin-bottom: 1.5rem;
        }

        .ready-site-base__subtitle {
                font-size: 0.875rem;
                line-height: 1.375rem;
        }

        .ready-site-base__grid {
                gap: 0.75rem;
                animation-duration: 28s;
        }

        .ready-site-base__container {
                -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 1.25rem, #000 calc(100% - 1.25rem), transparent 100%);
                mask-image: linear-gradient(90deg, transparent 0, #000 1.25rem, #000 calc(100% - 1.25rem), transparent 100%);
        }

        .ready-site-base__card {
                flex-basis: 18.75rem;
                min-height: 0;
                padding: 1.25rem;
                border-radius: 0.875rem;
        }

        .ready-site-base__label {
                margin-bottom: 1rem;
                font-size: 1.875rem;
                line-height: 2.25rem;
        }

        .ready-site-base__label_logo {
                min-height: 2.5rem;
        }

        .ready-site-base__label_logo img {
                max-width: 11rem;
                max-height: 2.625rem;
        }

        .ready-site-base__name {
                font-size: 1.125rem;
                line-height: 1.375rem;
        }

        .ready-site-base__text {
                font-size: 0.875rem;
                line-height: 1.375rem;
        }
}

@keyframes readySiteImageInMobile {
        from {
                opacity: 0;
                transform: translateX(calc(-50% + 4rem));
        }

        to {
                opacity: 1;
                transform: translateX(-50%);
        }
}

/* === Готовый сайт медцентра: правки карусели и блок наполнения === */
.ready-site-base__container {
        overflow: visible;
        -webkit-mask-image: none;
        mask-image: none;
}

.ready-site-base__viewport {
        overflow: hidden;
        margin: -2.25rem 0 -2.75rem;
        padding: 2.25rem 0 2.75rem;
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5rem, #000 calc(100% - 5rem), transparent 100%);
        mask-image: linear-gradient(90deg, transparent 0, #000 5rem, #000 calc(100% - 5rem), transparent 100%);
}

.ready-site-included {
        padding: 5.5rem 0 6rem;
        background: #fff;
        overflow: hidden;
}

.ready-site-included__container {
        position: relative;
}

.ready-site-included__head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(25rem, 0.62fr);
        gap: 4rem;
        align-items: end;
        margin-bottom: 2rem;
}

.ready-site-included__title {
        max-width: 58rem;
        color: #06142c;
}

.ready-site-included__lead {
        max-width: 38rem;
        color: rgba(44, 44, 45, 0.68);
        font-size: 1.125rem;
        line-height: 1.625rem;
        font-weight: 300;
}

.ready-site-included__notice {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 1.25rem;
        align-items: center;
        margin-bottom: 3.5rem;
        padding: 1.5rem 1.875rem;
        border: 1px solid rgba(9, 87, 222, 0.32);
        border-left: 0.375rem solid #0957de;
        border-radius: 0.875rem;
        background: linear-gradient(100deg, rgba(9, 87, 222, 0.12), rgba(255, 255, 255, 0.95) 54%, rgba(15, 184, 255, 0.16));
        box-shadow: 0 1.25rem 3rem rgba(9, 87, 222, 0.08);
}

.ready-site-included__percent {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3rem;
        height: 3rem;
        border-radius: 0.75rem;
        background: #0b79ff;
        color: #fff;
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 800;
}

.ready-site-included__notice p {
        margin: 0;
        color: #22344f;
        font-size: 1.125rem;
        line-height: 1.65rem;
        font-weight: 600;
}

.ready-site-included__body {
        display: grid;
        grid-template-columns: minmax(0, 0.92fr) minmax(31rem, 1fr);
        gap: 4rem;
        align-items: center;
}

.ready-site-included__features {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
}

.ready-site-included__feature {
        min-height: 11.5rem;
        padding: 1.5rem;
        border: 1px solid rgba(9, 87, 222, 0.14);
        border-radius: 0.875rem;
        background: linear-gradient(135deg, #fff 0%, #fff 72%, rgba(9, 87, 222, 0.06) 100%);
        box-shadow: 0 1rem 2.25rem rgba(9, 87, 222, 0.05);
}

.ready-site-included__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3rem;
        height: 3rem;
        margin-bottom: 1rem;
        border-radius: 0.75rem;
        background: rgba(9, 87, 222, 0.08);
        color: #0957de;
        font-size: 0.875rem;
        line-height: 1rem;
        font-weight: 800;
}

.ready-site-included__feature h3 {
        margin-bottom: 0.875rem;
        color: #06142c;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: 800;
}

.ready-site-included__feature p {
        margin: 0;
        color: rgba(34, 52, 79, 0.74);
        font-size: 0.9375rem;
        line-height: 1.375rem;
        font-weight: 400;
}

.ready-site-included__visual {
        position: relative;
        min-height: 32rem;
        border-radius: 1rem;
        background:
                radial-gradient(circle at 82% 14%, rgba(9, 87, 222, 0.14), transparent 14rem),
                radial-gradient(circle at 72% 88%, rgba(42, 214, 154, 0.14), transparent 17rem),
                #eef6fb;
        box-shadow: 0 1.75rem 4rem rgba(6, 20, 44, 0.12);
}

.ready-site-included__slider {
        position: absolute;
        inset: 0;
        overflow: hidden;
        border-radius: inherit;
}

.ready-site-included__slide {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0;
        transform: scale(1.025);
        animation: readySiteIncludedSlide 20s ease infinite;
}

.ready-site-included__slide:nth-child(2) {
        animation-delay: 4s;
}

.ready-site-included__slide:nth-child(3) {
        animation-delay: 8s;
}

.ready-site-included__slide:nth-child(4) {
        animation-delay: 12s;
}

.ready-site-included__slide:nth-child(5) {
        animation-delay: 16s;
}

.ready-site-included__dots {
        position: absolute;
        left: 50%;
        bottom: -2rem;
        display: flex;
        gap: 0.375rem;
        transform: translateX(-50%);
}

.ready-site-included__dots span {
        width: 0.625rem;
        height: 0.625rem;
        border-radius: 50%;
        border: 0.125rem solid #fff;
        background: #b7d2ff;
        box-shadow: 0 0.25rem 0.875rem rgba(9, 87, 222, 0.18);
        animation: readySiteIncludedDot 20s ease infinite;
}

.ready-site-included__dots span:nth-child(2) {
        animation-delay: 4s;
}

.ready-site-included__dots span:nth-child(3) {
        animation-delay: 8s;
}

.ready-site-included__dots span:nth-child(4) {
        animation-delay: 12s;
}

.ready-site-included__dots span:nth-child(5) {
        animation-delay: 16s;
}

@keyframes readySiteIncludedSlide {
        0%,
        18% {
                opacity: 1;
                transform: scale(1);
        }

        24%,
        100% {
                opacity: 0;
                transform: scale(1.025);
        }
}

@keyframes readySiteIncludedDot {
        0%,
        18% {
                background: #0957de;
        }

        24%,
        100% {
                background: #b7d2ff;
        }
}

@media (max-width: 61.99875em) {
        .ready-site-hero__image {
                left: 54%;
                right: auto;
                bottom: 0;
                width: min(46rem, 118vw);
                transform: translateX(-50%);
                animation: readySiteImageInMobileCentered 0.9s ease 0.15s forwards;
        }

        .ready-site-base__viewport {
                margin-right: -1.25rem;
                margin-left: -1.25rem;
                padding-right: 1.25rem;
                padding-left: 1.25rem;
        }

        .ready-site-included {
                padding: 4rem 0 4.5rem;
        }

        .ready-site-included__head,
        .ready-site-included__body {
                grid-template-columns: 1fr;
                gap: 2rem;
        }

        .ready-site-included__notice {
                margin-bottom: 2rem;
        }

        .ready-site-included__visual {
                min-height: 28rem;
        }
}

@media (max-width: 47.99875em) {
        .ready-site-base__viewport {
                -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 1.25rem, #000 calc(100% - 1.25rem), transparent 100%);
                mask-image: linear-gradient(90deg, transparent 0, #000 1.25rem, #000 calc(100% - 1.25rem), transparent 100%);
        }

        .ready-site-hero__image {
                left: 54%;
                width: min(34rem, 122vw);
        }

        .ready-site-included__lead,
        .ready-site-included__notice p {
                font-size: 0.9375rem;
                line-height: 1.4375rem;
        }

        .ready-site-included__notice {
                grid-template-columns: 1fr;
                padding: 1.25rem;
        }

        .ready-site-included__features {
                grid-template-columns: 1fr;
        }

        .ready-site-included__feature {
                min-height: 0;
                padding: 1.25rem;
        }

        .ready-site-included__visual {
                min-height: 22rem;
        }
}

@keyframes readySiteImageInMobileCentered {
        from {
                opacity: 0;
                transform: translateX(calc(-50% + 3rem));
        }

        to {
                opacity: 1;
                transform: translateX(-50%);
        }
}

/* === Готовый сайт медцентра: видеообзор === */
.ready-site-video {
        padding: 5.75rem 0 6rem;
        background:
                radial-gradient(circle at 14% 20%, rgba(9, 87, 222, 0.1), transparent 18rem),
                radial-gradient(circle at 88% 72%, rgba(42, 214, 154, 0.1), transparent 18rem),
                #eaf2f8;
        overflow: hidden;
}

.ready-site-video__body {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(25rem, 0.85fr);
        gap: 4.5rem;
        align-items: center;
}

.ready-site-video__frame {
        position: relative;
        overflow: hidden;
        aspect-ratio: 16 / 10;
        border-radius: 1rem;
        background: #06142c;
        box-shadow: 0 2rem 4.5rem rgba(6, 20, 44, 0.18);
        cursor: pointer;
}

.ready-site-video__poster {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.94;
        transition: transform 0.45s ease, opacity 0.45s ease;
}

.ready-site-video__frame::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(6, 20, 44, 0.06), rgba(6, 20, 44, 0.24));
        pointer-events: none;
}

.ready-site-video__play {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 6.25rem;
        height: 6.25rem;
        border-radius: 50%;
        background: #0957de;
        box-shadow: 0 1.25rem 3rem rgba(9, 87, 222, 0.35);
        transform: translate(-50%, -50%);
        transition: transform 0.25s ease, background 0.25s ease;
}

.ready-site-video__play span {
        display: block;
        width: 0;
        height: 0;
        margin-left: 0.375rem;
        border-top: 0.875rem solid transparent;
        border-bottom: 0.875rem solid transparent;
        border-left: 1.375rem solid #fff;
}

.ready-site-video__frame iframe {
        position: absolute;
        inset: 0;
        z-index: 4;
        width: 100%;
        height: 100%;
        border: 0;
        background: #000;
}

.ready-site-video__frame._video-loaded {
        cursor: default;
}

.ready-site-video__frame._video-loaded .ready-site-video__poster,
.ready-site-video__frame._video-loaded .ready-site-video__play,
.ready-site-video__frame._video-loaded::after {
        display: none;
}

.ready-site-video__title {
        max-width: 40rem;
        margin-bottom: 1.75rem;
        color: #06142c;
}

.ready-site-video__text {
        max-width: 39rem;
        margin-bottom: 2rem;
        color: rgba(34, 52, 79, 0.78);
        font-size: 1.125rem;
        line-height: 1.6875rem;
        font-weight: 400;
}

.ready-site-video__checks {
        display: grid;
        gap: 1rem;
        margin-bottom: 2.25rem;
}

.ready-site-video__check {
        position: relative;
        min-height: 2rem;
        padding-left: 3rem;
        color: #22344f;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 700;
}

.ready-site-video__check::before {
        content: "";
        position: absolute;
        left: 0;
        top: -0.125rem;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        background: #0957de;
        box-shadow: 0 0.625rem 1.5rem rgba(9, 87, 222, 0.22);
}

.ready-site-video__check::after {
        content: "";
        position: absolute;
        left: 0.6875rem;
        top: 0.4375rem;
        width: 0.55rem;
        height: 0.9rem;
        border-right: 0.15625rem solid #fff;
        border-bottom: 0.15625rem solid #fff;
        transform: rotate(42deg);
}

.ready-site-video__button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.875rem;
        min-height: 4.5rem;
        padding: 0 2rem;
        border: 1px solid #0957de;
        border-radius: 0.625rem;
        background: #fff;
        color: #0957de;
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 800;
        box-shadow: 0 1rem 2rem rgba(9, 87, 222, 0.08);
        transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.ready-site-video__button span {
        display: block;
        width: 0;
        height: 0;
        border-top: 0.4375rem solid transparent;
        border-bottom: 0.4375rem solid transparent;
        border-left: 0.6875rem solid currentColor;
}

@media (any-hover: hover) {
        .ready-site-video__frame:hover .ready-site-video__poster {
                opacity: 1;
                transform: scale(1.035);
        }

        .ready-site-video__frame:hover .ready-site-video__play {
                background: #0b79ff;
                transform: translate(-50%, -50%) scale(1.06);
        }

        .ready-site-video__button:hover {
                background: #0957de;
                color: #fff;
                transform: translateY(-0.1875rem);
        }
}

@media (max-width: 61.99875em) {
        .ready-site-video {
                padding: 4rem 0 4.5rem;
        }

        .ready-site-video__body {
                grid-template-columns: 1fr;
                gap: 2rem;
        }

        .ready-site-video__content {
                order: -1;
        }

        .ready-site-video__frame {
                aspect-ratio: 16 / 9;
        }
}

@media (max-width: 47.99875em) {
        .ready-site-video {
                padding: 3rem 0 3.5rem;
        }

        .ready-site-video__text {
                margin-bottom: 1.5rem;
                font-size: 0.9375rem;
                line-height: 1.4375rem;
        }

        .ready-site-video__check {
                padding-left: 2.5rem;
                font-size: 0.9375rem;
                line-height: 1.375rem;
        }

        .ready-site-video__check::before {
                width: 1.75rem;
                height: 1.75rem;
        }

        .ready-site-video__check::after {
                left: 0.59375rem;
                top: 0.34375rem;
        }

        .ready-site-video__button {
                width: 100%;
                min-height: 4rem;
                padding: 0 1.25rem;
        }

        .ready-site-video__play {
                width: 4.75rem;
                height: 4.75rem;
        }
}

/* === Готовый сайт медцентра: темный блок запуска === */
.ready-site-launch {
        padding: 5.5rem 0;
        background: #eaf2f8;
        overflow: hidden;
}

.ready-site-launch__container {
        position: relative;
        padding-top: 4.25rem;
        padding-right: 4.5rem;
        padding-bottom: 4.75rem;
        padding-left: 4.5rem;
        border-radius: 1.5rem;
        background:
                radial-gradient(circle at 18% 12%, rgba(9, 87, 222, 0.42), transparent 22rem),
                radial-gradient(circle at 86% 82%, rgba(42, 214, 154, 0.18), transparent 20rem),
                linear-gradient(135deg, #0d1730 0%, #111217 48%, #06142c 100%);
        color: #fff;
        overflow: hidden;
        box-shadow: 0 2rem 4.5rem rgba(6, 20, 44, 0.2);
}

.ready-site-launch__container::before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0.28;
        background-image: radial-gradient(circle, rgba(255, 255, 255, 0.75) 0 0.125rem, transparent 0.15625rem);
        background-size: 8rem 8rem;
        pointer-events: none;
}

.ready-site-launch__head,
.ready-site-launch__grid {
        position: relative;
        z-index: 1;
}

.ready-site-launch__head {
        display: grid;
        grid-template-columns: minmax(0, 0.95fr) minmax(24rem, 0.7fr);
        gap: 4rem;
        align-items: end;
        margin-bottom: 3rem;
}

.ready-site-launch__title {
        max-width: 55rem;
        font-size: 4rem;
        line-height: 1.08;
        font-weight: 800;
        letter-spacing: 0;
}

.ready-site-launch__title span {
        color: #5c93ff;
}

.ready-site-launch__lead {
        max-width: 41rem;
        color: rgba(255, 255, 255, 0.72);
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 400;
}

.ready-site-launch__grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 1.25rem;
}

.ready-site-launch__card {
        position: relative;
        min-height: 19.5rem;
        padding: 2rem 1.625rem;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 1rem;
        background:
                radial-gradient(circle at 100% 100%, rgba(9, 87, 222, 0.34), transparent 11rem),
                rgba(255, 255, 255, 0.07);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(0.5rem);
}

.ready-site-launch__num {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 4rem;
        height: 4rem;
        margin-bottom: 2.5rem;
        border: 1px solid rgba(255, 255, 255, 0.32);
        border-radius: 0.875rem;
        background: rgba(255, 255, 255, 0.08);
        color: #fff;
        font-size: 1.125rem;
        line-height: 1.125rem;
        font-weight: 800;
}

.ready-site-launch__card h3 {
        margin-bottom: 1rem;
        color: #fff;
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-weight: 800;
}

.ready-site-launch__card p {
        margin: 0;
        color: rgba(255, 255, 255, 0.72);
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 500;
}

@media (max-width: 81.25em) {
        .ready-site-launch__grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .ready-site-launch__card {
                min-height: 17.5rem;
        }
}

@media (max-width: 61.99875em) {
        .ready-site-launch {
                padding: 4rem 0;
        }

        .ready-site-launch__container {
                padding-top: 3rem;
                padding-right: 2rem;
                padding-bottom: 3.25rem;
                padding-left: 2rem;
                border-radius: 1.25rem;
        }

        .ready-site-launch__head {
                grid-template-columns: 1fr;
                gap: 1.5rem;
                margin-bottom: 2rem;
        }

        .ready-site-launch__title {
                font-size: 3rem;
        }

        .ready-site-launch__lead {
                font-size: 1rem;
                line-height: 1.5rem;
        }

        .ready-site-launch__grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}

@media (max-width: 47.99875em) {
        .ready-site-launch {
                padding: 3rem 0;
        }

        .ready-site-launch__container {
                border-radius: 1rem;
                padding-top: 2rem;
                padding-right: 1.25rem;
                padding-bottom: 2rem;
                padding-left: 1.25rem;
        }

        .ready-site-launch__title {
                font-size: 2.25rem;
                line-height: 1.12;
        }

        .ready-site-launch__grid {
                grid-template-columns: 1fr;
                gap: 0.875rem;
        }

        .ready-site-launch__card {
                min-height: 0;
                padding: 1.375rem;
        }

        .ready-site-launch__num {
                width: 3.25rem;
                height: 3.25rem;
                margin-bottom: 1.5rem;
                border-radius: 0.75rem;
        }

        .ready-site-launch__card h3 {
                font-size: 1.25rem;
                line-height: 1.5rem;
        }

        .ready-site-launch__card p {
                font-size: 0.9375rem;
                line-height: 1.375rem;
        }
}

/* === Готовый сайт медцентра: стоимость === */
.ready-site-price {
        padding: 5.5rem 0 6rem;
        background:
                radial-gradient(circle at 82% 8%, rgba(9, 87, 222, 0.1), transparent 18rem),
                #f1f6fa;
        overflow: hidden;
}

.ready-site-price__head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 20rem;
        gap: 3rem;
        align-items: start;
        margin-bottom: 3rem;
}

.ready-site-price__title {
        max-width: 62rem;
        margin-bottom: 1.5rem;
        color: #06142c;
}

.ready-site-price__lead {
        max-width: 52rem;
        color: rgba(34, 52, 79, 0.78);
        font-size: 1.125rem;
        line-height: 1.6875rem;
        font-weight: 400;
}

.ready-site-price__mark {
        position: relative;
        min-height: 12rem;
}

.ready-site-price__mark::before {
        content: "";
        position: absolute;
        right: 2rem;
        top: 2.5rem;
        width: 9rem;
        height: 4.75rem;
        border-radius: 1rem;
        background: linear-gradient(135deg, rgba(9, 87, 222, 0.14), rgba(15, 184, 255, 0.42));
        box-shadow:
                -1.25rem 1.25rem 0 rgba(9, 87, 222, 0.08),
                -2.5rem 2.5rem 0 rgba(9, 87, 222, 0.05);
        transform: rotate(-18deg);
}

.ready-site-price__mark span {
        position: absolute;
        right: 1rem;
        top: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 50%;
        background: #0b79ff;
        color: #fff;
        font-size: 1.25rem;
        font-weight: 800;
        box-shadow: 0 0.875rem 2rem rgba(9, 87, 222, 0.22);
}

.ready-site-price__cards {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 1rem;
        margin-bottom: 1.5rem;
}

.ready-site-price__card {
        display: flex;
        flex-direction: column;
        min-height: 16.25rem;
        padding: 1.5rem;
        border: 1px solid rgba(9, 87, 222, 0.16);
        border-radius: 0.875rem;
        background: linear-gradient(145deg, #fff 0%, #fff 76%, rgba(9, 87, 222, 0.05) 100%);
        box-shadow: 0 1rem 2.5rem rgba(6, 20, 44, 0.04);
}

.ready-site-price__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3rem;
        height: 3rem;
        margin-bottom: 1.25rem;
        border-radius: 50%;
        background: rgba(9, 87, 222, 0.08);
        color: #0957de;
        font-size: 0.875rem;
        line-height: 1rem;
        font-weight: 800;
}

.ready-site-price__card h3 {
        margin-bottom: 1rem;
        color: #06142c;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-weight: 800;
}

.ready-site-price__card p {
        margin: 0 0 1.5rem;
        color: rgba(34, 52, 79, 0.78);
        font-size: 0.9375rem;
        line-height: 1.375rem;
        font-weight: 400;
}

.ready-site-price__card strong {
        margin-top: auto;
        color: #0957de;
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 800;
}

.ready-site-price__bottom {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(28rem, 1fr);
        gap: 1.25rem;
}

.ready-site-price__total,
.ready-site-price__offer {
        min-height: 10.5rem;
        border-radius: 0.875rem;
}

.ready-site-price__total {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 1.5rem;
        align-items: center;
        padding: 1.75rem 2rem;
        border: 1px solid rgba(255, 91, 73, 0.18);
        background:
                radial-gradient(circle at 4% 50%, rgba(255, 91, 73, 0.14), transparent 13rem),
                #fff8f5;
}

.ready-site-price__total .ready-site-price__icon {
        margin-bottom: 0;
        background: #fff;
}

.ready-site-price__total h3 {
        margin-bottom: 0.5rem;
        color: #06142c;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: 800;
}

.ready-site-price__total p {
        max-width: 24rem;
        margin: 0;
        color: rgba(34, 52, 79, 0.72);
        font-size: 1rem;
        line-height: 1.4375rem;
}

.ready-site-price__total strong {
        color: #06142c;
        font-size: 2.25rem;
        line-height: 2.5rem;
        font-weight: 800;
        white-space: nowrap;
}

.ready-site-price__offer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1.5rem;
        padding: 1.75rem 2rem;
        background:
                radial-gradient(circle at 88% 20%, rgba(255, 255, 255, 0.22), transparent 12rem),
                linear-gradient(135deg, #0957de 0%, #0b79ff 100%);
        color: #fff;
        box-shadow: 0 1.5rem 3.5rem rgba(9, 87, 222, 0.18);
}

.ready-site-price__offer span {
        display: block;
        margin-bottom: 0.75rem;
        color: rgba(255, 255, 255, 0.85);
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-weight: 800;
}

.ready-site-price__offer strong {
        display: block;
        margin-bottom: 0.75rem;
        color: #fff;
        font-size: 3rem;
        line-height: 3rem;
        font-weight: 800;
}

.ready-site-price__offer p {
        margin: 0;
        color: rgba(255, 255, 255, 0.8);
        font-size: 1rem;
        line-height: 1.375rem;
}

.ready-site-price__button {
        flex: 0 0 auto;
        min-height: 3.75rem;
        padding: 0 1.5rem;
        border-radius: 999px;
        background: #fff;
        color: #0957de;
        font-size: 0.9375rem;
        line-height: 1rem;
        font-weight: 800;
        white-space: nowrap;
}

@media (max-width: 81.25em) {
        .ready-site-price__cards {
                grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .ready-site-price__bottom {
                grid-template-columns: 1fr;
        }
}

@media (max-width: 61.99875em) {
        .ready-site-price {
                padding: 4rem 0 4.5rem;
        }

        .ready-site-price__head {
                grid-template-columns: 1fr;
                gap: 1rem;
                margin-bottom: 2rem;
        }

        .ready-site-price__mark {
                display: none;
        }

        .ready-site-price__cards {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .ready-site-price__total {
                grid-template-columns: auto minmax(0, 1fr);
        }

        .ready-site-price__total strong {
                grid-column: 1 / -1;
                font-size: 2rem;
                line-height: 2.25rem;
        }
}

@media (max-width: 47.99875em) {
        .ready-site-price {
                padding: 3rem 0 3.5rem;
        }

        .ready-site-price__lead {
                font-size: 0.9375rem;
                line-height: 1.4375rem;
        }

        .ready-site-price__cards {
                grid-template-columns: 1fr;
        }

        .ready-site-price__card {
                min-height: 0;
                padding: 1.25rem;
        }

        .ready-site-price__total,
        .ready-site-price__offer {
                padding: 1.25rem;
        }

        .ready-site-price__total {
                grid-template-columns: 1fr;
                gap: 1rem;
        }

        .ready-site-price__total strong {
                font-size: 1.75rem;
                line-height: 2rem;
                white-space: normal;
        }

        .ready-site-price__offer {
                align-items: stretch;
                flex-direction: column;
        }

        .ready-site-price__offer strong {
                font-size: 2.5rem;
                line-height: 2.75rem;
        }

        .ready-site-price__button {
                width: 100%;
        }
}

/* === Готовый сайт медцентра: команда === */
.ready-site-team {
        padding: 0 0 6rem;
        background: #f1f6fa;
        overflow: hidden;
}

.ready-site-team__container {
        position: relative;
}

.ready-site-team__body {
        display: grid;
        grid-template-columns: minmax(0, 0.86fr) minmax(31rem, 1fr);
        gap: 4.5rem;
        align-items: center;
        padding: 3rem;
        border-radius: 1.25rem;
        background:
                radial-gradient(circle at 88% 12%, rgba(9, 87, 222, 0.1), transparent 18rem),
                linear-gradient(135deg, #ffffff 0%, #edf5fb 100%);
        box-shadow: 0 1.5rem 4rem rgba(6, 20, 44, 0.06);
}

.ready-site-team__people {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem;
}

.ready-site-team__person img {
        width: 100%;
        aspect-ratio: 0.86;
        object-fit: cover;
        border-radius: 0.875rem;
        margin-bottom: 1.25rem;
        box-shadow: 0 1rem 2.5rem rgba(6, 20, 44, 0.1);
}

.ready-site-team__person h3 {
        margin-bottom: 0.5rem;
        color: #06142c;
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-weight: 800;
}

.ready-site-team__person span {
        display: block;
        margin-bottom: 0.875rem;
        color: #0957de;
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 800;
}

.ready-site-team__person p {
        max-width: 18rem;
        margin: 0;
        color: rgba(34, 52, 79, 0.78);
        font-size: 1rem;
        line-height: 1.5rem;
}

.ready-site-team__badge {
        display: inline-flex;
        align-items: center;
        min-height: 2.625rem;
        margin-bottom: 2rem;
        padding: 0 1.25rem;
        border-radius: 0.75rem;
        background: rgba(9, 87, 222, 0.08);
        color: #0957de;
        font-size: 0.875rem;
        line-height: 1rem;
        font-weight: 800;
        text-transform: uppercase;
}

.ready-site-team__title {
        max-width: 46rem;
        margin-bottom: 1.5rem;
        color: #06142c;
}

.ready-site-team__lead {
        max-width: 43rem;
        margin-bottom: 2rem;
        color: #0957de;
        font-size: 1.5rem;
        line-height: 1.875rem;
        font-weight: 800;
}

.ready-site-team__text {
        display: grid;
        gap: 1.25rem;
        max-width: 45rem;
}

.ready-site-team__text p {
        margin: 0;
        color: rgba(34, 52, 79, 0.82);
        font-size: 1.125rem;
        line-height: 1.6875rem;
        font-weight: 400;
}

@media (max-width: 75em) {
        .ready-site-team__body {
                grid-template-columns: 1fr;
                gap: 3rem;
        }

        .ready-site-team__people {
                max-width: 48rem;
        }
}

@media (max-width: 61.99875em) {
        .ready-site-team {
                padding: 0 0 4.5rem;
        }

        .ready-site-team__body {
                padding: 2rem;
                border-radius: 1rem;
        }
}

@media (max-width: 47.99875em) {
        .ready-site-team {
                padding: 0 0 3.5rem;
        }

        .ready-site-team__body {
                padding: 1.25rem;
                gap: 2rem;
        }

        .ready-site-team__people {
                grid-template-columns: 1fr;
        }

        .ready-site-team__person img {
                aspect-ratio: 1 / 1;
        }

        .ready-site-team__person h3 {
                font-size: 1.25rem;
                line-height: 1.5rem;
        }

        .ready-site-team__lead {
                font-size: 1.125rem;
                line-height: 1.5rem;
        }

        .ready-site-team__text p {
                font-size: 0.9375rem;
                line-height: 1.4375rem;
        }
}

/* === Контакты === */
.contacts-page {
        padding: 4rem 0 6rem;
        background: #f1f6fa;
}

.contacts-page__container {
        display: grid;
        gap: 2rem;
}

.contacts-page__intro {
        margin-bottom: 0.5rem;
}

.contacts-page__title {
        margin: 0;
}

.contacts-page__phone {
        display: grid;
        gap: 0.5rem;
        justify-items: start;
        margin-top: 2rem;
}

.contacts-page__phone span {
        color: rgba(44, 44, 45, 0.55);
        font-size: 1rem;
        line-height: 1.25rem;
}

.contacts-page__phone a {
        color: #06142c;
        font-size: 1.5rem;
        line-height: 1.875rem;
        font-weight: 700;
        white-space: nowrap;
}

.contacts-page__messengers {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        margin-top: 1.5rem;
}

.contacts-page__messenger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.625rem;
        min-height: 2.875rem;
        padding: 0 1rem;
        border: 2px solid #e2ecf9;
        border-radius: 0.75rem;
        background: #fff;
        color: #0957de;
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 700;
        transition: all 0.3s ease 0s;
}

.contacts-page__messenger::before {
        font-size: 1.125rem;
}

.contacts-page__messenger--telegram {
        color: #039be5;
}

.contacts-page__messenger--whatsapp {
        color: #1bd741;
}

.contacts-page__messenger--max {
        color: #0957de;
}

.contacts-page__locations {
        display: grid;
        gap: 1.5rem;
}

.contacts-page__location {
        display: grid;
        grid-template-columns: minmax(19rem, 0.45fr) minmax(0, 1fr);
        gap: 1.5rem;
        align-items: stretch;
}

.contacts-page__info {
        display: flex;
        gap: 1rem;
        min-height: 100%;
        padding: 2rem;
        border-radius: 1.25rem;
        background: #fff;
        box-shadow: 0 1.5rem 4rem rgba(6, 20, 44, 0.06);
}

.contacts-page__info > div:last-child {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        min-width: 0;
}

.contacts-page__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3rem;
        height: 3rem;
        flex: 0 0 3rem;
        border-radius: 0.75rem;
        background: rgba(9, 87, 222, 0.08);
        color: #0957de;
}

.contacts-page__icon::before {
        font-size: 1.25rem;
}

.contacts-page__info h3 {
        margin-bottom: 0.75rem;
        color: #06142c;
        font-size: 1.75rem;
        line-height: 2rem;
        font-weight: 700;
}

.contacts-page__info p {
        margin: 0;
        color: rgba(44, 44, 45, 0.78);
        font-size: 1.125rem;
        line-height: 1.625rem;
}

.contacts-page__map {
        min-height: 22.9375rem;
        overflow: hidden;
        border-radius: 1.25rem;
        background: #dce8f4;
        box-shadow: 0 1.5rem 4rem rgba(6, 20, 44, 0.06);
}

.contacts-page__map iframe {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 22.9375rem;
}

.contacts-page__requisites {
        padding: 2.5rem;
        border-radius: 1.25rem;
        background: #161619;
        color: #fff;
        position: relative;
        overflow: hidden;
}

.contacts-page__requisites::before,
.contacts-page__requisites::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-radius: 50%;
        pointer-events: none;
}

.contacts-page__requisites::before {
        top: 0;
        left: 18%;
        box-shadow: 10px 10px 148px 82px #0c46ac;
}

.contacts-page__requisites::after {
        right: 22%;
        bottom: -15%;
        box-shadow: 10px 10px 198px 82px #ab44fd;
}

.contacts-page__requisites h2,
.contacts-page__company,
.contacts-page__requisites-list {
        position: relative;
        z-index: 1;
}

.contacts-page__requisites h2 {
        margin-bottom: 1rem;
        font-size: 2rem;
        line-height: 2.25rem;
        font-weight: 700;
}

.contacts-page__company {
        margin-bottom: 2rem;
        color: #fff;
        font-size: 1.5rem;
        line-height: 1.875rem;
        font-weight: 700;
}

.contacts-page__requisites-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.25rem 2rem;
}

.contacts-page__requisites-list div {
        min-width: 0;
}

.contacts-page__requisites-list dt {
        margin-bottom: 0.375rem;
        color: rgba(255, 255, 255, 0.45);
        font-size: 0.875rem;
        line-height: 1.125rem;
}

.contacts-page__requisites-list dd {
        margin: 0;
        color: #fff;
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-weight: 700;
}

.contacts-page__requisites-list div:last-child {
        grid-column: 1 / -1;
}

@media (max-width: 61.99875em) {
        .contacts-page {
                padding: 3rem 0 4.5rem;
        }

        .contacts-page__intro {
                margin-bottom: 0;
        }

        .contacts-page__location {
                grid-template-columns: 1fr;
        }
}

@media (max-width: 47.99875em) {
        .contacts-page {
                padding: 2rem 0 3.5rem;
        }

        .contacts-page__intro,
        .contacts-page__info,
        .contacts-page__requisites {
                padding: 1.25rem;
                border-radius: 1rem;
        }

        .contacts-page__intro {
                padding: 0 1.25rem;
        }

        .contacts-page__phone a {
                font-size: 1.375rem;
                line-height: 1.75rem;
        }

        .contacts-page__messenger {
                width: 100%;
        }

        .contacts-page__map,
        .contacts-page__map iframe {
                min-height: 19.5rem;
        }

        .contacts-page__requisites-list {
                grid-template-columns: 1fr;
                gap: 1rem;
        }

        .contacts-page__company {
                font-size: 1.125rem;
                line-height: 1.5rem;
        }

        .contacts-page__requisites-list dd {
                font-size: 1rem;
                line-height: 1.375rem;
        }
}

@media (any-hover: hover) {
        .contacts-page__messenger:hover {
                border-color: #0957de;
                color: #0957de;
        }
}

/* === iPhone safe area для мобильного меню === */
@media (max-width: 61.99875em) {
        .menu-open,
        .menu-open body {
                background: #0957df;
        }
}

@supports (padding-top: env(safe-area-inset-top)) {
        @media (max-width: 61.99875em) {
                .menu-open .menu__body {
                        top: calc(-1 * env(safe-area-inset-top));
                        height: calc(100% + env(safe-area-inset-top));
                        padding-top: calc(7.375rem + env(safe-area-inset-top));
                }

                .menu-open .menu__body::before {
                        top: calc(-1 * env(safe-area-inset-top));
                        height: calc(7.375rem + env(safe-area-inset-top));
                }
        }
}

/* === Контакты: один заголовок === */
.page-header--contacts {
        padding-bottom: 2.5rem;
}

.page-header__title--contacts span {
        color: #0957de;
        border-bottom: 2px dotted #0957de;
}

@media (max-width: 47.99875em) {
        .page-header--contacts {
                padding-bottom: 1.5rem;
        }
}

/* === Управление репутацией: первый экран === */
.reputation-hero {
        padding: 2.25rem 0 6rem;
        background: #f1f6fa;
        overflow: hidden;
}

.reputation-hero__body {
        display: grid;
        grid-template-columns: minmax(0, 0.86fr) minmax(38rem, 1.08fr);
        gap: 5rem;
        align-items: center;
        min-height: 40rem;
}

.reputation-hero__content {
        position: relative;
        z-index: 2;
        max-width: 48rem;
}

.reputation-hero__title {
        margin-bottom: 1.75rem;
        color: #06142c;
        font-size: 4.25rem;
        line-height: 1.08;
        font-weight: 700;
}

.reputation-hero__title span {
        color: #0957de;
        border-bottom: 2px dotted #0957de;
}

.reputation-hero__text {
        max-width: 46rem;
        margin-bottom: 2rem;
        color: rgba(44, 44, 45, 0.76);
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 300;
}

.reputation-hero__checks {
        display: grid;
        gap: 0.875rem;
        margin-bottom: 2.5rem;
}

.reputation-hero__check {
        position: relative;
        padding-left: 2rem;
        color: rgba(44, 44, 45, 0.82);
        font-size: 1rem;
        line-height: 1.625rem;
        font-weight: 300;
}

.reputation-hero__check::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.45rem;
        width: 0.875rem;
        height: 0.875rem;
        border-radius: 50%;
        background: #38ca57;
        box-shadow: 0 0 0 0.3125rem rgba(56, 202, 87, 0.14);
}

.reputation-hero__cta {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        flex-wrap: wrap;
}

.reputation-hero__button {
        min-width: 20rem;
        justify-content: center;
}

.reputation-hero__hint {
        max-width: 19rem;
        color: rgba(44, 44, 45, 0.54);
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 300;
}

.reputation-hero__visual {
        position: relative;
        min-height: 45rem;
        display: flex;
        align-items: center;
        justify-content: center;
}

.reputation-hero__glow {
        position: absolute;
        width: 43rem;
        height: 43rem;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(9, 87, 222, 0.16), rgba(56, 202, 87, 0.12) 42%, rgba(171, 68, 253, 0.08) 58%, rgba(241, 246, 250, 0) 74%);
        filter: blur(0.5rem);
}

.reputation-radar {
        position: relative;
        z-index: 2;
        width: min(43rem, 100%);
        aspect-ratio: 1;
        border-radius: 50%;
        animation: serviceFloatMove 5.2s ease-in-out infinite;
}

.reputation-radar__ring {
        position: absolute;
        border-radius: 50%;
        border: 1px solid rgba(9, 87, 222, 0.16);
        background: rgba(255, 255, 255, 0.28);
}

.reputation-radar__ring_outer {
        inset: 0;
}

.reputation-radar__ring_middle {
        inset: 4.75rem;
}

.reputation-radar__ring_inner {
        inset: 9.5rem;
        border-color: rgba(56, 202, 87, 0.22);
}

.reputation-radar__scan {
        position: absolute;
        inset: 1.5rem;
        border-radius: 50%;
        background: conic-gradient(from 0deg, rgba(9, 87, 222, 0), rgba(9, 87, 222, 0.18), rgba(56, 202, 87, 0.08), rgba(9, 87, 222, 0) 36%);
        animation: reputationScan 8s linear infinite;
}

.reputation-radar__card {
        position: absolute;
        z-index: 4;
        border-radius: 1.25rem;
        background: rgba(255, 255, 255, 0.96);
        border: 1px solid rgba(9, 87, 222, 0.12);
        box-shadow: 0 1.5rem 4rem rgba(9, 87, 222, 0.16);
}

.reputation-radar__card_main {
        left: 50%;
        top: 50%;
        width: min(21rem, 72%);
        padding: 1.5rem;
        opacity: 0;
        transform: translate(1.75rem, -50%);
        animation: reputationCompanyIn 0.75s ease forwards;
}

.reputation-radar__clinic {
        margin-bottom: 1.125rem;
        color: #06142c;
        font-size: 1.625rem;
        line-height: 1.875rem;
        font-weight: 700;
}

.reputation-radar__score {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-bottom: 1rem;
}

.reputation-radar__score span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 4.25rem;
        height: 4.25rem;
        flex: 0 0 4.25rem;
        border-radius: 1rem;
        background: #0957de;
        color: #fff;
        font-size: 1.75rem;
        line-height: 2rem;
        font-weight: 700;
}

.reputation-radar__score strong,
.reputation-radar__score i {
        display: block;
}

.reputation-radar__score strong {
        margin-bottom: 0.25rem;
        color: #06142c;
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 700;
}

.reputation-radar__score i {
        color: #38ca57;
        font-size: 0.875rem;
        line-height: 1.125rem;
        font-style: normal;
        font-weight: 700;
}

.reputation-radar__bar {
        height: 0.625rem;
        overflow: hidden;
        border-radius: 1rem;
        background: rgba(9, 87, 222, 0.1);
}

.reputation-radar__bar span {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, #0957de, #38ca57);
}

.reputation-radar__logo {
        position: absolute;
        z-index: 5;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 8.75rem;
        height: 4.5rem;
        padding: 0.75rem 1rem;
        border-radius: 1rem;
        background: #fff;
        box-shadow: 0 1rem 2.25rem rgba(6, 20, 44, 0.12);
        opacity: 0;
        transform: translateY(1.25rem);
        animation: reputationLogoIn 0.65s ease forwards, serviceFloatMove 4.5s ease-in-out 1.2s infinite;
}

.reputation-radar__logo img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
}

.reputation-radar__logo_doctu {
        left: 37%;
        top: -1%;
        animation-delay: 0.25s, 1.25s;
}

.reputation-radar__logo_google {
        right: -5%;
        top: 22%;
        animation-delay: 0.45s, 1.45s;
}

.reputation-radar__logo_prodoctorov {
        right: 4%;
        bottom: 11%;
        animation-delay: 0.65s, 1.65s;
}

.reputation-radar__logo_yandex {
        left: -5%;
        bottom: 19%;
        animation-delay: 0.85s, 1.85s;
}

.reputation-radar__logo_zoon {
        left: 3%;
        top: 21%;
        animation-delay: 1.05s, 2.05s;
}

.reputation-radar__logo_2gis {
        left: 39%;
        bottom: 4%;
        animation-delay: 1.2s, 2.2s;
}

@keyframes reputationScan {
        to {
                transform: rotate(360deg);
        }
}

@keyframes reputationLogoIn {
        to {
                opacity: 1;
                transform: translateY(0);
        }
}

@keyframes reputationCompanyIn {
        to {
                opacity: 1;
                transform: translate(-50%, -50%);
        }
}

@media (max-width: 103.75em) {
        .reputation-hero__body {
                grid-template-columns: minmax(0, 0.88fr) minmax(34rem, 1fr);
                gap: 2.5rem;
        }

        .reputation-hero__title {
                font-size: 3.75rem;
        }
}

@media (max-width: 61.99875em) {
        .reputation-hero {
                padding-top: 1.5rem;
        }

        .reputation-hero__body {
                grid-template-columns: 1fr;
                gap: 2.5rem;
                min-height: auto;
        }

        .reputation-hero__content {
                max-width: 48rem;
        }

        .reputation-hero__title {
                font-size: 3rem;
                line-height: 1.12;
        }

        .reputation-hero__visual {
                min-height: auto;
        }

        .reputation-radar {
                width: min(36rem, 100%);
        }
}

@media (max-width: 47.99875em) {
        .reputation-hero {
                padding: 1rem 0 3rem;
        }

        .reputation-hero__title {
                margin-bottom: 1.125rem;
                font-size: 2.375rem;
                line-height: 1.12;
        }

        .reputation-hero__text {
                margin-bottom: 1.375rem;
                font-size: 1rem;
                line-height: 1.5rem;
        }

        .reputation-hero__checks {
                gap: 0.625rem;
                margin-bottom: 1.5rem;
        }

        .reputation-hero__check {
                font-size: 0.875rem;
                line-height: 1.375rem;
        }

        .reputation-hero__button {
                width: 100%;
                min-width: 0;
        }

        .reputation-hero__hint {
                max-width: none;
        }

        .reputation-hero__visual {
                margin: 0 -1.25rem;
                padding: 1rem 1.25rem;
        }

        .reputation-radar {
                width: min(24rem, 100%);
        }

        .reputation-radar__ring_middle {
                inset: 3rem;
        }

        .reputation-radar__ring_inner {
                inset: 6rem;
        }

        .reputation-radar__card_main {
                width: min(15.5rem, 72%);
                padding: 1rem;
                border-radius: 1rem;
        }

        .reputation-radar__clinic {
                font-size: 1.25rem;
                line-height: 1.5rem;
        }

        .reputation-radar__score {
                gap: 0.75rem;
        }

        .reputation-radar__score span {
                width: 3.25rem;
                height: 3.25rem;
                flex-basis: 3.25rem;
                font-size: 1.25rem;
                line-height: 1.5rem;
        }

        .reputation-radar__score strong {
                font-size: 0.875rem;
                line-height: 1.125rem;
        }

        .reputation-radar__score i {
                font-size: 0.75rem;
                line-height: 1rem;
        }

        .reputation-radar__logo {
                width: 5.75rem;
                height: 3rem;
                padding: 0.5rem 0.625rem;
                border-radius: 0.75rem;
        }

        .reputation-radar__logo_doctu {
                left: 35%;
                top: 0;
        }

        .reputation-radar__logo_google {
                right: 0;
                top: 20%;
        }

        .reputation-radar__logo_prodoctorov {
                right: 4%;
                bottom: 10%;
        }

        .reputation-radar__logo_yandex {
                left: 0;
                bottom: 17%;
        }

        .reputation-radar__logo_zoon {
                left: 3%;
                top: 21%;
        }

        .reputation-radar__logo_2gis {
                left: 38%;
                bottom: 1%;
        }
}

/* === Управление репутацией: зачем это нужно === */
.reputation-why {
        padding: 0 0 6rem;
        background: #f1f6fa;
}

.reputation-why__head {
        display: grid;
        grid-template-columns: minmax(0, 0.95fr) minmax(28rem, 0.72fr);
        gap: 3rem;
        align-items: end;
        margin-bottom: 2rem;
}

.reputation-why__title {
        margin: 0;
        color: #06142c;
}

.reputation-why__title span {
        color: #0957de;
        border-bottom: 2px dotted #0957de;
}

.reputation-why__lead {
        margin: 0;
        color: rgba(44, 44, 45, 0.76);
        font-size: 1.125rem;
        line-height: 1.625rem;
        font-weight: 300;
}

.reputation-why__grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1.25rem;
}

.reputation-why__card {
        position: relative;
        min-height: 22rem;
        padding: 2rem;
        overflow: hidden;
        border-radius: 1.25rem;
        background: #fff;
        box-shadow: 0 1.5rem 4rem rgba(6, 20, 44, 0.06);
}

.reputation-why__card::before {
        content: "";
        position: absolute;
        right: 1.25rem;
        top: 1.25rem;
        display: none;
}

.reputation-why__card_blue {
        background: #0957de;
        color: #fff;
}

.reputation-why__card_dark {
        background: #161619;
        color: #fff;
}

.reputation-why__num {
        margin-bottom: 3.5rem;
        color: #0957de;
        font-size: 1.125rem;
        line-height: 1.25rem;
        font-weight: 700;
}

.reputation-why__card_blue .reputation-why__num,
.reputation-why__card_dark .reputation-why__num {
        color: #38ca57;
}

.reputation-why__icon {
        position: absolute;
        right: 1.5rem;
        top: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.75rem;
        height: 3.75rem;
        border-radius: 1rem;
        background: rgba(9, 87, 222, 0.08);
        color: #0957de;
}

.reputation-why__card_blue .reputation-why__icon,
.reputation-why__card_dark .reputation-why__icon {
        background: rgba(255, 255, 255, 0.13);
        color: #fff;
}

.reputation-why__icon svg {
        width: 2rem;
        height: 2rem;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
}

.reputation-why__card_blue .reputation-why__icon_review path:last-child,
.reputation-why__card_dark .reputation-why__icon_shield path:last-child {
        stroke: #38ca57;
}

.reputation-why__card h3 {
        margin-bottom: 1rem;
        color: #06142c;
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-weight: 700;
}

.reputation-why__card p {
        margin: 0;
        color: rgba(44, 44, 45, 0.68);
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 300;
}

.reputation-why__card_blue h3,
.reputation-why__card_blue p,
.reputation-why__card_dark h3,
.reputation-why__card_dark p {
        color: #fff;
}

.reputation-why__card_blue p,
.reputation-why__card_dark p {
        opacity: 0.74;
}

@media (max-width: 103.75em) {
        .reputation-why__grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .reputation-why__card {
                min-height: 18rem;
        }
}

@media (max-width: 61.99875em) {
        .reputation-why {
                padding-bottom: 4.5rem;
        }

        .reputation-why__head {
                grid-template-columns: 1fr;
                gap: 1.25rem;
        }
}

@media (max-width: 47.99875em) {
        .reputation-why {
                padding-bottom: 3.5rem;
        }

        .reputation-why__lead {
                font-size: 1rem;
                line-height: 1.5rem;
        }

        .reputation-why__grid {
                grid-template-columns: 1fr;
                gap: 0.875rem;
        }

        .reputation-why__card {
                min-height: 0;
                padding: 1.25rem;
                border-radius: 1rem;
        }

        .reputation-why__num {
                margin-bottom: 2.75rem;
        }

        .reputation-why__icon {
                right: 1rem;
                top: 1rem;
                width: 3rem;
                height: 3rem;
                border-radius: 0.75rem;
                transform: scale(0.82);
                transform-origin: top right;
        }

        .reputation-why__card h3 {
                font-size: 1.25rem;
                line-height: 1.5rem;
        }

        .reputation-why__card p {
                font-size: 0.9375rem;
                line-height: 1.4375rem;
        }
}

/* === Управление репутацией: как работаем === */
.reputation-work {
        padding: 0 0 6rem;
        background: #f1f6fa;
        overflow: hidden;
}

.reputation-work__top {
        display: grid;
        grid-template-columns: minmax(0, 0.95fr) minmax(28rem, 0.72fr);
        gap: 3rem;
        align-items: end;
        margin-bottom: 2.25rem;
}

.reputation-work__title {
        margin: 0;
        color: #06142c;
}

.reputation-work__title span {
        color: #0957de;
        border-bottom: 2px dotted #0957de;
}

.reputation-work__text {
        margin: 0;
        color: rgba(44, 44, 45, 0.76);
        font-size: 1.125rem;
        line-height: 1.625rem;
        font-weight: 300;
}

.reputation-work__grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-radius: 1.25rem;
        background: #fff;
        box-shadow: 0 1.5rem 4rem rgba(6, 20, 44, 0.06);
        overflow: hidden;
}

.reputation-work__item {
        position: relative;
        min-height: 25rem;
        padding: 2rem;
        display: flex;
        flex-direction: column;
        border-right: 1px solid rgba(9, 87, 222, 0.14);
        background: #fff;
}

.reputation-work__item:last-child {
        border-right: 0;
}

.reputation-work__item_blue {
        background: #0957de;
        color: #fff;
}

.reputation-work__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 4.25rem;
        height: 4.25rem;
        margin-bottom: 2rem;
        border-radius: 1rem;
        background: rgba(9, 87, 222, 0.08);
        color: #0957de;
}

.reputation-work__item_blue .reputation-work__icon {
        background: rgba(255, 255, 255, 0.13);
        color: #fff;
}

.reputation-work__icon svg {
        width: 2.25rem;
        height: 2.25rem;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
}

.reputation-work__num {
        margin-bottom: 1rem;
        color: #0957de;
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 700;
}

.reputation-work__item_blue .reputation-work__num {
        color: #38ca57;
}

.reputation-work__item h3 {
        margin-bottom: 1rem;
        color: #06142c;
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-weight: 700;
}

.reputation-work__item p {
        margin: 0;
        color: rgba(44, 44, 45, 0.68);
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 300;
}

.reputation-work__item_blue h3,
.reputation-work__item_blue p {
        color: #fff;
}

.reputation-work__item_blue p {
        opacity: 0.76;
}

@media (max-width: 103.75em) {
        .reputation-work__grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .reputation-work__item {
                min-height: 21rem;
        }

        .reputation-work__item:nth-child(2) {
                border-right: 0;
        }

        .reputation-work__item:nth-child(-n+2) {
                border-bottom: 1px solid rgba(9, 87, 222, 0.14);
        }
}

@media (max-width: 61.99875em) {
        .reputation-work {
                padding-bottom: 4.5rem;
        }

        .reputation-work__top {
                grid-template-columns: 1fr;
                gap: 1.25rem;
        }
}

@media (max-width: 47.99875em) {
        .reputation-work {
                padding-bottom: 3.5rem;
        }

        .reputation-work__text {
                font-size: 1rem;
                line-height: 1.5rem;
        }

        .reputation-work__grid {
                grid-template-columns: 1fr;
                border-radius: 1rem;
        }

        .reputation-work__item {
                min-height: 0;
                padding: 1.25rem;
                border-right: 0;
                border-bottom: 1px solid rgba(9, 87, 222, 0.14);
        }

        .reputation-work__item:last-child {
                border-bottom: 0;
        }

        .reputation-work__icon {
                width: 3.5rem;
                height: 3.5rem;
                margin-bottom: 1.5rem;
                border-radius: 0.875rem;
        }

        .reputation-work__icon svg {
                width: 2rem;
                height: 2rem;
        }

        .reputation-work__item h3 {
                font-size: 1.25rem;
                line-height: 1.5rem;
        }

        .reputation-work__item p {
                font-size: 0.9375rem;
                line-height: 1.4375rem;
        }
}

/* === Управление репутацией: портфолио и термины === */
.service-portfolio_reputation {
        padding-top: 0;
        background: #f1f6fa;
}

.service-portfolio_reputation + .reputation-terms {
        margin-top: -1rem;
}

.reputation-terms {
        padding: 0 0 6rem;
        background: #f1f6fa;
        overflow: hidden;
}

.reputation-terms__top {
        display: grid;
        grid-template-columns: minmax(0, 0.82fr) minmax(28rem, 0.7fr);
        gap: 3rem;
        align-items: end;
        margin-bottom: 2.5rem;
}

.reputation-terms__title {
        margin: 0;
        color: #06142c;
}

.reputation-terms__title span {
        color: #0957de;
        border-bottom: 2px dotted #0957de;
}

.reputation-terms__lead {
        margin: 0;
        color: rgba(44, 44, 45, 0.74);
        font-size: 1.125rem;
        line-height: 1.625rem;
        font-weight: 300;
}

.reputation-terms__cards {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem;
}

.reputation-terms__card {
        position: relative;
        min-height: 26rem;
        padding: 2.25rem;
        border: 1px solid rgba(9, 87, 222, 0.12);
        border-radius: 1.25rem;
        background: #fff;
        box-shadow: 0 1.5rem 4rem rgba(6, 20, 44, 0.05);
        overflow: hidden;
}

.reputation-terms__card::before {
        content: "";
        position: absolute;
        right: -4rem;
        top: -4rem;
        width: 13rem;
        height: 13rem;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(9, 87, 222, 0.12), rgba(9, 87, 222, 0));
        pointer-events: none;
}

.reputation-terms__card_blue {
        background: #0957de;
        color: #fff;
}

.reputation-terms__card_blue::before {
        background: radial-gradient(circle, rgba(56, 202, 87, 0.28), rgba(56, 202, 87, 0));
}

.reputation-terms__label {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 5.25rem;
        height: 3rem;
        margin-bottom: 2.75rem;
        padding: 0 1rem;
        border-radius: 0.9rem;
        background: rgba(9, 87, 222, 0.08);
        color: #0957de;
        font-size: 1.25rem;
        line-height: 1.25rem;
        font-weight: 800;
        letter-spacing: 0;
}

.reputation-terms__card_blue .reputation-terms__label {
        background: rgba(255, 255, 255, 0.14);
        color: #fff;
}

.reputation-terms__card h3 {
        max-width: 34rem;
        margin-bottom: 1.25rem;
        color: #06142c;
        font-size: 2rem;
        line-height: 2.25rem;
        font-weight: 700;
}

.reputation-terms__card p {
        max-width: 43rem;
        margin: 0;
        color: rgba(44, 44, 45, 0.68);
        font-size: 1.0625rem;
        line-height: 1.625rem;
        font-weight: 300;
}

.reputation-terms__note {
        margin-top: 2rem;
        padding: 1rem 1.125rem;
        border-radius: 1rem;
        background: #f1f6fa;
        color: #06142c;
        font-size: 1rem;
        line-height: 1.4375rem;
        font-weight: 600;
}

.reputation-terms__card_blue h3,
.reputation-terms__card_blue p,
.reputation-terms__card_blue .reputation-terms__note {
        color: #fff;
}

.reputation-terms__card_blue p {
        opacity: 0.78;
}

.reputation-terms__card_blue .reputation-terms__note {
        background: rgba(255, 255, 255, 0.12);
}

@media (max-width: 61.99875em) {
        .reputation-terms {
                padding-bottom: 4.5rem;
        }

        .reputation-terms__top {
                grid-template-columns: 1fr;
                gap: 1.25rem;
        }

        .reputation-terms__cards {
                grid-template-columns: 1fr;
        }

        .reputation-terms__card {
                min-height: 0;
        }
}

@media (max-width: 47.99875em) {
        .reputation-terms {
                padding-bottom: 3.5rem;
        }

        .reputation-terms__lead {
                font-size: 1rem;
                line-height: 1.5rem;
        }

        .reputation-terms__card {
                padding: 1.25rem;
                border-radius: 1rem;
        }

        .reputation-terms__label {
                height: 2.625rem;
                min-width: 4.625rem;
                margin-bottom: 1.75rem;
                border-radius: 0.75rem;
                font-size: 1.0625rem;
        }

        .reputation-terms__card h3 {
                font-size: 1.5rem;
                line-height: 1.75rem;
        }

        .reputation-terms__card p,
        .reputation-terms__note {
                font-size: 0.9375rem;
                line-height: 1.4375rem;
        }
}

/* === Управление репутацией: тариф === */
.reputation-price {
        padding: 0 0 6rem;
        background: #f1f6fa;
        overflow: hidden;
}

.reputation-price__container {
        width: 100%;
        padding: 0 1.25rem;
}

.reputation-price__top {
        max-width: 70rem;
        margin-bottom: 2.5rem;
}

.reputation-price__title {
        margin-bottom: 1.25rem;
        color: #2c2c2d;
        font-size: 3.75rem;
        line-height: 1.15;
        font-weight: 700;
}

.reputation-price__title span {
        color: #0957de;
        border-bottom: 2px dotted #0957de;
}

.reputation-price__subtitle {
        max-width: 46rem;
        color: rgba(44, 44, 45, 0.78);
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 300;
}

.reputation-price__single {
        display: grid;
        grid-template-columns: minmax(0, 0.95fr) minmax(28rem, 0.75fr);
        min-width: 0;
        border-radius: 1.875rem;
        background:
                radial-gradient(circle at 20% 0%, rgba(9, 87, 222, 0.34), transparent 34%),
                radial-gradient(circle at 100% 100%, rgba(56, 202, 87, 0.22), transparent 34%),
                linear-gradient(135deg, #161619 0%, #101a2e 54%, #17241f 100%);
        border: 1px solid rgba(255, 255, 255, 0.08);
        box-shadow: 0 2rem 5.5rem rgba(9, 87, 222, 0.22);
        color: #fff;
        overflow: hidden;
}

.reputation-price__main {
        min-width: 0;
        padding: 3.75rem 3.5rem;
}

.reputation-price__main-head {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 1.5rem;
        align-items: start;
        margin-bottom: 2.25rem;
}

.reputation-price__badge {
        width: 4.25rem;
        height: 4.25rem;
        border-radius: 1rem;
        background: #0957de;
        box-shadow: 0 1rem 2.5rem rgba(9, 87, 222, 0.24);
        position: relative;
}

.reputation-price__badge::before,
.reputation-price__badge::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        background: #fff;
        border-radius: 1rem;
        transform: translate(-50%, -50%);
}

.reputation-price__badge::before {
        width: 1.65rem;
        height: 0.25rem;
}

.reputation-price__badge::after {
        width: 0.25rem;
        height: 1.65rem;
}

.reputation-price__name {
        margin-bottom: 1rem;
        padding-bottom: 0.875rem;
        border-bottom: 2px dotted #4f8fff;
        color: #fff;
        font-size: 2.75rem;
        line-height: 1;
        font-weight: 700;
}

.reputation-price__lead {
        max-width: 42rem;
        color: #6ea3ff;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: 700;
}

.reputation-price__description {
        max-width: 49rem;
}

.reputation-price__text {
        color: rgba(255, 255, 255, 0.78);
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 300;
}

.reputation-price__offer {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 1.5rem;
        margin-top: 2.25rem;
        padding-top: 2rem;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.reputation-price__price-label {
        color: #6ea3ff;
        font-size: 0.875rem;
        line-height: 1.125rem;
        font-weight: 700;
        text-transform: uppercase;
}

.reputation-price__price {
        color: #fff;
        font-size: 4rem;
        line-height: 1.05;
        font-weight: 700;
}

.reputation-price__price span {
        display: block;
        margin-top: 0.5rem;
        color: rgba(255, 255, 255, 0.68);
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 300;
}

.reputation-price__button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 18rem;
        padding: 1.25rem 1.5rem;
        border-radius: 2.5rem;
        background: #fff;
        color: #0957de;
        font-weight: 700;
        box-shadow: 0 1rem 2.25rem rgba(0, 0, 0, 0.18);
        transition: 0.3s ease;
}

.reputation-price__side {
        min-width: 0;
        padding: 3.75rem 3.5rem 3.75rem 0;
        border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.reputation-price__chart-card {
        height: 100%;
        min-height: 26rem;
        display: flex;
        flex-direction: column;
        padding: 2rem;
        border-radius: 1.5rem;
        background: rgba(255, 255, 255, 0.94);
        color: #2c2c2d;
        transform: rotate(-2deg);
        box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.28);
        position: relative;
        overflow: hidden;
}

.reputation-price__chart-title {
        position: relative;
        z-index: 1;
        margin-bottom: 1.5rem;
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-weight: 700;
}

.reputation-price__chart {
        position: relative;
        z-index: 1;
        flex: 1 1 auto;
        display: flex;
        align-items: end;
        gap: 1rem;
        min-height: 17rem;
        padding: 1.25rem 1rem 2rem;
        border-left: 1px solid rgba(44, 44, 45, 0.12);
        border-bottom: 1px solid rgba(44, 44, 45, 0.12);
        background:
                linear-gradient(rgba(44, 44, 45, 0.06) 1px, transparent 1px),
                linear-gradient(90deg, rgba(44, 44, 45, 0.04) 1px, transparent 1px);
        background-size: 100% 25%, 20% 100%;
}

.reputation-price__bar {
        flex: 1 1 0;
        height: calc(var(--bar-value) * 100%);
        min-height: 1.5rem;
        border-radius: 0.75rem 0.75rem 0 0;
        background: linear-gradient(180deg, #8b42f5 0%, #bca5ff 100%);
}

.reputation-price__chart-months {
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: space-between;
        gap: 0.75rem;
        margin-top: 0.75rem;
        padding-left: 1rem;
        color: rgba(44, 44, 45, 0.72);
        font-size: 0.75rem;
        line-height: 1rem;
}

@media (any-hover: hover) {
        .reputation-price__button:hover {
                background: #0957de;
                color: #fff;
                box-shadow: inset 0 0 0 2px #0957de;
        }
}

@media (max-width: 103.75em) {
        .reputation-price__single {
                grid-template-columns: 1fr;
        }

        .reputation-price__side {
                padding: 1.5rem 3.5rem 3.5rem;
                border-left: 0;
                border-top: 1px solid rgba(255, 255, 255, 0.12);
        }
}

@media (max-width: 47.99875em) {
        .reputation-price {
                padding-bottom: 3.5rem;
        }

        .reputation-price__container {
                padding: 0 1.25rem;
        }

        .reputation-price__top {
                margin-bottom: 1.5rem;
        }

        .reputation-price__title {
                font-size: 1.625rem;
                line-height: 2.125rem;
        }

        .reputation-price__subtitle {
                font-size: 0.875rem;
                line-height: 1.375rem;
        }

        .reputation-price__single {
                border-radius: 1.25rem;
        }

        .reputation-price__main,
        .reputation-price__side {
                padding: 1.5rem 1.25rem;
        }

        .reputation-price__main-head {
                grid-template-columns: 1fr;
                gap: 1rem;
        }

        .reputation-price__badge {
                width: 3.25rem;
                height: 3.25rem;
        }

        .reputation-price__name {
                font-size: 2rem;
        }

        .reputation-price__lead {
                font-size: 1rem;
                line-height: 1.375rem;
        }

        .reputation-price__text {
                font-size: 0.875rem;
                line-height: 1.375rem;
        }

        .reputation-price__price {
                font-size: 2.75rem;
        }

        .reputation-price__button {
                width: 100%;
                min-width: 0;
        }

        .reputation-price__chart-card {
                min-height: 19rem;
                padding: 1.25rem;
                transform: none;
        }

        .reputation-price__chart {
                min-height: 11rem;
                gap: 0.5rem;
        }

        .reputation-price__chart-months {
                font-size: 0.625rem;
        }
}

/* === Страница «О компании» === */
.about-company {
	padding: 0.75rem 0 4.5rem;
	background:
		radial-gradient(circle at 78% 28%, rgba(9, 87, 222, 0.12), transparent 28rem),
		#f1f6fa;
}

.about-company__container {
	padding: 0;
}

.about-company__breadcrumbs {
	margin-bottom: 1.25rem;
}

.about-company__hero {
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(30rem, 1.08fr);
	align-items: start;
	gap: clamp(3rem, 6vw, 7.5rem);
}

.about-company__content {
	max-width: 47rem;
}

.about-company__title {
	margin-bottom: 1.75rem;
	font-size: clamp(3rem, 4.25vw, 5rem);
	font-weight: 700;
	line-height: 1.04;
	letter-spacing: -0.025em;
}

.about-company__title span {
	color: #0957de;
	border-bottom: 0.1875rem dotted #0957de;
}

.about-company__lead {
	max-width: 45rem;
	margin-bottom: 2rem;
	font-size: 1.25rem;
	line-height: 1.55;
}

.about-company__points {
	display: grid;
	gap: 1rem;
	margin-bottom: 1.75rem;
}

.about-company__point {
	display: grid;
	grid-template-columns: 3.5rem 1fr;
	gap: 1rem;
	padding: 1.25rem 1.5rem;
	border: 1px solid rgba(9, 87, 222, 0.13);
	border-radius: 1.25rem;
	background: rgba(255, 255, 255, 0.72);
}

.about-company__point-number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 1rem;
	background: #0957de;
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	transform: skewY(-4deg);
}

.about-company__point h2 {
	margin-bottom: 0.375rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.35;
}

.about-company__point p {
	color: rgba(44, 44, 45, 0.78);
	font-size: 1rem;
	line-height: 1.5;
}

.about-company__statement {
	max-width: 44rem;
	margin-bottom: 2rem;
	font-size: 1.125rem;
	line-height: 1.55;
}

.about-company__statement strong {
	font-weight: 700;
}

.about-company__button {
	justify-content: center;
}

.about-company__visual {
	position: relative;
	min-width: 0;
}

.about-company__visual::before,
.about-company__visual::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	filter: blur(0.25rem);
	pointer-events: none;
}

.about-company__visual::before {
	top: -2rem;
	right: -1rem;
	width: 9rem;
	height: 9rem;
	background: rgba(9, 87, 222, 0.18);
}

.about-company__visual::after {
	left: -2rem;
	bottom: -2rem;
	width: 8rem;
	height: 8rem;
	background: rgba(171, 68, 253, 0.16);
}

.about-company__image {
	position: relative;
	z-index: 1;
	overflow: hidden;
	min-height: 38rem;
	aspect-ratio: 1.08 / 1;
	border-radius: 2rem;
	background: #dfe9f5;
	box-shadow: 0 2rem 5rem rgba(34, 57, 93, 0.16);
}

.about-company__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.about-company__caption {
	position: absolute;
	z-index: 2;
	left: 2rem;
	bottom: 2rem;
	display: flex;
	align-items: center;
	gap: 0.875rem;
	max-width: calc(100% - 4rem);
	padding: 0.75rem 1.25rem 0.75rem 0.75rem;
	border-radius: 3rem;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 0.75rem 2.5rem rgba(22, 22, 25, 0.16);
	font-size: 1rem;
	line-height: 1.25;
}

.about-company__caption-mark {
	display: flex;
	flex: 0 0 3rem;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: #0957de;
	color: #fff;
	font-weight: 700;
}

.about-company__caption strong {
	font-weight: 700;
}

.about-company__advantages {
	margin-top: 4rem;
}

.about-company__advantages-head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 1.5rem;
}

.about-company__advantages-title {
	max-width: 50rem;
}

.about-company__advantages-title span {
	color: #0957de;
	border-bottom: 0.125rem dotted #0957de;
}

.about-company__controls {
	display: flex;
	flex: 0 0 auto;
	gap: 0.75rem;
}

.about-company__control.swiper-button {
	width: 3.75rem;
	height: 3.75rem;
	flex-basis: 3.75rem;
	background: rgba(255, 255, 255, 0.72);
	border-color: rgba(9, 87, 222, 0.16);
}

.about-company__control.swiper-button::before {
	font-size: 1.375rem;
}

.about-company__control:disabled {
	opacity: 0.28;
	pointer-events: none;
}

.about-company__slider {
	width: calc(100% + (50vw - 50%));
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0.25rem max(2rem, calc((100vw - 103.75rem) / 2 + 2rem)) 0.25rem 0;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	overscroll-behavior-inline: contain;
}

.about-company__slider::-webkit-scrollbar {
	display: none;
}

.about-company__slider:focus-visible {
	outline: 0.125rem solid #0957de;
	outline-offset: 0.25rem;
	border-radius: 1.5rem;
}

.about-company__track {
	display: flex;
	gap: 1.25rem;
}

.about-company__advantage {
	position: relative;
	flex: 0 0 clamp(19rem, 29vw, 32rem);
	overflow: hidden;
	min-height: 13.5rem;
	padding: 2rem;
	border: 1px solid rgba(9, 87, 222, 0.08);
	border-radius: 1.5rem;
	background: rgba(255, 255, 255, 0.92);
	scroll-snap-align: start;
	box-shadow: none;
}

.about-company__advantage strong,
.about-company__advantage h3,
.about-company__advantage p {
	position: relative;
	z-index: 1;
}

.about-company__advantage strong {
	display: block;
	margin-bottom: 0.5rem;
	color: #0957de;
	font-size: clamp(2.75rem, 4vw, 4.5rem);
	font-weight: 700;
	line-height: 1;
}

.about-company__advantage h3 {
	max-width: 23rem;
	margin-bottom: 0.75rem;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.2;
}

.about-company__advantage p {
	max-width: 25rem;
	color: rgba(44, 44, 45, 0.72);
	line-height: 1.5;
}

.about-company__advantage--fact {
	background:
		linear-gradient(135deg, rgba(9, 87, 222, 0.08), transparent 70%),
		#fff;
}

.about-company__history {
	position: relative;
	overflow: hidden;
	margin-top: 5rem;
	padding: clamp(2rem, 5vw, 5rem);
	border-radius: 2rem;
	background: #161619;
	color: #fff;
}

.about-company__history-glow::before,
.about-company__history-glow::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-radius: 50%;
	pointer-events: none;
}

.about-company__history-glow::before {
	top: 10%;
	right: 8%;
	box-shadow: 0 0 14rem 7rem rgba(9, 87, 222, 0.48);
}

.about-company__history-glow::after {
	left: 18%;
	bottom: 5%;
	box-shadow: 0 0 13rem 6rem rgba(139, 66, 245, 0.34);
}

.about-company__history-intro,
.about-company__history-list {
	position: relative;
	z-index: 1;
}

.about-company__history-intro {
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(25rem, 1.08fr);
	gap: clamp(2rem, 6vw, 7rem);
	align-items: start;
	margin-bottom: 3.5rem;
}

.about-company__history-intro h2 {
	color: #fff;
}

.about-company__history-intro h2 span {
	color: #67a0ff;
	border-color: #67a0ff;
}

.about-company__history-lead {
	display: grid;
	gap: 1rem;
	padding-top: 0.5rem;
	color: rgba(255, 255, 255, 0.76);
	font-size: 1.125rem;
	line-height: 1.65;
}

.about-company__history-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.about-company__history-item {
	display: grid;
	grid-template-columns: 3.25rem 1fr;
	gap: 1rem;
	min-height: 13rem;
	padding: 1.75rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 1.5rem;
	background: rgba(255, 255, 255, 0.055);
}

.about-company__history-item > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 1rem;
	background: #0957de;
	font-weight: 700;
	transform: skewY(-4deg);
}

.about-company__history-item h3 {
	max-width: 33rem;
	margin-bottom: 0.75rem;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.25;
}

.about-company__history-item p {
	max-width: 38rem;
	color: rgba(255, 255, 255, 0.67);
	line-height: 1.55;
}

.about-company__history-item--current {
	grid-column: 1 / -1;
	min-height: 0;
	background: linear-gradient(110deg, rgba(9, 87, 222, 0.3), rgba(139, 66, 245, 0.18));
}

.about-company__history-item--current h3 {
	max-width: none;
	font-size: 1.625rem;
}

.about-company__history-item--current p {
	max-width: 72rem;
	color: rgba(255, 255, 255, 0.82);
	font-size: 1.125rem;
}

.about-company__team {
	margin-top: 5rem;
}

.about-company__team-head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 1.5rem;
}

.about-company__team-title {
	max-width: 50rem;
}

.about-company__team-title span {
	color: #0957de;
	border-bottom: 0.125rem dotted #0957de;
}

.about-company__team-slider {
	width: calc(100% + (50vw - 50%));
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0.25rem max(2rem, calc((100vw - 103.75rem) / 2 + 2rem)) 0.25rem 0;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	overscroll-behavior-inline: contain;
}

.about-company__team-slider::-webkit-scrollbar {
	display: none;
}

.about-company__team-slider:focus-visible {
	outline: 0.125rem solid #0957de;
	outline-offset: 0.25rem;
	border-radius: 1.5rem;
}

.about-company__team-track {
	display: flex;
	gap: 1.25rem;
}

.about-company__person {
	flex: 0 0 clamp(17.5rem, 23vw, 24rem);
	overflow: hidden;
	border: 1px solid rgba(9, 87, 222, 0.08);
	border-radius: 1.5rem;
	background: #fff;
	scroll-snap-align: start;
	box-shadow: none;
}

.about-company__person-photo {
	overflow: hidden;
	aspect-ratio: 1 / 1.04;
	background: #dfe9f5;
}

.about-company__person-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	transition: transform 0.5s ease;
}

.about-company__person-photo--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background:
		radial-gradient(circle at 70% 25%, rgba(103, 160, 255, 0.58), transparent 32%),
		linear-gradient(145deg, #0957de, #263c8f 55%, #8b42f5);
}

.about-company__person-photo--placeholder span {
	color: rgba(255, 255, 255, 0.88);
	font-size: 5rem;
	font-weight: 700;
	line-height: 1;
}

.about-company__person-content {
	position: relative;
	min-height: 13rem;
	padding: 1.5rem;
}

.about-company__person-number {
	position: absolute;
	top: 1rem;
	right: 1.25rem;
	color: rgba(9, 87, 222, 0.12);
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1;
}

.about-company__person-content h3,
.about-company__person-content strong,
.about-company__person-content p {
	position: relative;
	z-index: 1;
}

.about-company__person-content h3 {
	max-width: 15rem;
	margin-bottom: 0.5rem;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.2;
}

.about-company__person-content strong {
	display: block;
	margin-bottom: 1rem;
	color: #0957de;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.3;
}

.about-company__person-content p {
	color: rgba(44, 44, 45, 0.7);
	font-size: 0.9375rem;
	line-height: 1.5;
}

@media (any-hover: hover) {
	.about-company__person:hover .about-company__person-photo img {
		transform: scale(1.035);
	}
}

@media (max-width: 75em) {
	.about-company__hero {
		grid-template-columns: minmax(0, 1fr) minmax(25rem, 0.85fr);
		gap: 3rem;
	}

	.about-company__image {
		min-height: 33rem;
	}
}

@media (max-width: 61.99875em) {
	.about-company__hero {
		grid-template-columns: 1fr;
	}

	.about-company__content {
		max-width: none;
	}

	.about-company__visual {
		max-width: 47rem;
	}

	.about-company__image {
		min-height: 0;
		aspect-ratio: 4 / 3;
	}

	.about-company__history-intro {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}

@media (max-width: 47.99875em) {
	.about-company {
		padding: 0.5rem 0 2.5rem;
	}

	.about-company__container {
		padding: 0 1.25rem;
	}

	.about-company__breadcrumbs {
		margin-bottom: 1.5rem;
	}

	.about-company__hero {
		gap: 2rem;
	}

	.about-company__title {
		margin-bottom: 1.25rem;
		font-size: 2.25rem;
		line-height: 1.1;
	}

	.about-company__lead {
		margin-bottom: 1.25rem;
		font-size: 1rem;
		line-height: 1.5;
	}

	.about-company__point {
		grid-template-columns: 2.75rem 1fr;
		padding: 1rem;
	}

	.about-company__point-number {
		width: 2.75rem;
		height: 2.75rem;
		border-radius: 0.75rem;
		font-size: 0.8125rem;
	}

	.about-company__point h2 {
		font-size: 1rem;
	}

	.about-company__point p,
	.about-company__statement {
		font-size: 0.875rem;
		line-height: 1.5;
	}

	.about-company__button {
		width: 100%;
	}

	.about-company__image {
		aspect-ratio: 1 / 1;
		border-radius: 1.25rem;
	}

	.about-company__caption {
		left: 1rem;
		bottom: 1rem;
		max-width: calc(100% - 2rem);
		font-size: 0.75rem;
	}

	.about-company__advantages {
		margin-top: 2rem;
	}

	.about-company__advantages-head {
		align-items: center;
		margin-bottom: 1rem;
	}

	.about-company__control.swiper-button {
		width: 3.125rem;
		height: 3.125rem;
		flex-basis: 3.125rem;
	}

	.about-company__slider {
		width: calc(100% + 1.25rem);
		padding-right: 1.25rem;
	}

	.about-company__advantage {
		flex-basis: min(82vw, 22rem);
		min-height: 12.5rem;
		padding: 1.5rem;
	}

	.about-company__advantage strong {
		font-size: 2.75rem;
	}

	.about-company__advantage h3 {
		font-size: 1.125rem;
	}

	.about-company__advantage p {
		font-size: 0.875rem;
	}

	.about-company__history {
		margin-top: 2.5rem;
		padding: 1.5rem 1.25rem;
		border-radius: 1.25rem;
	}

	.about-company__history-intro {
		margin-bottom: 1.5rem;
	}

	.about-company__history-lead {
		font-size: 0.875rem;
		line-height: 1.55;
	}

	.about-company__history-list {
		grid-template-columns: 1fr;
	}

	.about-company__history-item,
	.about-company__history-item--current {
		grid-column: auto;
		min-height: 0;
		padding: 1.25rem;
	}

	.about-company__history-item h3,
	.about-company__history-item--current h3 {
		font-size: 1.125rem;
	}

	.about-company__history-item p,
	.about-company__history-item--current p {
		font-size: 0.875rem;
	}

	.about-company__team {
		margin-top: 2.5rem;
	}

	.about-company__team-head {
		align-items: center;
		margin-bottom: 1rem;
	}

	.about-company__team-slider {
		width: calc(100% + 1.25rem);
		padding-right: 1.25rem;
	}

	.about-company__person {
		flex-basis: min(78vw, 20rem);
	}

	.about-company__person-content {
		min-height: 12rem;
		padding: 1.25rem;
	}

	.about-company__person-content h3 {
		font-size: 1.125rem;
	}

	.about-company__person-content p {
		font-size: 0.875rem;
	}
}

@media (max-width: 29.99875em) {
	.about-company__point {
		grid-template-columns: 1fr;
	}

	.about-company__caption-mark {
		flex-basis: 2.5rem;
		width: 2.5rem;
		height: 2.5rem;
	}

	.about-company__advantages-head {
		align-items: flex-end;
	}

	.about-company__controls {
		gap: 0.375rem;
	}

	.about-company__control.swiper-button {
		width: 2.75rem;
		height: 2.75rem;
		flex-basis: 2.75rem;
	}

	.about-company__history-item {
		grid-template-columns: 1fr;
	}

	.about-company__history-item > span {
		width: 2.75rem;
		height: 2.75rem;
		border-radius: 0.75rem;
		font-size: 0.8125rem;
	}
}

/* === Обязательное согласие в формах === */
form.has-required-consent {
	flex-wrap: wrap;
}

.form-consent {
	order: 50;
	flex: 1 0 100%;
	width: 100%;
	margin-top: 0.875rem;
	color: #2c2c2d;
	font-size: 0.75rem;
	line-height: 1.35;
}

.form-consent__label {
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
	cursor: pointer;
}

.form-consent__input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.form-consent__box {
	position: relative;
	flex: 0 0 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
	margin-top: 0.0625rem;
	border: 1px solid rgba(44, 44, 45, 0.42);
	border-radius: 0.375rem;
	background: rgba(255, 255, 255, 0.82);
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.form-consent__box::after {
	content: "";
	position: absolute;
	left: 0.375rem;
	top: 0.1875rem;
	width: 0.3125rem;
	height: 0.5625rem;
	border: solid #fff;
	border-width: 0 0.125rem 0.125rem 0;
	opacity: 0;
	transform: rotate(45deg) scale(0.6);
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.form-consent__input:checked + .form-consent__box {
	border-color: #0957de;
	background: #0957de;
}

.form-consent__input:checked + .form-consent__box::after {
	opacity: 1;
	transform: rotate(45deg) scale(1);
}

.form-consent__input:focus-visible + .form-consent__box {
	box-shadow: 0 0 0 0.1875rem rgba(9, 87, 222, 0.2);
}

.form-consent__text {
	max-width: 46rem;
	opacity: 0.72;
}

.form-consent__text a {
	color: #0957de;
	text-decoration: underline;
	text-underline-offset: 0.125rem;
}

.form-consent__error {
	margin-top: 0.5rem;
	padding-left: 1.875rem;
	color: #de0909;
	font-weight: 700;
}

.form-consent__error[hidden] {
	display: none;
}

.form-consent--invalid .form-consent__box {
	border-color: #de0909;
	box-shadow: 0 0 0 0.1875rem rgba(222, 9, 9, 0.12);
}

.popup .form-consent,
.help .form-consent,
.state-form .form-consent,
.what .form-consent,
.direct-offers .form-consent,
.reputation-price .form-consent {
	color: #fff;
}

.popup .form-consent__box,
.help .form-consent__box,
.state-form .form-consent__box,
.what .form-consent__box,
.direct-offers .form-consent__box,
.reputation-price .form-consent__box {
	border-color: rgba(255, 255, 255, 0.42);
	background: rgba(255, 255, 255, 0.08);
}

.popup .form-consent__input:checked + .form-consent__box,
.help .form-consent__input:checked + .form-consent__box,
.state-form .form-consent__input:checked + .form-consent__box,
.what .form-consent__input:checked + .form-consent__box,
.direct-offers .form-consent__input:checked + .form-consent__box,
.reputation-price .form-consent__input:checked + .form-consent__box {
	border-color: #4f8cff;
	background: #0957de;
}

.popup .form-consent__text a,
.help .form-consent__text a,
.state-form .form-consent__text a,
.what .form-consent__text a,
.direct-offers .form-consent__text a,
.reputation-price .form-consent__text a {
	color: #8bb5ff;
}

.popup .form-consent__error,
.help .form-consent__error,
.state-form .form-consent__error,
.what .form-consent__error,
.direct-offers .form-consent__error,
.reputation-price .form-consent__error {
	color: #ff6f6f;
}

/* === Уведомление об использовании cookie === */
.cookie-notice {
	position: fixed;
	z-index: 145;
	left: max(1rem, calc((100vw - 103.75rem) / 2));
	right: max(1rem, calc((100vw - 103.75rem) / 2));
	bottom: 1rem;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 1.25rem;
	overflow: hidden;
	padding: 1rem 1rem 1rem 1.25rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 1.5rem;
	background: rgba(22, 22, 25, 0.97);
	box-shadow: 0 1rem 3.5rem rgba(20, 32, 55, 0.26);
	color: #fff;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.cookie-notice[hidden] {
	display: none;
}

/* === Комплексный маркетинг для клиник: первый экран === */
.complex-page-header {
	padding-bottom: 0;
}

.complex-hero {
	position: relative;
	overflow: hidden;
	padding: 2.5rem 0 5.5rem;
}

.complex-hero::before {
	content: "";
	position: absolute;
	top: 6%;
	right: -10rem;
	width: 46rem;
	height: 46rem;
	border-radius: 50%;
	background: rgba(16, 94, 226, 0.09);
	filter: blur(7.5rem);
	pointer-events: none;
}

.complex-hero__body {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.91fr) minmax(38rem, 1.09fr);
	align-items: center;
	gap: clamp(2.5rem, 4vw, 5rem);
	min-height: 43rem;
}

.complex-hero__content {
	position: relative;
	z-index: 2;
}

.complex-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	margin-bottom: 1.5rem;
	color: #0d5ce5;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.complex-hero__eyebrow::before {
	content: "";
	width: 2.75rem;
	height: 0.125rem;
	background: currentColor;
}

.complex-hero__title {
	max-width: 48rem;
	margin: 0 0 1.75rem;
	font-size: clamp(3.75rem, 4.25vw, 5.25rem);
	font-weight: 700;
	line-height: 1.02;
	letter-spacing: -0.045em;
}

.complex-hero__title span {
	display: inline-block;
	color: #0d5ce5;
	border-bottom: 0.1875rem dotted currentColor;
}

.complex-hero__lead {
	max-width: 45rem;
	margin: 0 0 1.125rem;
	font-size: clamp(1.25rem, 1.35vw, 1.5rem);
	font-weight: 600;
	line-height: 1.45;
}

.complex-hero__text {
	max-width: 44rem;
	margin: 0 0 2rem;
	color: rgba(44, 44, 45, 0.73);
	font-size: 1.0625rem;
	line-height: 1.65;
}

.complex-hero__actions {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin-bottom: 2.5rem;
}

.complex-hero__button {
	min-width: 20rem;
	min-height: 4.5rem;
}

.complex-hero__link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: #2c2c2d;
	font-size: 0.9375rem;
	font-weight: 600;
	border-bottom: 0.0625rem solid rgba(44, 44, 45, 0.3);
	transition: color 0.2s ease, border-color 0.2s ease;
}

.complex-hero__link:hover {
	color: #0d5ce5;
	border-color: #0d5ce5;
}

.complex-hero__facts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.complex-hero__facts li {
	position: relative;
	padding-left: 0.875rem;
	border-left: 0.1875rem solid #0d5ce5;
}

.complex-hero__facts strong,
.complex-hero__facts span {
	display: block;
}

.complex-hero__facts strong {
	margin-bottom: 0.25rem;
	font-size: 0.9375rem;
	line-height: 1.25;
}

.complex-hero__facts span {
	color: rgba(44, 44, 45, 0.62);
	font-size: 0.75rem;
	line-height: 1.35;
}

.complex-hero__visual {
	position: relative;
	min-width: 0;
}

.complex-hero__visual-glow {
	position: absolute;
	inset: 8% 4%;
	background: radial-gradient(circle, rgba(18, 99, 235, 0.3), transparent 68%);
	filter: blur(2.5rem);
}

.complex-hero__panel {
	position: relative;
	min-height: 42rem;
	overflow: hidden;
	padding: 1.5rem;
	border: 0.0625rem solid rgba(255, 255, 255, 0.1);
	border-radius: 2rem;
	background:
		linear-gradient(rgba(255, 255, 255, 0.025) 0.0625rem, transparent 0.0625rem),
		linear-gradient(90deg, rgba(255, 255, 255, 0.025) 0.0625rem, transparent 0.0625rem),
		linear-gradient(145deg, #17171b 0%, #101116 58%, #142448 100%);
	background-size: 2.5rem 2.5rem, 2.5rem 2.5rem, auto;
	box-shadow: 0 2rem 5rem rgba(15, 38, 77, 0.2);
}

.complex-hero__panel::after {
	content: "";
	position: absolute;
	width: 18rem;
	height: 18rem;
	right: -7rem;
	bottom: -8rem;
	border-radius: 50%;
	background: #6b2bd9;
	filter: blur(6rem);
	opacity: 0.38;
}

.complex-hero__panel-head {
	position: relative;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: rgba(255, 255, 255, 0.58);
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.complex-hero__status {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.complex-hero__status i {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: #29d367;
	box-shadow: 0 0 0 0.25rem rgba(41, 211, 103, 0.12);
}

.complex-hero__map {
	position: absolute;
	inset: 4.5rem 1.25rem 5.5rem;
}

.complex-hero__lines {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.complex-hero__lines path {
	fill: none;
	stroke: rgba(70, 139, 255, 0.42);
	stroke-width: 1.5;
	stroke-dasharray: 7 8;
}

.complex-hero__node {
	position: absolute;
	z-index: 2;
	width: 10.5rem;
	min-height: 5.25rem;
	padding: 0.875rem 0.875rem 0.75rem 2.75rem;
	border: 0.0625rem solid rgba(255, 255, 255, 0.12);
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.075);
	box-shadow: 0 0.875rem 2rem rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(0.75rem);
	color: #fff;
}

.complex-hero__node > span {
	position: absolute;
	left: 0.875rem;
	top: 0.875rem;
	color: #4386fb;
	font-size: 0.6875rem;
	font-weight: 700;
}

.complex-hero__node strong,
.complex-hero__node small {
	display: block;
}

.complex-hero__node strong {
	font-size: 0.875rem;
	line-height: 1.3;
}

.complex-hero__node small {
	margin-top: 0.3125rem;
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.625rem;
	line-height: 1.25;
}

.complex-hero__node--strategy { left: 1%; top: 4%; }
.complex-hero__node--search { right: 1%; top: 4%; }
.complex-hero__node--ads { left: 0; bottom: 10%; }
.complex-hero__node--trust { right: 0; bottom: 10%; }
.complex-hero__node--call {
	left: 50%;
	bottom: -1.5rem;
	transform: translateX(-50%);
	width: 12rem;
}

.complex-hero__core {
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 48%;
	display: flex;
	width: 12rem;
	height: 12rem;
	transform: translate(-50%, -50%);
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: 0.0625rem solid rgba(82, 143, 255, 0.72);
	border-radius: 50%;
	background: radial-gradient(circle at 35% 25%, #287af7 0%, #0b55d4 45%, #132558 100%);
	box-shadow: 0 0 0 0.75rem rgba(28, 98, 224, 0.08), 0 0 3rem rgba(35, 112, 244, 0.35);
	color: #fff;
	text-align: center;
}

.complex-hero__core-ring {
	position: absolute;
	inset: -1.875rem;
	border: 0.0625rem solid rgba(78, 136, 239, 0.2);
	border-radius: 50%;
}

.complex-hero__core small {
	margin-bottom: 0.3125rem;
	color: rgba(255, 255, 255, 0.62);
	font-size: 0.625rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.complex-hero__core strong {
	font-size: 1.375rem;
	line-height: 1.05;
}

.complex-hero__core > span {
	margin-top: 0.625rem;
	font-size: 0.625rem;
	opacity: 0.72;
}

.complex-hero__result {
	position: absolute;
	z-index: 4;
	left: 1.5rem;
	right: 1.5rem;
	bottom: 1.25rem;
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 1rem;
	padding: 0.875rem 1rem;
	border: 0.0625rem solid rgba(255, 255, 255, 0.1);
	border-radius: 0.875rem;
	background: rgba(255, 255, 255, 0.075);
	backdrop-filter: blur(1rem);
	color: #fff;
}

.complex-hero__result span {
	color: rgba(255, 255, 255, 0.48);
	font-size: 0.6875rem;
	text-transform: uppercase;
}

.complex-hero__result strong {
	font-size: 0.875rem;
}

.complex-hero__result i {
	display: grid;
	width: 2rem;
	height: 2rem;
	place-items: center;
	border-radius: 50%;
	background: #0d5ce5;
	font-style: normal;
}

@media (max-width: 81.25em) {
	.complex-hero__body {
		grid-template-columns: minmax(0, 0.9fr) minmax(33rem, 1.1fr);
		gap: 2rem;
	}

	.complex-hero__panel { min-height: 38rem; }
	.complex-hero__title { font-size: 4rem; }
	.complex-hero__node { width: 9.5rem; }
}

@media (max-width: 68.75em) {
	.complex-hero { padding-top: 2rem; }

	.complex-hero__body {
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	.complex-hero__content { max-width: 52rem; }
	.complex-hero__visual { width: 100%; }
	.complex-hero__panel { min-height: 41rem; }
}

@media (max-width: 47.99875em) {
	.complex-page-header { padding-top: 2rem; }
	.complex-hero { padding: 1.75rem 0 3.5rem; }
	.complex-hero__body { min-height: auto; gap: 2.5rem; }
	.complex-hero__eyebrow { font-size: 0.6875rem; }
	.complex-hero__title { font-size: clamp(2.6rem, 12vw, 3.5rem); }
	.complex-hero__lead { font-size: 1.125rem; }
	.complex-hero__text { font-size: 0.9375rem; }

	.complex-hero__actions {
		align-items: flex-start;
		flex-direction: column;
		gap: 1.125rem;
	}

	.complex-hero__button { width: 100%; min-width: 0; }
	.complex-hero__facts { grid-template-columns: 1fr; gap: 1rem; }
	.complex-hero__facts li { min-height: 2.75rem; }

	.complex-hero__panel {
		min-height: 36rem;
		padding: 1rem;
		border-radius: 1.5rem;
	}

	.complex-hero__panel-head { font-size: 0.5625rem; }
	.complex-hero__map { inset: 4rem 0.75rem 5rem; }
	.complex-hero__node { width: 8.25rem; min-height: 4.5rem; padding: 0.75rem 0.625rem 0.625rem 2.25rem; }
	.complex-hero__node > span { left: 0.625rem; top: 0.75rem; }
	.complex-hero__node strong { font-size: 0.75rem; }
	.complex-hero__node small { font-size: 0.5625rem; }
	.complex-hero__node--call { width: 10.5rem; }
	.complex-hero__core { width: 9.5rem; height: 9.5rem; }
	.complex-hero__core strong { font-size: 1.125rem; }

	.complex-hero__result {
		left: 1rem;
		right: 1rem;
		bottom: 1rem;
		grid-template-columns: 1fr auto;
		gap: 0.5rem;
	}

	.complex-hero__result span { display: none; }
	.complex-hero__result strong { font-size: 0.75rem; }
}

@media (max-width: 29.99875em) {
	.complex-hero__panel { min-height: 33rem; }
	.complex-hero__node { width: 7.2rem; }
	.complex-hero__node--call { width: 9.5rem; }
	.complex-hero__core { top: 47%; width: 8.4rem; height: 8.4rem; }
	.complex-hero__core-ring { inset: -1.125rem; }
}

/* === Комплексный маркетинг: светлая орбитальная схема === */
.complex-hero {
	padding-top: 3rem;
	padding-bottom: 5rem;
}

.complex-hero__body {
	grid-template-columns: minmax(0, 0.92fr) minmax(36rem, 1.08fr);
	gap: clamp(3rem, 5vw, 6.5rem);
	min-height: 40rem;
}

.complex-hero__title {
	margin-bottom: 2rem;
}

.complex-hero__lead {
	max-width: 43rem;
	font-size: clamp(1.25rem, 1.42vw, 1.625rem);
	line-height: 1.45;
}

.complex-hero__text {
	max-width: 41rem;
	margin-bottom: 2.25rem;
}

.complex-hero__actions {
	margin-bottom: 0;
}

.complex-hero__visual {
	min-height: 40rem;
}

.complex-hero__visual-glow {
	inset: 12% 8%;
	background:
		radial-gradient(circle at 50% 48%, rgba(9, 87, 222, 0.2), transparent 38%),
		radial-gradient(circle at 70% 64%, rgba(146, 73, 236, 0.13), transparent 46%);
	filter: blur(2.25rem);
}

.complex-hero__orbit {
	position: absolute;
	inset: 0;
}

.complex-hero__orbit::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 24rem;
	height: 24rem;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.48);
	box-shadow: 0 1.5rem 5rem rgba(27, 83, 165, 0.08);
}

.complex-hero__orbit-ring {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 0.0625rem solid rgba(9, 87, 222, 0.18);
	border-radius: 50%;
}

.complex-hero__orbit-ring::before,
.complex-hero__orbit-ring::after {
	content: "";
	position: absolute;
	width: 0.5rem;
	height: 0.5rem;
	border: 0.125rem solid #f1f6fa;
	border-radius: 50%;
	background: #0957de;
	box-shadow: 0 0 0 0.25rem rgba(9, 87, 222, 0.1);
}

.complex-hero__orbit-ring--outer {
	width: 34rem;
	height: 34rem;
}

.complex-hero__orbit-ring--outer::before { left: 8%; top: 22%; }
.complex-hero__orbit-ring--outer::after { right: 7%; bottom: 24%; }

.complex-hero__orbit-ring--inner {
	width: 23rem;
	height: 23rem;
	border-style: dashed;
}

.complex-hero__orbit-ring--inner::before { right: 14%; top: 10%; }
.complex-hero__orbit-ring--inner::after { left: 10%; bottom: 18%; }

.complex-hero__orbit .complex-hero__core {
	left: 50%;
	top: 48%;
	width: 13rem;
	height: 13rem;
	background: linear-gradient(145deg, #1670ee 0%, #0957de 58%, #173c94 100%);
	box-shadow:
		0 0 0 0.75rem rgba(255, 255, 255, 0.82),
		0 0 0 0.875rem rgba(9, 87, 222, 0.13),
		0 1.75rem 3.5rem rgba(9, 87, 222, 0.27);
}

.complex-hero__core-mark {
	display: grid;
	width: 2.125rem;
	height: 2.125rem;
	margin-top: 0;
	margin-bottom: 0.5rem;
	place-items: center;
	border-radius: 0.6875rem;
	background: rgba(255, 255, 255, 0.16);
	font-size: 1rem;
	font-weight: 700;
	opacity: 1;
}

.complex-hero__orbit .complex-hero__core small {
	font-size: 0.5625rem;
	letter-spacing: 0.1em;
}

.complex-hero__orbit .complex-hero__core strong {
	font-size: 1.5rem;
	line-height: 1.05;
}

.complex-hero__service {
	position: absolute;
	z-index: 4;
	display: flex;
	min-width: 9.5rem;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 0.875rem;
	border: 0.0625rem solid rgba(9, 87, 222, 0.12);
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 1rem 2.75rem rgba(25, 72, 138, 0.11);
	backdrop-filter: blur(0.75rem);
}

.complex-hero__service::after {
	content: "";
	position: absolute;
	width: 2.75rem;
	height: 0.0625rem;
	background: linear-gradient(90deg, rgba(9, 87, 222, 0.5), rgba(9, 87, 222, 0));
}

.complex-hero__service-icon {
	display: grid;
	width: 3rem;
	height: 3rem;
	flex: 0 0 3rem;
	place-items: center;
	border-radius: 0.875rem;
	background: linear-gradient(145deg, #edf5ff, #dceaff);
	color: #0957de;
}

.complex-hero__service-icon svg {
	width: 1.55rem;
	height: 1.55rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.complex-hero__service strong,
.complex-hero__service small {
	display: block;
	white-space: nowrap;
}

.complex-hero__service strong {
	font-size: 0.875rem;
	line-height: 1.15;
}

.complex-hero__service small {
	margin-top: 0.25rem;
	color: rgba(44, 44, 45, 0.48);
	font-size: 0.625rem;
}

.complex-hero__service--strategy { left: 2%; top: 9%; }
.complex-hero__service--seo { right: 2%; top: 10%; }
.complex-hero__service--ads { left: -1%; top: 45%; }
.complex-hero__service--reputation { right: -1%; top: 46%; }
.complex-hero__service--analytics { left: 8%; bottom: 9%; }
.complex-hero__service--call { right: 7%; bottom: 8%; }

.complex-hero__service--strategy::after,
.complex-hero__service--ads::after,
.complex-hero__service--analytics::after {
	right: -2.75rem;
	top: 50%;
}

.complex-hero__service--seo::after,
.complex-hero__service--reputation::after,
.complex-hero__service--call::after {
	left: -2.75rem;
	top: 50%;
	transform: rotate(180deg);
}

.complex-hero__journey {
	position: absolute;
	z-index: 5;
	left: 50%;
	bottom: -0.5rem;
	display: flex;
	transform: translateX(-50%);
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 1.25rem;
	border: 0.0625rem solid rgba(9, 87, 222, 0.12);
	border-radius: 2rem;
	background: #fff;
	box-shadow: 0 1rem 2.5rem rgba(25, 72, 138, 0.1);
	font-size: 0.75rem;
	white-space: nowrap;
}

.complex-hero__journey span { color: rgba(44, 44, 45, 0.58); }
.complex-hero__journey i { color: #0957de; font-style: normal; }
.complex-hero__journey strong { color: #0957de; }

@media (max-width: 81.25em) {
	.complex-hero__body { grid-template-columns: minmax(0, 0.95fr) minmax(32rem, 1.05fr); gap: 2rem; }
	.complex-hero__visual { min-height: 37rem; }
	.complex-hero__orbit-ring--outer { width: 29rem; height: 29rem; }
	.complex-hero__orbit-ring--inner { width: 20rem; height: 20rem; }
	.complex-hero__orbit::before { width: 21rem; height: 21rem; }
	.complex-hero__orbit .complex-hero__core { width: 11.5rem; height: 11.5rem; }
	.complex-hero__service { min-width: 8rem; padding: 0.625rem; }
	.complex-hero__service-icon { width: 2.5rem; height: 2.5rem; flex-basis: 2.5rem; }
}

@media (max-width: 68.75em) {
	.complex-hero__body { grid-template-columns: 1fr; gap: 2rem; }
	.complex-hero__visual { min-height: 40rem; }
	.complex-hero__orbit { inset: 0 4%; }
}

@media (max-width: 47.99875em) {
	.complex-hero { padding-top: 1.75rem; }
	.complex-hero__title { margin-bottom: 1.5rem; }
	.complex-hero__visual { min-height: 34rem; }
	.complex-hero__orbit { inset: 0; }
	.complex-hero__orbit-ring--outer { width: 23rem; height: 23rem; }
	.complex-hero__orbit-ring--inner { width: 15.5rem; height: 15.5rem; }
	.complex-hero__orbit::before { width: 17rem; height: 17rem; }
	.complex-hero__orbit .complex-hero__core { width: 9.25rem; height: 9.25rem; }
	.complex-hero__core-mark { width: 1.75rem; height: 1.75rem; margin-bottom: 0.25rem; }
	.complex-hero__orbit .complex-hero__core strong { font-size: 1.125rem; }

	.complex-hero__service {
		min-width: 0;
		padding: 0.5rem;
		gap: 0.5rem;
		border-radius: 0.75rem;
	}

	.complex-hero__service-icon { width: 2.25rem; height: 2.25rem; flex-basis: 2.25rem; border-radius: 0.625rem; }
	.complex-hero__service-icon svg { width: 1.25rem; height: 1.25rem; }
	.complex-hero__service strong { font-size: 0.6875rem; }
	.complex-hero__service small { display: none; }
	.complex-hero__service::after { display: none; }
	.complex-hero__service--strategy { left: 0; top: 8%; }
	.complex-hero__service--seo { right: 0; top: 9%; }
	.complex-hero__service--ads { left: 0; top: 44%; }
	.complex-hero__service--reputation { right: 0; top: 45%; }
	.complex-hero__service--analytics { left: 3%; bottom: 11%; }
	.complex-hero__service--call { right: 2%; bottom: 10%; }
	.complex-hero__journey { bottom: -0.75rem; gap: 0.5rem; padding: 0.625rem 0.875rem; font-size: 0.625rem; }
}

@media (max-width: 29.99875em) {
	.complex-hero__visual { min-height: 30rem; }
	.complex-hero__orbit-ring--outer { width: 19rem; height: 19rem; }
	.complex-hero__orbit-ring--inner { width: 13rem; height: 13rem; }
	.complex-hero__orbit::before { width: 14rem; height: 14rem; }
	.complex-hero__orbit .complex-hero__core { width: 7.75rem; height: 7.75rem; }
	.complex-hero__core-mark { display: none; }
	.complex-hero__orbit .complex-hero__core small { font-size: 0.4375rem; }
	.complex-hero__orbit .complex-hero__core strong { font-size: 1rem; }
	.complex-hero__service-icon { width: 2rem; height: 2rem; flex-basis: 2rem; }
}

.cookie-notice--closing {
	opacity: 0;
	transform: translateY(1rem);
}

.cookie-notice__glow {
	position: absolute;
	left: 12%;
	bottom: -2rem;
	width: 0;
	height: 0;
	border-radius: 50%;
	box-shadow: 0 0 8rem 4rem rgba(9, 87, 222, 0.5);
	pointer-events: none;
}

.cookie-notice__icon,
.cookie-notice__content,
.cookie-notice__button {
	position: relative;
	z-index: 1;
}

.cookie-notice__icon {
	display: grid;
	grid-template-columns: repeat(2, 0.375rem);
	align-content: center;
	justify-content: center;
	gap: 0.25rem;
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 1rem;
	background: #0957de;
	transform: skewY(-4deg);
}

.cookie-notice__icon span {
	width: 0.375rem;
	height: 0.375rem;
	border-radius: 50%;
	background: #fff;
}

.cookie-notice__icon span:last-child {
	grid-column: 1 / -1;
	justify-self: center;
}

.cookie-notice__title {
	margin-bottom: 0.25rem;
	font-size: 1rem;
	font-weight: 700;
}

.cookie-notice__content p {
	color: rgba(255, 255, 255, 0.68);
	font-size: 0.875rem;
	line-height: 1.45;
}

.cookie-notice__content a {
	color: #8bb5ff;
	text-decoration: underline;
	text-underline-offset: 0.125rem;
}

.cookie-notice__button.button {
	min-width: 9rem;
	justify-content: center;
	padding: 1rem 1.75rem;
	font-size: 0.875rem;
}

@media (max-width: 47.99875em) {
	.form-consent {
		font-size: 0.6875rem;
	}

	.cookie-notice {
		grid-template-columns: auto minmax(0, 1fr);
		gap: 0.875rem;
		padding: 1rem;
		border-radius: 1.25rem;
	}

	.cookie-notice__icon {
		width: 2.75rem;
		height: 2.75rem;
		border-radius: 0.75rem;
	}

	.cookie-notice__content p {
		font-size: 0.75rem;
	}

	.cookie-notice__button.button {
		grid-column: 1 / -1;
		width: 100%;
		padding: 0.875rem 1.25rem;
	}
}