/* Header, footer and support details update — 2026-08-26 */
body .nav { height: 108px; }
body .brand img { width: 308px; height: 96px; object-fit: contain; }
body .navlinks { gap: 22px; }
.loginbtn { display: inline-flex !important; align-items: center; justify-content: center; min-height: 43px; padding: 0 18px; border: 1px solid #ffffff66; border-radius: 11px; color: #fff; text-decoration: none; font-size: 14px; font-weight: 850; }
body .supportnote { display: block; color: #c8d7ea; font-size: 12px; line-height: 1.45; margin-top: 5px; padding-left: 22px; }
body .foot { grid-template-columns: 320px 1fr auto; align-items: start; }
.footeractions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.footer .loginbtn { border-color: #ffffff55; }
.hours { display: block; margin-top: 9px; color: #dce7f5; font-weight: 750; }
@media (max-width: 1100px) { body .nav > .brand img { width: 240px; } body .navlinks { gap: 14px; } }
@media (max-width: 980px) { body .foot { grid-template-columns: 1fr; } .footeractions { justify-content: flex-start; } }
@media (max-width: 680px) { body .nav { height: 88px; } body .brand img { width: 220px; height: 78px; } .navlinks .loginbtn { width: 100%; } body .footer .brand img { width: 220px; height: 78px; } }

/* Sample link and responsive video sections */
body .sample-action { margin-top: 28px; text-align: center; }
body .sample-link { min-width: 180px; }
body .video-section { background: #f5f8fd; }
body .video-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 48px; align-items: center; }
body .video-frame { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 20px; background: #061b3a; box-shadow: 0 20px 48px #061b3a24; }
body .video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
body .management-video { margin-top: 26px; border-radius: 16px; }
body #customers { scroll-margin-top: 28px; }
@media (max-width: 900px) { body .video-layout { grid-template-columns: 1fr; gap: 26px; } }
@media (max-width: 680px) { body .sample-action { margin-top: 22px; } body .sample-link { width: 100%; } body .video-frame { border-radius: 14px; } body .management-video { margin-top: 22px; } }

/* Chain-group customer badges and three-column mobile showcase */
body .group-customer .logo { position: relative; border-color: #77aaff; box-shadow: 0 12px 28px #1670ff22; }
body .group-badge { position: absolute; left: 50%; bottom: -9px; transform: translateX(-50%); z-index: 2; white-space: nowrap; padding: 4px 9px; border-radius: 999px; background: #1670ff; color: #fff; font-size: 9px; line-height: 1; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; box-shadow: 0 5px 12px #061b3a2b; }
body .group-customer b { margin-top: 7px; }
@media (max-width: 680px) {
  body .customers { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px 5px; }
  body .customers .logo { width: 96px; height: 96px; }
  body .customers .customer b { font-size: 11px; line-height: 1.25; }
  body .customers .category { font-size: 9px; }
  body .group-badge { padding: 3px 6px; font-size: 7px; bottom: -7px; }
}
@media (max-width: 340px) { body .customers .logo { width: 88px; height: 88px; } }