:root{
  --paper:#f0ede6;
  --paper-2:#e4dfd5;
  --ink:#11110f;
  --muted:#6e6a62;
  --line:rgba(17,17,15,.17);
  --signal:#ff5b2e;
  --white:#f8f6f1;
  --black:#11110f;
  --radius:22px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  line-height:1.45;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
img{display:block;max-width:100%}

.site-noise{
  position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.055;mix-blend-mode:multiply;
  background:
    repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.16) 2px 3px),
    repeating-linear-gradient(90deg,transparent 0 4px,rgba(0,0,0,.11) 4px 5px);
  transform:translateZ(0);
}

.topbar{
  position:fixed;z-index:40;top:0;left:0;right:0;
  height:76px;padding:0 34px;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;
  border-bottom:1px solid var(--line);
  background:rgba(240,237,230,.82);
  backdrop-filter:blur(18px);
}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.06em}
.brand__mark{
  width:31px;height:31px;display:grid;place-items:center;border:2px solid var(--ink);
  font-size:13px;letter-spacing:-.02em;
}
.brand__text{font-size:19px}.brand__dot{color:var(--signal)}
.nav{display:flex;justify-content:center;gap:28px}
.nav a{font-size:13px;text-transform:uppercase;letter-spacing:.08em;position:relative}
.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:right;transition:.28s ease}
.nav a:hover:after{transform:scaleX(1);transform-origin:left}
.topbar__phone{font-size:13px;font-weight:700;white-space:nowrap}

.hero{
  min-height:100svh;padding-top:76px;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 78% 30%, rgba(255,91,46,.16), transparent 27%),
    linear-gradient(110deg,var(--paper) 0%, var(--paper) 50%,#dbd5ca 100%);
}
.hero__grid{
  min-height:calc(100svh - 76px);
  display:grid;grid-template-columns:1fr 1fr;gap:20px;
  max-width:1520px;margin:0 auto;padding:74px 34px 40px;
}
.hero__copy{align-self:center;padding-right:6vw;position:relative;z-index:5}
.eyebrow{
  margin:0 0 24px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:700;
}
.hero__title{
  margin:0;
  font-size:clamp(56px,7.6vw,126px);
  line-height:.86;letter-spacing:-.075em;font-weight:900;
  text-transform:uppercase;
}
.hero__title span{display:inline-block;font-weight:500;letter-spacing:-.065em}
.hero__lead{
  max-width:590px;margin:34px 0 0;font-size:18px;line-height:1.45;color:#37352f;
}
.hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.button{
  min-height:56px;padding:0 19px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;
  border:1px solid var(--ink);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;
  transition:transform .25s ease,background .25s ease,color .25s ease;
}
.button__arrow{font-size:20px;line-height:1}
.button:hover{transform:translateY(-4px)}
.button--dark{background:var(--ink);color:var(--white)}
.button--ghost{background:transparent}
.button--signal{border-color:var(--signal);cursor: pointer;background:var(--signal);color:white}
.hero__note{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:12px;color:var(--muted)}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 6px rgba(255,91,46,.1)}

.hero__visual{position:relative;min-height:620px;align-self:stretch}
.hero__car-wrap{position:absolute;right:-3vw;bottom:8%;width:min(760px,75vw);z-index:3}
.hero__car{width:100%;filter:drop-shadow(0 24px 20px rgba(0,0,0,.16))}
.hero__driver-wrap{position:absolute;right:20%;bottom:2%;width:min(340px,36vw);z-index:5}
.hero__driver{width:100%;filter:drop-shadow(0 20px 20px rgba(0,0,0,.14))}
.hero__stamp{
  position:absolute;top:7%;right:4%;z-index:6;width:126px;height:126px;border:1px solid rgba(17,17,15,.35);
  border-radius:50%;display:grid;place-items:center;text-align:center;font-size:11px;font-weight:700;
  line-height:1.15;transform:rotate(9deg)
}
.hero__line{position:absolute;border-top:1px solid rgba(17,17,15,.16);z-index:1}
.hero__line--one{left:2%;right:10%;top:27%}
.hero__line--two{left:15%;right:0;bottom:28%}
.hero__microcopy{
  position:absolute;left:5%;bottom:3%;font-size:10px;line-height:1.5;display:grid;gap:3px;
  letter-spacing:.12em;font-weight:700;z-index:6
}
.hero__microcopy span:first-child{color:var(--signal);font-size:16px}

