:root{--bg:#0c0e10;--panel:#14171a;--panel2:#1b1f23;--text:#f3f3f3;--muted:#aaa;--gold:#c89b52;--line:#30353a;--danger:#a33}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Arial,sans-serif}
a{color:inherit}.wrap{width:min(1180px,92%);margin:auto}.topbar{background:#090a0b;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:22px}.brand{font-weight:900;letter-spacing:2px;font-size:25px}.brand span{color:var(--gold)}.brand small{display:block;font-size:9px;color:var(--muted)}
nav{display:flex;gap:16px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px;color:#ddd}.hero{padding:90px 0;background:radial-gradient(circle at 75% 20%,#303236 0,#17191c 32%,#0c0e10 68%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:800}
h1{font-size:clamp(45px,7vw,80px);line-height:.98;margin:10px 0 24px}h2{font-size:36px;margin:5px 0 25px}h3{margin-top:0}.lead{font-size:20px;color:#c9c9c9}
.btn{display:inline-block;border:0;background:var(--gold);color:#111;padding:13px 20px;text-decoration:none;font-weight:800;border-radius:4px;cursor:pointer}.btn.alt{background:transparent;color:#fff;border:1px solid #777}.btn.small{padding:9px 13px;font-size:13px}
.section{padding:72px 0}.dark{background:#121518}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.panel{background:var(--panel);border:1px solid var(--line);padding:25px;border-radius:6px}.card h3{color:#d8b374}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fine{font-size:12px;color:var(--muted)}.notice{border-left:4px solid var(--gold);padding:14px 18px;background:#171512;color:#ddd}
input,select,textarea{width:100%;padding:12px;border:1px solid #444;background:#0e1012;color:#fff;border-radius:4px}label{display:block;font-size:13px;font-weight:700;margin:12px 0 6px}textarea{min-height:105px}
table{width:100%;border-collapse:collapse;background:#101214}th,td{border:1px solid #333;padding:9px;text-align:left;vertical-align:top}th{background:#1d2125}.right{text-align:right}.muted{color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{border:1px solid var(--line);background:#121518;padding:20px;border-radius:6px}.price{font-weight:900;color:var(--gold);font-size:19px}
.cartbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.badge{background:var(--gold);color:#111;border-radius:99px;padding:3px 9px;font-weight:900}
.hero-art{aspect-ratio:4/3;border:1px solid #555;background:linear-gradient(135deg,#292c30,#101214);display:grid;place-items:center;text-align:center;color:#aaa}.status{padding:8px 10px;background:#1c231b;border:1px solid #3d5a38;border-radius:4px}
footer{padding:32px 0;border-top:1px solid var(--line);background:#08090a}
@media(max-width:850px){.hero-grid,.cards,.grid2,.grid3,.product-grid{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column;padding:16px 0}.hero{padding:55px 0}nav{padding-bottom:5px}h1{font-size:48px}}

/* RMCS HEADER LOGO v1.0 START */
/* Added 2026-08-18. Uses the approved Veteran-Owned RMCS logo asset. */
.brand{
  width:190px !important;
  height:108px !important;
  min-width:190px !important;
  flex:0 0 190px !important;
  display:block !important;
  background-image:url("rmcs-logo-new.png?v=5") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  font-size:0 !important;
  line-height:0 !important;
  letter-spacing:0 !important;
  overflow:hidden !important;
}
.brand span,
.brand small{
  display:none !important;
}
.nav{
  min-height:118px !important;
}
@media (max-width:900px){
  .brand{
    width:150px !important;
    height:90px !important;
    min-width:150px !important;
    flex-basis:150px !important;
  }
  .nav{
    min-height:96px !important;
  }
}
/* RMCS HEADER LOGO v1.0 END */

/* RMCS DIRECT LOGO v1 START */
.brand.brand-logo{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:185px !important;
  height:112px !important;
  min-width:185px !important;
  padding:4px 0 !important;
  text-decoration:none !important;
  overflow:visible !important;
}
.brand.brand-logo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.nav{
  min-height:120px !important;
}
@media(max-width:800px){
  .brand.brand-logo{
    width:150px !important;
    height:94px !important;
    min-width:150px !important;
  }
  .nav{
    min-height:100px !important;
  }
}
/* RMCS DIRECT LOGO v1 END */