/* Let the video and face landmarks lead; keep context below the media. */
#video.fleet-video-chapter{padding-block:36px 26px;scroll-margin-top:40px}
#video .video-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:34px}
#video .video-benefits article{display:flex;align-items:flex-start;gap:24px;min-width:0;padding-inline-end:24px}
#video .video-benefits article+article{border-inline-start:1px solid #d9e0e7;padding-inline-start:32px}
#video .video-benefits article>svg{width:44px;height:44px;flex:0 0 44px;color:var(--red,#D41E19);margin-top:4px}
#video .video-benefits h3{color:#161d26;font-size:22px;font-weight:600;line-height:1.4;margin:0}
#video .video-benefits p{color:#66707d;font-size:14px;line-height:1.85;margin-top:7px}
#video .video-demo-note{display:flex;align-items:center;justify-content:center;gap:12px;max-width:none;width:100%;margin:28px 0 0;padding:18px 24px;border-top:1px solid #d9e0e7;background:#eef1f5;color:#74808e;font-size:12px;line-height:1.8;text-align:start}
#video .video-demo-note>svg{width:21px;height:21px;flex:0 0 21px}
@media(max-width:1100px){
  #video .video-benefits{gap:20px}
  #video .video-benefits article{gap:14px;padding-inline-end:0}
  #video .video-benefits article+article{padding-inline-start:20px}
  #video .video-benefits article>svg{width:34px;height:34px;flex-basis:34px}
  #video .video-benefits h3{font-size:19px}
  #video .video-benefits p{font-size:13px}
}
@media(max-width:740px){
  #video.fleet-video-chapter{padding-block:24px;scroll-margin-top:24px}
  #video .console-top{gap:12px;flex-wrap:wrap;padding:14px 16px}
  #video .video-benefits{grid-template-columns:1fr;gap:20px;margin-top:26px}
  #video .video-benefits article+article{border-inline-start:0;border-top:1px solid #d9e0e7;padding-inline-start:0;padding-top:20px}
  #video .video-demo-note{align-items:flex-start;justify-content:flex-start;margin-top:24px;padding:16px;font-size:12px}
  #video .video-demo-note>svg{margin-top:1px}
}
