:root{
  --black:#050505;
  --black2:#0b0b0b;
  --panel:#141414;
  --panel2:#1b1b1b;
  --red:#d71920;
  --red2:#ff2730;
  --white:#f7f7f7;
  --muted:#bdbdbd;
  --line:rgba(255,255,255,.1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
.site-header{
  position:fixed;z-index:50;top:0;left:0;width:100%;
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 6.5%;background:rgba(5,5,5,.9);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line)
}
.brand{display:flex;align-items:center;gap:14px;font-weight:900;letter-spacing:2px}
.brand img{height:48px;filter:drop-shadow(0 0 12px rgba(215,25,32,.45))}
.brand strong{color:var(--red)}
nav{display:flex;gap:24px;text-transform:uppercase;font-size:12px;letter-spacing:1.4px}
nav a:hover{color:var(--red2)}
.header-cta{
  background:var(--red);padding:13px 18px;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:1px
}
.hero{
  position:relative;min-height:100vh;padding:170px 6.5% 90px;
  display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center;
  background:
    linear-gradient(115deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.78) 50%,rgba(0,0,0,.55) 100%),
    radial-gradient(circle at 76% 20%,rgba(215,25,32,.35),transparent 33%),
    linear-gradient(135deg,#090909,#1c1c1c);
}
.hero:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 88%);
}
.hero-content,.hero-panel{position:relative;z-index:2}
.hero-logo{width:255px;margin-bottom:26px;filter:drop-shadow(0 0 20px rgba(215,25,32,.5))}
.eyebrow{color:var(--red2);font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:2.4px}
h1{font-size:clamp(44px,6vw,86px);line-height:.95;margin:16px 0 24px;letter-spacing:-2px}
h2{font-size:clamp(32px,4.2vw,58px);line-height:1.03;margin:10px 0 22px;letter-spacing:-1.5px}
h3{font-size:23px;margin:0 0 13px}
p{color:var(--muted);line-height:1.65}
.hero-text{font-size:20px;max-width:780px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}
.btn,button{
  display:inline-block;border:0;padding:16px 25px;font-weight:900;text-transform:uppercase;letter-spacing:1.1px;cursor:pointer
}
.primary,button{background:var(--red);color:white}
.ghost{border:1px solid rgba(255,255,255,.32)}
.hero-panel{
  background:linear-gradient(180deg,rgba(27,27,27,.92),rgba(12,12,12,.92));
  border:1px solid var(--line);border-top:4px solid var(--red);
  padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.5)
}
.hero-panel ul{padding-left:18px;color:#ddd;line-height:2}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stats div{padding:34px 6.5%;border-right:1px solid var(--line);background:#090909}
.stats strong{display:block;color:white;font-size:36px}
.stats span{color:var(--muted)}
.section{padding:105px 6.5%;background:#101010}
.section.black{background:#050505}
.section-head{max-width:980px;margin-bottom:46px}
.section-head.narrow{max-width:830px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.service-grid article,.feature-card,.cert-card{
  background:var(--panel);border:1px solid var(--line);padding:30px;transition:.25s;border-top:3px solid var(--red)
}
.service-grid article:hover{transform:translateY(-6px);border-color:rgba(215,25,32,.6)}
.service-grid span{color:var(--red2);font-weight:900;font-size:13px;letter-spacing:2px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.check-list{list-style:none;padding:0;margin:0}
.check-list li{padding:13px 0;border-bottom:1px solid var(--line);color:#d7d7d7}
.check-list li:before{content:"◆";color:var(--red);margin-right:12px}
.investor{background:linear-gradient(135deg,#120000,#101010)}
.pill-grid{display:flex;gap:13px;flex-wrap:wrap}
.pill-grid span{padding:14px 18px;background:#191919;border:1px solid var(--line);border-left:3px solid var(--red);font-weight:800}
.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.timeline div{background:#171717;padding:24px;border:1px solid var(--line)}
.timeline b{color:var(--red2);font-size:22px}
.gallery{background:#0d0d0d}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery-grid div{
  min-height:230px;background:
    linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.85)),
    radial-gradient(circle at 70% 20%,rgba(215,25,32,.32),transparent 30%),
    linear-gradient(135deg,#2b2b2b,#111);
  display:flex;align-items:end;padding:24px;border:1px solid var(--line)
}
.gallery-grid span{font-size:21px;font-weight:900}
.cert-card p{margin:9px 0}
.testimonials{padding:105px 6.5%;background:#090909}
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
blockquote{margin:0;background:#151515;border-left:4px solid var(--red);padding:28px;color:#e6e6e6;line-height:1.7;font-size:18px}
.contact{padding:105px 6.5%;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;background:linear-gradient(135deg,#050505,#160000)}
.contact-box{margin-top:28px;padding:22px;background:#111;border:1px solid var(--line);display:grid;gap:8px;color:#bbb}
form{display:grid;gap:14px}
input,textarea,select{
  width:100%;padding:17px;background:#111;color:white;border:1px solid rgba(255,255,255,.18);font-size:16px
}
textarea{min-height:150px}
footer{padding:45px 6.5%;background:#000;border-top:1px solid var(--line)}
.footer-brand{display:flex;gap:18px;align-items:center}
.footer-brand img{height:70px;filter:drop-shadow(0 0 14px rgba(215,25,32,.45))}
.footer-brand h3{margin:0;color:white}
.fineprint{font-size:13px;color:#777;margin-top:24px}
@media(max-width:1100px){
  nav{display:none}
  .header-cta{display:none}
  .hero,.split,.contact{grid-template-columns:1fr}
  .service-grid,.stats,.timeline,.gallery-grid,.quote-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .site-header{position:static}
  .hero{padding-top:70px}
  .service-grid,.stats,.timeline,.gallery-grid,.quote-grid{grid-template-columns:1fr}
  h1{font-size:42px}
  .hero-logo{width:205px}
  .brand span{font-size:14px}
}