/* v164 — final visual polish for Stage 1 / Apps selectors and Stage result card. */

/* Selector buttons: the old design paints the white shape in ::before,
   so style both the button and that shape. */
.apps-model-button,
.stage-model-list .stage-model-button,
.apps-brand-button,
.stage-brand-grid .stage-brand{
  background:transparent!important;
  color:#c9e1ef!important;
  -webkit-text-fill-color:#c9e1ef!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.apps-model-button::before,
.stage-model-list .stage-model-button::before,
.apps-brand-button::before,
.stage-brand-grid .stage-brand::before{
  background:linear-gradient(180deg,#0d2a40 0%,#091b2b 100%)!important;
  border:1px solid rgba(57,145,193,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 3px 9px rgba(0,0,0,.18)!important;
}
.apps-model-button:hover::before,
.stage-model-list .stage-model-button:hover::before,
.apps-brand-button:hover::before,
.stage-brand-grid .stage-brand:hover::before{
  background:linear-gradient(180deg,#123650 0%,#0b263b 100%)!important;
  border-color:rgba(72,174,226,.66)!important;
}
.apps-model-button.active::before,
.stage-model-list .stage-model-button.active::before,
.apps-brand-button.active::before,
.stage-brand-grid .stage-brand.active::before{
  background:linear-gradient(180deg,#123f69 0%,#0a2d50 100%)!important;
  border-color:#287db4!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(30,108,162,.16),0 5px 14px rgba(0,0,0,.22)!important;
}
.apps-model-button.active,
.stage-model-list .stage-model-button.active,
.apps-brand-button.active,
.stage-brand-grid .stage-brand.active{
  color:#f1f8fc!important;
  -webkit-text-fill-color:#f1f8fc!important;
}

/* Stage result: eliminate the remaining light card completely. */
.stage-vehicle-result{
  background:#06131f!important;
  color:#dbeaf3!important;
  border:1px solid rgba(49,151,205,.25)!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.stage-vehicle-result .stage-result-heading{
  background:linear-gradient(180deg,#0b2437 0%,#081a29 100%)!important;
  border:0!important;
  border-bottom:1px solid rgba(49,151,205,.22)!important;
  color:#f4f9fc!important;
}
.stage-vehicle-result .stage-result-heading h2{
  color:#f4f9fc!important;
  -webkit-text-fill-color:#f4f9fc!important;
}
.stage-vehicle-result .stage-model-summary{
  background:linear-gradient(135deg,#081a29 0%,#071521 100%)!important;
  color:#d6e7f1!important;
  border:0!important;
  border-bottom:1px solid rgba(49,151,205,.18)!important;
  border-radius:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.stage-vehicle-result .stage-model-summary img{
  background:#091824!important;
  border-radius:0!important;
  filter:none!important;
}
.stage-vehicle-result .stage-summary-copy{
  padding:20px 22px!important;
  color:#b8cedb!important;
}
.stage-vehicle-result .stage-summary-lead{
  color:#e4f2fa!important;
  -webkit-text-fill-color:#e4f2fa!important;
}
.stage-vehicle-result .stage-summary-copy li{
  color:#aec5d3!important;
  -webkit-text-fill-color:#aec5d3!important;
}
.stage-vehicle-result .stage-engine-stack{
  background:#06131f!important;
  padding:12px!important;
}
.stage-vehicle-result .stage-engine-card,
.stage-vehicle-result .stage-benefits-panel,
.stage-vehicle-result .stage-growth-chart,
.stage-vehicle-result .stage-engine-note{
  background:#081a29!important;
  border-color:rgba(49,151,205,.20)!important;
}

@media(max-width:700px){
  .stage-vehicle-result .stage-summary-copy{padding:14px!important}
  .stage-vehicle-result .stage-engine-stack{padding:8px!important}
}