:root{
  --bg:#050607;
  --bg2:#0a0c0e;
  --panel:#0c0f11;
  --panel2:#101315;
  --text:#f3f3f3;
  --muted:#aeb3b7;
  --line:#252a2e;
  --red:#e3131b;
  --red2:#b8080f;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.55;letter-spacing:-.01em;
}
a{text-decoration:none;color:inherit}
img{display:block;width:100%;height:100%;object-fit:cover}
button,input,textarea,select{font:inherit}
.container{max-width:var(--max);margin:0 auto;padding:0 28px}
.header{
  position:sticky;top:0;z-index:100;
  background:rgba(3,4,5,.94);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.05)
}
.nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand img{width:205px;height:auto;max-height:43px;object-fit:contain;object-position:left center}
.links{display:flex;gap:32px;align-items:center;font-size:13px;color:#d7d7d7}
.links a{position:relative;padding:25px 0}
.links a:hover,.links a.active{color:#fff}
.links a:hover:after,.links a.active:after{
  content:"";position:absolute;left:0;right:0;bottom:14px;height:2px;background:var(--red)
}
.menu-btn{display:none;background:#0b0d0f;color:#fff;border:1px solid #333;padding:7px 11px}
.hero{border-bottom:1px solid var(--line);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;min-height:505px}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:62px 58px 62px 0}
.hero-media{position:relative;min-height:505px;background:#111}
.hero-media:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,var(--bg) 0%,rgba(5,6,7,.38) 17%,rgba(5,6,7,0) 48%)
}
h1{font-size:54px;line-height:1.08;font-weight:400;margin:0 0 18px;letter-spacing:-.035em}
h2{font-size:31px;line-height:1.15;font-weight:400;margin:0}
h3{font-size:20px;line-height:1.2;font-weight:400;margin:0 0 9px}
.hero p{max-width:570px;color:#b6bbc0;font-size:16px;margin:8px 0}
.lead{font-size:20px!important;color:#e7e7e7!important;max-width:620px!important}
.redline{width:40px;height:2px;background:var(--red);margin:0 0 16px}
.section{padding:68px 0;border-bottom:1px solid var(--line)}
.section.sm{padding:46px 0}
.section-title{text-align:center;margin-bottom:28px}
.section-title.left{text-align:left}
.section-title h2:after{
  content:"";display:block;width:38px;height:2px;background:var(--red);margin:10px auto 0
}
.section-title.left h2:after{margin-left:0}
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.intro-grid p{color:#b2b6ba}
.icon-strip{
  display:grid;grid-template-columns:repeat(10,1fr);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#090b0c
}
.icon-strip .i{
  padding:20px 8px;text-align:center;border-right:1px solid #25282a;font-size:11px;color:#c3c6c8
}
.icon-strip .i:last-child{border-right:0}
.ico{font-size:26px;color:#fff;display:block;margin-bottom:7px}
.core-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.card{background:var(--panel);border:1px solid #22272a;border-radius:4px;overflow:hidden}
.card .pic{height:190px}
.card .body{padding:18px}
.card .body p{margin:0;color:#a8adb0;font-size:13px}
.card h3{font-size:17px}
.about-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}
.about-feature{padding:25px 20px;text-align:center;border-right:1px solid var(--line);min-height:150px}
.about-feature:last-child{border-right:0}
.about-feature .ico{color:var(--red);font-size:30px}
.about-feature strong{font-size:14px;font-weight:400;display:block}
.why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.why{
  border:1px solid #282d30;background:linear-gradient(180deg,#0e1113,#090b0c);
  padding:24px 15px;text-align:center;min-height:214px;border-radius:4px
}
.why .ico{color:var(--red);font-size:32px}
.why strong{display:block;font-size:14px;font-weight:400;line-height:1.25}
.why p{font-size:12px;color:#9ea3a6;margin:12px 0 0}
.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.vm{
  border:1px solid #2a2f32;background:linear-gradient(135deg,#0d1012,#090b0c);
  padding:32px;display:grid;grid-template-columns:110px 1fr;gap:28px;align-items:center;min-height:280px
}
.vm .bigicon{
  width:100px;height:100px;border:1px solid #697076;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:42px;color:var(--red)
}
.vm p{color:#b4b8bb;font-size:16px}
.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.service-card{
  border:1px solid #2a2f32;background:linear-gradient(180deg,#0e1113,#090b0c);
  padding:24px 16px;text-align:center;min-height:255px;border-radius:4px
}
.service-card .ico{font-size:36px;color:var(--red)}
.service-card h3{font-size:16px}
.service-card p{font-size:12px;color:#aab0b4;margin:0}
.featured-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.featured{border:1px solid #282d30;background:#0c0f11;overflow:hidden;border-radius:4px}
.featured .pic{height:195px}
.featured .body{padding:16px}
.featured p{font-size:12px;color:#aeb3b7;margin:0 0 10px}
.more{font-size:12px;color:var(--red)}
.strengths{display:grid;grid-template-columns:repeat(6,1fr)}
.strength{padding:18px 14px;text-align:center;border-right:1px solid #2a2e31}
.strength:last-child{border-right:0}
.strength .ico{font-size:30px;color:var(--red)}
.strength b{font-size:13px;font-weight:400;display:block}
.strength span{font-size:11px;color:#9ca1a4;display:block;margin-top:7px}
.sector-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.sector{border:1px solid #2b3033;background:#0b0e10;overflow:hidden;border-radius:5px}
.sector .pic{height:185px}
.sector .body{padding:14px;text-align:center;min-height:145px}
.sector h3{font-size:14px}
.sector p{font-size:11px;color:#9fa4a7;margin:0}
.sample-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.sample{border:1px solid #292e31;background:#0b0e10;border-radius:5px;overflow:hidden}
.sample .pic{height:165px}
.sample .label{text-align:center;padding:12px;font-size:13px}
.range-grid{display:grid;grid-template-columns:1.1fr repeat(4,1fr);border-top:1px solid #24292c;border-bottom:1px solid #24292c}
.range{padding:25px 19px;border-right:1px solid #252a2d}
.range:last-child{border-right:0}
.range p{color:#9da2a5;font-size:12px;margin:8px 0 0}
.cta{
  background:linear-gradient(90deg,#0b0d0f 0%,#090b0c 45%,rgba(9,11,12,.45) 100%);
  border-bottom:1px solid #252a2d
}
.cta-inner{min-height:190px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px}
.cta p{color:#a8adb0;margin:8px 0 0}
.btn{
  min-height:46px;padding:0 22px;border:1px solid #444;color:#fff;background:transparent;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer
}
.btn.red{background:linear-gradient(90deg,var(--red2),var(--red));border-color:var(--red)}
.footer{padding:34px 0 22px;background:#040506}
.footer-top{display:grid;grid-template-columns:1.1fr 2fr;gap:44px;align-items:center}
.footer-logo img{width:210px;height:auto}
.footer-logo p{color:#969c9f;font-size:12px;max-width:360px}
.footer-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.footer-icon{display:flex;gap:10px;align-items:center;border-left:1px solid #292e31;padding-left:16px}
.footer-icon .ico{color:var(--red);font-size:25px;margin:0}
.footer-icon strong{font-size:12px;font-weight:400;display:block}
.footer-icon span{font-size:11px;color:#999fa3}
.contacts{
  margin-top:28px;border-top:1px solid #24292c;padding-top:22px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px
}
.contact-mini{display:flex;gap:12px;align-items:center}
.contact-mini .ico{color:var(--red);font-size:26px;margin:0}
.contact-mini b{display:block;font-size:11px;font-weight:400;color:#ddd}
.contact-mini span,.contact-mini a{font-size:11px;color:#a9aeb1}
.copy{text-align:center;color:#6f7477;font-size:11px;margin-top:25px}
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}
.contact-box{border:1px solid #2b3033;background:linear-gradient(135deg,#0e1113,#090b0c);padding:32px}
.contact-box p{color:#a8adb0}
.contact-row{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #262b2e}
.contact-row:last-child{border-bottom:0}
.contact-row .round{
  width:48px;height:48px;flex:0 0 48px;border:1px solid #5d6468;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:var(--red);font-size:21px
}
.contact-row strong{display:block;font-size:12px}
.contact-row span,.contact-row a{color:#d9d9d9;font-size:14px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.field{width:100%;background:#0a0c0e;border:1px solid #343a3d;color:#fff;padding:13px 14px;outline:none}
textarea.field{min-height:125px;resize:vertical}
.full{grid-column:1/-1}
.skyline{min-height:240px;background-position:center;background-size:cover;position:relative}
.skyline:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#060708 0%,rgba(6,7,8,.65) 45%,rgba(6,7,8,.1))}
.skyline .container{position:relative;z-index:2;padding-top:55px}
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr}.hero-copy{padding:52px 0}.hero-media{min-height:380px}.hero-media:after{background:linear-gradient(180deg,var(--bg),transparent 35%)}
  .icon-strip{grid-template-columns:repeat(5,1fr)}
  .core-grid,.services-grid,.featured-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid,.sector-grid,.sample-grid{grid-template-columns:repeat(3,1fr)}
  .strengths{grid-template-columns:repeat(3,1fr)}
  .range-grid{grid-template-columns:1fr 1fr}
  .vm-grid,.contact-layout,.footer-top{grid-template-columns:1fr}
  .footer-icons,.contacts{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .container{padding:0 18px}.nav{height:64px}.brand img{width:170px}
  .links{display:none;position:absolute;top:64px;left:0;right:0;background:#060708;padding:8px 18px 16px;flex-direction:column;align-items:flex-start;gap:0;border-bottom:1px solid #222}
  .links.open{display:flex}.links a{width:100%;padding:12px 0}.links a.active:after,.links a:hover:after{bottom:3px;right:auto;width:30px}
  .menu-btn{display:block}h1{font-size:40px}h2{font-size:28px}
  .hero-media{min-height:290px}
  .icon-strip{grid-template-columns:repeat(2,1fr)}
  .core-grid,.services-grid,.featured-grid,.why-grid,.sector-grid,.sample-grid,.strengths{grid-template-columns:1fr}
  .vm{grid-template-columns:1fr;text-align:center}.vm .bigicon{margin:auto}
  .range-grid{grid-template-columns:1fr}.range{border-right:0;border-bottom:1px solid #24292c}
  .cta-inner{grid-template-columns:1fr;padding:35px 0}
  .footer-icons,.contacts,.form-grid{grid-template-columns:1fr}
  .full{grid-column:auto}
}