/* =========================================================
   BE AUDACIOUS — styles.css (FULL REPLACEMENT)
   Graphite / Gold / Red — NO BLUE
   ========================================================= */

/* ---------- CSS Variables ---------- */
:root{
  --bg:#050607;
  --panel:#0b0d10;
  --panel2:#0f1217;
  --text:rgba(233,236,241,.92);
  --muted:rgba(233,236,241,.74);

  --gold:#CFA64A;         /* Audacious Gold */
  --red:#C01822;          /* Crimson Red */
  --lime:#B6FF3B;         /* optional border pop (if used) */

  --line:rgba(255,255,255,.10);
  --line2:rgba(255,255,255,.14);

  --radius:16px;
  --radius2:14px;
  --shadow:0 18px 50px rgba(0,0,0,.55);
}

/* ---------- Reset / Base ---------- */
*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: radial-gradient(1200px 700px at 15% 0%, rgba(192,24,34,.10), rgba(0,0,0,0) 60%),
              radial-gradient(1000px 650px at 95% 15%, rgba(207,166,74,.10), rgba(0,0,0,0) 55%),
              var(--bg);
  color:var(--text);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* No blue — ever */
a{ color:inherit; text-decoration:none; }
a:hover{ opacity:.92; }
a:visited{ color:inherit; }

/* Selection */
::selection{ background:rgba(207,166,74,.25); color:var(--text); }

/* Focus (gold) */
:focus{ outline:none; }
:focus-visible{
  outline:2px solid rgba(207,166,74,.55);
  outline-offset:3px;
  border-radius:10px;
}

/* ---------- Layout Helpers ---------- */
.wrap{
  width:min(1120px, calc(100% - 40px));
  margin:0 auto;
}
.wrap.narrow{
  width:min(940px, calc(100% - 40px));
}

.section{
  padding:42px 0;
}
.section-dark{
  background:transparent;
}
.hr{
  height:1px;
  background:linear-gradient(90deg, rgba(192,24,34,.45), rgba(255,255,255,.10), rgba(207,166,74,.45));
  margin:22px 0;
  opacity:.75;
}

/* ---------- Header / Nav ---------- */
.site-header{
  position:sticky;
  top:0;
  z-index:20;
  backdrop-filter: blur(14px);
  background:rgba(5,6,7,.68);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 0;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:240px;
}
.brand-mark{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  font-weight:950;
  letter-spacing:.06em;
  color:rgba(233,236,241,.96);
  background:linear-gradient(145deg, rgba(192,24,34,.45), rgba(207,166,74,.30));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 24px rgba(0,0,0,.35);
}
.brand-text{ display:flex; flex-direction:column; }
.brand-title{
  font-weight:950;
  letter-spacing:.02em;
  color:var(--gold) !important; /* ALWAYS gold */
  line-height:1.05;
}
.brand-sub{
  font-size:12px;
  color:rgba(233,236,241,.72);
  margin-top:2px;
}

.nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
.nav a{
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
  padding:9px 10px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.14);
}
.nav a:hover{
  border-color:rgba(207,166,74,.35);
  background:rgba(0,0,0,.18);
}

/* ---------- Typography ---------- */
.section-title{
  font-weight:950;
  font-size:30px;
  margin:0 0 10px;
  color:rgba(233,236,241,.97);
}
.lead{
  margin:0;
  color:rgba(233,236,241,.82);
  font-weight:600;
}

.subhead{
  color:rgba(207,166,74,.92) !important;
  font-weight:950;
  margin:0 0 10px;
}

/* Pop underline for headings */
h1::after, h2::after, h3::after{
  content:"";
  display:block;
  width:170px;
  height:3px;
  margin-top:10px;
  border-radius:99px;
  background:linear-gradient(90deg, var(--red), rgba(207,166,74,.95));
  opacity:.98;
}
h3::after{ width:150px; opacity:.95; }

.capline{
  margin:18px 0 10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:12px;
  color:rgba(192,24,34,.92);
}

/* ---------- Cards / Boxes ---------- */
.card{
  border-radius:var(--radius);
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  box-shadow:0 14px 36px rgba(0,0,0,.38);
}

.card-title{
  color:rgba(207,166,74,.95);
  font-weight:950;
  position:relative;
  padding-bottom:8px;
  margin:0 0 6px;
}

/* Micro underline under every card title */
.card-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:64px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg, rgba(192,24,34,.92), rgba(207,166,74,.90));
  opacity:.95;
}

.card-desc{
  margin:0;
  color:rgba(233,236,241,.80);
  font-weight:600;
}

.priority{
  border-left:4px solid rgba(192,24,34,.88) !important;
  background:rgba(255,255,255,.04) !important;
}

.question{
  margin:0;
  color:rgba(233,236,241,.88);
  font-weight:700;
}

/* ---------- Lists ---------- */
.bullets{
  margin:10px 0 0 18px;
  padding:0;
  color:rgba(233,236,241,.82);
  font-weight:600;
}
.bullets li{ margin:6px 0; }

/* ---------- CTA Buttons ---------- */
.cta-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:11px 14px;
  border-radius:12px;
  font-weight:900;
  letter-spacing:.02em;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.18);
  color:rgba(233,236,241,.95) !important;
  text-decoration:none !important;
  box-shadow:0 10px 28px rgba(0,0,0,.35);
}

.btn-primary{
  border:none !important;
  background:linear-gradient(90deg, rgba(192,24,34,.95), rgba(207,166,74,.92)) !important;
}

.btn-ghost{
  border:1px solid rgba(207,166,74,.35) !important;
  background:rgba(0,0,0,.14) !important;
}

.btn:hover{ transform:translateY(-1px); }
.btn:active{ transform:translateY(0); }

/* ---------- Callouts ---------- */
.callout{
  margin-top:10px;
  padding:14px 16px;
  border-radius:14px;
  border-left:4px solid rgba(207,166,74,.85) !important;
  background:rgba(255,255,255,.03) !important;
  color:rgba(233,236,241,.88) !important;
  border:1px solid rgba(255,255,255,.10);
}

/* ---------- Facts Grid ---------- */
.facts-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
  margin-top:12px;
}
@media (max-width:820px){
  .facts-grid{ grid-template-columns:1fr; }
}

.fact-no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:11px;
  background:rgba(192,24,34,.18);
  border:1px solid rgba(192,24,34,.55);
  color:rgba(207,166,74,.98); /* GOLD DIGITS */
  font-weight:950;
  font-size:13px;
  letter-spacing:.08em;
  box-shadow:0 0 0 1px rgba(207,166,74,.12), 0 10px 24px rgba(0,0,0,.35);
  margin-bottom:10px;
}

/* ---------- Footer ---------- */
.footer{
  padding:24px 0 34px;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.10);
}
.footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.small{
  font-size:12px;
  color:rgba(233,236,241,.70);
}

/* ---------- Responsive tweaks ---------- */
@media (max-width:920px){
  .header-inner{ flex-direction:column; align-items:flex-start; }
  .nav{ justify-content:flex-start; }
}
/* =========================================
   EMERGENCY NO-BLUE + BRAND LOCK (GLOBAL)
   ========================================= */

a, a:visited { color: inherit !important; text-decoration: none !important; }
a:hover { opacity: .92; }

.brand-title { color: var(--gold) !important; }