/* Lider visual system — dimensional dark automotive theme */
:root{
  --bg:#07090e;
  --bg-2:#0b0e15;
  --panel:#111620;
  --panel-2:#161c28;
  --ink:#f8fbff;
  --muted:#aab4c3;
  --line:rgba(145,174,211,.18);
  --red:#ff493f;
  --red-bright:#ff665d;
  --blue:#198ff5;
  --blue-bright:#61baff;
  --cyan:#5de1ff;
  --shadow:0 30px 80px rgba(0,0,0,.46);
  --soft-shadow:0 16px 45px rgba(0,0,0,.3);
}

html{background:var(--bg)}
body{
  position:relative;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 14% 9%,rgba(25,143,245,.12),transparent 28rem),
    radial-gradient(circle at 88% 35%,rgba(255,73,63,.09),transparent 30rem),
    linear-gradient(180deg,#080a0f 0,#090c12 52%,#07090e 100%);
  color:var(--ink);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,black,transparent 85%);
}
::selection{background:rgba(255,73,63,.75);color:#fff}

.header{
  position:sticky;
  top:0;
  z-index:40;
  border-bottom:1px solid rgba(130,168,210,.16);
  background:rgba(7,9,14,.78);
  backdrop-filter:blur(20px) saturate(1.25);
  box-shadow:0 10px 38px rgba(0,0,0,.18);
  transition:background .25s,border-color .25s,box-shadow .25s;
}
.header.is-scrolled{
  background:rgba(7,9,14,.94);
  border-color:rgba(90,166,235,.25);
  box-shadow:0 18px 55px rgba(0,0,0,.38);
}
.logo-crop{filter:drop-shadow(0 8px 18px rgba(0,0,0,.55)) saturate(1.12)}
.header nav a{color:#dce4ef;transition:color .2s,text-shadow .2s}
.header nav a:hover{color:#fff;text-shadow:0 0 18px rgba(85,177,255,.65)}
.header-phone{
  overflow:hidden;
  border-color:rgba(91,179,255,.38);
  background:
    linear-gradient(120deg,rgba(255,73,63,.17),rgba(25,143,245,.22)),
    rgba(14,19,28,.82);
  box-shadow:0 14px 38px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.09);
}
.header-phone:hover{border-color:rgba(255,103,94,.72);transform:translateY(-1px)}

.hero{
  min-height:760px;
  isolation:isolate;
  background:#07090e;
  border-bottom:1px solid rgba(107,166,221,.16);
}
.hero::before,
.hero::after{
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  border-radius:50%;
  filter:blur(5px);
}
.hero::before{
  width:480px;height:480px;
  left:-220px;top:-220px;
  background:radial-gradient(circle,rgba(25,143,245,.24),transparent 68%);
}
.hero::after{
  width:520px;height:520px;
  right:-250px;bottom:-310px;
  background:radial-gradient(circle,rgba(255,73,63,.22),transparent 68%);
}
.hero-image{
  inset:0;
  background-position:60% 56%;
  filter:saturate(1.13) contrast(1.07) brightness(.82);
  transform:scale(1.025);
  animation:hero-breathe 18s ease-in-out infinite alternate;
}
.hero-image::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#07090e 3%,rgba(7,9,14,.95) 30%,rgba(7,9,14,.42) 58%,rgba(7,9,14,.08) 78%),
    linear-gradient(0deg,#07090e 0,transparent 35%);
}
.hero-image:after{
  background:
    radial-gradient(circle at 72% 53%,transparent 0 18%,rgba(25,143,245,.08) 43%,transparent 63%),
    linear-gradient(90deg,rgba(7,9,14,.96),rgba(7,9,14,.82) 31%,rgba(7,9,14,.14) 68%,transparent),
    linear-gradient(0deg,#07090e 0,transparent 30%);
}
.hero-content{z-index:3;padding-top:88px;padding-bottom:110px}
.hero .eyebrow{
  display:inline-flex;
  align-items:center;
  padding:8px 13px;
  border:1px solid rgba(95,184,255,.25);
  border-radius:999px;
  background:rgba(10,16,25,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.hero h1{
  max-width:850px;
  font-size:clamp(55px,5.7vw,88px);
  font-weight:650;
  letter-spacing:-4.8px;
  line-height:1.02;
  text-shadow:0 20px 55px rgba(0,0,0,.65);
}
.hero h1 span{
  color:transparent;
  background:linear-gradient(100deg,#ff4a40 0,#ff736b 52%,#ffb09f 100%);
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 12px 32px rgba(255,73,63,.18));
}
.hero-desc{max-width:650px;color:#d1d8e3;text-shadow:0 4px 18px rgba(0,0,0,.8)}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hero-badges span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(135,177,219,.22);
  background:rgba(13,19,29,.7);
  color:#cbd6e5;
  font-size:13px;
  font-weight:600;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.hero-badges span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px var(--blue)}
.hero-badges span:nth-child(2)::before{background:var(--red);box-shadow:0 0 12px var(--red)}
.hero-badges span:nth-child(3)::before{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.hero-actions{margin-top:34px}
.btn{
  position:relative;
  overflow:hidden;
  border-radius:10px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  transition:transform .25s,box-shadow .25s,border-color .25s,filter .25s;
}
.btn::after{
  content:"";
  position:absolute;
  top:-70%;bottom:-70%;left:-35%;width:24%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transition:left .55s ease;
}
.btn:hover::after{left:120%}
.btn:hover{transform:translateY(-3px);filter:saturate(1.12)}
.primary{
  background:linear-gradient(110deg,#ff3f35,#ff6057 58%,#e8322b);
  border-color:rgba(255,143,134,.45);
  box-shadow:0 18px 44px rgba(255,55,45,.26),inset 0 1px 0 rgba(255,255,255,.26);
}
.primary:hover{background:linear-gradient(110deg,#ff5147,#ff756c 58%,#ef3c34);box-shadow:0 22px 54px rgba(255,55,45,.36),0 0 0 1px rgba(255,255,255,.12)}
.text-link{border-color:rgba(128,186,238,.55);color:#e8f1fb;transition:color .2s,border-color .2s,transform .2s}
.text-link:hover{color:var(--blue-bright);border-color:var(--blue-bright);transform:translateX(3px)}
.hero-bottom{z-index:3;color:#aeb8c6}

.metrics{
  position:relative;
  z-index:8;
  max-width:1312px;
  margin-top:30px;
  padding:0;
  gap:14px;
  border:0;
}
.metrics>div{
  min-height:128px;
  padding:24px 28px;
  border:1px solid rgba(121,173,220,.22);
  border-radius:16px;
  background:
    linear-gradient(145deg,rgba(31,43,60,.94),rgba(13,18,27,.94)),
    #111620;
  box-shadow:0 22px 55px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(16px);
}
.metrics>div+div{border-left:1px solid rgba(121,173,220,.22);padding-left:28px}
.metrics>div:nth-child(2){background:linear-gradient(145deg,rgba(50,26,30,.94),rgba(17,20,29,.94))}
.metrics>div:nth-child(3){background:linear-gradient(145deg,rgba(17,52,77,.95),rgba(16,19,28,.95))}
.metrics strong{color:#fff;text-shadow:0 8px 25px rgba(0,0,0,.5)}
.metrics>div:first-child strong{color:var(--blue-bright)}
.metrics>div:nth-child(2) strong{color:var(--red-bright)}

.section{position:relative;padding-top:118px;padding-bottom:118px}
.section-top{margin-bottom:52px}
.eyebrow.blue{color:#75c1ff;text-shadow:0 0 22px rgba(25,143,245,.24)}
h2{font-weight:600;letter-spacing:-2.3px;color:#f7faff}
.section-intro{color:#aeb8c7}

.services-grid{gap:20px}
.service{
  min-height:330px;
  padding:36px;
  border-radius:16px;
  border:1px solid rgba(112,154,198,.2);
  background:
    radial-gradient(circle at 100% 0,rgba(25,143,245,.15),transparent 38%),
    linear-gradient(145deg,rgba(25,31,43,.97),rgba(12,16,24,.97));
  box-shadow:0 20px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.055);
  transform:translateZ(0);
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;
}
.service::before{height:5px;background:linear-gradient(90deg,var(--blue),var(--cyan),transparent 84%)}
.service:nth-child(even){background:radial-gradient(circle at 100% 0,rgba(255,73,63,.13),transparent 38%),linear-gradient(145deg,rgba(29,29,38,.97),rgba(12,16,24,.97))}
.service:nth-child(even)::before{background:linear-gradient(90deg,var(--red),#ff9189,transparent 84%)}
.service:nth-child(3n)::before{background:linear-gradient(90deg,var(--blue),var(--red),transparent 90%)}
.service::after{
  content:"";
  position:absolute;
  width:160px;height:160px;
  right:-85px;bottom:-95px;
  border-radius:50%;
  border:1px solid rgba(101,180,247,.13);
  box-shadow:0 0 0 22px rgba(101,180,247,.035),0 0 0 45px rgba(101,180,247,.02);
}
.service:hover{
  transform:translateY(-9px) scale(1.012);
  border-color:rgba(89,180,255,.5);
  box-shadow:0 32px 70px rgba(0,0,0,.42),0 14px 38px rgba(22,116,198,.12),inset 0 1px 0 rgba(255,255,255,.09);
}
.service-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;height:29px;
  padding:0 10px;
  border-radius:999px;
  color:#9bd2ff;
  background:rgba(25,143,245,.13);
  border:1px solid rgba(77,167,245,.26);
}
.service:nth-child(even) .service-num{color:#ff9b95;background:rgba(255,73,63,.1);border-color:rgba(255,100,91,.23)}
.service h3{font-weight:600;color:#fff}
.service p{color:#aeb9c8}
.service-arrow{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(25,143,245,.11);border:1px solid rgba(94,178,250,.24);color:#9bd3ff;transition:transform .25s,background .25s}
.service:hover .service-arrow{transform:rotate(45deg);background:rgba(255,73,63,.15);color:#fff}

.price-preview{
  position:relative;
  overflow:hidden;
  margin-top:92px;
  border-radius:22px;
  border:1px solid rgba(97,183,255,.34);
  background:
    radial-gradient(circle at 8% 0,rgba(25,143,245,.28),transparent 36%),
    radial-gradient(circle at 96% 100%,rgba(255,73,63,.2),transparent 34%),
    linear-gradient(135deg,#162232,#11151e 55%,#1e151a);
  box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.11);
}
.price-preview::after{content:"";position:absolute;right:-70px;top:-80px;width:240px;height:240px;border:1px solid rgba(255,255,255,.065);transform:rotate(45deg);box-shadow:0 0 0 32px rgba(255,255,255,.018),0 0 0 64px rgba(255,255,255,.012)}
.price-row{position:relative;z-index:1;padding-inline:18px;transition:background .2s,padding .2s}
.price-row:hover{background:linear-gradient(90deg,rgba(25,143,245,.1),rgba(255,73,63,.055));padding-inline:25px}
.price-row em{text-shadow:0 0 22px rgba(255,73,63,.22)}

.section-bordered{
  overflow:hidden;
  background:
    radial-gradient(circle at 0 0,rgba(25,143,245,.13),transparent 38%),
    radial-gradient(circle at 100% 100%,rgba(255,73,63,.09),transparent 38%),
    linear-gradient(180deg,#0c1017,#0a0d13);
  border-block:1px solid rgba(119,169,214,.15);
}
.section-bordered::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 45%,rgba(255,255,255,.018) 45% 45.2%,transparent 45.2% 100%)}
.section-bordered>.wrap{position:relative;z-index:1}
.cases-grid{gap:28px}
.case-card{
  padding:14px 14px 28px;
  border:1px solid rgba(112,161,205,.2);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(23,29,40,.97),rgba(12,15,22,.97));
  box-shadow:var(--soft-shadow),inset 0 1px 0 rgba(255,255,255,.055);
  transition:transform .3s,box-shadow .3s,border-color .3s;
}
.case-card:hover{transform:translateY(-7px);border-color:rgba(89,180,255,.48);box-shadow:0 30px 72px rgba(0,0,0,.42)}
.comparison{height:385px;border-radius:13px;box-shadow:0 18px 42px rgba(0,0,0,.42)}
.comparison figure::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);pointer-events:none}
.comparison figcaption{font-weight:800;letter-spacing:1px;backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.case-title,.case-card>p,.case-source{margin-left:12px;margin-right:12px}
.case-title span{color:#80c4ff}

.benefits{gap:20px}
.benefits article{
  min-height:310px;
  padding:32px;
  border-radius:16px;
  border:1px solid rgba(85,167,237,.22);
  background:
    radial-gradient(circle at 100% 100%,rgba(25,143,245,.14),transparent 42%),
    linear-gradient(150deg,rgba(23,31,43,.94),rgba(12,15,22,.97));
  box-shadow:var(--soft-shadow),inset 0 1px 0 rgba(255,255,255,.055);
  transition:transform .3s,border-color .3s;
}
.benefits article:nth-child(even){background:radial-gradient(circle at 100% 100%,rgba(255,73,63,.13),transparent 42%),linear-gradient(150deg,rgba(31,26,33,.95),rgba(12,15,22,.97));border-color:rgba(255,91,82,.2)}
.benefits article:hover{transform:translateY(-8px);border-color:rgba(100,185,255,.5)}
.benefits article>span{font-size:76px;color:transparent;background:linear-gradient(180deg,#66bdff,rgba(25,143,245,.15));-webkit-background-clip:text;background-clip:text}
.benefits article:nth-child(even)>span{background:linear-gradient(180deg,#ff766d,rgba(255,73,63,.14));-webkit-background-clip:text;background-clip:text}

.accident{padding-block:26px 96px}
.accident-inner{
  padding:68px;
  border-radius:24px;
  border:1px solid rgba(108,185,248,.38);
  background:
    radial-gradient(circle at 0 0,rgba(25,143,245,.35),transparent 38%),
    radial-gradient(circle at 100% 100%,rgba(255,73,63,.24),transparent 42%),
    linear-gradient(125deg,#122d46,#111b2a 48%,#281619);
  box-shadow:0 38px 95px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.12);
}
.accident-inner::after{height:6px;width:36%;background:linear-gradient(90deg,var(--blue),var(--red))}
.accident-inner h2{font-size:54px;font-weight:650}
.accident-list>span{border-color:rgba(255,255,255,.12);transition:padding .2s,background .2s}
.accident-list>span:hover{padding-left:12px;background:linear-gradient(90deg,rgba(255,255,255,.055),transparent)}
.accident-list b{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:rgba(25,143,245,.15);border:1px solid rgba(107,190,255,.3)}

.steps{position:relative;gap:18px}
.steps::before{content:"";position:absolute;left:5%;right:5%;top:57px;height:2px;background:linear-gradient(90deg,var(--blue),rgba(93,225,255,.65),var(--red));opacity:.55}
.steps li{
  min-height:295px;
  padding:30px;
  border-radius:16px;
  border:1px solid rgba(92,169,234,.22);
  background:linear-gradient(150deg,rgba(21,31,44,.96),rgba(11,14,21,.98));
  box-shadow:var(--soft-shadow),inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .28s,border-color .28s;
}
.steps li:nth-child(even){background:linear-gradient(150deg,rgba(37,25,31,.95),rgba(11,14,21,.98));border-color:rgba(255,93,84,.2)}
.steps li:hover{transform:translateY(-7px);border-color:rgba(105,188,255,.5)}
.steps li>span{position:relative;z-index:1;display:inline-flex;padding-right:14px;background:#111923;font-size:56px;font-weight:700}
.steps li:nth-child(even)>span{background:#20151c}

.reviews-layout{gap:22px}
.rating-block,.review{
  border-radius:18px;
  border:1px solid rgba(104,172,230,.22);
  box-shadow:var(--soft-shadow),inset 0 1px 0 rgba(255,255,255,.055);
}
.rating-block{background:radial-gradient(circle at 0 0,rgba(25,143,245,.24),transparent 52%),linear-gradient(145deg,#172333,#10151e)}
.rating-block strong{font-size:78px;color:#fff;text-shadow:0 12px 34px rgba(0,0,0,.5)}
.review{background:radial-gradient(circle at 100% 0,rgba(255,73,63,.11),transparent 40%),linear-gradient(145deg,#171d28,#10141c)}
.review::before{height:4px;background:linear-gradient(90deg,var(--blue),var(--red))}
.review p{color:#c6cfdb}

.faq-section{gap:100px}
.faq-section>div:first-child{position:sticky;top:170px;align-self:start}
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-list details,
.faq-list details:first-child{
  border:1px solid rgba(100,160,214,.18);
  border-radius:13px;
  padding:0 20px;
  background:linear-gradient(145deg,rgba(20,26,37,.9),rgba(11,14,21,.92));
  box-shadow:0 10px 30px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035);
  transition:border-color .25s,background .25s,transform .25s;
}
.faq-list details:hover{transform:translateX(4px);border-color:rgba(91,179,255,.42)}
.faq-list details[open]{border-left:1px solid rgba(91,179,255,.5);border-color:rgba(91,179,255,.42);background:linear-gradient(145deg,rgba(21,45,66,.78),rgba(13,17,25,.96))}
summary{font-weight:600}
summary::after{width:34px;height:34px;display:grid;place-items:center;top:20px;border-radius:50%;background:rgba(25,143,245,.12);border:1px solid rgba(95,181,255,.22);line-height:1}

.estimate-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 0 0,rgba(255,73,63,.25),transparent 35%),
    radial-gradient(circle at 100% 100%,rgba(25,143,245,.3),transparent 42%),
    linear-gradient(125deg,#1b1015,#111927 58%,#0e2234);
  border-block:1px solid rgba(117,182,238,.27);
}
.estimate-section::before{content:"";position:absolute;width:500px;height:500px;left:32%;top:-350px;border-radius:50%;border:1px solid rgba(255,255,255,.055);box-shadow:0 0 0 55px rgba(255,255,255,.018),0 0 0 110px rgba(255,255,255,.01)}
.estimate-inner{position:relative;z-index:1;padding-top:100px;padding-bottom:100px}
.estimate-inner h2{font-size:72px;font-weight:650;line-height:1.03}
.estimate-note{max-width:430px;padding:16px 20px;border-left:4px solid var(--red);border-radius:0 10px 10px 0;background:rgba(255,255,255,.035)}
.estimate-card{
  padding:42px;
  border-radius:20px;
  border:1px solid rgba(100,183,250,.42);
  background:linear-gradient(150deg,rgba(18,26,39,.94),rgba(8,11,17,.96));
  box-shadow:0 34px 85px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.1),inset 0 5px 0 var(--blue);
}
.estimate-card li b{box-shadow:0 0 22px rgba(25,143,245,.15)}
.telegram{background:linear-gradient(110deg,#168fe3,#23a7f5);box-shadow:0 14px 35px rgba(22,143,227,.22)}
.outline{background:rgba(255,255,255,.035);border-color:rgba(156,179,207,.28)}
.max-messenger{background:linear-gradient(110deg,#315cd8,#5948ee);box-shadow:0 14px 35px rgba(70,77,228,.22)}

.contacts-grid{
  gap:38px;
  padding:34px;
  border-radius:22px;
  border:1px solid rgba(102,169,226,.2);
  background:linear-gradient(145deg,rgba(20,27,39,.88),rgba(11,14,21,.92));
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.06);
}
.contacts-grid>div:first-child{padding:20px 20px 20px 10px}
.contact-phone{display:inline-block;color:#fff;text-shadow:0 0 28px rgba(25,143,245,.25);transition:color .2s,transform .2s}
.contact-phone:hover{color:var(--blue-bright);transform:translateX(4px)}
.contact-links a{padding:8px 12px;border:1px solid rgba(104,175,234,.24);border-radius:999px;background:rgba(25,143,245,.07)}
.map-panel{border-radius:16px;border-color:rgba(101,177,240,.28);box-shadow:0 20px 55px rgba(0,0,0,.36)}
.map-link{background:linear-gradient(90deg,#16466e,#3a2026);font-weight:650}

footer{margin-top:80px;border-top-color:rgba(108,166,218,.2);background:linear-gradient(180deg,transparent,rgba(17,27,40,.28))}
.mobile-cta{box-shadow:0 -15px 45px rgba(0,0,0,.4)}
.mobile-cta a:last-child{background:linear-gradient(110deg,#ff4238,#ff6259);box-shadow:0 8px 26px rgba(255,61,52,.22)}

/* Service pages */
.service-hero{
  position:relative;
  overflow:hidden;
  padding:86px 0 96px;
  background:
    radial-gradient(circle at 90% 10%,rgba(255,73,63,.2),transparent 35%),
    radial-gradient(circle at 5% 95%,rgba(25,143,245,.24),transparent 38%),
    linear-gradient(125deg,#0a111b,#101620 58%,#1b1014);
  border-bottom:1px solid rgba(108,175,233,.22);
}
.service-hero::after{content:"";position:absolute;right:-160px;top:-240px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.05);box-shadow:0 0 0 50px rgba(255,255,255,.015),0 0 0 100px rgba(255,255,255,.01)}
.service-hero>.wrap{position:relative;z-index:1}
.breadcrumbs a{color:#b6c7d8}.breadcrumbs span:last-child{color:#fff}
.service-hero h1{font-weight:650;color:transparent;background:linear-gradient(100deg,#fff 0,#d8ebff 55%,#ff8c84 100%);-webkit-background-clip:text;background-clip:text;text-shadow:none}
.service-lead{color:#c2cfdd}
.service-detail>div,.price-note{padding:38px;border-radius:18px;border:1px solid rgba(100,170,230,.2);background:linear-gradient(145deg,rgba(20,29,42,.92),rgba(11,14,21,.96));box-shadow:var(--soft-shadow),inset 0 1px 0 rgba(255,255,255,.055)}
.price-note{background:radial-gradient(circle at 100% 0,rgba(255,73,63,.13),transparent 40%),linear-gradient(145deg,rgba(25,32,45,.95),rgba(11,14,21,.98));border-color:rgba(255,98,89,.22);box-shadow:var(--soft-shadow),inset 0 5px 0 var(--red)}
.work-list li{border-color:rgba(130,163,197,.18)}
.work-list li::before{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:50%;background:rgba(25,143,245,.12);border:1px solid rgba(95,180,252,.24)}
.related-links a{border-radius:999px;background:rgba(25,143,245,.07);transition:transform .2s,background .2s,border-color .2s}
.related-links a:hover{transform:translateY(-3px);background:rgba(25,143,245,.16);border-color:rgba(91,181,255,.5)}
.error-page{position:relative}

/* Motion */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}
@keyframes hero-breathe{from{transform:scale(1.025) translate3d(0,0,0)}to{transform:scale(1.07) translate3d(-.6%,.4%,0)}}

@media(max-width:1200px){
  .metrics{margin-inline:28px}
  .accident-inner{padding:48px}
  .accident-inner h2{font-size:45px}
  .hero h1{font-size:68px}
}

@media(max-width:900px){
  .hero{min-height:720px}
  .metrics{margin-top:24px}
  .metrics>div{padding:20px}
  .benefits article{min-height:280px}
  .faq-section{gap:45px}
  .faq-section>div:first-child{position:static}
  .estimate-inner h2{font-size:56px}
  .service-detail>div,.price-note{padding:30px}
}

@media(max-width:760px){
  body::before{background-size:48px 48px;opacity:.15}
  .header{height:84px;background:rgba(7,9,14,.94);backdrop-filter:blur(16px)}
  .header nav{background:rgba(10,14,21,.98);border-bottom-color:rgba(91,170,239,.28);box-shadow:0 25px 55px rgba(0,0,0,.5)}
  .header-phone{border:0;background:none;box-shadow:none;padding:0;font-size:13px}
  .header-phone::after{display:none}
  .hero{min-height:805px}
  .hero::before{width:320px;height:320px;left:-190px;top:-140px}
  .hero::after{width:330px;height:330px;right:-210px;bottom:-170px}
  .hero-image{inset:310px -105px 0 -95px;background-position:62% 62%;filter:saturate(1.12) contrast(1.07) brightness(.76);animation:none}
  .hero-image::before{background:linear-gradient(180deg,#07090e 0,rgba(7,9,14,.76) 22%,rgba(7,9,14,.08) 50%,#07090e 100%)}
  .hero-image::after{background:linear-gradient(180deg,#07090e 0,rgba(7,9,14,.6) 20%,transparent 48%,#07090e 100%)}
  .hero-content{padding-top:42px;padding-bottom:52px}
  .hero .eyebrow{padding:6px 9px;max-width:100%;font-size:9px}
  .hero h1{font-size:clamp(39px,10.6vw,52px);line-height:1.03;letter-spacing:-2.4px;margin-bottom:24px}
  .hero-desc{font-size:16px;line-height:1.75}
  .hero-badges{gap:7px;margin-top:17px}
  .hero-badges span{font-size:11px;padding:6px 9px}
  .hero-actions{margin-top:24px}
  .hero-actions .btn{width:100%;padding-inline:15px}
  .hero-bottom{padding-bottom:18px}
  .metrics{margin:18px 16px 0;grid-template-columns:1fr 1fr;gap:10px}
  .metrics>div{min-height:124px;padding:18px;border-radius:13px}
  .metrics>div+div{padding-left:18px;border-left:1px solid rgba(121,173,220,.22)}
  .metrics>div:last-child{grid-column:1/-1;padding:19px;border-top:1px solid rgba(121,173,220,.22);flex-direction:row}
  .metrics strong{font-size:31px}
  .metrics>div:last-child strong{font-size:24px}
  .section{padding-top:82px;padding-bottom:82px}
  .section-top{margin-bottom:34px}
  h2,.section-top h2{font-size:37px;letter-spacing:-1.5px}
  .services-grid{gap:14px}
  .service{min-height:250px;padding:26px;border-radius:14px}
  .service:last-child{min-height:238px}
  .service::after{width:120px;height:120px;right:-72px;bottom:-72px}
  .service:hover{transform:none}
  .service-arrow{width:38px;height:38px}
  .price-preview{margin-top:58px;padding:26px 20px;border-radius:16px}
  .price-row{padding-inline:2px}
  .price-row:hover{padding-inline:2px;background:transparent}
  .cases-grid{gap:24px}
  .case-card{padding:10px 10px 24px;border-radius:16px}
  .comparison{height:315px;border-radius:11px}
  .case-title,.case-card>p,.case-source{margin-left:8px;margin-right:8px}
  .benefits{grid-template-columns:1fr;gap:14px}
  .benefits article{min-height:auto;padding:26px}
  .benefits article>span{font-size:58px}
  .accident{padding:10px 17px 72px}
  .accident-inner{padding:30px 24px;border-radius:18px}
  .accident-inner h2{font-size:34px}
  .steps{grid-template-columns:1fr;gap:14px}
  .steps::before{left:51px;right:auto;top:35px;bottom:35px;width:2px;height:auto;background:linear-gradient(180deg,var(--blue),var(--cyan),var(--red))}
  .steps li{min-height:auto;padding:25px 25px 25px 82px}
  .steps li>span{position:absolute;left:22px;top:22px;padding:0;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;font-size:27px;background:#14283a;border:1px solid rgba(93,183,255,.35)}
  .steps li:nth-child(even)>span{background:#351b20;border-color:rgba(255,99,90,.32)}
  .steps h3{margin-top:0}
  .rating-block,.review{border-radius:15px}
  .faq-list{gap:9px}
  .faq-list details,.faq-list details:first-child{padding:0 15px;border-radius:11px}
  summary{padding-right:44px}
  summary::after{right:2px}
  .estimate-inner{padding-top:72px;padding-bottom:72px}
  .estimate-inner h2{font-size:50px}
  .estimate-card{padding:28px 22px;border-radius:16px}
  .contacts-grid{padding:18px;gap:28px;border-radius:17px}
  .contacts-grid>div:first-child{padding:12px 6px 0}
  .contact-links{gap:8px;font-size:13px}
  .contact-links a{padding:8px 10px;white-space:nowrap}
  .map-panel{border-radius:13px}
  footer{margin-top:45px}
  .service-hero{padding:52px 0 68px}
  .service-hero h1{font-size:43px;line-height:1.08}
  .service-detail>div,.price-note{padding:25px;border-radius:15px}
  .mobile-cta{background:rgba(8,11,17,.9);border-top-color:rgba(98,174,238,.3)}
}

@media(prefers-reduced-motion:reduce){
  .hero-image{animation:none}
  .reveal{opacity:1;transform:none;transition:none}
}

/* First screen: a continuous body restoration demonstration. */
.hero{min-height:780px;min-height:max(720px,calc(100svh - 112px));--hero-cycle:12s}
.hero-restoration{position:absolute;inset:0;z-index:0;background:#070a10;overflow:hidden}
.hero-car-layer{position:absolute;inset:0}
.hero-car-layer img{width:100%;height:100%;object-fit:cover;object-position:58% center;transform:scale(1.04);animation:hero-car-drift 12s ease-in-out infinite alternate;filter:brightness(.98) saturate(1.05)}
.hero-car-after{clip-path:inset(0 100% 0 0);animation:hero-restore var(--hero-cycle) ease-in-out infinite}
.hero-car-after img{filter:brightness(1.1) saturate(1.12)}
.hero-restoration::after{content:"";position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,rgba(5,8,13,.97),rgba(5,8,13,.84) 28%,rgba(5,8,13,.28) 52%,transparent 70%),linear-gradient(180deg,rgba(5,8,13,.18),transparent 35%,rgba(5,8,13,.85))}
.hero-laser{position:absolute;z-index:4;left:0;top:12%;bottom:12%;width:2px;animation:hero-laser-travel var(--hero-cycle) ease-in-out infinite;background:linear-gradient(transparent,#8fe1ff 20%,#fff 50%,#ff493f 80%,transparent);box-shadow:0 0 12px #8fe1ff,0 0 36px #ff493f}
.hero-laser span{position:absolute;left:-35px;top:50%;width:72px;height:72px;border:1px solid #ffffff80;border-radius:50%;box-shadow:0 0 35px #61baff40}
.hero-light{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 48%,rgba(20,132,244,.12),transparent 45%);pointer-events:none}
.hero-content{padding-top:64px;padding-bottom:132px}
.hero h1{font-size:clamp(48px,4.7vw,78px);max-width:620px;letter-spacing:-3px;line-height:1.04}
.hero-desc{max-width:530px;font-size:18px}
.hero-workshop-label{position:absolute;z-index:6;right:4%;bottom:135px;display:flex;align-items:center;gap:16px;font-size:12px;font-weight:700;letter-spacing:1.2px;background:rgba(5,10,18,.72);border:1px solid #ffffff26;border-radius:10px;padding:12px 17px;backdrop-filter:blur(12px)}
.hero-workshop-label span:first-child{color:#ff877e}.hero-workshop-label span:last-child{color:#8accff}
.hero-motion-toggle{position:absolute;z-index:6;right:4%;bottom:85px;border:1px solid #ffffff30;border-radius:8px;background:#0a111dcc;color:#c9d7e5;font-size:12px;padding:8px 12px}
.hero.is-paused .hero-car-layer,.hero.is-paused .hero-car-layer img,.hero.is-paused .hero-laser{animation-play-state:paused}
@keyframes hero-restore{0%,10%{clip-path:inset(0 100% 0 0)}65%,86%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes hero-laser-travel{0%,10%{left:0;opacity:0}15%{opacity:1}65%{left:100%;opacity:1}70%,86%{left:100%;opacity:0}100%{left:0;opacity:0}}
@keyframes hero-car-drift{from{transform:scale(1.04) translateX(0)}to{transform:scale(1.1) translateX(-1%)}}
@media(max-width:1050px){.hero-workshop-label{font-size:10px;gap:10px;bottom:115px}.hero h1{font-size:58px}.hero-desc{font-size:16px}.hero-content{padding-top:60px}}
@media(max-width:760px){
.hero{min-height:0;--hero-cycle:10s;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "car" "label" "pause" "bottom";background:#070a10}
.hero-content{grid-area:copy;width:100%;padding-top:35px;padding-bottom:24px}.hero h1{font-size:clamp(40px,11vw,58px);letter-spacing:-2px;max-width:100%}.hero-desc{font-size:16px;line-height:1.6}.hero-badges{display:none}.hero-actions{margin-top:22px;gap:15px;flex-wrap:wrap}.hero .micro{font-size:12px;max-width:100%;margin-bottom:0}
.hero-restoration{grid-area:car;position:relative;inset:auto;width:100%;aspect-ratio:1.8;min-height:180px}.hero-car-layer img{object-fit:cover;object-position:right center;transform:none;animation:none}.hero-restoration::after{background:linear-gradient(180deg,#070a10,transparent 12%,transparent 88%,#070a10)}
.hero-workshop-label{grid-area:label;position:relative;inset:auto;margin:8px 23px 0;justify-content:space-between;font-size:9px;padding:10px;gap:8px}.hero-motion-toggle{grid-area:pause;position:relative;inset:auto;justify-self:end;margin:12px 23px 20px}.hero-bottom{grid-area:bottom;position:relative;inset:auto;width:100%;padding-top:8px;padding-bottom:28px;gap:16px}.hero-bottom>span{max-width:170px}
.contacts-grid>*{min-width:0}.contact-links{flex-wrap:wrap;gap:12px 20px}.map-link{min-width:0;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.hero-car-after{animation:none;clip-path:none}.hero-car-layer img{animation:none}.hero-laser,.hero-motion-toggle{display:none}}
@media(min-width:761px) and (max-height:850px){.hero-content{padding-top:38px;padding-bottom:128px}.hero h1{font-size:clamp(46px,4.15vw,64px);letter-spacing:-1.5px;margin-bottom:20px}.hero .eyebrow{margin-bottom:20px}.hero-badges{margin-top:16px}.hero-actions{margin-top:22px}.hero-desc{line-height:1.6}.hero{min-height:690px}}