:root { --ink:#11151c; --paper:#f3f5f2; --blue:#2567dd; --green:#b8e65e; --muted:#69717e; --line:#c8cdd2; }
body { background:var(--paper); color:var(--ink); font-family:Inter,Arial,Helvetica,sans-serif; }
.detail-nav { position:sticky; top:0; z-index:30; background:rgba(243,245,242,.96); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
.detail-nav .wrap { min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.detail-brand { display:flex; align-items:center; gap:10px; font-size:14px; font-weight:900; text-decoration:none; }
.detail-brand i { width:12px; height:12px; display:block; background:var(--blue); }
.detail-nav nav { display:flex; gap:18px; }
.detail-nav nav a { font-size:11px; font-weight:800; text-decoration:none; text-transform:uppercase; }
.detail-hero { padding:clamp(74px,10vw,140px) 0 70px; border-bottom:1px solid var(--line); }
.detail-hero .wrap { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:clamp(32px,7vw,100px); align-items:end; }
.detail-hero h1 { max-width:980px; margin:16px 0 22px; font:900 clamp(56px,9vw,128px)/.82 Impact,'Arial Narrow Bold',sans-serif; text-transform:uppercase; }
.detail-hero h1 span { color:var(--blue); }
.detail-hero p { max-width:760px; margin:0; font-size:clamp(18px,2vw,25px); line-height:1.5; }
.detail-facts { display:grid; border:1px solid var(--ink); }
.detail-facts div { padding:16px; border-bottom:1px solid var(--ink); }
.detail-facts div:last-child { border-bottom:0; }
.detail-facts strong { display:block; margin-top:5px; font-size:15px; }
.evidence-bar { background:var(--ink); color:#fff; }
.evidence-bar .wrap { display:grid; grid-template-columns:repeat(4,1fr); }
.evidence-bar div { min-height:90px; padding:20px; border-right:1px solid #39404b; }
.evidence-bar div:last-child { border-right:0; }
.evidence-bar strong { display:block; color:var(--green); font-size:26px; }
.evidence-bar span { color:#b9c0cb; font-size:11px; line-height:1.4; }
.detail-section { padding:clamp(70px,9vw,120px) 0; border-bottom:1px solid var(--line); }
.detail-section.dark { background:#10141c; color:#fff; }
.detail-head { display:grid; grid-template-columns:.4fr 1.6fr; gap:32px; margin-bottom:42px; }
.detail-head h2 { max-width:900px; margin:0; font:900 clamp(42px,6vw,78px)/.9 Impact,'Arial Narrow Bold',sans-serif; text-transform:uppercase; }
.detail-head p { max-width:680px; color:var(--muted); line-height:1.6; }
.dark .detail-head p { color:#adb5c1; }
.trailer-case { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); border:1px solid #3c4552; background:#111720; }
.trailer-case video { width:100%; height:100%; min-height:560px; object-fit:cover; background:#000; }
.trailer-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(28px,4vw,54px); }
.trailer-copy h3 { margin:12px 0 14px; font:900 clamp(38px,5vw,66px)/.9 Impact,'Arial Narrow Bold',sans-serif; text-transform:uppercase; }
.trailer-copy p { color:#b9c1cc; line-height:1.6; }
.trailer-copy .button { align-self:flex-start; background:var(--green); border-color:var(--green); color:var(--ink); }
.decision-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--ink); }
.decision-grid article { min-height:310px; padding:clamp(24px,3vw,38px); border-right:1px solid var(--ink); }
.decision-grid article:last-child { border-right:0; }
.decision-grid h3 { margin:40px 0 12px; font-size:25px; }
.decision-grid p { color:var(--muted); line-height:1.55; }
.proof-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.proof-grid figure { margin:0; border:1px solid var(--line); background:#fff; }
.proof-grid img { width:100%; aspect-ratio:16/10; object-fit:cover; }
.proof-grid figcaption { display:grid; gap:7px; padding:18px; }
.proof-grid figcaption span { color:var(--blue); font-size:10px; font-weight:900; text-transform:uppercase; }
.proof-grid figcaption strong { font-size:18px; }
.proof-grid figcaption p { margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
.finding-band { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--ink); background:#f2c84b; }
.finding-band img { width:100%; height:100%; min-height:440px; object-fit:cover; border-right:1px solid var(--ink); }
.finding-band div { display:flex; flex-direction:column; justify-content:center; padding:clamp(28px,5vw,64px); }
.finding-band h3 { margin:10px 0 14px; font:900 clamp(38px,5vw,68px)/.9 Impact,'Arial Narrow Bold',sans-serif; text-transform:uppercase; }
.finding-band p,.finding-band li { line-height:1.55; }
.outcome-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--ink); }
.outcome-grid article { min-height:220px; padding:24px; border-right:1px solid var(--ink); }
.outcome-grid article:last-child { border-right:0; }
.outcome-grid strong { display:block; margin:32px 0 9px; font-size:21px; }
.outcome-grid p { color:var(--muted); font-size:13px; line-height:1.5; }
.system-index { display:grid; grid-template-columns:repeat(2,1fr); border:1px solid #343b48; }
.system-index article { min-height:480px; padding:clamp(28px,4vw,52px); border-right:1px solid #343b48; border-bottom:1px solid #343b48; background:#171c26; }
.system-index article:nth-child(2n) { border-right:0; }
.system-index article:nth-last-child(-n+2) { border-bottom:0; }
.system-index h2 { margin:28px 0 12px; font:900 clamp(38px,5vw,66px)/.9 Impact,'Arial Narrow Bold',sans-serif; text-transform:uppercase; }
.system-index p { color:#b5bdc8; line-height:1.6; }
.flow { display:flex; flex-wrap:wrap; gap:8px; margin-top:30px; }
.flow span { padding:10px 11px; border:1px solid #536071; color:#e3e7ed; font-size:10px; font-weight:800; text-transform:uppercase; }
.flow span:last-child { border-color:var(--green); color:var(--green); }
.detail-footer { padding:42px 0; background:var(--ink); color:#fff; }
.detail-footer .wrap { display:flex; justify-content:space-between; gap:24px; }
.detail-footer a { color:var(--green); }
@media (max-width:900px) {
  .detail-hero .wrap,.trailer-case,.finding-band { grid-template-columns:1fr; }
  .trailer-case video { min-height:360px; }
  .finding-band img { border-right:0; border-bottom:1px solid var(--ink); }
  .decision-grid,.proof-grid,.outcome-grid { grid-template-columns:1fr 1fr; }
  .decision-grid article:nth-child(2),.outcome-grid article:nth-child(2) { border-right:0; }
  .decision-grid article:nth-child(-n+2),.outcome-grid article:nth-child(-n+2) { border-bottom:1px solid var(--ink); }
}
@media (max-width:700px) {
  .detail-nav nav { display:none; }
  .detail-head { grid-template-columns:1fr; }
  .evidence-bar .wrap,.decision-grid,.proof-grid,.outcome-grid,.system-index { grid-template-columns:1fr; }
  .evidence-bar div { border-right:0; border-bottom:1px solid #39404b; }
  .decision-grid article,.decision-grid article:nth-child(2),.outcome-grid article,.outcome-grid article:nth-child(2),.system-index article,.system-index article:nth-child(2n),.system-index article:nth-last-child(-n+2) { border-right:0; border-bottom:1px solid currentColor; }
  .decision-grid article:last-child,.outcome-grid article:last-child,.system-index article:last-child { border-bottom:0; }
  .detail-footer .wrap { flex-direction:column; }
}