/* Mobile controls use direct painted surfaces rather than animated parent layers. */
body.nexus-home .button-primary{background-color:#9fbdff}
body.nexus-home .button-label{display:inline-block}

@media(max-width:850px),(hover:none){
  body.nexus-home .hero-copy,body.nexus-home .hero-product{animation:none;transform:none;opacity:1}
  body.nexus-home .button-primary{
    isolation:auto;color:#101325;-webkit-text-fill-color:#101325;
    background:#9fbdff linear-gradient(112deg,#b8a8ff 0%,#8ebfff 53%,#6be3ff 100%);
    background-clip:padding-box;-webkit-background-clip:padding-box;
  }
  body.nexus-home .button-primary::before{content:none;display:none}
  body.nexus-home .screen-point{
    -webkit-appearance:none;appearance:none;display:grid;place-items:center;
    width:32px;height:32px;padding:0;line-height:1;font-size:12px;
    color:#101522;-webkit-text-fill-color:#101522;background:#b9c7ff;
    border-color:#d7deff;box-shadow:0 0 0 3px #101626a6;
  }
}

@media(max-width:850px){
  body.nexus-home .site-header{top:max(12px,env(safe-area-inset-top,0px));padding-inline:12px}
  body.nexus-home .mobile-menu{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
    margin-top:8px;padding:12px;border-radius:16px;background:#111622;
    backdrop-filter:none;-webkit-backdrop-filter:none;
    max-height:calc(100vh - 110px);max-height:calc(100svh - 110px - env(safe-area-inset-bottom,0px));
    overflow-y:auto;overscroll-behavior:contain;
  }
  body.nexus-home .mobile-menu[hidden]{display:none}
  body.nexus-home .mobile-menu a{
    display:flex;align-items:center;justify-content:center;text-align:center;
    min-width:0;min-height:48px;padding:12px 10px;font-size:13px;line-height:1.4;
    white-space:normal;border:1px solid #a8b5dd1f;border-radius:10px;background:#ffffff03;
  }
  body.nexus-home .mobile-menu [data-account-link]{background:#b6a2ff15;border-color:#b6a2ff3d;color:#ece6ff}
}

@media(max-width:600px){
  body.nexus-home .nav-shell{min-height:60px;padding:8px 10px 8px 12px;gap:10px}
  body.nexus-home .nav-actions{gap:6px}
  body.nexus-home .nav-actions .button{min-height:42px;padding:10px 14px;font-size:11px;gap:10px}
  body.nexus-home .menu-toggle{flex-shrink:0;width:40px;height:42px}
  body.nexus-home .hero{padding-top:116px}
  body.nexus-home .hero h1{font-size:clamp(42px,12.8vw,72px);line-height:1.04;margin-block:26px 24px}
  body.nexus-home .hero-lead{max-width:340px;font-size:14px;line-height:1.7}
  body.nexus-home .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,320px);margin:28px auto 0;gap:10px}
  body.nexus-home .hero-actions>.button{width:100%;min-width:0;min-height:50px;padding:14px 24px;font-size:13px;gap:12px}
  body.nexus-home .hero-platform{max-width:320px;margin:20px auto 0;font-size:9px;line-height:1.7;gap:6px 9px}
  body.nexus-home .hero-product{margin-top:34px}
  body.nexus-home .screen-explainer{min-height:105px}
}

@media(hover:none){
  body.nexus-home .button:hover,body.nexus-home .button:hover>.icon{transform:none}
  body.nexus-home .button:active{transform:scale(.985)}
}
@media(forced-colors:active){
  body.nexus-home .button-primary,body.nexus-home .screen-point{background:ButtonFace;color:ButtonText;-webkit-text-fill-color:ButtonText;border:1px solid ButtonText}
}