/* CBA Warehouses — Midnight theme (dark navy). Link AFTER motion.css. */
:root{
  --bg:#000;
  --bg-soft:#0A0E15;
  --ink:#F2F5FA;            /* now the TEXT color */
  --night:#0A1B33;          /* original navy, kept for dark surfaces */
  --blue:#2F6BFF;           /* nudged brighter so it holds up on black */
  --blue-soft:rgba(47,107,255,.16);
  --sky:#8AB4FF;
  --muted:#8C99AE;
  --hair:rgba(255,255,255,.10);
  --card:#0B1018;
  --card-hi:#111925;
  color-scheme:dark;
}
body{background:#000;color:var(--ink)}

/* ---------- top bar + nav ---------- */
.announce{background:linear-gradient(90deg,#0A1B33,#0F2D63,#0A1B33);color:#fff;border-bottom:1px solid var(--hair)}
header{background:rgba(0,0,0,.72)}
.brand .sub,.crumb a,.hero-badge b,.hero-badge .num{color:var(--sky)}
nav.links a:not(.pill):hover{background:rgba(255,255,255,.07)}
nav.links a.active:not(.pill){background:var(--blue-soft);color:var(--sky)}
nav.links a.glow{color:var(--sky)}
.pill{background:var(--blue)}
.pill:hover{background:#5B8CFF;box-shadow:0 8px 28px rgba(47,107,255,.45)}

/* ---------- buttons ---------- */
.btn-dark{background:var(--blue);color:#fff}
.btn-dark:hover{background:#5B8CFF;box-shadow:0 12px 34px rgba(47,107,255,.45)}
.btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.22)}
.btn-line:hover{border-color:#fff}

/* ---------- hero ---------- */
.hero-badge{background:var(--card);border-color:var(--hair);box-shadow:0 10px 34px rgba(47,107,255,.18)}
.aurora span:nth-child(1){background:rgba(47,107,255,.42)}
.aurora span:nth-child(2){background:rgba(122,167,247,.16)}
.aurora span:nth-child(3){background:rgba(40,170,255,.22)}
.hero-grid{background-image:radial-gradient(rgba(138,180,255,.38) 1.1px,transparent 1.6px)}
.mkt{background:var(--card);border-color:var(--hair);color:var(--ink)}
.mkt:hover{border-color:rgba(138,180,255,.4);box-shadow:0 14px 30px rgba(0,0,0,.5)}
.mkt.soon{color:var(--muted)}

/* brand logo tiles stay light so dark logos remain readable */
.bm-cell{background:#F3F6FB;border-color:transparent}
.bm-cell:hover{border-color:var(--sky);box-shadow:0 14px 34px rgba(47,107,255,.25)}

/* ---------- section chrome ---------- */
.kicker{color:var(--sky)}
.pcard .tag{color:var(--sky)}

/* ---------- cards ---------- */
.pcard,.tcard{background:var(--card)}
.pcard::after,.tcard::after{border-color:var(--hair)}
.pcard:hover,.tcard:hover{background:var(--card-hi);box-shadow:0 30px 60px rgba(0,0,0,.6)}
.pcard:hover::after,.tcard:hover::after{border-color:rgba(138,180,255,.28)}
.glyph{background:var(--card-hi)!important;border-color:var(--hair)!important}
.pcard:hover .glyph,.tcard:hover .glyph{background:var(--blue-soft)!important}
.glyph svg{stroke:var(--sky)!important}
.tcard .go .arrow{background:#fff;color:#000}
.tcard:hover .go .arrow{background:var(--blue);color:#fff}
.vcard,.rcard{background:var(--card);border-color:var(--hair)}
.vcard:hover,.rcard:hover{box-shadow:0 24px 50px rgba(0,0,0,.6)}
.rcard .glyph{background:var(--blue-soft)!important;border:none!important}
.vcard .vn{background:#fff;color:#000}
.vcard:hover .vn{background:var(--blue);color:#fff}
.tilt::before{background:radial-gradient(420px circle at var(--mx) var(--my),rgba(61,123,255,.22),transparent 45%)}

/* ---------- steps ---------- */
.steps{background:var(--bg-soft);border:1px solid var(--hair)}
.snum{-webkit-text-stroke-color:var(--sky)!important}
.srow:hover,.srow.active{background:var(--card-hi)}
.srow.active{box-shadow:0 18px 40px rgba(0,0,0,.5)}
.srow:hover .snum,.srow.active .snum{color:var(--sky)}

/* ---------- dark surfaces get lifted off pure black ---------- */
.quote-card,.analogy .quote-card{background:linear-gradient(160deg,#0D1E3A,#070F1E);border:1px solid rgba(138,180,255,.14);color:#fff}
.foot-hero{background:linear-gradient(180deg,#07101F,#04070D);border:1px solid var(--hair);border-bottom:none}
footer{background:#04070D;border:1px solid var(--hair);border-top:none}
.foot-hero .btn-dark{background:#fff;color:#000}
.foot-hero .btn-dark:hover{background:var(--sky);color:#000}
.pay .inner{box-shadow:0 30px 90px rgba(47,107,255,.25)}

/* ---------- misc ---------- */
.bstat .n{color:#fff}
.drow .big .no{background-image:linear-gradient(rgba(140,153,174,.85),rgba(140,153,174,.85))}
.check .tick{color:var(--sky)}
.faq summary .ic{color:var(--sky)}
.faq summary:hover{color:var(--sky)}

/* ---------- modal ---------- */
.modal{background:var(--card);border:1px solid var(--hair);box-shadow:0 40px 90px rgba(0,0,0,.7)}
.mclose{background:transparent;color:#fff;border-color:var(--hair)}
.mclose:hover{background:rgba(255,255,255,.08)}
.field input,.field textarea,.field select{background:#05070B;color:#fff;border-color:var(--hair)}
.field input::placeholder,.field textarea::placeholder{color:#5E6A7D}

/* ---------- logo: brighten the gradient so the navy "C" holds up on black ---------- */
.brand img,.panel img{filter:brightness(1.75) saturate(1.15) drop-shadow(0 0 10px rgba(47,107,255,.35))}
.foot-grid .brand img{filter:brightness(0) invert(1)}

/* ---------- Midnight tone ---------- */
:root{--bg:#0C1628;--bg-soft:#101D34;--card:#14223B;--card-hi:#1A2B49;--deep:#070E1B;--hair:rgba(255,255,255,.11)}
body{background:#0C1628}
header{background:rgba(12,22,40,.78)}
.quote-card,.analogy .quote-card{background:linear-gradient(160deg,#13294F,#0C1A33);border-color:rgba(138,180,255,.18)}
.foot-hero{background:linear-gradient(180deg,#101D34,#070E1B)}
footer{background:#070E1B}
.field input,.field textarea,.field select{background:#070E1B}