/* Decision intelligence. Cards are the home-page offering cards. No full-viewport sections. */
.page-decision-intelligence{background:#000;color:#e7edf5}
.di-hero{padding:28px 0 8px}
.di-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px;align-items:start}
.di-eye{margin:0 0 8px;color:#9ec0ff;font:500 12px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.di-hero h1{margin:0 0 12px;font:600 clamp(32px,3.6vw,48px)/1.08 var(--font-sans);letter-spacing:-.03em;max-width:16ch}
.di-lead,.di-sec header p,.di-end p{color:#c5d0de;font-size:16.5px;line-height:1.45;max-width:42rem}
.di-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.di-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:16px 0 0;padding:12px 0 0;border-top:1px solid rgba(219,229,242,.16)}
.di-trio li{color:#9aa6b4;font-size:14px;line-height:1.4}
.di-trio b{display:block;color:#9ec0ff;font:500 11px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
.di-jump{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:14px}
.di-jump a{color:#9ec0ff;font-weight:600;text-decoration:none}
.di-jump a:hover{text-decoration:underline}
.di-sec{padding:22px 0 18px;border-top:1px solid rgba(219,229,242,.16);scroll-margin-top:72px}
.di-sec h2{margin:0 0 6px;font:600 clamp(24px,2.4vw,32px)/1.15 var(--font-sans);letter-spacing:-.02em;max-width:22ch}
.di-sec header{margin-bottom:12px}
.di-check{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.di-check div{background:#05080d;border:1px solid var(--line);padding:12px 14px}
.di-check dt{font-weight:600}
.di-check dd{margin:4px 0 0;color:#c5d0de;font-size:14.5px;line-height:1.45}
.di-faq details{border-top:1px solid rgba(219,229,242,.16)}
.di-faq details:first-child{border-top:0}
.di-faq summary{cursor:pointer;padding:12px 0;font-weight:600}
.di-faq details p{margin:0 0 12px;color:#c5d0de;line-height:1.5;max-width:70ch}
.di-end{display:flex;justify-content:space-between;align-items:end;gap:24px}
@media (max-width:860px){
  .di-hero__grid,.di-trio,.di-check,.di-end{grid-template-columns:minmax(0,1fr);display:grid}
  .di-end{align-items:start}
}
