/* SX AGENCY COSMIC MOBILE MENU — site-wide, 7 pages. No desktop visual changes.
   Background uses separate original SX Agency space/planet/mountain layers; every
   navigation item is an actual, accessible link. */
.sx-cosmic-menu .sx-menu-scenery,
.sx-cosmic-menu .sx-menu-header,
.sx-cosmic-menu .sx-menu-bottom,
.sx-cosmic-menu .sx-menu-card-icon,
.sx-cosmic-menu .sx-menu-card-subtitle,
.sx-cosmic-menu .sx-menu-card-arrow{display:none}
.sx-cosmic-menu .sx-menu-card-title{display:inline;font:inherit;letter-spacing:inherit;color:inherit}
.sx-cosmic-menu > .sx-nav-card{white-space:nowrap}

@media(max-width:1180px){
 /* Full-screen navigation is portalled to body so Safari/WebKit header blur cannot trap position:fixed. */
 /* The body remains naturally scrollable. The fixed drawer intercepts touch/wheel input. */
 body.nav-open{touch-action:auto!important}
 body.nav-open .site-header{z-index:9999!important;isolation:auto!important}
 body.nav-open .site-header > .brand,
 body.nav-open .site-header > .header-cta,
 body.nav-open .site-header > .menu-toggle{opacity:0!important;pointer-events:none!important}
 body .site-header > .menu-toggle{transition:opacity .18s ease}
 body > .nav.sx-cosmic-menu{
   display:flex!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;
   width:100%!important;max-width:none!important;min-width:0!important;
   height:100vh!important;height:100dvh!important;max-height:none!important;
   padding:max(18px,env(safe-area-inset-top,0px)) clamp(14px,4.1vw,30px) max(18px,env(safe-area-inset-bottom,0px))!important;
   box-sizing:border-box!important;z-index:10000!important;
   border:0!important;border-radius:0!important;box-shadow:0 0 90px rgba(0,0,0,.7)!important;
   background:#06070a!important;
   gap:0!important;align-items:stretch!important;justify-content:flex-start!important;flex-direction:column!important;
   overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;touch-action:pan-y!important;
   -webkit-overflow-scrolling:touch;scrollbar-width:none;
   transform:translate3d(101%,0,0)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
   transition:transform .39s cubic-bezier(.23,.79,.19,1),opacity .32s ease,visibility .39s!important;
 }
 body > .nav.sx-cosmic-menu::-webkit-scrollbar{display:none}
 body > .nav.sx-cosmic-menu.open{
   transform:translate3d(0,0,0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
 }
 body .site-header .mobile-nav-backdrop{display:none!important}
 body > .nav.sx-cosmic-menu .sx-menu-scenery{
   display:block;position:absolute;inset:0;pointer-events:none;z-index:0;
   background:linear-gradient(180deg,rgba(3,4,6,.40),rgba(2,3,5,.78) 55%,#050609 100%),url('images/sx-menu-stars.webp') center top / cover no-repeat;
 }
 body > .nav.sx-cosmic-menu .sx-menu-sky{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,8,.10),rgba(2,3,4,.82) 42%,rgba(2,3,4,.76) 73%,#050609 100%)}
 body > .nav.sx-cosmic-menu .sx-menu-planet{
   position:absolute;z-index:0;pointer-events:none;top:clamp(78px,13vh,118px);right:-210px;
   width:420px;height:420px;
   background:url('images/sx-menu-orb.webp') center center / contain no-repeat;
   opacity:.88;
   -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 36%,transparent 92%);
   mask-image:linear-gradient(to bottom,#000 0%,#000 36%,transparent 92%);
 }
 body > .nav.sx-cosmic-menu .sx-menu-mountains{
   position:absolute;z-index:0;pointer-events:none;left:-15%;right:-15%;bottom:45px;height:240px;
   background:url('images/sx-menu-mountains.webp') center center / cover no-repeat;
   opacity:.85;
   mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 64%,transparent 100%);
   -webkit-mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 64%,transparent 100%);
 }
 body > .nav.sx-cosmic-menu > :not(.sx-menu-scenery){position:relative;z-index:1}
 body > .nav.sx-cosmic-menu .sx-menu-header{
   display:flex;justify-content:space-between;align-items:flex-start;
   flex:0 0 auto;min-height:72px;padding-top:2px;margin:0 0 15px;
 }
 body > .nav.sx-cosmic-menu .sx-menu-brand{display:inline-flex;align-items:center;gap:13px;white-space:nowrap;text-decoration:none;color:#f6f7fa;margin-top:10px;min-height:42px}
 body > .nav.sx-cosmic-menu .sx-menu-brand-mark{
   font-family:'Manrope',Arial,sans-serif;font-size:32px;font-weight:800;line-height:1;letter-spacing:-3px;
   text-shadow:0 1px 14px rgba(255,255,255,.18)
 }
 body > .nav.sx-cosmic-menu .sx-menu-brand-name{
   font-family:'Manrope',Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:4.3px;line-height:1.1;
 }
 body > .nav.sx-cosmic-menu .sx-menu-close{
   width:51px;height:51px;flex:0 0 51px;border:1px solid rgba(237,239,246,.47);border-radius:15px;
   background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,.025) 47%,rgba(0,0,0,.45));
   box-shadow:inset 0 1px 1px rgba(255,255,255,.12),0 11px 24px rgba(0,0,0,.55);
   color:white;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;
 }
 body > .nav.sx-cosmic-menu .sx-menu-close svg{display:block;width:24px;height:24px;stroke-width:1.7}
 body > .nav.sx-cosmic-menu .sx-menu-eyebrow{
   display:flex;align-items:center;gap:14px;flex:0 0 auto;
   padding:0 3px;margin:0 0 20px!important;
   font-family:'Manrope',Arial,sans-serif;font-size:10px;font-weight:650;letter-spacing:3.1px;color:#eff0f5;text-transform:uppercase;
 }
 body > .nav.sx-cosmic-menu .sx-menu-eyebrow-rule{display:block;width:34px;height:1px;background:#e6e7ed;box-shadow:0 0 6px rgba(255,255,255,.25)}
 body > .nav.sx-cosmic-menu > a.sx-nav-card{
   display:flex!important;align-items:center!important;gap:14px!important;flex:0 0 auto!important;
   width:100%!important;min-width:0!important;min-height:69px!important;
   margin:0 0 8px!important;padding:7px 13px!important;border:1px solid rgba(191,200,218,.21)!important;
   border-radius:16px!important;background:linear-gradient(135deg,rgba(41,46,53,.91),rgba(16,20,24,.95) 44%,rgba(9,12,15,.96))!important;
   box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 22px rgba(0,0,0,.27)!important;
   text-decoration:none!important;letter-spacing:normal!important;white-space:normal!important;
   color:#f8f8fa!important;transform:none!important;
   transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important;
 }
 body > .nav.sx-cosmic-menu > a.sx-nav-card:hover,
 body > .nav.sx-cosmic-menu > a.sx-nav-card:focus-visible{
   padding-left:13px!important;outline:none!important;border-color:rgba(240,242,248,.6)!important;
   background:linear-gradient(130deg,rgba(57,61,66,.94),rgba(19,23,29,.98))!important;
 }
 body > .nav.sx-cosmic-menu > a.sx-nav-card[aria-current="page"]{
   border-color:rgba(255,255,255,.95)!important;
   background:linear-gradient(140deg,rgba(56,60,67,.98),rgba(19,23,28,.97) 61%,rgba(11,15,18,.99))!important;
   box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 18px rgba(221,230,245,.13),inset 0 1px 1px rgba(255,255,255,.35),inset 0 -1px 1px rgba(255,255,255,.34)!important;
 }
 body > .nav.sx-cosmic-menu > a.sx-nav-card::before,body > .nav.sx-cosmic-menu > a.sx-nav-card::after{display:none!important}
 body > .nav.sx-cosmic-menu .sx-menu-card-icon{
   display:grid!important;place-items:center;flex:0 0 43px;width:43px;height:48px;
   border:1px solid rgba(222,231,247,.31);border-radius:13px;
   background:linear-gradient(155deg,rgba(155,169,185,.15),rgba(4,7,9,.65));
   box-shadow:inset 0 1px 1px rgba(255,255,255,.10),0 2px 8px rgba(0,0,0,.32)
 }
 body > .nav.sx-cosmic-menu .sx-menu-card-icon svg{display:block;width:23px;height:23px;color:#f3f4f8}
 body > .nav.sx-cosmic-menu .sx-menu-card-label{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0;align-items:flex-start;text-align:left}
 body > .nav.sx-cosmic-menu .sx-menu-card-title{
   display:block!important;color:#f9f9fa;font:600 clamp(16px,4.5vw,20px)/1.1 'Manrope',Arial,sans-serif!important;letter-spacing:-.55px!important;
 }
 body > .nav.sx-cosmic-menu .sx-menu-card-subtitle{
   display:block!important;font:400 clamp(10px,2.75vw,12px)/1.45 'DM Sans',Arial,sans-serif!important;
   color:#c0c2c9!important;letter-spacing:0!important;
 }
 body > .nav.sx-cosmic-menu .sx-menu-card-arrow{
   flex:0 0 33px;width:33px;height:33px;border:1px solid rgba(230,235,244,.63);border-radius:999px;
   background:rgba(2,4,6,.34);display:grid!important;place-items:center;
 }
 body > .nav.sx-cosmic-menu .sx-menu-card-arrow svg{display:block;width:19px;height:19px;color:#f8f9fd}
 body > .nav.sx-cosmic-menu .sx-menu-bottom{display:block;flex:0 0 auto;margin-top:auto;padding:51px 2px 0}
 body > .nav.sx-cosmic-menu .sx-menu-talk{
   display:flex;align-items:center;gap:14px;min-height:57px;padding:9px 17px;
   color:#f7f8fb;font:600 17px/1.1 'Manrope',Arial,sans-serif!important;text-decoration:none;
   border:1px solid rgba(247,250,255,.84);border-radius:100px;
   background:linear-gradient(155deg,rgba(57,63,68,.76),rgba(5,7,10,.90) 67%);
   box-shadow:inset 0 1px 2px rgba(255,255,255,.22),0 0 18px rgba(255,255,255,.10),0 13px 25px rgba(0,0,0,.45);
 }
 body > .nav.sx-cosmic-menu .sx-menu-talk .sx-menu-chat-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto}
 body > .nav.sx-cosmic-menu .sx-menu-talk .sx-menu-chat-icon svg{width:24px;height:24px;stroke-width:1.7}
 body > .nav.sx-cosmic-menu .sx-menu-talk .sx-menu-talk-arrow{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;margin-left:auto;border:1px solid rgba(255,255,255,.23);border-radius:50%;background:rgba(1,2,4,.44)}
 body > .nav.sx-cosmic-menu .sx-menu-talk .sx-menu-talk-arrow svg{width:21px;height:21px}
 body > .nav.sx-cosmic-menu .nav-footer{display:none!important}
 body > .nav.sx-cosmic-menu .sx-nav-indicator{display:none!important}
}
@media(max-width:359px){
 body > .nav.sx-cosmic-menu{padding-inline:11px!important}
 body > .nav.sx-cosmic-menu .sx-menu-header{min-height:62px;margin-bottom:10px}
 body > .nav.sx-cosmic-menu .sx-menu-brand-mark{font-size:27px}
 body > .nav.sx-cosmic-menu .sx-menu-brand-name{font-size:9px;letter-spacing:3px}
 body > .nav.sx-cosmic-menu .sx-menu-eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:14px!important}
 body > .nav.sx-cosmic-menu > a.sx-nav-card{min-height:63px!important;gap:8px!important;padding-inline:9px!important}
 body > .nav.sx-cosmic-menu .sx-menu-card-icon{width:37px;flex-basis:37px;height:41px}
 body > .nav.sx-cosmic-menu .sx-menu-card-icon svg{width:21px;height:21px}
 body > .nav.sx-cosmic-menu .sx-menu-card-arrow{width:30px;flex-basis:30px;height:30px}
 body > .nav.sx-cosmic-menu .sx-menu-bottom{padding-top:37px}
}
@media (min-width:650px) and (max-width:1180px){
 body > .nav.sx-cosmic-menu{padding-left:max(22px,calc((100vw - 550px)/2))!important;padding-right:max(22px,calc((100vw - 550px)/2))!important}
 body > .nav.sx-cosmic-menu .sx-menu-header{margin-bottom:25px}
 body > .nav.sx-cosmic-menu > a.sx-nav-card{min-height:80px!important;margin-bottom:12px!important}
 body > .nav.sx-cosmic-menu .sx-menu-planet{right:0}
}
@media(prefers-reduced-motion:reduce){
 body > .nav.sx-cosmic-menu,body > .nav.sx-cosmic-menu *{transition:none!important;animation:none!important}
}