.hero__ticker{position:absolute;bottom:0;left:0;right:0;height:48px;border-top:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.16)}
.ticker__track{
  height:100%;display:flex;align-items:center;width:max-content;
  text-transform:uppercase;font-size:11px;letter-spacing:.2em;font-weight:800;
  animation:marquee 18s linear infinite;
  will-change:transform;
}
.ticker__group{
  width:100vw;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 180px 0 34px;
  flex:0 0 100vw;
}
.ticker__track i{
  width:5px;height:5px;border-radius:50%;background:var(--signal);display:block;flex:0 0 auto
}
@keyframes marquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-100vw,0,0)}
}
@media (max-width:640px){
  .ticker__group{padding:0 76px 0 18px;gap:12px;font-size:9px;letter-spacing:.14em}
  .ticker__track{animation-duration:15s}
}

.section-pad{padding:150px 34px;max-width:1520px;margin:0 auto}
.section-head{max-width:980px}
.section-head h2,.price h2,.route h2,.request h2{
  margin:0;font-size:clamp(48px,6.4vw,94px);line-height:.9;letter-spacing:-.07em;text-transform:uppercase
}
h2 em{font-style:normal;font-weight:500}
.services{
  display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:72px
}
.service{
  min-height:350px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;
  position:relative;overflow:hidden;transition:transform .35s ease,background .35s ease,color .35s ease,border-color .35s ease
}
.service:hover{transform:translateY(-9px);border-color:transparent}
.service__index{font-size:11px;letter-spacing:.1em;color:var(--muted);font-weight:800}
.service h3{margin:0 0 13px;font-size:clamp(30px,3vw,48px);line-height:.93;letter-spacing:-.06em;text-transform:uppercase}
.service p{margin:0;max-width:400px;color:#625e56;font-size:14px}
.service__mark{position:absolute;right:20px;bottom:12px;font-size:38px;font-weight:300}
.service__bg{
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:76%;
  max-width:none;
  height:auto;
  object-fit:contain;
  right:-2%;
  bottom:-10%;
  opacity:.19;
  transform:rotate(-3deg) scale(1);
  filter:saturate(.78) contrast(.95);
  transition:opacity .5s ease,transform .65s cubic-bezier(.2,.8,.2,1);
}
.service > *:not(.service__bg){position:relative;z-index:2}
.service:hover .service__bg{opacity:.60;transform:rotate(0deg) scale(1.045)}
.service--electronics .service__bg{width:83%;right:-10%;bottom:-14%;opacity:.16;mix-blend-mode:screen;filter:contrast(1.02)}
.service--electronics:hover .service__bg{opacity:.60}
.service--furniture .service__bg{width:77%;right:-2%;bottom:-8%;opacity:.30}
.service--engine .service__bg {width: 63%;right: 1%;bottom: -2%;opacity: .35;mix-blend-mode: multiply;
}
.service--engine:hover .service__bg{opacity:.60}
@media (max-width: 640px){
  .service__bg{width:83%;right:-8%;bottom:-12%;opacity:.18}
  .service--electronics .service__bg{width:91%;right:-16%;bottom:-14%}
  .service--furniture .service__bg{width:84%;right:-8%;bottom:-9%}
  .service--engine .service__bg{width:88%;right:-9%;bottom:-16%}
}
.service--big{grid-column:span 6;background:#e8e2d8}
.service--dark{grid-column:span 6;background:var(--ink);color:var(--white)}
.service--dark .service__index,.service--dark p{color:#aba79f}
.service--offset{grid-column:span 5;margin-left:11%;background:#dcd5c8}
.service--signal{grid-column:span 5;background:var(--signal);margin-left:0}
.service--signal p{color:#2e241e}

.story{
  position:relative;background:var(--ink);color:var(--white);
  min-height:300vh;
}
.story__sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;padding:28px 34px 32px}
.story__top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:20}
.story__top .eyebrow{margin:0;color:#8e8a82}.story__counter{font-size:11px;letter-spacing:.16em;color:#858179}.story__counter b{color:var(--signal);font-size:17px}
.story__stage{position:absolute;inset:0}
.story__copy{position:absolute;left:34px;bottom:12vh;z-index:15;width:min(420px,38vw)}
.story-step{position:absolute;left:0;bottom:0;opacity:0;transform:translateY(30px);pointer-events:none}
.story-step.is-active{opacity:1;transform:none}
.story-step__num{display:inline-block;margin-bottom:16px;color:var(--signal);font-size:12px;font-weight:800;letter-spacing:.15em}
.story-step h2{margin:0;font-size:clamp(46px,5.4vw,84px);line-height:.86;letter-spacing:-.07em;text-transform:uppercase}
.story-step p{max-width:350px;color:#a8a39b;margin:24px 0 0;font-size:15px}
.story__road{position:absolute;left:32%;right:0;bottom:15%;height:140px;z-index:1}
.road__line{position:absolute;left:0;right:0;top:62px;border-top:1px dashed rgba(255,255,255,.24)}
.road__glow{position:absolute;left:0;top:61px;width:38%;border-top:2px solid var(--signal)}
.road__city{position:absolute;top:28px;font-size:10px;letter-spacing:.14em;font-weight:800;color:#6e6a63}
.road__city--a{left:0}.road__city--b{left:49%;font-size:20px;color:#3f3b36}.road__city--c{right:5%}
.story__visual{position:absolute;inset:0;z-index:10;pointer-events:none}
.story-shot{position:absolute;max-width:none;will-change:transform,opacity;filter:drop-shadow(0 30px 24px rgba(0,0,0,.25))}
.story-driver{width:min(390px,30vw);right:17%;bottom:5%}
.story-car{width:min(880px,62vw);right:-7%;bottom:13%}
.shot-driver-1,.shot-car-1{opacity:1}
.shot-driver-2,.shot-driver-3,.shot-car-2,.shot-car-3{opacity:0}
.story__label{
  position:absolute;right:38px;top:40%;writing-mode:vertical-rl;transform:rotate(180deg);
  font-size:10px;letter-spacing:.22em;color:#8a857d
}

.price{display:grid;grid-template-columns:1fr;gap:90px}
.price__layout{display:grid;grid-template-columns:1fr 1fr;gap:12vw;align-items:end}
.price__statement{padding-bottom:5px}
.price__big{margin:0;font-size:clamp(30px,4vw,62px);line-height:.98;letter-spacing:-.06em;text-transform:uppercase}
.price__big strong{font-weight:900;text-decoration:underline;text-decoration-color:var(--signal);text-decoration-thickness:4px;text-underline-offset:9px}
.price__small{margin:30px 0 24px;color:var(--muted);max-width:520px}
.text-link{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:7px}
.price__photo-wrap{
  position:relative;min-height:450px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  background:#d8d1c6;display:flex;align-items:flex-end;justify-content:center
}
.price__photo-wrap img{width:min(980px,100%);transform:translateY(16%);filter:drop-shadow(0 20px 25px rgba(0,0,0,.16))}
.price__photo-note{position:absolute;left:24px;top:24px;font-size:10px;letter-spacing:.1em;font-weight:700;color:#554f47;line-height:1.5}

.route{background:var(--paper-2);max-width:none;position:relative;overflow:hidden}
.route__head{max-width:1520px;margin:0 auto 90px;padding:0 34px}
.route__head p:not(.eyebrow){max-width:480px;color:var(--muted);margin-top:28px}
.route-map{
  max-width:1520px;margin:0 auto;min-height:460px;position:relative;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)
}
.route-map__line{position:absolute;left:7%;right:7%;top:52%;border-top:2px solid var(--ink);transform-origin:left}
.route-map__node{position:absolute;top:calc(52% - 20px);display:grid;gap:4px}
.route-map__node span{width:13px;height:13px;border-radius:50%;border:2px solid var(--ink);background:var(--paper-2);margin-bottom:8px}
.route-map__node b{font-size:11px;letter-spacing:.13em}.route-map__node small{font-size:9px;color:var(--muted);letter-spacing:.13em}
.route-map__node--1{left:7%}.route-map__node--2{left:44%}.route-map__node--3{right:7%}
.route-map__node--3 span{background:var(--signal);border-color:var(--signal)}
.route-map__car{position:absolute;width:280px;left:7%;top:calc(52% - 92px);filter:drop-shadow(0 15px 14px rgba(0,0,0,.18))}
.route-map__car img{width:100%}

.cooperation{
  background:var(--ink);
  color:var(--white);
  overflow:hidden;
}
.cooperation__inner{
  max-width:1520px;
  margin:0 auto;
  padding:145px 34px 28px;
}
.cooperation__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid rgba(255,255,255,.14);
  padding-bottom:22px;
}
.cooperation__top .eyebrow{margin:0;color:#8e8a82}
.cooperation__tag{
  font-size:10px;
  letter-spacing:.16em;
  font-weight:800;
  color:var(--signal);
}
.cooperation__grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:9vw;
  padding:70px 0 80px;
  align-items:end;
}
.cooperation__title h2{
  margin:0;
  font-size:clamp(48px,6.4vw,94px);
  line-height:.88;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.cooperation__title h2 em{font-style:normal;font-weight:500;color:#aaa59d}
.cooperation__content{max-width:570px}
.cooperation__lead{
  margin:0;
  font-size:clamp(21px,2.1vw,31px);
  line-height:1.05;
  letter-spacing:-.04em;
}
.cooperation__actions{
  margin-top:34px;
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
}
.button--light{background:var(--white);color:var(--ink);border-color:var(--white)}
.cooperation__link{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:800;
  border-bottom:1px solid rgba(255,255,255,.3);
  padding-bottom:7px;
}
.cooperation__link span{font-size:17px;margin-left:7px;color:var(--signal)}
.cooperation__note{margin:22px 0 0;max-width:480px;color:#858078;font-size:12px}
.cooperation__route{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
  font-size:10px;
  letter-spacing:.15em;
  font-weight:800;
  color:#6e6a63;
}
.cooperation__route i{
  width:7px;height:7px;border-radius:50%;background:#403d38;display:block;flex:0 0 auto
}
.cooperation__route .is-active{color:var(--signal)}

.request-form select{
  width:100%;
  border:0;
  border-bottom:1px solid var(--line);
  padding:8px 0 13px;
  border-radius:0;
  outline:none;
  background:transparent;
  color:var(--ink);
  font-size:22px;
  letter-spacing:-.03em;
  appearance:none;
  cursor:pointer;
}
.request-form select:focus{border-bottom-color:var(--ink)}

.request{
  display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:start;
}
.request__intro{position:sticky;top:120px}
.request__hint{max-width:390px;color:var(--muted);margin-top:28px}
.request-form{display:grid;gap:24px}
.request-form label{display:grid;gap:9px}
.request-form label span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#5f5b54}
.request-form input,.request-form textarea{
  width:100%;border:0;border-bottom:1px solid var(--line);padding:8px 0 13px;border-radius:0;outline:none;background:transparent;color:var(--ink);
  font-size:22px;letter-spacing:-.03em;resize:vertical;transition:border-color .25s ease
}
.request-form input::placeholder,.request-form textarea::placeholder{color:#aaa49a}
.request-form input:focus,.request-form textarea:focus{border-bottom-color:var(--ink)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:15px}
.form-call{text-align:right}.form-call span{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.form-call a{font-size:20px;font-weight:800;letter-spacing:-.04em}
.form-status{min-height:18px;margin:0;font-size:13px;color:var(--signal)}

.footer{padding:55px 34px 30px;background:var(--ink);color:var(--white)}
.footer__top{display:flex;justify-content:space-between;gap:30px;padding-bottom:55px;border-bottom:1px solid rgba(255,255,255,.16)}
.footer__brand{font-size:52px;font-weight:900;text-transform:uppercase}.footer__brand span{color:var(--signal)}
.footer__top p{margin:4px 0 0;color:#949087;font-size:13px}
.footer__phone{font-size:24px;font-weight:800;letter-spacing:-.04em;align-self:flex-end}
.footer__bottom{display:flex;justify-content:space-between;padding-top:16px;color:#77736b;font-size:10px;letter-spacing:.12em}

.mobile-bar{display:none}

@media (max-width: 980px){
  .cooperation__inner{padding:105px 18px 24px}
  .cooperation__grid{grid-template-columns:1fr;gap:48px;padding:55px 0 58px}
  .cooperation__content{max-width:100%}
}

@media (max-width: 980px){
  .topbar{grid-template-columns:auto auto;height:68px;padding:0 18px}.nav{display:none}.topbar__phone{justify-self:end}
  .hero__grid{grid-template-columns:1fr;padding:60px 18px 30px;min-height:calc(100svh - 68px)}
  .hero__copy{padding-right:0;align-self:start;padding-top:9vh}
  .hero__visual{min-height:54vh;margin-top:-5vh}
  .hero__car-wrap{width:95vw;right:-25vw;bottom:10%}
  .hero__driver-wrap{width:280px;right:14%;bottom:0}
  .hero__stamp{top:5%;right:2%;transform:scale(.8) rotate(9deg)}
  .section-pad{padding:105px 18px}
  .services{margin-top:48px}
  .service--big,.service--dark{grid-column:span 6}.service--offset,.service--signal{grid-column:span 6;margin-left:0}
  .story__sticky{padding:22px 18px}
  .story__copy{left:18px;bottom:9vh;width:54vw}.story__road{left:28%;bottom:13%}
  .story-driver{right:6%;width:310px}.story-car{right:-18%;width:700px}
  .price__layout{gap:40px}
  .route__head{padding:0 18px}.request{grid-template-columns:1fr;gap:55px}.request__intro{position:relative;top:auto}.request{padding-bottom:135px}
  .mobile-bar{display:grid; grid-template-columns:1fr 1fr;position:fixed;z-index:45;bottom:0;left:0;right:0;background:var(--ink)}
  .mobile-bar a{height:58px;display:grid;place-items:center;color:var(--white);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
  .mobile-bar a+ a{background:var(--signal);color:var(--ink)}
}

@media (max-width: 640px){
  body{font-size:15px}
  .cooperation__top{align-items:flex-start;flex-direction:column}
  .cooperation__grid{padding-top:42px}
  .cooperation__route{font-size:8px;gap:9px;white-space:nowrap;overflow:hidden}
  .topbar__phone{font-size:11px}
  .brand__text{font-size:17px}
  .hero__title{font-size:clamp(50px,15vw,82px)}
  .hero__lead{font-size:15px;margin-top:24px}
  .hero__actions{gap:8px}.button{min-height:52px;padding:0 15px;gap:22px}
  .hero__visual{min-height:50vh}
  .hero__car-wrap{width:125vw;right:-48vw;bottom:13%}
  .hero__driver-wrap{width:220px;right:6%;bottom:-1%}
  .hero__microcopy{left:0;bottom:1%;font-size:8px}
  .hero__stamp{right:0;top:3%;width:96px;height:96px;font-size:9px}
  .services{display:block;margin-top:36px}.service{min-height:270px;margin-bottom:12px}.service h3{font-size:34px}
  .story{min-height:340vh}
  .story__sticky{min-height:620px}.story__copy{width:78vw;bottom:7vh}
  .story-step h2{font-size:48px}.story-step p{font-size:13px;max-width:300px}
  .story__road{left:12%;right:-10%;bottom:24%}.story__label{right:14px}
  .story-driver{width:220px;right:-3%;bottom:6%}.story-car{width:560px;right:-28%;bottom:19%}
  .price__layout{grid-template-columns:1fr;gap:45px}.price{gap:55px}.price__photo-wrap{min-height:320px}
  .route-map{min-height:500px}.route-map__line{left:12%;right:12%;top:56%}.route-map__node--1{left:12%;top:calc(56% - 20px)}.route-map__node--2{left:39%;top:calc(56% - 20px)}.route-map__node--3{right:12%;top:calc(56% - 20px)}
  .route-map__car{width:210px;left:11%;top:calc(56% - 74px)}
  .form-grid{grid-template-columns:1fr}
  .request-form input,.request-form textarea{font-size:20px}
  .form-bottom{display:grid;justify-content:stretch}.form-call{text-align:left}
  .footer{padding:42px 18px 84px}.footer__top{display:grid}.footer__phone{align-self:auto;font-size:21px}.footer__bottom{font-size:8px}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}