/* Desktop: preserve original single-line navigation when mobile menu markup is enhanced. */
@media (min-width:821px){
 .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-main,
 .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-account,
 .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-nav-copy{display:contents}
 .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-intro,
 .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-section,
 .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-shortcuts,
 .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-footnote,
 .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-nav-icon,
 .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-nav-copy>small,
 .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-nav-chevron{display:none!important}
 .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-nav-copy>strong{font-size:inherit;font-weight:600;letter-spacing:normal}
}

/* SayaLab mobile navigation v2 — isolated from desktop and legacy pages */
@media (max-width:820px) {
  .sl-header .sl-nav.sl-mobile-enhanced {
    display:none;
    box-sizing:border-box;
    position:absolute;
    top:calc(100% + 1px);
    right:8px;
    left:auto;
    bottom:auto;
    width:min(460px,calc(100vw - 16px));
    height:min(calc(100dvh - 90px),820px);
    max-height:calc(100dvh - 90px);
    margin:0;
    padding:0;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    z-index:3;
    color:#eef5ff;
    border:1px solid #33435e;
    border-radius:22px;
    background:#0a1120;
    box-shadow:0 22px 80px #000c;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    scrollbar-width:thin;
    scrollbar-color:#48618c #111c2c;
    -webkit-overflow-scrolling:touch;
    isolation:isolate;
  }
  .sl-header .sl-nav.sl-mobile-enhanced.sl-open {display:flex}
  .sl-mobile-backdrop {
    position:fixed;
    z-index:55;
    inset:0;
    background:rgba(1,5,14,.74);
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
  }
  .sl-mobile-backdrop.is-open {opacity:1;pointer-events:auto}
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-intro {
    position:relative;
    padding:26px 24px 20px;
    background:radial-gradient(ellipse 110% 100% at 100% 0%,#28477b77,transparent 62%),linear-gradient(135deg,#141f36,#0a1221);
    border-bottom:1px solid #26364f;
  }
  .sl-nav .sl-mobile-kicker {margin:0 0 7px;color:#9dc5ff;letter-spacing:.17em;font-size:10px;font-weight:800}
  .sl-nav .sl-mobile-intro h2 {margin:0;color:#f5f8ff;font-size:clamp(22px,5vw,27px);font-weight:800;letter-spacing:-.045em;line-height:1.16}
  .sl-nav .sl-mobile-intro p:last-child {margin:10px 0 0;color:#acbad3;font-size:12px;line-height:1.55}
  .sl-nav .sl-mobile-main {display:grid;gap:7px;padding:14px 14px 9px}
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-main > a {
    display:flex;align-items:center;gap:13px;min-width:0;min-height:69px;
    text-align:left;text-decoration:none;white-space:normal;color:#f2f6ff;
    padding:11px 13px;border:1px solid transparent;border-radius:13px;background:#141e2e;
    font-size:15px;font-weight:750;line-height:1.25;transition:background .16s,border-color .16s;
  }
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-main>a:hover,
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-main>a:focus-visible,
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-main>a[aria-current=page] {background:#1c2e49;border-color:#496897}
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-main>a:after {display:none}
  .sl-mobile-nav-icon {flex:0 0 43px;height:43px;display:grid;place-items:center;border:1px solid #45648966;border-radius:12px;background:linear-gradient(150deg,#283d63,#182841);color:#c1dcff}
  .sl-mobile-nav-icon svg {width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
  .sl-mobile-nav-copy {display:grid;gap:3px;flex:1;min-width:0}
  .sl-mobile-nav-copy>strong{display:block;font-size:15px;color:#f7faff;letter-spacing:-.015em}
  .sl-mobile-nav-copy>small{display:block;font-size:11px;color:#acbad1;font-weight:500;line-height:1.4;white-space:normal}
  .sl-mobile-nav-chevron {font-size:19px;color:#88addf;font-weight:400}
  .sl-nav .sl-mobile-section {margin:6px 24px 12px;color:#9aaccc;font-size:10px;font-weight:800;letter-spacing:.14em}
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-shortcuts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 14px 14px}
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-shortcuts a {
    display:flex;align-items:center;justify-content:space-between;gap:7px;white-space:normal;
    padding:13px;border:1px solid #334760;border-radius:12px;color:#dfeafe;
    background:#121f31;text-decoration:none;font-size:12px;font-weight:700;line-height:1.3
  }
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-shortcuts a span:last-child{font-size:16px;color:#93b5e7}
  .sl-header .sl-nav.sl-mobile-enhanced>.sl-mobile-account {
    margin:auto 14px 14px;padding:0;background:none;border:none
  }
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-account a {
    width:100%;min-height:54px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:15px 18px;border:1px solid #8fbaf8;border-radius:13px;
    color:#0b1830;background:linear-gradient(135deg,#c7e1ff,#89b9fc);
    text-decoration:none;font-size:15px;font-weight:850;text-align:left;white-space:normal
  }
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-account a:after {display:none}
  .sl-mobile-account a span:last-child{font-size:19px}
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-footnote {margin:0;padding:0 18px 18px;color:#788cae;text-align:center;font-size:10px}
  .sl-header .sl-menu-toggle {position:relative;z-index:4;min-width:44px;min-height:44px}
  .sl-header .sl-search-button {min-width:44px;min-height:44px}
  body.sl-mobile-menu-open {overflow:hidden!important;touch-action:pan-y}
}
@media (max-width:570px) {
  .sl-header .sl-nav.sl-mobile-enhanced {
    top:calc(100% + 1px);left:0;right:0;width:100%;
    height:calc(100dvh - 69px);max-height:calc(100dvh - 69px);
    border-radius:0;border:0;border-top:1px solid #263a5d;
    box-shadow:none;background:#09111f
  }
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-intro {padding:24px 21px 18px}
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-main{padding:12px 13px 9px;gap:7px}
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-main>a{min-height:66px}
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-shortcuts{padding:0 13px 13px}
  .sl-header .sl-nav.sl-mobile-enhanced>.sl-mobile-account{margin:9px 13px 13px}
}
@media (max-width:370px) {
  .sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-main>a {min-height:59px;padding:8px 10px}
  .sl-mobile-nav-icon {flex-basis:37px;height:37px}
  .sl-mobile-nav-copy>strong {font-size:14px}
  .sl-nav .sl-mobile-intro p:last-child{font-size:11px}
}
@media (prefers-reduced-motion: reduce){
  .sl-mobile-backdrop,.sl-header .sl-nav.sl-mobile-enhanced .sl-mobile-main>a{transition:none}
}
/* More usable first screen on phones: CTA buttons do not crowd the hero. */
@media(max-width:570px){
  body.sl-home .sl-hero-inner{padding-top:44px}
  body.sl-home .sl-actions .sl-button {justify-content:center;min-height:48px;box-sizing:border-box}
  body.sl-home .sl-hero-lead {line-height:1.65}
}