/* Rem Gen — isolated dark design v1. Only drair.ru */
:root{--red:#f20d2a;--red-dark:#a9071d;--ink:#f3f4f6;--muted:#a6acb8;--white:#fff;--paper:#090a0d;--line:#2b2e36;--green:#08aa60;--shadow:0 12px 34px rgba(0,0,0,.23);--wrap:1480px}
html{scroll-padding-top:92px}body{background:#08090c;color:#f0f1f3;font-family:Arial,Helvetica,sans-serif}a:focus-visible,button:focus-visible{outline:2px solid #ff3047;outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* sticky top bar: all interactive items are real links/buttons */
.site-header.dark-header{position:sticky;top:0;z-index:100;background:rgba(5,7,9,.97);border-bottom:1px solid #3b3e47;box-shadow:0 6px 32px rgba(0,0,0,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.dark-header:before{content:"";position:absolute;inset:0 auto 0 0;width:140px;background:repeating-linear-gradient(115deg,transparent 0 36px,rgba(210,4,28,.2) 36px 47px,transparent 47px 63px);opacity:.34;pointer-events:none}
.dark-header .header-main{min-height:78px;gap:clamp(9px,1.15vw,21px);width:min(1550px,calc(100% - 46px));display:flex;align-items:center;justify-content:space-between}
.dark-header .brand{display:flex;flex-direction:column;min-width:max-content;flex-shrink:0;position:relative}.dark-header .brand-title{font:italic 900 clamp(23px,2vw,33px)/1 Impact,'Arial Black',sans-serif;color:#fff;letter-spacing:.1px}.dark-header .brand-title b{color:#f20d2a}.dark-header .brand-title small{color:#fff}.dark-header .brand-script{text-align:right;font:italic 500 11px/1.2 Arial,sans-serif;color:#c4c7cc;margin-top:3px}.dark-header .brand-script:before{content:'';display:inline-block;width:54px;height:2px;background:var(--red);margin:0 5px 2px 0}.dark-header .brand-script:after{display:none}
.dark-header .main-nav{display:block;position:static;z-index:auto;flex:1;min-width:0;background:transparent;border:0;box-shadow:none}.dark-header .nav-inner{width:auto;max-width:none;min-height:78px;display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:clamp(9px,1.25vw,24px);padding:0}.dark-header .main-nav a{font-size:clamp(10px,.79vw,13px);font-weight:800;text-decoration:none;white-space:nowrap;color:#e2e4e8;text-transform:none;padding:0;display:flex;align-items:center;min-height:78px;border:0}.dark-header .main-nav a:after{height:3px;bottom:13px;top:auto;left:0;right:0;background:#ef0a29}.dark-header .main-nav a:hover,.dark-header .main-nav a.active{color:#fff}.dark-header .main-nav a.active:after,.dark-header .main-nav a:hover:after{transform:scaleX(1)}
.dark-header .nav-phone{display:flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap}.phone-disc{display:grid;place-items:center;width:38px;height:38px;background:#14171c;border:1px solid #393e48;border-radius:50%;color:var(--red)}.phone-disc .ico{width:19px;height:19px;stroke-width:2.6}.nav-phone-label strong{font:900 16px/1.18 Arial,sans-serif;letter-spacing:-.2px;display:block;color:#fff}.nav-phone-label small{font:500 10px Arial,sans-serif;color:#a9abb2;display:block;margin-top:3px}
.dark-header .nav-call{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 15px;background:linear-gradient(125deg,#ff122f,#c80623);color:white;text-decoration:none;font-weight:800;font-size:12px;border:1px solid #ff344f;border-radius:9px;box-shadow:0 5px 14px #b8002433;white-space:nowrap}.dark-header .nav-call .ico{width:17px;height:17px;stroke-width:3}.dark-header .nav-call:hover{filter:brightness(1.16)}
.dark-header .nav-wa{display:flex;gap:7px;justify-content:center;align-items:center;width:43px;height:43px;flex-shrink:0;border-radius:10px;background:linear-gradient(120deg,#18c875,#009d56);border:1px solid #29d68a;color:#fff;text-decoration:none;box-shadow:0 5px 15px #0e8f5433}.dark-header .nav-wa>span:first-child{font-weight:900;font-size:23px;line-height:1;transform:rotate(-22deg)}.dark-header .nav-wa .wa-label{display:none}.dark-header .menu-toggle{display:none}
/* the art is a real independent image: no stretching or cropping on desktop */
.hero.hero-dark{position:relative;background:#050607;overflow:hidden;isolation:isolate}.hero.hero-dark:before{display:none}.hero-media{position:relative;margin:0 auto;width:100%;max-width:1920px}.hero-art{width:100%;height:auto;display:block;object-fit:contain;object-position:center;filter:none}.hero-live{position:absolute;z-index:2;bottom:clamp(20px,3.6vw,62px);left:4.15%;width:auto;display:flex;align-items:stretch;gap:12px}.hero-btn{display:flex;align-items:center;justify-content:center;gap:11px;text-decoration:none;color:#fff;min-height:59px;padding:11px 20px;border-radius:9px;border:1px solid #fc4054;font-weight:800;font-size:14px;box-shadow:0 8px 25px rgba(0,0,0,.55);transition:transform .2s,filter .2s}.hero-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.hero-btn-call{background:linear-gradient(120deg,#fc132c,#bb001c)}.hero-btn-wa{background:linear-gradient(125deg,#119b57,#075a36);border-color:#19cc74}.hero-btn .ico{width:27px;height:27px;stroke-width:2.7}.hero-btn small{display:block;font-size:11px;font-weight:600;line-height:1.1}.hero-btn strong{font-size:18px;display:block;line-height:1.2;white-space:nowrap}.hero-wa-icon{border:2px solid currentColor;border-radius:50%;width:28px;height:28px;font-size:22px;line-height:23px;transform:rotate(-18deg);text-align:center}.hero-mobile-copy{display:none}
/* dark panels across the full landing, including existing content */
.section,.section:nth-child(even),.why,.story,.fault-section,.contact-section{background:#08090c;color:#f4f4f5;border:0}
.section{padding:62px 0}.section:nth-child(even){background:#0c0e12}.section-head{margin-bottom:25px}.section-head h2{font-size:clamp(27px,2.5vw,36px);color:#fff}.section-head h2:before{background:var(--red)}.section-head>span{color:#a6aab3;font-size:11px}
.issues{background:linear-gradient(180deg,#08090c,#0d1015)}.problem-grid{gap:14px}.problem-card{background:#12151b;color:#f4f5f6;border:1px solid #2e323b;border-radius:12px;box-shadow:0 12px 35px #0006;transition:transform .25s,border-color .25s}.problem-card:hover,.service-card:hover{transform:translateY(-4px);border-color:#a31530}.problem-card img{filter:saturate(.7) contrast(1.12);opacity:.95}.problem-index{border-color:#12151b}.problem-card h3{color:#fff;font-size:16px}.problem-card p{color:#abb0b9;font-size:12px}
.services{background:#0c0e12}.service-grid{gap:13px}.service-card{background:#15181e;border:1px solid #2d313a;box-shadow:0 13px 30px #0006;color:#f5f5f5;border-radius:10px;transition:transform .25s,border-color .25s;min-height:152px}.service-text{background:linear-gradient(90deg,#15181e 81%,rgba(21,24,30,.84));color:#fff;padding:17px 8px 13px 15px}.service-icon{background:#25131b;border-color:#4d1b28;color:#ff2440}.service-card h3{color:#f6f7f8}.service-card p{color:#b5bac3}.service-card img{filter:saturate(.76) brightness(.7) contrast(1.16)}
.why{background:#08090c}.why-grid>div{background:#15181d;border:1px solid #282d35;border-radius:10px;padding:19px 12px;min-height:90px}.why-grid strong{font-size:12px;color:#fff}.why-grid span{color:#a9b0b8;font-size:11px}.why-grid .ico{color:#f20d2a}
.story{background:#0c0e12}.master-content{background:#15171c;border:1px solid #2a3038;border-radius:11px;overflow:hidden;padding:12px}.master-content>img{border-radius:7px;filter:contrast(1.1) saturate(.82)}.master-content h3{color:white}.master-desc{color:#afb4bd}.master-list li{color:#d6d9de}.steps>div,.vehicle-grid>div{background:#15191f;border:1px solid #2b3039;box-shadow:0 9px 25px #0005;border-radius:9px;color:#eee}.steps p{color:#aeb5bd}.steps .step-num{border-color:#13161a}.vehicle-grid img{background:#25282e;filter:brightness(.8) contrast(1.12)}.vehicle-grid b{color:#fff}
.fault-section{background:#08090c}.fault-grid ul{padding:20px 20px 16px;border:1px solid #2e333b;background:#12151a;border-radius:11px}.fault-grid li{color:#c7cbd3;font-size:13px}
.contact-section{background:linear-gradient(130deg,#08090c,#111319);border-top:1px solid #30323a}.contact-photo:after{background:#0c0f13}.contact-photo img{filter:brightness(.82) saturate(.7)}.contact-copy p{color:#c1c5cc}.contact-bottom{border-color:#2e343c;color:#c8cdd3}.contact-bottom .ico{color:#f2f2f2}.contact-bottom .ico.red{color:var(--red)}
.btn-red{background:linear-gradient(125deg,#f90b2d,#b80321)}.btn-green{background:linear-gradient(125deg,#0fbc6c,#047b48)}.site-footer{background:#050607;border-top:1px solid #2d3037;color:#b3b6bf}.brand-foot{color:#fff}.brand-foot small{color:#fff}
/* independent anchor sections must not sit behind fixed menu */
#top,#hero,#services,#problems,#master,#process,#vehicles,#faults,#contacts{scroll-margin-top:95px}
@media(max-width:1450px){.dark-header .header-main{width:calc(100% - 32px);gap:12px}.dark-header .nav-inner{gap:13px}.nav-phone-label small{display:none}.dark-header .nav-call{padding:0 12px}}
@media(max-width:1200px){.dark-header .nav-inner{gap:11px}.dark-header .main-nav a{font-size:11px}.dark-header .nav-phone-label{display:none}.dark-header .brand-title{font-size:26px}.hero-live{bottom:3%;left:3%}.hero-btn{min-height:52px;padding:9px 13px}.hero-btn strong{font-size:15px}}
@media(max-width:1020px){html{scroll-padding-top:72px}.dark-header .header-main{min-height:68px;width:calc(100% - 28px);gap:10px;justify-content:initial}.dark-header .menu-toggle{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;background:#101318;color:white;border:1px solid #333740;border-radius:8px;padding:0;order:0}.dark-header .menu-toggle .ico{width:24px;height:24px}.dark-header .brand{order:1;margin-right:auto}.dark-header .brand-title{font-size:26px}.dark-header .brand-script{font-size:10px}.dark-header .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(7,9,12,.99);border-bottom:1px solid #313540;box-shadow:0 25px 45px #0009;z-index:40;max-height:calc(100dvh - 68px);overflow-y:auto}.dark-header .main-nav.is-open{display:block}.dark-header .nav-inner{width:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:9px 18px 16px}.dark-header .main-nav a{font-size:15px;min-height:48px;padding:10px 13px;border-bottom:1px solid #242832}.dark-header .main-nav a:after{height:auto;width:3px;left:0;right:auto;top:8px;bottom:8px}.dark-header .nav-phone{order:2}.dark-header .nav-call{display:none}.dark-header .nav-wa{order:3}.dark-header .nav-wa{width:40px;height:40px}.dark-header .phone-disc{width:40px;height:40px}.hero-live{bottom:2.6%;left:3.5%}.hero-btn{min-height:45px;padding:7px 10px;font-size:12px}.hero-btn strong{font-size:13px}.hero-btn .ico{width:20px;height:20px}.hero-btn .hero-wa-icon{width:22px;height:22px;font-size:19px;line-height:18px}}
@media(max-width:760px){.container{width:calc(100% - 30px)}.section{padding:38px 0}.hero.hero-dark{display:flex;flex-direction:column}.hero-media{order:0}.hero-art{width:100%;height:auto;object-fit:contain}.hero-mobile-copy{display:block;order:1;padding-top:23px;padding-bottom:3px}.hero-mobile-copy .mobile-eyebrow{color:#fa3048;font-size:11px;font-weight:800;letter-spacing:1.2px}.hero-mobile-copy h2{font:italic 900 clamp(31px,8.2vw,54px)/1.03 Impact,'Arial Black',Arial,sans-serif;margin:11px 0 11px;letter-spacing:-.35px}.hero-mobile-copy h2 em{color:#f0092a;font-style:inherit}.hero-mobile-copy p{color:#c4c6cb;font-size:14px;line-height:1.5;margin:0}.hero-live{position:static;order:2;width:calc(100% - 30px);margin:18px auto 34px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-btn{min-height:56px;font-size:12px;padding:9px}.hero-btn strong{font-size:13px}.hero-btn small{font-size:10px}.hero-btn-wa{gap:6px}.hero-wa-icon{flex-shrink:0}.section-head h2{font-size:29px}.problem-card img{filter:saturate(.74) contrast(1.1)}.contact-grid{display:grid}.contact-photo{order:0}}
@media(max-width:500px){.dark-header .header-main{min-height:62px;gap:7px;width:calc(100% - 20px)}.dark-header .menu-toggle{flex-basis:38px;width:38px;height:38px}.dark-header .brand-title{font-size:clamp(20px,5.5vw,26px)}.dark-header .brand-script{font-size:9px}.dark-header .nav-wa{width:37px;height:37px;border-radius:8px}.dark-header .phone-disc{width:37px;height:37px}.dark-header .main-nav{max-height:calc(100dvh - 62px)}.hero-live{grid-template-columns:1fr 1fr}.hero-btn{padding:9px 5px;min-height:54px;gap:5px}.hero-btn strong{font-size:12px}.hero-btn small{font-size:9px}.hero-btn-wa{font-size:11px}.hero-btn .ico{width:18px;height:18px}.hero-mobile-copy{padding-top:23px}.hero-mobile-copy h2{font-size:clamp(30px,8.1vw,43px)}.problem-grid{gap:9px}.section-head h2{font-size:27px}.site-footer .container{padding-bottom:42px}.mobile-call{z-index:80}}
@media(max-width:350px){.dark-header .brand-title{font-size:19px}.dark-header .brand-script{font-size:8px}.dark-header .nav-wa{display:none}.hero-btn strong{font-size:11px}.hero-btn-wa{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}