/* v168 — unify lower content/contact blocks on Apps + Stage 1 */
:root{
  --tt168-bg:#040c14;
  --tt168-panel:#071827;
  --tt168-panel2:#0a2032;
  --tt168-border:rgba(51,153,211,.24);
  --tt168-border-strong:rgba(52,177,235,.38);
  --tt168-text:#e7f2f8;
  --tt168-muted:#a9c1d0;
  --tt168-cyan:#39c6ff;
}

/* Shared bottom contact block: same visual system on both pages */
body .contactbox{
  background:linear-gradient(145deg,#081a29 0%,#06131f 100%)!important;
  border:1px solid var(--tt168-border)!important;
  border-radius:16px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
  color:var(--tt168-text)!important;
}
body .contactbox .eyebrow{color:var(--tt168-cyan)!important}
body .contactbox h2{color:#f4f9fc!important;-webkit-text-fill-color:#f4f9fc!important}
body .contactbox .lead{color:var(--tt168-muted)!important}
body .contactbox .contactlinks{gap:9px!important}
body .contactbox .biglink{
  background:linear-gradient(180deg,#0c2b42,#092034)!important;
  border:1px solid var(--tt168-border-strong)!important;
  color:#effaff!important;
  box-shadow:none!important;
  border-radius:10px!important;
}
body .contactbox .biglink:hover{
  background:linear-gradient(180deg,#103852,#0b2940)!important;
  border-color:#38bff4!important;
  transform:translateY(-1px);
}

/* Stage 1: blocks below selector/result, converted to the same dark cards as Apps */
body .stage-description-after,
body .stage-description-after + .section.alt{
  background:var(--tt168-bg)!important;
}
body .stage-description-after .wrap,
body .stage-description-after + .section.alt .wrap{
  color:var(--tt168-text)!important;
}
body .stage-description-after h2,
body .stage-description-after + .section.alt h2{
  color:#f3f8fc!important;
  -webkit-text-fill-color:#f3f8fc!important;
}
body .stage-description-after .lead,
body .stage-description-after + .section.alt .lead{
  color:var(--tt168-muted)!important;
}
body .stage-description-after .service-text-grid .card,
body .stage-description-after + .section.alt .step{
  background:linear-gradient(145deg,#081a29,#071522)!important;
  border:1px solid var(--tt168-border)!important;
  color:var(--tt168-text)!important;
  box-shadow:none!important;
  border-radius:13px!important;
}
body .stage-description-after .service-text-grid .card h3,
body .stage-description-after + .section.alt .step h3{
  color:#f1f8fc!important;
}
body .stage-description-after .service-text-grid .card p,
body .stage-description-after + .section.alt .step p{
  color:#aec5d3!important;
}
body .stage-notice{
  background:linear-gradient(145deg,#092033,#071827)!important;
  border:1px solid rgba(53,174,230,.28)!important;
  border-left:3px solid var(--tt168-cyan)!important;
  color:#b8ceda!important;
  box-shadow:none!important;
  border-radius:10px!important;
}

/* Stage result shell directly under model buttons: keep it visually tied to Apps result card */
body .stage-results-section>.wrap{
  max-width:980px!important;
}
body .stage-vehicle-result{
  background:linear-gradient(145deg,#081a29,#061521)!important;
  border:1px solid var(--tt168-border)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  box-shadow:0 14px 34px rgba(0,0,0,.20)!important;
}
body .stage-vehicle-result .stage-result-heading{
  background:#0a2032!important;
  border-bottom:1px solid rgba(53,174,230,.18)!important;
}

/* Apps: keep lower info/contact areas in the exact same palette */
body .tt-apps-after{background:var(--tt168-bg)!important}
body .apps-v83-bottom,
body .apps-v83-included,
body .apps-result-notice{
  background:#081a29!important;
  border-color:var(--tt168-border)!important;
  color:var(--tt168-muted)!important;
}

@media(max-width:760px){
  body .contactbox{padding:16px!important}
  body .contactbox .contactlinks{display:grid!important;grid-template-columns:1fr!important}
  body .stage-description-after .service-text-grid{grid-template-columns:1fr!important}
}
