/* AseptoTWIN shared chrome: header, mobile menu, footer. Loaded on every page. */
:root{--sh-h:72px}
html{background:#001229}
body.sub{background:linear-gradient(180deg,#0B2E55 0,#001F3F 560px,#001229 100%)!important;color:#9FB0C2;min-height:100vh}

/* header */
.sh{position:fixed;inset:0 0 auto 0;z-index:90;transition:background .35s ease,border-color .35s ease;border-bottom:1px solid transparent}
.sh.scrolled{background:rgba(0,18,41,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:rgba(213,222,232,.08)}
.sh-in{max-width:1280px;margin:0 auto;height:var(--sh-h);display:flex;align-items:center;gap:28px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.sh-logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none;margin-right:auto}
.sh-logo svg{width:28px;height:31px;display:block}
.sh-wm{font-family:'Sora','Montserrat',sans-serif;font-weight:700;font-size:16.5px;letter-spacing:-.02em;color:#FFFFFF}
.sh-wm em{font-style:normal;color:#0081FF}
.sh-nav{display:flex;align-items:center;gap:26px}
.sh-nav a{font:500 11px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#EEF3F8;text-decoration:none;padding:6px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap}
.sh-nav a:hover{color:#0081FF}
.sh-nav a[aria-current="page"]{color:#0081FF;border-bottom-color:#0081FF}
.sh-cta{flex:none;font:700 11.5px 'Montserrat',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#0081FF;text-decoration:none;padding:11px 16px;border-radius:6px;transition:filter .25s}
.sh-cta:hover{filter:brightness(1.14)}
.sh-cta[aria-current="page"]{background:transparent;border:1px solid #0081FF;padding:10px 15px}
.sh-burger{display:none;width:44px;height:44px;flex:none;background:rgba(11,46,85,.75);border:1px solid rgba(213,222,232,.14);border-radius:6px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.sh-burger span{display:block;width:16px;height:1.5px;background:#EEF3F8}
.sh a:focus-visible,.sh button:focus-visible,.sh-menu a:focus-visible,.sh-menu button:focus-visible,.sf a:focus-visible{outline:2px solid #0081FF;outline-offset:3px}
.sh-space{height:var(--sh-h)}

/* mobile menu */
.sh-menu{position:fixed;inset:0;z-index:100;background:rgba(0,18,41,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.sh-menu[hidden]{display:none}
.sh-menu-top{display:flex;justify-content:flex-end;padding:14px max(20px,env(safe-area-inset-right,0px)) 0 20px}
.sh-close{width:44px;height:44px;background:rgba(11,46,85,.75);border:1px solid rgba(213,222,232,.14);border-radius:6px;cursor:pointer;font-size:20px;color:#EEF3F8}
.sh-menu ul{list-style:none;margin:auto 0;padding:0 max(24px,env(safe-area-inset-left,0px));display:grid;gap:12px}
.sh-menu ul a{display:flex;gap:16px;align-items:baseline;font:700 clamp(26px,7vw,40px)/1.15 'Montserrat',sans-serif;letter-spacing:-.02em;color:#FFFFFF;text-decoration:none}
.sh-menu ul a .no{font:400 12px 'IBM Plex Mono',monospace;color:#9FB0C2;letter-spacing:0}
.sh-menu ul a[aria-current="page"]{color:#0081FF}
.sh-menu ul a .tag{font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.2em;color:#0081FF;border:1px solid rgba(0,129,255,.45);border-radius:4px;padding:3px 7px;align-self:center}
.sh-menu-foot{padding:24px;font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.15em;color:#9FB0C2;text-transform:uppercase}

@media(max-width:1020px){
  .sh-nav,.sh-cta{display:none}
  .sh-burger{display:flex}
  :root{--sh-h:64px}
}

/* footer */
.sf{background:#001229;border-top:1px solid rgba(213,222,232,.1);color:#9FB0C2;position:relative;z-index:1}
.sf-in{max-width:1200px;margin:0 auto;padding:52px max(20px,env(safe-area-inset-right,0px)) 36px max(20px,env(safe-area-inset-left,0px));display:grid;gap:28px}
.sf-top{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.sf-nav{display:flex;flex-wrap:wrap;gap:12px 24px}
.sf-nav a{font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#EEF3F8;text-decoration:none}
.sf-nav a:hover{color:#0081FF}
.sf-legal{font:400 10.5px/1.8 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:rgba(159,176,194,.7);max-width:900px;margin:0}
.sf-base{display:flex;flex-wrap:wrap;gap:10px 28px;font:500 10.5px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#9FB0C2;border-top:1px solid rgba(213,222,232,.08);padding-top:20px}
.sf-base a{color:#9FB0C2;text-decoration:none}
.sf-base a:hover{color:#0081FF}

@media(prefers-reduced-motion:reduce){.sh,.sh-nav a,.sh-cta{transition:none}}