/* Compact video introduction. Changes are scoped to this homepage section. */
#home > #how-dfc-works {
  display:block!important; min-height:0!important; height:auto!important; max-height:none!important;
  padding:clamp(52px,4.5vw,76px) clamp(24px,5vw,80px)!important;
  background:#f0f6fc; color:#102b4c;
}
#how-dfc-works .how-inner { width:100%; max-width:1320px; margin:0 auto; }
#how-dfc-works .how-header { margin:0 0 34px; }
#how-dfc-works .how-kicker { margin:0 0 14px; color:#3278bc; font-size:14px; font-weight:800; line-height:1.4; letter-spacing:.15em; }
#how-dfc-works h2 { margin:0; color:#102b4c; font-size:clamp(34px,4vw,58px); font-weight:800; line-height:1.12; letter-spacing:-.035em; }
#how-dfc-works .how-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; align-items:start; }
#how-dfc-works .how-card { min-width:0; }
#how-dfc-works h3 { min-height:2.9em; margin:0 0 12px; color:#172c48; font-size:18px; font-weight:650; line-height:1.45; }
#how-dfc-works .how-preview { display:block; position:relative; width:100%; padding:0; overflow:hidden; border:1px solid #d9e4ef; border-radius:12px; background:#fff; color:#173f74; text-align:left; box-shadow:0 5px 18px #102b4c09; transition:border-color .16s ease,box-shadow .16s ease; cursor:pointer; }
#how-dfc-works .how-poster { display:block; width:100%; aspect-ratio:16/9; overflow:hidden; background:#fff; }
#how-dfc-works [data-video="dfc-overview"] { color:#fff; }
#how-dfc-works [data-video="dfc-overview"] .how-poster { background:#001a12; }
#how-dfc-works .how-poster img { display:block; width:100%; height:100%; object-fit:contain; }
#how-dfc-works .how-play-symbol { position:absolute; right:12px; bottom:12px; display:grid; place-items:center; width:36px; height:36px; border:1px solid currentColor; border-radius:50%; background:transparent; opacity:.85; transition:opacity .16s ease; }
#how-dfc-works .how-play-symbol svg { display:block; width:13px; height:13px; margin-left:2px; fill:currentColor; }
#how-dfc-works .how-preview:hover { border-color:#5e8ab6; box-shadow:0 7px 22px #102b4c12; }
#how-dfc-works .how-preview:hover .how-play-symbol { opacity:1; }
#how-dfc-works .how-preview:focus-visible { outline:3px solid #1679bb; outline-offset:5px; }
#how-dfc-works .how-explanation { margin:18px 0 0; color:#435b76; font-size:16px; line-height:1.55; text-align:left; }
@media(max-width:760px) {
  #home > #how-dfc-works { padding:42px 20px 46px!important; }
  #how-dfc-works .how-header { margin-bottom:28px; }
  #how-dfc-works .how-kicker { font-size:12px; margin-bottom:12px; }
  #how-dfc-works h2 { font-size:clamp(32px,7.8vw,42px); }
  #how-dfc-works .how-grid { grid-template-columns:1fr; gap:32px; }
  #how-dfc-works h3 { min-height:0; font-size:17px; margin-bottom:12px; }
  #how-dfc-works .how-play-symbol { right:4px; bottom:4px; width:24px; height:24px; }
  #how-dfc-works .how-play-symbol svg { width:10px; height:10px; }
}
@media(prefers-reduced-motion:reduce) { #how-dfc-works .how-preview, #how-dfc-works .how-play-symbol { transition:none; } }