/* DiazUX Studio — UX/CRO audit fixes · 2026-09-09
   Keeps the monochrome system intact. Improvements focus on clarity,
   evidence, conversion expectations and content hierarchy. */

/* Home: immediate authority + proof */
body.dx-home .hero-sub{max-width:760px!important}
body.dx-home .hero-note{max-width:760px!important}

body.dx-home .trust-strip{
  padding:0!important;
  border-bottom:1px solid var(--dx-rule)!important;
  background:#fff!important;
}
body.dx-home .trust-strip-inner{
  width:min(calc(100% - var(--dx-pad)*2),var(--dx-max));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(250px,.75fr) repeat(3,minmax(0,1fr));
  border-left:1px solid var(--dx-rule);
}
body.dx-home .trust-strip-title,
body.dx-home .trust-proof{
  min-height:104px;
  padding:20px;
  border-right:1px solid var(--dx-rule);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body.dx-home .trust-strip-title strong{
  font:500 12px/1.45 var(--dx-mono)!important;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.dx-home .trust-strip-title span,
body.dx-home .trust-proof span{
  margin-top:7px;
  font-size:14px;
  line-height:1.45;
  color:var(--dx-muted)!important;
}
body.dx-home .trust-proof{
  color:#000!important;
  text-decoration:none!important;
}
body.dx-home .trust-proof b{
  font-size:16px;
  font-weight:500;
  letter-spacing:-.02em;
}
body.dx-home .trust-proof:is(:hover,:focus-visible){background:#000!important;color:#fff!important}
body.dx-home .trust-proof:is(:hover,:focus-visible) span{color:#fff!important}

/* DUX is a mechanism for starting a useful consultation, not a separate goal. */
.dux-expectation{
  margin:18px 0 0;
  padding-top:16px;
  border-top:1px solid #000;
  max-width:620px;
}
.dux-expectation strong{
  display:block;
  margin-bottom:6px;
  font:500 11px/1.45 var(--dx-mono)!important;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.dux-expectation span{
  display:block;
  font-size:14px;
  line-height:1.55;
  color:var(--dx-muted)!important;
}

/* Services: translate professional capabilities into hiring moments. */
.service-fit{
  margin-top:16px!important;
  padding-top:14px;
  border-top:1px solid var(--dx-rule);
  font-size:14px!important;
  line-height:1.55!important;
  color:var(--dx-muted)!important;
}
.service-fit strong{color:#000!important;font-weight:500}
.service-case-link{
  display:inline-flex;
  margin-top:14px;
  min-height:38px;
  align-items:center;
  font:500 11px/1 var(--dx-mono)!important;
  letter-spacing:.035em;
  text-transform:uppercase;
  text-underline-offset:4px;
}
.service-case-link:is(:hover,:focus-visible){text-decoration-thickness:2px}

/* Contact: explicit expectation after the user commits to a form. */
.contact-response{
  margin:18px 0 0;
  padding:14px 0 0;
  border-top:1px solid #000;
  font:500 12px/1.55 var(--dx-mono)!important;
  letter-spacing:.02em;
}

/* Privacy: readable operational transparency without turning the page into legal clutter. */
.privacy-stack{padding:0 0 clamp(72px,9vw,120px)}
.privacy-section{
  display:grid;
  grid-template-columns:minmax(180px,.38fr) minmax(0,1fr);
  gap:clamp(28px,7vw,100px);
  padding:30px 0;
  border-top:1px solid var(--dx-rule);
}
.privacy-section:last-child{border-bottom:1px solid var(--dx-rule)}
.privacy-section h2{
  margin:0!important;
  font:500 11px/1.45 var(--dx-mono)!important;
  letter-spacing:.055em!important;
  text-transform:uppercase;
}
.privacy-section .privacy-copy{max-width:780px}
.privacy-section p{margin:0 0 14px!important;font-size:16px!important;line-height:1.65!important}
.privacy-section ul{margin:0;padding-left:20px}
.privacy-section li{margin:0 0 8px;font-size:16px;line-height:1.55}
.privacy-note{
  margin-top:18px!important;
  padding:14px 16px;
  border:1px solid #000;
  font-size:14px!important;
}

@media(max-width:900px){
  body.dx-home .trust-strip-inner{grid-template-columns:1fr 1fr}
  body.dx-home .trust-strip-title,
  body.dx-home .trust-proof{border-bottom:1px solid var(--dx-rule)}
  .privacy-section{grid-template-columns:1fr;gap:14px}
}

@media(max-width:620px){
  body.dx-home .trust-strip-inner{grid-template-columns:1fr}
  body.dx-home .trust-strip-title,
  body.dx-home .trust-proof{min-height:auto;padding:18px}
}