:root{
  --bg:#090b0b;
  --panel:#111414;
  --panel2:#151818;
  --text:#f4f1ea;
  --muted:#c7c8c5;
  --line:#5d2a12;
  --orange:#e85d04;
  --orange2:#ff7418;
  --green:#78a92d;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 20% 10%, rgba(255,255,255,.025), transparent 22%),
    radial-gradient(circle at 80% 30%, rgba(255,255,255,.018), transparent 24%),
    linear-gradient(180deg,#0b0d0d,#080909 60%,#0d0f0f);
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.45;
}
body:before{
  content:"";
  position:fixed; inset:0; pointer-events:none; opacity:.18; z-index:-1;
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.008) 0 1px,transparent 1px 4px);
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(var(--max),calc(100% - 44px));margin:auto}
.condensed{font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Narrow",sans-serif;letter-spacing:.7px}
.eyebrow{color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.navbar{
  position:sticky;top:0;z-index:50;
  background:rgba(8,9,9,.94);
  border-bottom:1px solid rgba(232,93,4,.35);
  backdrop-filter:blur(10px);
}
.nav-inner{display:flex;align-items:center;gap:34px;min-height:84px}
.logo{width:255px;line-height:.82;text-transform:uppercase}
.logo .big{font-size:32px;font-weight:900;display:block}
.logo .small{font-size:14px;color:var(--orange2);letter-spacing:.35em;display:block;margin-top:9px}
.nav-links{display:flex;align-items:center;gap:34px;margin-left:auto;text-transform:uppercase;font-weight:800;font-family:"Arial Narrow",Arial,sans-serif}
.nav-links a{padding:30px 0 24px;position:relative}
.nav-links a.active:after,.nav-links a:hover:after{content:"";height:3px;background:var(--orange);left:0;right:0;bottom:16px;position:absolute}
.nav-actions{display:flex;align-items:center;gap:18px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;padding:0 22px;border:1px solid #7d7d7d;
  text-transform:uppercase;font-weight:900;letter-spacing:.02em;
  font-family:"Arial Narrow",Arial,sans-serif;transition:.2s ease;
}
.btn:hover{transform:translateY(-1px);filter:brightness(1.07)}
.btn-primary{background:linear-gradient(#ed6509,#c94800);border-color:#ff7b29;box-shadow:0 8px 22px rgba(232,93,4,.2)}
.btn-dark{background:#0d0f0f;border-color:#7d8383}
.phone-top{font-size:23px;font-weight:900;white-space:nowrap}
.orange{color:var(--orange2)}
.hero{
  min-height:520px;position:relative;border-bottom:1px solid var(--orange);
  background:
    linear-gradient(90deg,#0b0d0d 0 30%,rgba(11,13,13,.88) 36%,rgba(11,13,13,.10) 69%,rgba(11,13,13,.12)),
    url("../img/hero.jpg") center right/cover no-repeat;
}
.hero .container{min-height:520px;display:flex;align-items:center}
.hero-copy{width:47%;padding:36px 0}
.hero h1{font-size:70px;line-height:.98;margin:0 0 12px;text-transform:uppercase}
.hero h1 .orange{display:block}
.hero .lead{font-size:20px;margin:0 0 8px}
.checklist{list-style:none;padding:0;margin:12px 0 20px;text-transform:uppercase}
.checklist li{margin:5px 0}
.checklist li:before{content:"☑";color:var(--orange);margin-right:10px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.insured{margin-top:10px;color:var(--green);font-weight:900;text-transform:uppercase}
.section{padding:48px 0;border-bottom:1px solid rgba(232,93,4,.45)}
.section.tight{padding:26px 0}
.section-title{font-size:42px;line-height:1;margin:0 0 10px;text-transform:uppercase}
.section-title .orange{color:var(--orange2)}
.section-copy{color:var(--muted);max-width:780px}
.services-strip{padding:18px 0;border-bottom:1px solid var(--orange);background:#101313}
.services-grid{display:grid;grid-template-columns:1.45fr repeat(5,1fr)}
.service-intro{padding:12px 24px 12px 0}
.service-intro h2{font-size:28px;line-height:1.05;margin:0}
.service-card{padding:8px 15px;text-align:center;border-left:1px solid #666}
.service-icon{font-size:34px;color:var(--orange)}
.service-card h3{font-size:17px;text-transform:uppercase;margin:6px 0 4px}
.service-card p{font-size:12px;color:#d0d0ce;margin:0}
.equipment{display:grid;grid-template-columns:310px 1fr;background:#111414;border-bottom:1px solid var(--orange)}
.equipment-copy{padding:26px 38px}
.equipment-copy h2{font-size:33px;line-height:.95;margin:0 0 10px;text-transform:uppercase}
.equipment-list{list-style:none;padding:0;margin:10px 0}
.equipment-list li:before{content:"✓";color:var(--orange);font-weight:900;margin-right:8px}
.equipment-photo{min-height:210px;background:url("../img/equipment.jpg") center/cover no-repeat}
.projects-layout{display:grid;grid-template-columns:270px 1fr;gap:0}
.projects-intro{padding:16px 32px 16px 0}
.projects-intro h2{font-size:34px;line-height:1;margin:0 0 18px;text-transform:uppercase}
.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.project-card{border:1px solid var(--orange);background:#121414}
.project-card img{height:148px;width:100%;object-fit:cover}
.project-card .pad{padding:11px 13px}
.project-card h3{font-size:14px;margin:0 0 3px;text-transform:uppercase}
.project-card p{font-size:12px;color:#d6d6d3;margin:0}
.hardening{display:grid;grid-template-columns:42% 58%;min-height:210px}
.hardening-copy{padding:24px 0}
.hardening-photo{background:url("../img/hardening.jpg") center/cover no-repeat}
.hardening-copy h2{font-size:28px;margin:0 0 8px;text-transform:uppercase}
.process-grid{display:grid;grid-template-columns:190px 1fr 1fr 1fr 1.5fr;gap:0;align-items:stretch}
.process-title{padding-right:20px;border-right:1px solid #666}
.process-title h2{font-size:28px;line-height:.92;margin:0}
.step,.testimonial{padding:10px 20px;border-right:1px solid #555}
.step strong{font-size:22px;display:block;text-transform:uppercase}
.step .num{display:inline-flex;width:29px;height:29px;border-radius:50%;align-items:center;justify-content:center;background:#eee;color:#111;margin-right:7px}
.testimonial{font-size:13px;font-style:italic}
.stars{color:var(--orange2);font-size:19px;letter-spacing:2px}
.bottom-cta{display:grid;grid-template-columns:1.2fr 1.2fr 1fr .9fr;align-items:center;gap:22px;padding:18px 0}
.bottom-item{display:flex;gap:12px;align-items:center}
.big-ico{font-size:35px;color:var(--green)}
.footer{padding:12px 0 25px;text-align:center;color:#8f9290;font-size:13px}
.page-hero{
  padding:74px 0 58px;
  background:
    linear-gradient(90deg,rgba(8,10,10,.96),rgba(8,10,10,.7)),
    url("../img/hero.jpg") center/cover no-repeat;
  border-bottom:1px solid var(--orange);
}
.page-hero h1{font-size:62px;text-transform:uppercase;margin:0;line-height:.95}
.page-hero p{max-width:700px;color:#ddd;font-size:18px}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.info-card{padding:24px;border:1px solid #3e4545;background:linear-gradient(180deg,#131616,#0d0f0f)}
.info-card h3{font-size:23px;text-transform:uppercase;margin:0 0 10px}
.info-card .service-icon{font-size:40px}
.info-card p{color:#c7c8c5}
.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}
.photo-frame{border:1px solid var(--orange);padding:5px;background:#080909}
.photo-frame img{width:100%;height:360px;object-fit:cover}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.kpi{border:1px solid #444;padding:20px;text-align:center;background:#111414}
.kpi strong{font-size:34px;color:var(--orange2);display:block}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px}
.contact-panel{background:#111414;border:1px solid #444;padding:26px}
.contact-panel h2{font-size:34px;text-transform:uppercase;margin-top:0}
.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form .full{grid-column:1/-1}
label{display:block;text-transform:uppercase;font-weight:800;font-size:12px;margin:0 0 6px;color:#e7e7e4}
input,select,textarea{
  width:100%;background:#080a0a;color:#fff;border:1px solid #4d5050;
  padding:13px 14px;font:inherit;outline:none
}
input:focus,select:focus,textarea:focus{border-color:var(--orange)}
textarea{min-height:150px;resize:vertical}
.notice{font-size:12px;color:#aeb0ae}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:14px;border-bottom:1px solid #3e4040;text-align:left}
.table th{color:var(--orange2);text-transform:uppercase}
.quote-band{padding:38px 0;background:linear-gradient(90deg,#151818,#0c0e0e);border-top:1px solid var(--orange);border-bottom:1px solid var(--orange)}
.quote-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
.quote-inner h2{font-size:38px;margin:0;text-transform:uppercase}
.mobile-toggle{display:none;margin-left:auto;border:1px solid #555;background:#111;color:#fff;padding:10px 13px;font-size:20px}
@media(max-width:980px){
 .nav-inner{min-height:72px;flex-wrap:wrap;padding:10px 0}
 .logo{width:auto}.logo .big{font-size:24px}
 .nav-links{display:none;order:4;width:100%;margin:0;flex-direction:column;gap:0;align-items:stretch;padding-bottom:10px}
 .nav-links.open{display:flex}
 .nav-links a{padding:12px 0}
 .nav-actions .phone-top{display:none}
 .mobile-toggle{display:block}
 .hero{background:linear-gradient(90deg,rgba(9,11,11,.97),rgba(9,11,11,.75)),url("../img/hero.jpg") center/cover}
 .hero-copy{width:75%}
 .hero h1{font-size:55px}
 .services-grid{grid-template-columns:repeat(2,1fr)}
 .service-intro{grid-column:1/-1}
 .service-card{border-left:0;border-top:1px solid #444;padding:18px}
 .equipment,.projects-layout,.hardening,.split,.contact-grid{grid-template-columns:1fr}
 .equipment-photo,.hardening-photo{min-height:300px}
 .projects-intro{padding-right:0;margin-bottom:20px}
 .process-grid{grid-template-columns:1fr 1fr}
 .process-title{grid-column:1/-1;border:0;margin-bottom:8px}
 .bottom-cta{grid-template-columns:1fr 1fr}
 .cards-3{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .container{width:min(100% - 28px,var(--max))}
 .nav-actions .btn{display:none}
 .hero .container{min-height:560px}
 .hero-copy{width:100%}
 .hero h1{font-size:44px}
 .hero .lead{font-size:17px}
 .services-grid,.project-grid,.cards-3,.kpis,.form,.process-grid,.bottom-cta{grid-template-columns:1fr}
 .project-card img{height:190px}
 .page-hero h1{font-size:45px}
 .quote-inner{flex-direction:column;align-items:flex-start}
 .form .full{grid-column:auto}
}