:root{
  --black:#08090a;
  --black-2:#0d0f10;
  --gunmetal:#24282b;
  --gunmetal-2:#30363a;
  --gold:#c79a3b;
  --gold-light:#e0b95d;
  --crimson:#9b101d;
  --crimson-bright:#c51a2b;
  --white:#f5f2ea;
  --muted:#b8b9b7;
  --line:rgba(199,154,59,.28);
  --shadow:0 24px 60px rgba(0,0,0,.35);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--black);color:var(--white);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.topline{height:3px;background:linear-gradient(90deg,var(--crimson),var(--gold),var(--crimson))}
.site-header{position:sticky;top:0;z-index:50;background:rgba(8,9,10,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:230px}
.brand img{width:58px;height:58px;object-fit:cover;object-position:center;border-radius:4px;box-shadow:0 0 0 1px rgba(199,154,59,.18)}
.brand-copy strong{display:block;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:1.2px;font-size:20px;color:var(--gold-light)}
.brand-copy span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:2.2px;color:#d8d8d4}
.nav-links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.nav-links a{color:#ddd;transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--gold-light)}
.nav-cta{padding:12px 18px;background:var(--crimson);border:1px solid #d73543;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.8px;box-shadow:0 8px 20px rgba(155,16,29,.2)}
.mobile-toggle{display:none;background:none;border:0;color:white;font-size:28px}

.hero{position:relative;min-height:680px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#070809 0%,#070809 42%,rgba(7,8,9,.84) 59%,rgba(7,8,9,.34) 100%),url('assets/task-force-vehicle.jpeg') center right/cover no-repeat}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08090a 0%,transparent 25%);pointer-events:none}
.hero-grid{position:relative;z-index:2;padding:96px 0 100px;max-width:720px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold-light);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:3px}
.eyebrow:before{content:'';width:34px;height:2px;background:var(--crimson)}
h1,h2,h3{margin:0 0 18px;line-height:1.04}
h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(58px,8vw,104px);font-weight:900;letter-spacing:1.2px;text-transform:uppercase;margin-top:16px}
h1 .gold{color:var(--gold-light)}h1 .red{color:var(--crimson-bright)}
.hero p{font-size:19px;color:#e1e1de;max-width:620px;margin:0 0 30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.8px;border:1px solid transparent;transition:.2s}
.btn-primary{background:var(--gold);color:#0a0a09}.btn-primary:hover{background:var(--gold-light);transform:translateY(-2px)}
.btn-secondary{border-color:var(--crimson-bright);background:rgba(155,16,29,.12)}.btn-secondary:hover{background:var(--crimson)}
.hero-strip{position:absolute;z-index:3;bottom:0;left:0;right:0;background:rgba(13,15,16,.88);border-top:1px solid rgba(199,154,59,.26)}
.hero-strip .container{display:grid;grid-template-columns:repeat(3,1fr)}
.hero-stat{padding:20px 22px;border-right:1px solid rgba(255,255,255,.08)}
.hero-stat:last-child{border-right:0}.hero-stat strong{display:block;color:var(--gold-light);font-size:13px;text-transform:uppercase;letter-spacing:1px}.hero-stat span{color:#c8c8c4;font-size:13px}

.section{padding:88px 0}.section.dark2{background:var(--black-2)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}
.section-head h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(34px,5vw,56px);text-transform:uppercase;letter-spacing:.7px}.section-head h2 span{color:var(--gold-light)}
.section-head p{max-width:560px;color:var(--muted);margin:0}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.service-card{position:relative;min-height:235px;padding:28px;background:linear-gradient(145deg,var(--gunmetal),#16191b);border:1px solid rgba(255,255,255,.07);overflow:hidden;transition:.25s}
.service-card:before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(var(--gold),var(--crimson))}
.service-card:hover{transform:translateY(-5px);border-color:var(--line);box-shadow:var(--shadow)}
.icon{width:48px;height:48px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-light);font-size:24px;margin-bottom:22px;background:rgba(199,154,59,.06)}
.service-card h3{font-size:20px;text-transform:uppercase;letter-spacing:.5px}.service-card p{color:#bdbfbd;font-size:14px;margin:0}

.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.photo-panel{position:relative;min-height:520px;background:linear-gradient(rgba(8,9,10,.15),rgba(8,9,10,.55)),url('assets/task-force-vehicle.jpeg') center/cover no-repeat;border:1px solid rgba(199,154,59,.2);box-shadow:var(--shadow)}
.photo-panel:after{content:'MASERU • LESOTHO';position:absolute;left:22px;bottom:22px;padding:10px 14px;background:#08090a;color:var(--gold-light);font-size:12px;font-weight:900;letter-spacing:2px;border-left:3px solid var(--crimson)}
.kicker{color:var(--crimson-bright);font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase}
.copy h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:50px;text-transform:uppercase}.copy h2 span{color:var(--gold-light)}
.copy p{color:#c0c1be}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.value{padding:18px;border-top:2px solid var(--gold);background:#111314}.value strong{display:block;color:var(--gold-light);text-transform:uppercase;font-size:13px}.value span{font-size:12px;color:#aaa}

.local-banner{background:linear-gradient(90deg,rgba(8,9,10,.98),rgba(8,9,10,.76)),radial-gradient(circle at 85% 20%,rgba(199,154,59,.18),transparent 32%),#171a1c;border-block:1px solid rgba(199,154,59,.26)}
.local-inner{padding:52px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.local-inner h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:42px;text-transform:uppercase}.local-inner h2 span{color:var(--gold-light)}.local-inner p{margin:0;color:#c9c9c6}

.clients{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.client{padding:22px;background:#141617;border:1px solid rgba(255,255,255,.06);font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.6px}.client:before{content:'◆';color:var(--crimson-bright);margin-right:10px}

.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px}.contact-card{background:linear-gradient(145deg,#16191a,#0f1112);border:1px solid rgba(199,154,59,.2);padding:32px}.contact-card h3{font-size:28px;text-transform:uppercase}.contact-row{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07)}.contact-row strong{display:block;color:var(--gold-light);font-size:12px;text-transform:uppercase;letter-spacing:1px}.contact-row span,.contact-row a{color:#dededb}
form{display:grid;grid-template-columns:1fr 1fr;gap:14px}form .full{grid-column:1/-1}input,select,textarea{width:100%;padding:15px 14px;background:#111314;border:1px solid #333a3e;color:white;outline:none;font:inherit}input:focus,select:focus,textarea:focus{border-color:var(--gold)}textarea{min-height:145px;resize:vertical}

footer{background:#050607;border-top:1px solid rgba(199,154,59,.28);padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:40px}.footer-brand img{width:100px;height:100px;object-fit:cover;border-radius:4px}.footer-brand p,.footer-col a,.footer-col p{color:#aaa;font-size:14px}.footer-col h4{color:var(--gold-light);text-transform:uppercase;letter-spacing:1px}.footer-col a{display:block;margin:8px 0}.copyright{margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;color:#777;font-size:12px}

.page-hero{padding:100px 0 72px;background:linear-gradient(90deg,#08090a 0%,#08090a 55%,rgba(8,9,10,.78) 100%),url('assets/task-force-vehicle.jpeg') center/cover no-repeat;border-bottom:1px solid rgba(199,154,59,.2)}
.page-hero h1{font-size:clamp(48px,7vw,76px)}
.prose{max-width:850px}.prose p{color:#c3c4c1}.prose h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:38px;text-transform:uppercase;margin-top:40px}.prose h2 span{color:var(--gold-light)}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.feature{padding:20px;border-left:3px solid var(--gold);background:#121415}.feature strong{display:block;color:var(--gold-light);text-transform:uppercase}.feature span{color:#aaa;font-size:14px}

@media(max-width:900px){
  .nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:#090a0b;padding:22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}
  .nav-links.open{display:flex}.mobile-toggle{display:block}.nav-cta{display:none}
  .hero{min-height:760px;background:linear-gradient(0deg,#070809 0%,rgba(7,8,9,.88) 52%,rgba(7,8,9,.36) 100%),url('assets/task-force-vehicle.jpeg') 65% center/cover no-repeat}.hero-grid{padding-top:120px}
  .hero-strip{position:relative}.hero-strip .container{grid-template-columns:1fr}.hero-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}
  .services-grid{grid-template-columns:1fr 1fr}.split,.contact-grid{grid-template-columns:1fr}.clients{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.local-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){.container{width:min(100% - 28px,var(--max))}.brand-copy span{display:none}.brand{min-width:0}.hero{min-height:690px}.hero p{font-size:16px}.services-grid,.clients,.values,.footer-grid,.feature-list{grid-template-columns:1fr}.section{padding:66px 0}.section-head{align-items:flex-start;flex-direction:column}.photo-panel{min-height:340px}form{grid-template-columns:1fr}form .full{grid-column:auto}.copyright{flex-direction:column;gap:8px}}