/* Titan Auto LA — Evidence-First Conversion System — approved 2026-09-16.
   Conversion psychology rules: trust before urgency, evidence before persuasion,
   one dominant action color, status colors only for real states, and no policy changes. */
:root{
  --ef-bg:#080C12;
  --ef-bg-2:#0D141D;
  --ef-panel:#111923;
  --ef-panel-2:#16212D;
  --ef-text:#F7FAFD;
  --ef-copy:#D5DFE9;
  --ef-muted:#A8B6C5;
  --ef-line:rgba(148,163,184,.22);
  --ef-line-strong:rgba(96,165,250,.34);
  --ef-action:#3B82F6;
  --ef-action-strong:#2563EB;
  --ef-action-soft:#93C5FD;
  --ef-success:#34D399;
  --ef-caution:#FBBF24;
  --ef-danger:#F87171;
  --ef-radius:22px;
  --ef-shadow:0 24px 70px rgba(0,0,0,.28);
}

html{background:var(--ef-bg);scroll-behavior:smooth}
body{
  color:var(--ef-text);
  background:
    radial-gradient(900px 560px at 88% -10%,rgba(59,130,246,.16),transparent 62%),
    radial-gradient(720px 520px at -8% 36%,rgba(147,197,253,.055),transparent 70%),
    linear-gradient(180deg,var(--ef-bg),var(--ef-bg-2) 46%,var(--ef-bg));
}
::selection{background:rgba(59,130,246,.42);color:#fff}
a{ text-underline-offset:.2em }
:focus-visible{outline:3px solid var(--ef-action-soft);outline-offset:3px}

.site-header{
  background:rgba(8,12,18,.92);
  border-bottom-color:var(--ef-line-strong);
  box-shadow:0 14px 42px rgba(0,0,0,.28);
  backdrop-filter:blur(18px) saturate(125%);
}
.brand-copy strong,.footer-brand strong{color:var(--ef-text)}
.brand-copy small,.footer-brand span{color:var(--ef-muted)}
.desktop-nav>a:not(.nav-cta){color:#CAD5E0}
.desktop-nav>a:not(.nav-cta):hover{color:#fff}

.nav-cta,.button.primary,.home-quote button,.quote-submit,.mobile-bar .primary{
  color:#fff;
  background:linear-gradient(135deg,var(--ef-action),var(--ef-action-strong));
  border-color:rgba(255,255,255,.22);
  box-shadow:0 14px 34px rgba(37,99,235,.27),inset 0 1px rgba(255,255,255,.18);
  font-weight:800;
  letter-spacing:-.01em;
}
.nav-cta:hover,.button.primary:hover,.home-quote button:hover,.quote-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 44px rgba(37,99,235,.34),inset 0 1px rgba(255,255,255,.2);
}
.button.dark,.button.light{
  background:rgba(17,25,35,.9);
  color:var(--ef-text);
  border-color:rgba(148,163,184,.32);
}
.button.dark:hover,.button.light:hover{background:#182432;border-color:var(--ef-line-strong);transform:translateY(-1px)}

.hero,.new-hero,.page-hero{
  position:relative;
  isolation:isolate;
}
.page-hero{
  margin-top:24px;
  padding:clamp(30px,5vw,64px);
  border:1px solid var(--ef-line-strong);
  border-radius:var(--ef-radius);
  background:
    radial-gradient(600px 300px at 100% 0%,rgba(59,130,246,.115),transparent 72%),
    linear-gradient(145deg,rgba(20,30,42,.96),rgba(8,12,18,.97));
  box-shadow:var(--ef-shadow);
}
.page-hero:before,.new-hero:before{
  content:"";
  position:absolute;
  left:clamp(24px,4vw,54px);
  right:clamp(24px,4vw,54px);
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(147,197,253,.64),transparent);
}
.page-hero h1,.hero-copy h1{color:var(--ef-text);letter-spacing:-.045em;text-wrap:balance}
.page-hero p,.lede{color:var(--ef-copy);text-wrap:pretty;max-width:68ch}
.page-code{
  color:var(--ef-action-soft);
  border:1px solid rgba(96,165,250,.3);
  background:rgba(59,130,246,.075);
  border-radius:999px;
  padding:.48rem .75rem;
  font-weight:800;
  letter-spacing:.08em;
}

.psychology-proof{
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;
  margin:20px 0 0;
  padding:0;
  list-style:none;
}
.psychology-proof li{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border:1px solid rgba(96,165,250,.22);
  border-radius:999px;
  background:rgba(59,130,246,.065);
  color:#C9D7E6;
  font-size:.88rem;
  font-weight:700;
}
.psychology-proof li:before{content:"✓";color:var(--ef-success);font-weight:900}

.section{scroll-margin-top:96px}
.section-heading h2,.prose h2,.detail-grid h2,.scope-grid h2,.cta-band h2,.service-area-band h2{color:var(--ef-text);text-wrap:balance}
.section-heading p,.prose p,.detail-grid p,.scope-grid p,.cta-band p,.service-area-band p{color:var(--ef-copy);text-wrap:pretty}
.section-index{color:var(--ef-action-soft);font-weight:900}

.service-rows,.scope-grid,.process-line,.price-table,.hours-table,.prose,.detail-grid,.form-step,.request-aside,.optional-details,.quote-shell{
  border-color:var(--ef-line);
}
.service-rows>a,.price-table article,.hours-table>div{
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.service-rows>a:hover,.price-table article:hover,.hours-table>div:hover{
  background:linear-gradient(90deg,rgba(59,130,246,.08),transparent);
  border-color:rgba(96,165,250,.28);
}
.service-rows>a:hover{transform:translateX(3px)}
.service-rows b,.prose a,.section-heading a{color:var(--ef-action-soft)}

.scope-grid article,.detail-grid>div,.detail-grid>aside,.request-aside,.form-step,.optional-details,.notice,.compliance-card{
  background:linear-gradient(145deg,rgba(20,30,42,.82),rgba(12,18,26,.86));
  border-color:var(--ef-line);
  box-shadow:0 16px 44px rgba(0,0,0,.12);
}
.scope-grid article.critical,.critical{
  border-color:rgba(248,113,113,.32);
  background:linear-gradient(145deg,rgba(55,24,29,.36),rgba(12,18,26,.9));
}
.scope-grid article.critical h2,.critical h2{color:#FECACA}

.process-line{
  background:linear-gradient(145deg,rgba(18,27,38,.86),rgba(10,15,22,.9));
  box-shadow:0 18px 54px rgba(0,0,0,.14);
}
.process-line b{color:var(--ef-action-soft)}
.process-line strong{color:var(--ef-text)}
.process-line span{color:var(--ef-muted)}

.price-table strong{color:#fff;text-shadow:0 0 30px rgba(59,130,246,.18)}
.price-table article:first-child{border-left:2px solid rgba(59,130,246,.45)}
.fine,.quote-note,.form-step-note{color:var(--ef-muted)}

.trust-strip{
  border-color:var(--ef-line-strong);
  background:linear-gradient(145deg,rgba(18,27,38,.92),rgba(10,15,22,.92));
  box-shadow:0 18px 54px rgba(0,0,0,.18);
}
.trust-strip>div>span{color:var(--ef-action-soft);background:rgba(59,130,246,.09);border-color:rgba(96,165,250,.28)}

.home-quote,.quote-shell,.form-wrap .request-form{
  border-color:var(--ef-line-strong);
}
.home-quote,.quote-shell{
  background:linear-gradient(155deg,rgba(23,33,45,.98),rgba(8,12,18,.98));
  box-shadow:0 30px 84px rgba(0,0,0,.3);
}
.home-quote input,.home-quote select,.quote-form input,.quote-form select,.request-form input,.request-form select,.request-form textarea{
  background:#091018;
  border-color:#3B4B5F;
  color:var(--ef-text);
}
.home-quote input:focus,.home-quote select:focus,.quote-form input:focus,.quote-form select:focus,.request-form input:focus,.request-form select:focus,.request-form textarea:focus{
  border-color:var(--ef-action-soft);
  box-shadow:0 0 0 4px rgba(59,130,246,.13);
}
.form-note,.quote-note{line-height:1.65}
.form-note strong{color:var(--ef-action-soft)}
.quote-status,.status{border-radius:14px}

.prose{
  max-width:920px;
  line-height:1.76;
}
.prose h2{margin-top:2.1em}
.prose ul,.prose ol{color:var(--ef-copy)}
.prose li+li{margin-top:.52rem}
details{border-color:var(--ef-line)}
details>summary{color:var(--ef-text);font-weight:800}
details[open]>summary{color:var(--ef-action-soft)}

.cta-band,.service-area-band{
  border-color:var(--ef-line-strong);
  background:
    radial-gradient(560px 220px at 100% 0%,rgba(59,130,246,.13),transparent 70%),
    linear-gradient(130deg,rgba(20,30,42,.96),rgba(8,12,18,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.22);
}
.cta-band .actions{align-items:center}

.site-footer{border-top-color:var(--ef-line-strong);background:rgba(8,12,18,.72)}
.footer-links a{color:#BECBDC}
.footer-links a:hover{color:#fff}
.legal{color:#94A3B8}
.mobile-bar{
  border-top-color:rgba(96,165,250,.28);
  background:rgba(8,12,18,.96);
  box-shadow:0 -16px 42px rgba(0,0,0,.28);
}

@media (max-width:900px){
  .page-hero{margin-top:16px;padding:30px 24px}
  .page-code{font-size:.72rem}
  .service-rows>a:hover{transform:none}
}
@media (max-width:640px){
  body{background:radial-gradient(520px 360px at 100% -4%,rgba(59,130,246,.14),transparent 66%),linear-gradient(180deg,var(--ef-bg),var(--ef-bg-2) 50%,var(--ef-bg))}
  .page-hero{padding:26px 20px;border-radius:18px}
  .page-hero h1{font-size:clamp(2rem,11vw,3.2rem);line-height:1}
  .psychology-proof{gap:7px}
  .psychology-proof li{font-size:.78rem;padding:7px 9px}
  .cta-band,.service-area-band{border-radius:18px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
  .nav-cta:hover,.button:hover,.home-quote button:hover,.quote-submit:hover,.service-rows>a:hover{transform:none!important}
}