/* Homepage navigation: same restrained action language as the desktop app. */
.delivery-landing .dl-header .main-nav { gap: 6px; }
.delivery-landing .dl-header .af-nav-panel a { color: #263247; padding: 12px; }
.delivery-landing .dl-header .af-nav-panel a:hover { color: #4c60d8; }
.delivery-landing .dl-header .af-delivery-signature strong { color: #202938; }
.delivery-landing .dl-header .dl-header-cta { background: #4c60d8; box-shadow: none; border-radius: 12px; }
.site-header, .site-header.scrolled {
  background: #fff;
  color: #202938;
  border-bottom: 1px solid #dce3ee;
  box-shadow: 0 4px 18px #16264206;
  font-family: "Segoe UI", sans-serif;
}
.site-header .header-inner { width: min(1500px, calc(100% - 48px)); gap: 24px; }
.site-header .brand { gap: 12px; color: #202938; }
.site-header .brand img { width: 44px; height: 44px; object-fit: contain; filter: none; }
.site-header .brand > span { display: block; color: #202938; font-size: 18px; font-weight: 700; }
.site-header .brand small { display: block; margin-top: 4px; color: #64748b; font-size: 8px; letter-spacing: .08em; }
.site-header .main-nav { gap: 6px; overflow: visible; font-weight: 400; }
.site-header .main-nav > a, .af-nav-group > summary {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: 42px; padding: 10px 14px; border: 1px solid transparent;
  border-radius: 12px; color: #263247; font-size: 14px; cursor: pointer;
  list-style: none; line-height: 1.4;
}
.af-nav-group > summary::-webkit-details-marker { display: none; }
.af-nav-group > summary > span { color: #64748b; transition: transform .15s; }
.af-nav-group[open] > summary > span { transform: rotate(180deg); }
.site-header .main-nav > a:hover, .af-nav-group > summary:hover,
.af-nav-group[open] > summary { color: #4c60d8; background: #f2f4fc; border-color: #dce3ee; }
.af-nav-group { position: relative; }
.af-nav-panel {
  position: absolute; top: calc(100% + 10px); left: 0; width: 300px;
  padding: 8px; border: 1px solid #dce3ee; border-radius: 14px;
  background: #fff; box-shadow: 0 12px 32px #14233d14; color: #263247;
}
.af-nav-label { display: block; padding: 12px; color: #6b778b; font-size: 10px; letter-spacing: .07em; text-transform: uppercase; }
.af-nav-panel a { display: block; padding: 12px; border-radius: 9px; color: #263247; }
.af-nav-panel a:hover { background: #f2f4fc; color: #4c60d8; }
.af-nav-panel b { display: block; font-size: 14px; font-weight: 600; }
.af-nav-panel a small { display: block; margin-top: 4px; color: #64748b; font-size: 12px; line-height: 1.5; }
.button { min-height: 44px; border-radius: 12px; box-shadow: none; font-family: "Segoe UI", sans-serif; font-weight: 500; }
.button:hover { transform: none; box-shadow: none; }
.button-primary { background: #4c60d8; border: 1px solid #4c60d8; color: #fff; }
.button-primary:hover { background: #3e50c2; }
.button-ghost { border-color: #dce3ee; background: #fff; color: #263247; }
.button-ghost:hover { background: #f2f4fc; }
.site-header :is(a, summary, button):focus-visible, .button:focus-visible { outline: 2px solid #4c60d8; outline-offset: 3px; }
.launch-bar { background: #f3f5fc; color: #4c60d8; border-bottom: 1px solid #e4e9f2; }
.launch-bar a, .launch-bar span { color: #465577; }
.launch-bar i { background: #4c60d8; }
@media (max-width: 1100px) and (min-width: 821px) {
  .site-header .header-inner { gap: 12px; width: calc(100% - 32px); }
  .site-header .brand small { display: none; }
  .site-header .main-nav > a, .af-nav-group > summary { padding-inline: 9px; }
}
@media (max-width: 820px) {
  .site-header .header-inner { width: calc(100% - 28px); }
  .site-header .main-nav { overflow-y: auto; max-height: calc(100dvh - 130px); gap: 4px; border: 1px solid #dce3ee; box-shadow: 0 12px 32px #14233d14; }
  .site-header .menu-toggle span { background: #263247; }
  .af-nav-panel { position: static; width: 100%; margin-top: 4px; box-shadow: none; background: #fafbfe; }
  .site-header .main-nav > a, .af-nav-group > summary { min-height: 46px; }
  .site-header .brand > span { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .af-nav-group > summary > span { transition: none; } }