:root{--bg:#090b0f;--panel:#111318;--line:#282b30;--orange:#ff9d00;--text:#f3f4f7;--muted:#a2a6af}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.header{height:76px;background:#0b0c0f;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1200px)/2));position:sticky;top:0;z-index:10;border-bottom:1px solid #24262c}.logo{display:flex;align-items:center;gap:10px;font:900 20px/0.95 'Oswald',sans-serif}.logo b{display:block;letter-spacing:2px;font-size:10px;color:#a9aab0;margin-top:5px}.mark{width:35px;height:35px;border-radius:50%;background:#e92220;color:#101010;display:grid;place-items:center;font-size:24px}.header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.header nav a:hover{color:var(--orange)}.navcta{background:var(--orange);color:#111!important;padding:13px 19px;font-family:'Oswald';font-size:15px}.menu{display:none;background:transparent;color:white;border:1px solid #34363b;border-radius:7px;font-size:22px;width:42px;height:40px}.hero{min-height:690px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#101a2b}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,15,.97) 0%,rgba(6,12,22,.93) 49%,rgba(6,14,24,.72)),url('assets/fleet-hero-panorama.jpg') right center/auto 100% no-repeat}.hero-content,.hero-bottom{position:relative}.hero-content{padding-top:105px;padding-bottom:75px}.pill,.eyebrow{font:800 13px 'Oswald';letter-spacing:2px;color:var(--orange)}.pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #795317;background:#241e15;border-radius:20px;padding:6px 13px}.pill i{width:9px;height:9px;border-radius:50%;background:#19d37b;box-shadow:0 0 9px #19d37b}h1,h2,h3,h4{font-family:'Oswald',Impact,sans-serif;margin:0;font-weight:900}h1{font-size:clamp(53px,6.08vw,88px);line-height:.95;letter-spacing:-1px;margin:25px 0}h1 span,h2 span{color:var(--orange)}.hero p{max-width:650px;color:#b7beca;font-size:19px;line-height:1.55}.actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:51px;padding:0 25px;font:800 15px 'Oswald';letter-spacing:.3px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.orange{background:linear-gradient(90deg,#ffb200,#ff8c00);color:#111}.outline{border:1px solid #7d828a;background:#1118}.hero .hero-note{font:700 11px 'Oswald';letter-spacing:1.2px;color:#8c929d;margin-top:25px}.hero-bottom{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff30;padding-top:22px;padding-bottom:25px;gap:20px}.hero-bottom strong{font:900 24px 'Oswald';display:block}.hero-bottom small{font:700 10px 'Oswald';letter-spacing:1px;color:#9fa4ad}.ticker{overflow:hidden;background:#241a0d;border-block:1px solid #61410c;color:var(--orange);font:800 13px 'Oswald';letter-spacing:2px;padding:17px 0;white-space:nowrap}.ticker div{width:max-content;animation:marquee 35s linear infinite}.ticker em{font-style:normal;color:#8e785a;padding:0 25px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding-top:110px;padding-bottom:110px}.alternate{background:#101217;border-block:1px solid #22242a}.issue-grid,.cards,.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.issue,.card{background:#121419;border:1px solid #292b30;border-radius:13px;padding:30px;transition:border-color .25s,transform .25s}.issue:hover,.card:hover{border-color:#99651e;transform:translateY(-5px)}.issue h3{font-size:28px;line-height:1}.issue h4{color:var(--orange);font-size:23px;margin:13px 0}.issue p,.card p,.benefits p,.steps p,.contact p{color:var(--muted);font-size:16px;line-height:1.6;margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.eyebrow{margin-bottom:19px}h2{font-size:clamp(44px,5vw,72px);line-height:.98;margin-bottom:26px}.lead{color:#abb0ba;font-size:18px;line-height:1.6;max-width:590px;margin-bottom:30px}.benefits>div{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #303138}.benefits>div:first-child{padding-top:0}.benefits span,.steps b{font:900 30px 'Oswald';color:var(--orange)}.benefits h3,.card h3,.steps h3,.contact h3{font-size:24px}.benefits p{margin-top:5px}.cards{margin-top:45px}.card{min-height:300px}.icon{font-size:29px;color:var(--orange);margin-bottom:25px}.card h3{line-height:1.05}.card ul{padding:0;list-style:none;color:#c3c5ca;font-size:14px}.card li{margin-top:10px}.card li:before{content:'✓';color:var(--orange);margin-right:10px}.brands{text-align:center;margin-top:30px;padding:30px;border:1px solid #2b2d32;border-radius:12px;background:#111318}.brands small{color:var(--orange);font:800 12px 'Oswald';letter-spacing:2px}.brands div{font:900 24px 'Oswald';letter-spacing:1px;margin:15px}.brands i{font-style:normal;color:#6d6d6d;padding:0 12px}.brands p{color:#969ba4;margin:0}.steps{margin-top:50px}.steps>div{border-top:2px solid #9a620e;padding-top:24px}.steps h3{margin-top:18px}.wide-photo{padding:125px 0;background:linear-gradient(90deg,#0b0e13 5%,#0b0e13f5 48%,#0b0e13c8),url('assets/fleet-section-panorama.jpg') center/cover}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-box{background:#14161a;border:1px solid #37332a;padding:35px;border-radius:12px}.contact-box .btn{margin-top:25px}footer{border-top:1px solid #282a2e;background:#0b0c0f;padding:45px 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;color:#a7aab0;font-size:14px}.footer .logo{color:white}.footer small{color:#6e737b}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.mobile-bar{display:none}:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:900px){.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#101216;padding:20px 30px;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.menu{display:block}.issue-grid,.cards,.steps{grid-template-columns:repeat(2,1fr)}.split{gap:40px}.hero-bottom{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{padding:0 20px;height:64px}.header nav{top:64px}.hero{min-height:auto}.hero-content{padding:75px 0 60px}.hero-image{background-position:62% center}h1{font-size:clamp(46px,11.2vw,62px)}.hero p{font-size:17px}.actions{flex-direction:column;align-items:stretch}.hero-bottom{gap:20px;padding-bottom:25px}.hero-bottom strong{font-size:20px}.section{padding-top:75px;padding-bottom:75px}.issue-grid,.cards,.steps,.split,.contact{grid-template-columns:1fr}.issue,.card{padding:25px}.card{min-height:0}.split{gap:45px}.brands div{line-height:1.8}.wide-photo{padding:80px 0}.footer{flex-direction:column;align-items:flex-start;padding-bottom:50px}.mobile-bar{display:block;position:fixed;bottom:0;left:0;right:0;z-index:9;background:var(--orange);color:#101010;text-align:center;font:900 15px 'Oswald';padding:15px}.mobile-bar a{display:block}body{padding-bottom:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.ticker div{animation:none}.btn,.card,.issue{transition:none}}


.brand-image{width:42px;height:42px;object-fit:cover;border-radius:50%;background:white}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.detail{background:#15171c;border:1px solid #2b2d32;border-radius:12px;padding:27px}.detail h3{font-size:23px;line-height:1.1}.detail p{color:#a9adb5;line-height:1.6}.detail a,.gallery-note a{color:#ff9d00;font-weight:700}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.gallery a{position:relative;overflow:hidden;border-radius:12px;background:#15171c;min-height:330px}.gallery img{display:block;width:100%;height:360px;object-fit:cover;transition:transform .3s}.gallery a:hover img{transform:scale(1.04)}.gallery span{position:absolute;bottom:0;left:0;right:0;padding:35px 20px 20px;background:linear-gradient(transparent,#08090bee);font:700 16px Oswald,sans-serif}.gallery-note{color:#a3a6ad;margin-top:22px}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.stars{color:#ff9d00;letter-spacing:4px;font-size:20px}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.contact-box .contact-actions .btn{margin-top:12px}.contact-box a:not(.btn){color:#fff;font-size:18px}.contact-box strong{color:white}@media(max-width:900px){.detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.detail-grid,.gallery,.review-grid{grid-template-columns:1fr}.gallery a{min-height:280px}.gallery img{height:320px}}

.hero-image{background-position:center bottom}


.ticker .ticker-track{display:flex;width:max-content;animation:marquee 35s linear infinite}.ticker-group{display:block;flex:none;white-space:nowrap}@media(prefers-reduced-motion:reduce){.ticker .ticker-track{animation:none}}

.work-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:14px;margin-top:38px}.work-card{position:relative;overflow:hidden;border-radius:10px;background:#17191e}.work-card.large{grid-column:span 2;grid-row:span 2}.work-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.work-card:hover img{transform:scale(1.045)}.work-card span{position:absolute;inset:auto 0 0;padding:50px 20px 20px;background:linear-gradient(transparent,rgba(0,0,0,.9));font:700 20px Oswald,sans-serif;line-height:1.2}.work-card span small{display:block;color:#ffa500;font-size:11px;letter-spacing:1.5px;margin-bottom:8px}.work-card span b{float:right;color:#ffa500}.gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;color:#aaa}.feature-rows{display:grid;gap:24px;margin-top:45px}.feature-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;background:#15171b;border:1px solid #2d2e31;border-radius:12px;overflow:hidden}.feature-row img{width:100%;height:330px;object-fit:cover}.feature-row>div{padding:30px 45px 30px 0}.feature-row h3{font-size:32px;line-height:1.05}.feature-row p,.faq-list p{color:#aaadb6;font-size:17px;line-height:1.6}.feature-row a,.faq-list a{color:#ff9d00;font-weight:700}.faq-list{max-width:900px;margin-top:40px}.faq-list details{border-bottom:1px solid #34353a;padding:22px 0}.faq-list summary{cursor:pointer;font:700 23px Oswald,sans-serif;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';color:#ff9d00;font-size:28px}.faq-list details[open] summary:after{content:'−'}.faq-list p{max-width:700px}.faq-list summary::-webkit-details-marker{display:none}@media(max-width:900px){.work-grid{grid-template-columns:repeat(2,1fr)}.feature-row{gap:20px}}@media(max-width:600px){.work-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.work-card.large{grid-column:span 2;grid-row:span 2}.work-card span{font-size:15px;padding:30px 12px 13px}.work-card span small{font-size:9px}.gallery-footer{align-items:flex-start;flex-direction:column}.feature-row{grid-template-columns:1fr}.feature-row img{height:240px}.feature-row>div{padding:5px 25px 30px}.feature-row h3{font-size:27px}.faq-list summary{font-size:19px}}

.logo{gap:8px}.logo-symbol{display:block;flex:none;width:71px;height:51px;background-image:url("assets/logo-reference.png");background-repeat:no-repeat;background-size:1056px 594px;background-position:-247px -208px}.logo-words{font:800 23px/1 Barlow,Arial,sans-serif;letter-spacing:.2px}.logo-words b{color:#dc2634;display:flex;align-items:center;gap:5px;margin-top:6px;letter-spacing:1px;font:800 10px/1 Barlow,Arial,sans-serif}.logo-words i{width:15px;height:2px;background:#dc2634;display:block}@media(max-width:600px){.logo-symbol{width:61px;height:45px;background-size:915px 515px;background-position:-214px -180px}.logo-words{font-size:20px}.logo-words b{font-size:9px}}

.logo-symbol{background-image:url('assets/logo-emblem-hd.png');background-size:contain;background-position:center;background-repeat:no-repeat}

.logo-symbol{width:96px;height:64px}.logo-words{font-size:29px}.logo-words b{font-size:12px}.header{min-height:88px;height:auto}@media(max-width:600px){.header{min-height:74px}.logo-symbol{width:76px;height:52px}.logo-words{font-size:23px}.logo-words b{font-size:10px}.header nav{top:74px}}

.review-grid{grid-template-columns:repeat(3,1fr)}.review-card{display:flex;flex-direction:column}.review-card p{flex:1}.review-source{color:#ff9d00;font:700 11px Oswald,sans-serif;letter-spacing:1px;margin-bottom:12px}.review-note{color:#a6aab3;font-size:14px;margin:25px 0}@media(max-width:900px){.review-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.review-grid{grid-template-columns:1fr}}

.review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.review-card{padding:18px 20px}.review-card h3{font-size:20px}.review-card p{font-size:15px;line-height:1.45;margin:10px 0 14px}.review-card a{font-size:12px}.review-source{font-size:10px;margin-bottom:7px}@media(max-width:900px){.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.review-grid{grid-template-columns:1fr 1fr;gap:8px}.review-card{padding:14px}.review-card p{font-size:14px}.review-card a{font-size:11px}}

/* Технические иллюстрации грузовика в ключевых фоновых блоках */
.hero-image{isolation:isolate}
.hero-image::after{content:"";position:absolute;inset:0 0 0 auto;width:min(76%,1120px);background:url("assets/truck-assembled-schematic.png") right 46%/contain no-repeat;opacity:.58;mix-blend-mode:screen;pointer-events:none}
.detail-schematic{position:relative;isolation:isolate;overflow:hidden;background-color:#101217}
.detail-schematic::before{content:"";position:absolute;z-index:0;inset:0;background:url("assets/truck-exploded-schematic.png") center 48%/min(100%,1500px) auto no-repeat;opacity:.2;mix-blend-mode:screen;pointer-events:none}
.detail-schematic>.wrap{position:relative;z-index:1}
@media(max-width:900px){.hero-image::after{width:90%;opacity:.38;background-position:75% 48%}.detail-schematic::before{background-position:58% 48%;background-size:140% auto;opacity:.13}}
@media(max-width:600px){.hero-image::after{width:100%;opacity:.25;background-position:72% 45%;background-size:auto 67%}.detail-schematic::before{background-position:55% 45%;background-size:auto 68%;opacity:.12}}


/* Схема собранного грузовика под заголовком блока автопарков */
.hero-image::after{display:none!important}
.fleet-truck-illustration{display:block;width:min(100%,560px);height:auto;margin:8px 0 24px;mix-blend-mode:screen;opacity:.86}

@media(max-width:600px){.fleet-truck-illustration{width:100%;margin:0 0 18px}}


/* Собранный грузовик как фоновая иллюстрация секции автопарков */
.fleet-truck-illustration{display:none}
.fleet-schematic-section{position:relative;isolation:isolate;overflow:hidden}
.fleet-schematic-section::before{content:"";position:absolute;z-index:0;inset:0;background:url("assets/truck-assembled-schematic.png") 83% 52%/min(74%,1120px) auto no-repeat;opacity:.055;mix-blend-mode:screen;pointer-events:none}
.fleet-schematic-section>.wrap{position:relative;z-index:1}
@media(max-width:900px){.fleet-schematic-section::before{background-position:75% 48%;background-size:100% auto;opacity:.04}}
@media(max-width:600px){.fleet-schematic-section::before{background-position:58% 50%;background-size:auto 64%;opacity:.03}}


/* Увеличенная взрыв-схема на фоне блока «Сервис для грузовиков и полуприцепов» */
.detail-schematic::before{background-size:min(150%,2200px) auto}
@media(max-width:900px){.detail-schematic::before{background-size:175% auto}}
@media(max-width:600px){.detail-schematic::before{background-size:220% auto}}

/* Схема полностью внутри секции, без выхода за её края */
.detail-schematic::before{background-size:cover;background-position:center}
@media(max-width:900px){.detail-schematic::before{background-size:cover;background-position:center}}
@media(max-width:600px){.detail-schematic::before{background-size:cover;background-position:center}}

/* Читаемые интервалы для многострочных секционных заголовков */
h2{line-height:1.12}
section[id]{scroll-margin-top:92px}
@media(max-width:600px){h2{line-height:1.12}}

/* Заголовок блока автопарков помещается в две задуманные строки */
#fleet h2{font-size:clamp(38px,3.1vw,56px);line-height:1.12}

/* Ровный трекинг для заголовков всех уровней */
h1,h2,h3,h4{font-kerning:none;letter-spacing:.02em}

/* Фотографии в карточках услуг: высокое разрешение и показ целиком */
.feature-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.feature-row img{width:100%;height:100%;min-height:100%;aspect-ratio:1.15/1;object-fit:cover;align-self:stretch;background:#0b0d11} .feature-row:nth-child(2) img{opacity:.86}
@media(max-width:900px){.feature-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
@media(max-width:600px){.feature-row{grid-template-columns:1fr}.feature-row img{width:100%;height:100%;min-height:240px;aspect-ratio:auto;object-fit:cover} .feature-row:nth-child(2) img{opacity:.86}}

/* Третий вариант фотографии на весь фон первого экрана */
.hero-image{bottom:103px!important;background-size:auto 126.5%!important;background-position:center bottom!important}.hero-bottom{isolation:isolate;color:#f3f4f7;border-top-color:#2d2e31}.hero-bottom::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc((100vw - 100%)/-2);width:100vw;background:#15171b}.hero-bottom small{color:#a2a6af}@media(max-width:600px){.hero-image{bottom:122px!important}}

.instagram-link{gap:10px}.instagram-icon{display:inline-grid;place-items:center;width:24px;height:24px;flex:none;border-radius:7px;background:linear-gradient(135deg,#7138c8,#d62976 55%,#ff8a34);color:#fff}.instagram-icon svg{display:block;width:16px;height:16px}

.hero-bottom>div{text-align:center;justify-self:center}


/* Фоны и закреплённая кнопка на мобильных экранах */
@media (max-width: 600px) {
  .mobile-bar { display: none; }
  body { padding-bottom: 0; }
  .hero-image {
    background-color: #0b0e13;
    background-image: linear-gradient(180deg, #0b0e13 0%, #0b0e13 78%, rgba(11,14,19,.8) 87%, rgba(11,14,19,.65) 94%, #0b0e13 100%), url("assets/fleet-hero-panorama.jpg");
    background-size: 100% 100%, 100% auto !important;
    background-position: center, center bottom !important;
    background-repeat: no-repeat;
  }
  .detail-schematic::before {
    background-size: 100% auto;
    background-position: center 25%;
  }
  .fleet-schematic-section::before {
    background-size: 100% auto;
    background-position: center 35%;
  }
}

/* Мобильный первый экран: мягкий фон на всю высоту и фото без растяжения */
@media (max-width: 600px) {
  .hero-image {
    overflow: hidden;
    background: #0b0e13 !important;
  }
  .hero-image::before {
    content: "";
    position: absolute;
    inset: -20px;
    background: url("assets/fleet-hero-panorama.jpg") center / cover no-repeat;
    filter: blur(16px) brightness(.35);
    opacity: .75;
  }
  .hero-image::after {
    display: block !important;
    inset: 50% 0 auto;
    width: 100%;
    height: 42vw;
    transform: translateY(-50%);
    background: linear-gradient(90deg, rgba(8,12,18,.72), rgba(8,12,18,.55)), url("assets/fleet-hero-panorama.jpg") center / 100% auto no-repeat;
    opacity: 1;
    mix-blend-mode: normal;
    mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 78%, transparent);
    pointer-events: none;
  }
}

/* На мобильном экране оставляем место для грузовиков над кнопками */
@media (max-width: 600px) {
  .hero .actions { margin-top: 170px; }
  .hero-image::after { top: 45%; }
}