/*
Theme Name: AUTEC2000
Author: AUTEC2000
Description: AUTEC2000 dark technical company landing page.
Version: 1.7.0
Text Domain: autec2000
*/
:root{
  --black:#000;
  --bg:#080c0d;
  --panel:#0d1112;
  --line:#4a4f50;
  --white:#f7f7f7;
  --muted:#d4d4d4;
  --red:#ef1f27;
  --site:922px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#000;color:var(--white)}
body{font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.site-shell{width:min(var(--site),100%);margin:0 auto;background:#080c0d;overflow:hidden}
.site-header{height:86px;background:#070b0c;border-bottom:1px solid #25292a}
.header-inner{height:100%;padding:13px 26px 11px;display:flex;align-items:center;justify-content:space-between}
.header-brand{width:280px}
.header-brand img{width:235px;height:auto}
.header-sub{font-size:11px;letter-spacing:.12em;margin-top:2px;color:#fff;white-space:nowrap}
.main-nav{display:flex;align-items:center;gap:23px;font-size:11px;font-weight:700}
.main-nav a{padding:17px 0 10px;border-bottom:3px solid transparent}
.main-nav a.active{border-color:var(--red)}
.lang{display:flex;gap:10px;font-weight:400;margin-left:3px}
.hero{height:468px;position:relative;background:#050707;overflow:hidden}
.hero-copy{position:relative;z-index:2;width:58%;height:100%;padding:58px 30px 40px 31px;background:linear-gradient(90deg,#050707 0%,rgba(5,7,7,.98) 58%,rgba(5,7,7,.72) 78%,rgba(5,7,7,0) 100%)}
.hero-logo{width:305px;max-width:100%;margin-bottom:11px}
.hero-sub{
  width:305px;
  font-size:18px;
  line-height:1.2;
  letter-spacing:.06em;
  text-align:justify;
  text-align-last:justify;
  margin-bottom:21px;
}
.hero-sub:after{content:"";display:inline-block;width:100%}
.hero-rule{height:3px;width:267px;background:linear-gradient(to right,#fff 55px,#242829 55px);margin-bottom:31px}
.hero-status{font-size:28px;letter-spacing:.16em;font-weight:300;margin-bottom:22px;white-space:nowrap}
.hero-copy p{font-size:16px;line-height:1.55;margin:0 0 23px;color:#eee}
.tagline{font-size:15px;line-height:1.7;letter-spacing:.20em}
.hero-photo{position:absolute;inset:0;background:url("assets/hero.jpg") center center/cover no-repeat;filter:grayscale(1);z-index:1}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050707 0%,rgba(5,7,7,.94) 28%,rgba(5,7,7,.38) 58%,rgba(5,7,7,0) 78%)}
.services{display:grid;grid-template-columns:1fr 1fr;background:#0b1011}
.service{border:1px solid #454a4b;min-height:398px;position:relative;overflow:hidden;background:#0b1011}
.service-image{height:235px;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;margin-bottom:-92px;z-index:1}
.service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(11,16,17,0) 42%,rgba(11,16,17,.10) 55%,rgba(11,16,17,.72) 78%,#0b1011 100%)}
.service-electro .service-image{background-image:url("assets/electro.jpg")}
.service-machine .service-image{background-image:url("assets/machine.jpg")}
.service-body{position:relative;z-index:2;padding:18px 29px 25px;background:linear-gradient(to bottom,rgba(11,16,17,0) 0,rgba(11,16,17,.16) 20px,rgba(11,16,17,.88) 78px,#0b1011 115px,#0b1011 100%)}
.service h2{
  margin:0 0 13px;
  font-family:"Arial Rounded MT Bold","Arial Rounded MT","Trebuchet MS",Arial,sans-serif;
  font-size:25px;line-height:1.05;letter-spacing:.01em
}
.service p{font-size:14px;line-height:1.5;margin:0 0 15px;color:#eee}
.service-rule{height:3px;width:38px;margin-bottom:13px;background:#fff}
.service-electro .service-rule{background:var(--red)}
.service-list{font-size:12px;letter-spacing:.15em;line-height:1.9}
.contact{
  position:relative;
  height:340px;
  margin:12px 18px 0;
  background:#0b1011 url("assets/contact.jpg") center center/100% 100% no-repeat;
}
.contact-hotspot{position:absolute;display:block;z-index:3}
.hotspot-phone{left:7%;top:37%;width:28%;height:9%}
.hotspot-email{left:7%;top:50%;width:30%;height:9%}
.hotspot-address{left:7%;top:64%;width:32%;height:24%}
.hotspot-form{left:40%;top:47%;width:29%;height:26%}
.contact-accessible{position:absolute;left:-9999px}
.footer{height:78px;background:#050707;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-top:1px solid #303333}
.footer-brand img{width:145px}
.footer-brand small{display:block;font-size:8px;margin-top:2px;letter-spacing:.04em}
.footer-center{font-size:10px;display:flex;gap:12px;color:#ddd}
.footer-right{font-size:10px;display:flex;gap:10px}
.cookie{height:76px;background:#151b1c;border-top:1px solid #313536;display:flex;align-items:center;justify-content:space-between;padding:12px 22px;gap:15px;font-size:9px;color:#ddd}
.cookie-actions{display:flex;gap:10px;white-space:nowrap}
.cookie button{font:inherit;color:#fff;background:transparent;border:1px solid #6a6e6f;padding:11px 13px}
.cookie button:last-child{background:#fff;color:#000;border-color:#fff}
@media(max-width:800px){
  .site-shell{width:100%}
  .site-header{height:auto}
  .header-inner{padding:14px 18px;gap:16px;align-items:flex-start}
  .header-brand{width:auto}
  .header-brand img{width:185px}
  .header-sub{font-size:8px}
  .main-nav{gap:11px;font-size:9px;flex-wrap:wrap;justify-content:flex-end}
  .hero{height:auto;grid-template-columns:1fr}
  .hero-copy{padding:42px 24px}
  .hero-photo{height:310px}
  .services{grid-template-columns:1fr}
  .contact{height:300px}
  .footer{height:auto;padding:18px;gap:15px;flex-wrap:wrap}
  .cookie{height:auto;flex-direction:column;align-items:stretch}
  .cookie-actions{justify-content:flex-end;flex-wrap:wrap}
}