/* BlackCab family palette, adapted for BlackPass. Keep the approved page layout. */
:root{
  --brand-yellow:#ffe600;
  --brand-yellow-hover:#e6cf00;
  --brand-black:#0e0e0e;
  --brand-platinum:#e4e6e9;
  --ink:#171717;
  --muted:#595959;
  --line:#dedede;
  --lime:var(--brand-yellow);
  --page:#f7f7f5;
  --ring:#806d00;
}
.brand{gap:0;color:var(--brand-black)}
.brand-wordmark{display:block;width:185px;height:auto;aspect-ratio:3/1;object-fit:contain;flex:none}
.brand span{color:#5a5a5a}
.header{background:var(--brand-black);color:#fff;border-bottom:1px solid #ffffff16}
.header .brand{color:var(--brand-platinum)}
/* Original b mirrored vertically in the SVG sprite; neutral platinum display. */
.header .brand-wordmark{filter:grayscale(1) invert(1) contrast(3);mix-blend-mode:screen;opacity:.94}
.header .brand span{color:#d1d1d1}
.header button:hover{color:var(--brand-platinum)}
.header button:focus-visible,.header a:focus-visible{outline-color:var(--brand-platinum)}
.header .corporate{border-color:#b9bdc499;color:var(--brand-platinum)}
.header .corporate:hover{background:#ffffff12}
.main-tabs button[aria-selected=true]{background:var(--brand-black);border-color:var(--brand-black)}
.main-tabs button[aria-selected=true] .icon{color:var(--brand-yellow)}
.main-tabs .blackcab-wordmark{display:block;width:115px;height:auto;aspect-ratio:646/120;object-fit:contain;filter:brightness(0)}
.main-tabs button[aria-selected=true] .blackcab-wordmark{filter:none}
.main-tabs button:focus-visible{outline-color:var(--ring)}
.search-button{color:var(--brand-black);background:var(--brand-yellow)}
.search-button:hover{background:var(--brand-yellow-hover)}
.field-label{color:#565656}
.field input::placeholder{color:#686868}
.field:focus-within{background:#fffdef}
.field,.field:first-child,.field:nth-last-child(2){border-color:#929292}
.benefit{background:#faf8e8}
.benefit>.icon{color:#6d5e00}
.benefit small{border-color:#d5d0aa}
.footer .brand-wordmark{width:145px;filter:grayscale(1) contrast(3);mix-blend-mode:multiply}
#dialog-done{background:var(--brand-yellow);color:var(--brand-black)}
#dialog-done:hover{background:var(--brand-yellow-hover)}
@media(max-width:760px){
  .header .brand-wordmark{width:155px}
  .main-tabs .blackcab-wordmark{width:105px}
  .header{box-shadow:0 1px 0 #ffffff16}
  .secondary-services button{color:#555}
  .footer .brand-wordmark{width:120px}
}
@media(max-width:360px){
  .header .brand-wordmark{width:128px}
}