:root{
  --bg:#0b0b0b;
  --fg:#ffffff;
  --gold:#C7A64A;
  --muted:#9aa0a6;
  --card:#111215;
  --border:rgba(255,255,255,.08);
}
html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font:16px/1.6 ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}
a{color:var(--gold);text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;z-index:40;background:linear-gradient(180deg, rgba(11,11,11,.95), rgba(11,11,11,.75) 70%, rgba(11,11,11,0));backdrop-filter:saturate(140%) blur(6px)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}
.brand{display:flex;gap:14px;align-items:center}
.brand img{height:36px;width:auto;object-fit:contain;filter:contrast(1.35) brightness(.9)}
.brand h1{font-weight:800;letter-spacing:.24em;margin:0;font-size:14px;color:#fff;text-transform:uppercase}
.brand small{display:block;color:var(--gold);opacity:.98;letter-spacing:.18em;font-weight:700}



/* HERO */
.hero{position:relative;min-height:64vh;display:grid;place-items:center;background:#000;overflow:hidden;border-bottom:1px solid var(--border)}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.45)), url('assets/hero.jpg') center/cover no-repeat;filter:saturate(105%)}
.hero .inner{position:relative;text-align:center;padding:64px 0}
.kicker{color:var(--gold);letter-spacing:.28em;text-transform:uppercase;font-size:.85rem}
.hero h2{margin:.35em 0 .2em;font-size:clamp(34px,6vw,64px);line-height:1.1;letter-spacing:.04em}
.tagline{font-size:clamp(16px,2.3vw,22px);color:#fff;opacity:.97;letter-spacing:.2em;text-transform:uppercase;font-weight:800;filter:contrast(1.25)}
.cta{margin-right:10px;margin-top:22px;display:inline-flex;gap:10px;align-items:center;border:1px solid var(--gold);padding:12px 18px;border-radius:12px;background:rgba(0,0,0,.35)}
.cta:hover{background:rgba(199,166,74,.15)}

/* Section base */
section{padding:56px 0;border-bottom:1px solid var(--border)}
section h3{margin:0 0 14px;font-size:26px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.twocol{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}
.bullets{display:grid;gap:12px}
.bullets li{margin-left:1.1em}

/* ID strip */
.idgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.idcell{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}
.idcell b{color:#fff}
.muted{color:var(--muted)}

/* Platforms */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{border:1px solid var(--border);padding:6px 10px;border-radius:999px;background:#0f1013}

/* Map */
.map{display:grid;place-items:center}
.map img{max-width:900px;width:100%;height:auto;border-radius:14px;border:1px solid var(--border);background:#0f1013}

/* Contact */
.contact .grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}
.footer{display:flex;justify-content:space-between;align-items:center;padding:18px 0;color:var(--muted)}
.footer img{height:20px;opacity:.55;filter:contrast(1.25)}

@media (max-width: 920px){
  .twocol,.contact .grid{grid-template-columns:1fr}
  .idgrid{grid-template-columns:repeat(2,1fr)}
}


/* Enhanced header branding */
.brand{display:flex;align-items:center;padding:8px 14px;border-radius:14px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);backdrop-filter:saturate(140%) blur(2px);position:relative}
.brand img{height:73px;width:auto;object-fit:contain;filter:contrast(1.35) brightness(.9)}
@media (max-width:640px){.brand img{height:50px}}
header{border-bottom: 3px solid rgba(199,166,74,.35)}
/* Darken just the symbol portion of the logo; fade on hover */
.brand::before{content:"";position:absolute;left:8px;top:8px;width:36px;height:36px;background:rgba(0,0,0,.25);border-radius:6px;pointer-events:none;transition:opacity .25s ease}
.brand:hover::before{opacity:0}
/* Kicker and tagline */
.kicker{color:var(--gold);font-weight:800}
.tagline{font-weight:600}
/* Hero */
.hero{background-position:center 40%}
.hero{position:relative}
.hero::after{content:"";position:absolute;inset:0;background:url('assets/logo.png') no-repeat center 66%;background-size:clamp(240px,32vw,420px);opacity:.25;pointer-events:none}
@media (max-width:640px){.hero::after{background-position:center 68%;background-size:clamp(180px,48vw,300px);opacity:.28}}
@media (min-width:900px){.hero .inner .cta{margin-top:26vh}}
/* CTAs */
.cta{display:inline-flex;align-items:center;gap:8px;background:#C7A64A;color:#0b0b0b;font-weight:700;border-radius:999px;padding:14px 26px;border:1px solid rgba(0,0,0,.25);box-shadow:0 6px 16px rgba(0,0,0,.28);transition:transform .2s ease, box-shadow .2s ease}
.cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(199,166,74,.45)}
/* Chips */
.chip{cursor:default;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease}
.chip:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 8px 18px rgba(199,166,74,.25);background:#101215}
/* Pitch readability */
#pitch p{font-size:1.02rem;color:#e6e6e6}
#pitch p+p{margin-top:.6em}





/* Gold style nav CTA (match sticky RFQ) */




/* Nav CTA matches sticky RFQ */
.nav a.btn {
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#C7A64A;
  color:#0b0b0b;
  font-weight:700;
  border-radius:999px;
  padding:12px 20px;
  border:1px solid rgba(0,0,0,.25);
  box-shadow:0 6px 18px rgba(0,0,0,.35);
  transition:transform .15s ease, box-shadow .15s ease;
  text-decoration:none;
}
.nav a.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(199,166,74,.55);
}