*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;background:#f2f7fa;color:#0c2c54;font:14px Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}h1,h2,h3,p{margin:0}h2{font-size:20px;line-height:1.15;letter-spacing:-.55px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #0098ff;outline-offset:3px}.sprite{display:block;position:relative;overflow:hidden}.sprite img{position:absolute;max-width:none;height:auto;pointer-events:none}.button{border:0;border-radius:4px;background:linear-gradient(120deg,#ff7200,#ff5600);color:white;font-weight:bold;padding:15px 25px;font-size:13px;min-height:40px}.button:hover{filter:brightness(1.08)}.outline{background:transparent;color:#113666;border:1px solid #27518f}.header-inner{max-width:1060px;margin:auto;height:54px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 30px}header{background:white}.logo-image{width:180px}nav{display:flex;gap:20px;font-size:10px}nav a:hover{color:#ff6200}.phone{display:flex;align-items:center;gap:10px;white-space:nowrap}.phone i{font-size:24px;color:#ff6500;font-style:normal}.phone strong{font-size:16px}.phone small{display:block;font-size:10px;color:#74849b;margin-top:3px}header .button{padding:10px 19px;min-height:36px;font-size:11px}.hero{position:relative;max-width:1060px;margin:auto;overflow:hidden;min-height:390px}.hero-art{position:absolute;inset:0}.hero-art>.sprite{width:100%;height:100%;aspect-ratio:auto!important}.hero-art img{height:100%;width:100%!important;object-fit:fill}.hero-content{position:relative;padding:36px 38px 26px;width:57%;background:linear-gradient(90deg,rgba(248,251,253,.96),rgba(248,251,253,.88) 80%,transparent)}h1{font-size:34px;line-height:1.04;letter-spacing:-1.3px;font-weight:750;white-space:nowrap}em{font-style:normal;color:#ff6000}.hero-tag{font-size:21px;margin-top:14px}.hero-desc{font-size:14px;line-height:1.3;margin-top:10px}.hero-features{display:flex;justify-content:space-between;margin:21px 0;gap:12px;font-size:13px;font-weight:600;line-height:1.3}.hero-features i{display:flex;border:1px solid #d5e3ef;border-radius:5px;width:42px;height:43px;align-items:center;justify-content:center;font-size:29px;margin-bottom:6px;font-style:normal;color:#0055ae;background:#f7fbff}.hero-actions{display:flex;gap:18px}.hero-actions .button{min-width:174px}.content{max-width:1060px;margin:auto;padding:12px 28px 16px;display:grid;gap:14px}.panel,.benefits{background:rgba(255,255,255,.93);border-radius:6px;padding:14px 12px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:20px;gap:24px}.benefits>div{display:flex;align-items:center;gap:18px}.benefits i{font-size:39px;font-style:normal}.benefits strong,.benefits small{display:block;font-size:12px}.benefits small{font-weight:normal;margin-top:4px}.services-row{display:grid;grid-template-columns:40% 1fr;gap:12px}.technician{background:#074c88;position:relative;border-radius:6px;overflow:hidden;min-height:302px;color:white}.tech-photo{position:absolute;right:0;top:0;width:58%;height:82%;overflow:hidden}.tech-photo>.sprite{height:100%;width:100%;aspect-ratio:auto!important}.tech-content{position:relative;padding:22px 20px;background:linear-gradient(90deg,#084d8e 5%,transparent 88%)}.tech-content h2{font-size:29px;letter-spacing:-.8px;line-height:1}.tech-content p{font-size:16px;line-height:1.4;margin:13px 0}.tech-content .button{font-size:13px;padding:13px 27px}.tech-bottom{position:absolute;bottom:0;left:0;right:0;background:rgba(7,49,88,.93);display:flex;justify-content:space-around;padding:20px 5px;font-size:13px;font-weight:600}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:15px}.section-head a{font-size:10px;color:#ff6000;white-space:nowrap}.services{padding:13px 11px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.service{border:0;background:#f2f7fb;border-radius:6px;padding:11px 8px 12px;min-height:111px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#12325c;font-size:12px;line-height:1.35}.service .sprite{height:44px;max-width:80px}.service small{display:block;font-size:inherit}.service:hover{background:#e3eff8}.brands h2{margin-bottom:13px}.brand-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.brand-grid>div{border:1px solid #eff3f8;border-radius:6px;display:flex;align-items:center;justify-content:center;min-height:54px;background:white}.brand-grid .sprite{width:90%;max-height:44px}.brand-grid>div:nth-child(n+9){grid-column:span 1}.brand-grid .other{font-size:12px;text-align:center;line-height:1.3;grid-column:span 2}.diagnostic{display:flex;align-items:center;gap:22px;background:linear-gradient(110deg,#103358,#102f4e);border-radius:6px;color:white;padding:19px 20px}.diagnostic>i{font-style:normal;background:#0089ff;font-size:28px;width:51px;height:51px;border-radius:9px;display:grid;place-items:center}.diagnostic h2{font-size:18px}.diagnostic p{font-size:13px;margin-top:6px}.inline-form{display:flex;gap:14px;margin-left:auto}.inline-form input{width:230px;min-width:0}.inline-form .button{min-width:145px}input,textarea{border:1px solid #d6dfeb;border-radius:5px;padding:13px;background:#fff;color:#12325c;max-width:100%}input::placeholder{color:#95a6ba}.workflow ol{counter-reset:steps;list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:23px;margin:17px 0 6px}.workflow li{counter-increment:steps;position:relative;display:flex;gap:12px;align-items:center;font-size:11px;line-height:1.45}.workflow li:before{content:counter(steps);display:grid;place-items:center;background:#ff6500;color:white;border:3px solid #ffefe6;width:42px;height:42px;border-radius:50%;flex-shrink:0;font-size:20px}.workflow li:not(:last-child):after{content:'→';position:absolute;right:-19px;font-size:24px;color:#b7c9d9}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.price{display:flex;flex-direction:column;text-align:left;border:1px solid #e3ebf2;border-radius:6px;padding:12px;color:#10315a;background:linear-gradient(#fff,#fafcfe);position:relative}.price .sprite{height:79px;max-width:100%;align-self:center;margin:0 0 9px}.price strong{font-size:12px;margin-bottom:7px}.price b{font-size:18px;color:#ff6000}.price small{font-size:12px;line-height:1.35;margin-top:5px}.price:first-child:after{content:'ХИТ';background:#ff6500;color:white;position:absolute;right:10px;top:8px;border-radius:3px;padding:3px 8px;font-size:10px}.about-row{display:grid;grid-template-columns:1fr 1.03fr;gap:12px}.visit{min-height:265px;background:#f3f6f8;border-radius:6px;position:relative;overflow:hidden}.van-photo{position:absolute;left:0;bottom:0;width:52%;height:100%}.van-photo>.sprite{width:100%;height:100%;aspect-ratio:auto!important}.visit-content{position:relative;margin-left:51%;padding:16px 10px 16px 0}.visit h2{font-size:18px;white-space:nowrap}.visit ul{list-style:none;margin:17px 0 20px;padding:0;font-size:13px;line-height:1.85}.visit li:before{content:'⊙';color:#ff6500;margin-right:8px}.visit .button{width:100%;padding:14px 8px}.why{padding:13px 17px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 23px;margin-top:18px}.reason{display:flex;gap:11px;align-items:flex-start}.reason i{width:37px;height:37px;display:grid;place-items:center;background:#ffeadc;color:#ff6000;border-radius:50%;font-size:22px;flex-shrink:0;font-style:normal}.reason strong,.reason small{display:block;font-size:11px}.reason small{font-size:10px;line-height:1.4;margin-top:4px}.reviews-row{display:grid;grid-template-columns:1fr 216px;gap:12px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.review{border:1px solid #e3ebf2;border-radius:5px;padding:11px;font-size:12px;line-height:1.45}.person{display:flex;gap:10px;align-items:flex-start}.person>.sprite{width:38px;border-radius:50%}.person strong,.person small,.person b{display:block}.person small{font-size:10px;color:#8a9aaf}.person b{color:#ff9400;font-size:14px;margin:4px 0 8px}.review p{line-height:1.6}.care{position:relative;overflow:hidden;border-radius:6px}.care>.sprite{position:absolute;width:100%;height:100%;aspect-ratio:auto!important}.care>div{position:relative;padding:25px 16px 14px;background:linear-gradient(90deg,rgba(239,243,230,.92),rgba(239,243,230,.4));min-height:100%}.care h2{font-size:18px;line-height:1.03}.care p{font-size:10px;line-height:1.4;margin:10px 0 14px}.care .button{padding:12px 16px;width:100%;font-size:10px}footer{background:linear-gradient(110deg,#133757,#0d2a49);color:#c1cddd;padding:29px 35px 36px}.footer-inner{max-width:1000px;margin:auto;display:grid;grid-template-columns:2fr 1fr .7fr 1.65fr .9fr;gap:35px}.footer-logo{width:205px}.footer-brand p{font-size:12px;line-height:1.5;margin:18px 0 14px}.footer-brand small{font-size:11px;color:#8da3ba}footer h3{font-size:12px;color:white;margin:0 0 12px}footer a{display:block;font-size:11px;margin:0 0 10px}.footer-contacts p{font-size:11px;line-height:1.6;margin-bottom:10px}.footer-contacts small{font-size:10px;color:#8ea5bc}.footer-phone{color:white;font-size:14px;font-weight:bold}.socials{display:flex;gap:10px;align-items:flex-start;padding-top:36px}.socials a,.socials button{border:0;color:white;background:#0098df;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-size:17px}.socials button{background:#00b955}dialog{width:min(450px,94vw);border:0;border-radius:12px;padding:30px;color:#12325c;box-shadow:0 20px 100px #001c4166}dialog::backdrop{background:#061d39aa;backdrop-filter:blur(4px)}dialog h2{font-size:26px}dialog>p{margin:12px 0 20px;line-height:1.5}.close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:28px;color:#12325c}dialog label{display:block;margin:13px 0}dialog input:not([type=checkbox]),dialog textarea{display:block;width:100%;margin-top:6px}.consent{font-size:12px;line-height:1.5}.consent a{text-decoration:underline}.form-status{margin-top:12px;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1100px){.hero{max-width:none}.hero-content{max-width:600px;margin-left:calc((100% - 1060px)/2);width:57%}.hero-art{left:calc((100% - 1060px)/2);right:calc((100% - 1060px)/2)}}
@media(max-width:1000px){.header-inner{height:44px;padding:0 24px;gap:16px}.logo-image{width:150px}nav{gap:18px;font-size:8px}.phone strong{font-size:14px}.phone small{font-size:8px}header .button{font-size:10px;min-height:30px;padding:9px 16px}.hero{min-height:319px}.hero-content{padding:30px 31px 17px}h1{font-size:28px}.hero-tag{font-size:18px;margin-top:9px}.hero-desc{font-size:12px;margin-top:8px}.hero-features{margin:16px 0;font-size:11px;gap:8px}.hero-features i{width:35px;height:36px;font-size:25px}.hero-actions{gap:15px}.hero-actions .button{min-width:140px;padding:12px 20px;font-size:11px;min-height:37px}.content{padding:10px 22px 13px;gap:11px}h2{font-size:17px}.benefits{padding:15px 17px;gap:15px}.benefits>div{gap:15px}.benefits i{font-size:32px}.benefits strong,.benefits small{font-size:10px}.services-row{grid-template-columns:39% 1fr;gap:10px}.technician{min-height:247px}.tech-content{padding:17px 16px}.tech-content h2{font-size:25px}.tech-content p{font-size:14px;margin:12px 0}.tech-content .button{font-size:11px;padding:12px 25px}.tech-bottom{padding:16px 5px;font-size:11px}.service-grid{gap:8px}.service{min-height:92px;font-size:10px;gap:8px;padding:8px 6px}.service .sprite{height:38px;max-width:65px}.panel{padding:11px 10px}.brands h2{margin-bottom:10px}.brand-grid{gap:8px}.brand-grid>div{min-height:44px}.brand-grid .other{font-size:10px}.diagnostic{padding:15px 16px;gap:18px}.diagnostic>i{width:42px;height:42px}.diagnostic h2{font-size:15px}.diagnostic p{font-size:11px}.inline-form input{width:190px;font-size:10px;padding:12px}.inline-form .button{min-width:118px;font-size:11px;padding:12px 20px}.workflow ol{gap:21px;margin:12px 0 6px}.workflow li{font-size:9px;gap:9px}.workflow li:before{width:35px;height:35px;font-size:17px}.price{padding:10px}.price .sprite{height:63px}.price strong{font-size:10px}.price b{font-size:15px}.price small{font-size:10px}.visit{min-height:215px}.visit-content{padding-top:13px}.visit h2{font-size:15px}.visit ul{font-size:11px;margin:12px 0 16px}.visit .button{font-size:11px;padding:12px 8px}.why-grid{gap:14px 16px;margin-top:13px}.reason{gap:9px}.reason i{width:30px;height:30px;font-size:19px}.reason strong{font-size:9px}.reason small{font-size:8px}.reviews-row{grid-template-columns:1fr 177px;gap:10px}.review{font-size:10px;padding:9px}.review-grid{gap:10px}.person>.sprite{width:30px}.person small{font-size:8px}.person b{font-size:12px}.care>div{padding:20px 12px 12px}.care h2{font-size:15px}.care p{font-size:8px}.care .button{font-size:8px;padding:10px 12px}footer{padding:23px 29px 28px}.footer-inner{gap:26px}.footer-logo{width:170px}.footer-brand p{font-size:10px;margin:14px 0 12px}.footer-brand small{font-size:9px}footer h3{font-size:10px}footer a,.footer-contacts p{font-size:9px;margin-bottom:8px}.footer-contacts small{font-size:8px}.footer-phone{font-size:11px}.socials{gap:8px}.socials a,.socials button{width:24px;height:24px;font-size:13px}}
@media(max-width:760px){.header-inner{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 18px;gap:12px}.logo-image{width:155px}nav{order:4;width:100%;overflow-x:auto;gap:24px;padding:7px 0;font-size:12px}.phone{margin-left:auto}.phone strong{font-size:14px}header .button{display:none}.hero{min-height:0;padding-bottom:240px}.hero-art{inset:auto 0 0;height:250px;overflow:hidden}.hero-art>.sprite{width:680px;max-width:none;position:absolute;right:0}.hero-content{width:100%;padding:24px 20px;background:#f7fafc}h1{font-size:clamp(25px,5.5vw,36px);white-space:normal;letter-spacing:-.7px}.hero-tag{font-size:18px}.hero-desc{font-size:13px}.hero-desc br{display:none}.hero-features{font-size:11px;margin:20px 0}.hero-actions .button{min-width:0;flex:1;padding:13px 12px}.content{padding:12px;gap:12px}.benefits{grid-template-columns:1fr 1fr;gap:18px;padding:16px}.benefits strong,.benefits small{font-size:11px}.services-row,.about-row{grid-template-columns:1fr}.technician{min-height:290px}.tech-photo{width:52%}.tech-content{padding:25px}.tech-content h2{font-size:30px}.tech-content p{font-size:16px}.tech-content .button{font-size:13px}.tech-bottom{font-size:13px}.services{padding:16px 12px}.service-grid{grid-template-columns:repeat(4,1fr)}.service{font-size:11px;min-height:110px}.service .sprite{height:42px}.brand-grid{grid-template-columns:repeat(4,1fr)}.brand-grid .other{grid-column:span 2}.brand-grid>div{min-height:50px}.diagnostic{flex-wrap:wrap;gap:12px;padding:18px}.diagnostic>div{flex:1}.diagnostic h2{font-size:17px}.diagnostic p{font-size:12px;line-height:1.4}.inline-form{width:100%;margin:0;gap:8px}.inline-form input{width:100%;font-size:13px}.inline-form .button{min-width:120px;font-size:12px}.workflow{padding:16px}.workflow ol{grid-template-columns:1fr;gap:15px}.workflow li{font-size:13px}.workflow li br{display:none}.workflow li:not(:last-child):after{display:none}.workflow li:before{width:40px;height:40px}.price-grid{grid-template-columns:1fr 1fr;gap:10px}.price{padding:12px}.price strong{font-size:12px}.price b{font-size:18px}.price small{font-size:12px}.price .sprite{height:70px;margin:9px 0 15px}.visit{min-height:245px}.visit-content{padding:20px 12px 20px 0}.visit h2{font-size:16px;white-space:normal}.visit ul{font-size:12px}.why{padding:18px}.why-grid{gap:18px 12px}.reason strong{font-size:11px}.reason small{font-size:10px}.reviews-row{grid-template-columns:1fr}.reviews{padding:16px 12px}.review-grid{grid-template-columns:1fr}.review{padding:15px;font-size:13px}.person small{font-size:11px}.person b{font-size:15px}.person>.sprite{width:40px}.care{min-height:185px}.care>.sprite{width:200px;right:0}.care>div{padding:24px;background:linear-gradient(90deg,#edf1e7 40%,transparent)}.care h2{font-size:22px}.care p{font-size:12px}.care .button{width:auto;font-size:12px}.care h2 br{display:none}.footer-inner{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:span 2}.footer-contacts{grid-column:span 2}footer a,.footer-contacts p,.footer-brand p{font-size:13px}footer h3{font-size:14px}.footer-brand small{font-size:11px}.footer-contacts small{font-size:11px}.footer-phone{font-size:17px}.socials{padding:0}.socials a,.socials button{width:34px;height:34px}.section-head a{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-art{left:46.7%;right:0}.hero-content{background:linear-gradient(90deg,#f7fafc 88%,transparent)}.feature-icon{width:35px;margin-bottom:6px}.benefit-icon{width:37px;flex-shrink:0}.care{background:#edf1e7}.care>.sprite{width:30%;right:0}.care>div{background:linear-gradient(90deg,#edf1e7 60%,transparent)}@media(max-width:760px){.hero-art{left:0}.hero-art>.sprite{width:360px}.hero-content{background:#f7fafc}.care>.sprite{width:25%}}
.hero-art>.sprite{height:auto;aspect-ratio:462/319!important;width:100%}.hero-art img{height:auto;width:187.6623376623%!important;object-fit:initial}.tech-photo>.sprite{height:auto;aspect-ratio:181/199!important;width:100%}.van-photo>.sprite{height:auto;aspect-ratio:207/214!important;width:100%}.brand-grid{display:flex;flex-wrap:wrap;gap:8px}.brand-grid>div{width:calc((100% - 56px)/8)}.brand-grid>div:nth-child(n+9){width:calc((100% - 48px)/7)}.brand-grid .sprite{width:85%;max-height:none}.care>.sprite{height:auto;aspect-ratio:52/95!important}.hero-features{max-width:380px}.workflow{padding-top:11px;padding-bottom:11px}.workflow ol{margin-bottom:4px}.workflow li br{display:none}@media(max-width:760px){.header-inner{gap:8px}.phone{gap:5px}.phone i{font-size:18px}.phone strong{font-size:12px}.logo-image{width:145px}.hero-art>.sprite{width:360px}.brand-grid>div,.brand-grid>div:nth-child(n+9){width:calc((100% - 24px)/4)}.brand-grid>div.other{width:calc((100% - 8px)/2)}.service-grid{gap:6px}.service{padding:8px 3px;font-size:10px;min-width:0}.service .sprite{max-width:100%}.visit-content{min-width:0}.visit ul{font-size:11px}.care>.sprite{width:25%;height:auto}.hero-features{max-width:none}.hero-features div{min-width:0}}
@media(min-width:761px) and (max-width:1000px){.hero-content{padding-bottom:6px}.hero-actions .button:first-child{min-width:166px}.brand-grid .sprite{max-width:80px}.brand-grid>div:first-child .sprite{width:52px}.brand-grid>div:nth-child(12) .sprite{width:62px}.price .sprite{height:58px;margin-bottom:6px}.price small{line-height:1.25}.footer-contacts p{margin-bottom:8px;line-height:1.4}footer h3{margin-bottom:10px}footer{padding-bottom:23px}.workflow li{align-items:center}.workflow li span{min-width:0}.workflow ol{gap:18px;grid-template-columns:1.1fr 1.1fr 1.1fr 1.2fr 1fr}}
.workflow li br{display:revert}@media(min-width:761px) and (max-width:1000px){.service{font-size:11px}.benefits strong,.benefits small{font-size:11px}.price strong{font-size:11px}.price small{font-size:11px}.reason strong{font-size:10px}.reason small{font-size:9px}.review{font-size:11px}.review p{line-height:1.45}.person b{margin-bottom:5px}.why-grid{row-gap:12px}.workflow ol{gap:18px}.workflow li{font-size:9px}.workflow li span{line-height:1.45}}@media(max-width:760px){.workflow li br{display:none}.workflow li span{line-height:1.6}}
@media(min-width:761px) and (max-width:1000px){.content{grid-template-rows:63px 247px 144px 71px 98px 196px 215px 163px;gap:11px;padding-top:10px;padding-bottom:13px}.content>section,.content>div{min-height:0}.benefits{padding:14px 17px}.brands h2{margin-bottom:7px}.brands .brand-grid>div{min-height:44px;height:44px}.workflow ol{margin-top:12px;margin-bottom:0}.workflow li{font-size:9px;line-height:1.4}.price .sprite{height:54px;margin-bottom:6px}.price strong{margin-bottom:4px}.price small{line-height:1.2}.price-grid{height:150px}.price{min-height:0}.visit{min-height:215px}.why-grid{row-gap:10px}.reason strong{font-size:9.5px}.reason small{font-size:8.5px}.review{font-size:10.5px;padding:9px}.review p{line-height:1.4}.review-grid{height:120px}.person b{margin:3px 0 4px}.care>div{padding-top:20px}.care{min-height:0}footer{height:154px;padding-top:23px;padding-bottom:20px}.footer-contacts p{line-height:1.2;margin-bottom:6px}.footer-inner{gap:23px}}
@media(min-width:761px) and (max-width:1000px){.services .service-grid{height:198px;grid-template-rows:1fr 1fr}.services .service{min-height:0;font-size:10.5px;gap:7px;padding:8px 4px}.services .service small{font-size:10px;white-space:nowrap}.services .service .sprite{height:38px}}
