.menu-toggle,.mobile-menu{display:none}

@media (max-width:980px){
  body.menu-open{overflow:hidden}
  body.menu-open .hp-ar-float{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .site-header{z-index:60}
  .site-header .nav{min-height:72px;align-items:center;flex-direction:row;padding:0 28px}
  .menu-ready .site-header .nav-links{display:none}
  #nav .nav-cta,.site-header .nav-cta{display:none}

  .menu-toggle{position:relative;z-index:62;display:inline-flex;align-items:center;gap:9px;min-width:72px;min-height:44px;padding:7px 2px 7px 10px;border:0;background:transparent;color:#efe9dd;font:700 .58rem/1 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .menu-toggle:focus-visible{outline:2px solid #68cbde;outline-offset:5px;border-radius:8px}
  .panel-switch{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;width:28px;height:28px;filter:drop-shadow(0 0 8px rgba(254,188,17,.13))}
  .panel-switch i{display:block;width:6px;height:22px;border:1px solid rgba(239,233,221,.72);border-radius:1px;background:linear-gradient(180deg,rgba(239,233,221,.95),rgba(239,233,221,.52));transform-origin:center;transition:transform .46s cubic-bezier(.22,1,.36,1),opacity .22s ease,background .3s ease,border-color .3s ease}
  .panel-switch i:nth-child(1){border-top-color:#68cbde}
  .panel-switch i:nth-child(2){border-top-color:#efe9dd}
  .panel-switch i:nth-child(3){border-top-color:#febc11}
  .menu-toggle[aria-expanded="true"] .panel-switch i{background:#efe9dd;border-color:#efe9dd}
  .menu-toggle[aria-expanded="true"] .panel-switch i:nth-child(1){transform:translateX(9px) rotate(45deg) scaleY(1.15)}
  .menu-toggle[aria-expanded="true"] .panel-switch i:nth-child(2){opacity:0;transform:scaleY(.2)}
  .menu-toggle[aria-expanded="true"] .panel-switch i:nth-child(3){transform:translateX(-9px) rotate(-45deg) scaleY(1.15)}

  .mobile-menu{position:fixed;inset:0;z-index:59;display:block;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .28s ease,visibility 0s linear .46s}
  .mobile-menu.is-open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .28s ease}
  .menu-backdrop{position:absolute;inset:0;background:rgba(2,4,10,.48);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
  .menu-sheet{position:absolute;inset:0;padding:104px 22px max(28px,env(safe-area-inset-bottom));overflow:auto;background:radial-gradient(circle at 88% 7%,rgba(255,255,255,.075),transparent 29%),radial-gradient(circle at 8% 82%,rgba(255,255,255,.045),transparent 34%),linear-gradient(180deg,rgba(7,10,18,.99),rgba(7,10,18,.96));clip-path:inset(0 0 100% 0);transition:clip-path .56s cubic-bezier(.22,1,.36,1)}
  .mobile-menu.is-open .menu-sheet{clip-path:inset(0)}
  .menu-sheet::before{content:"";position:absolute;top:90px;left:22px;right:22px;height:1px;background:linear-gradient(90deg,#68cbde 0 48%,rgba(239,233,221,.62) 48% 76%,#febc11 76%);transform:scaleX(0);transform-origin:left;transition:transform .62s cubic-bezier(.22,1,.36,1) .12s}
  .mobile-menu.is-open .menu-sheet::before{transform:scaleX(1)}
  .menu-kicker{margin:23px 0 14px;color:rgba(239,233,221,.45);font:700 .62rem/1 Inter,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}
  .menu-links{display:grid;border-top:1px solid rgba(239,233,221,.12)}
  .menu-link{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:4px 12px;padding:18px 2px;border-bottom:1px solid rgba(239,233,221,.12);color:#efe9dd;text-decoration:none;opacity:0;transform:translateY(-12px);transition:opacity .34s ease,transform .52s cubic-bezier(.22,1,.36,1),background .25s ease}
  .menu-link:nth-child(1){transition-delay:.12s}
  .menu-link:nth-child(2){transition-delay:.17s}
  .menu-link:nth-child(3){transition-delay:.22s}
  .menu-link:nth-child(4){transition-delay:.27s}
  .mobile-menu.is-open .menu-link{opacity:1;transform:none}
  .menu-number{grid-row:1/3;color:#68cbde;font:700 .58rem/1 Inter,system-ui,sans-serif;letter-spacing:.12em}
  .menu-title{font:700 clamp(1.45rem,7vw,2.1rem)/1.05 Inter,system-ui,sans-serif;letter-spacing:-.035em}
  .menu-detail{color:rgba(239,233,221,.55);font:400 .78rem/1.35 Inter,system-ui,sans-serif}
  .menu-arrow{grid-column:3;grid-row:1/3;font-size:1.4rem;color:rgba(239,233,221,.64);transform:translateX(0);transition:transform .25s ease,color .25s ease}
  .menu-link:active .menu-arrow{transform:translateX(5px);color:#fff}
  .menu-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding:17px 20px;border-radius:9px;background:#68cbde;color:#041018;text-decoration:none;box-shadow:0 14px 38px rgba(104,203,222,.2);opacity:0;transform:translateY(12px);transition:opacity .34s ease .28s,transform .52s cubic-bezier(.22,1,.36,1) .28s,background .25s ease}
  .menu-cta:hover{background:#83d6e5}
  .mobile-menu.is-open .menu-cta{opacity:1;transform:none}
  .menu-cta-copy{display:grid;gap:4px}
  .menu-cta strong{font:700 1rem/1 Inter,system-ui,sans-serif}
  .menu-cta span{font:500 .7rem/1.25 Inter,system-ui,sans-serif;color:rgba(4,16,24,.7)}
  .menu-cta svg{flex:none}
}

@media (max-width:390px){
  .site-header .nav{padding:0 20px}
  .menu-sheet{padding-left:20px;padding-right:20px}
  .menu-sheet::before{left:20px;right:20px}
  .menu-link{padding-top:15px;padding-bottom:15px}
}

@media (prefers-reduced-motion:reduce){
  .mobile-menu,.menu-sheet,.menu-sheet::before,.menu-link,.menu-cta,.panel-switch i{transition:none!important}
}