/* SHELL Drive — single standalone desktop navigation component.
   Approved blue/gold visual, independent live elements, no screenshot overlay.
   All five pages intentionally remain empty on desktop below the nav. */
.desktop-only-nav{display:none}
@media(min-width:751px){
  html,body{margin:0;min-height:100%;background:#030e19!important;overflow-x:hidden!important;overflow-y:hidden!important;scrollbar-width:none}
  body > main,body > .roadmap-old-header,body > .site-header,body > footer{display:none!important}
  .desktop-only-nav{
    display:block!important;position:relative;z-index:50;
    box-sizing:border-box!important;width:min(calc(100vw - 32px),1675px)!important;min-width:0!important;max-width:1675px!important;
    margin:14px auto 0;
  }
  .shell-nav{
    box-sizing:border-box;width:100%;min-width:0;min-height:80px;display:grid;grid-template-columns:minmax(170px,23%) minmax(0,1fr) minmax(173px,21%);
    align-items:center;gap:10px;padding:8px 14px 8px 20px;
    border:1.5px solid #198fb7;border-radius:44px;overflow:hidden;
    background:linear-gradient(180deg,#052e49 0%,#051a2d 45%,#031321 85%,#07314a 100%);
    box-shadow:inset 0 1px 8px #18a3e32b;
  }
  .shell-nav *{box-sizing:border-box}
  .shell-nav-brand{display:flex;align-items:center;width:100%;height:100%;padding:0;text-decoration:none}
  .shell-nav-brand img{display:block;width:min(100%,274px);height:auto;max-height:58px;object-fit:contain;object-position:left center;background:transparent;mix-blend-mode:normal}
  .shell-nav-links{display:flex;align-items:center;justify-content:space-between;gap:clamp(3px,.6vw,12px);min-width:0}
  .shell-nav-links a{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;min-height:44px;padding:7px 4px;
    border:1px solid transparent;border-radius:999px;color:#f2f8ff;text-decoration:none;text-align:center;
    font:600 clamp(11px,1.02vw,18px)/1.18 Arial,Helvetica,sans-serif;white-space:nowrap;
    transition:background .15s,color .15s,border-color .15s}
  .shell-nav-links a:hover{color:#ffe28c;background:#24435a77}
  .shell-nav-links a[aria-current="page"]{
    border-color:#ffc929;background:linear-gradient(180deg,#42351c,#111d27 77%);
    box-shadow:inset 0 0 7px #f3ba2f33;color:#fff5d9
  }
  .shell-nav-telegram{display:flex;justify-content:center;align-items:center;gap:10px;min-height:48px;width:100%;padding:8px 10px;
    border:1.5px solid #28dcff;border-radius:100px;color:#f6fcff;cursor:pointer;
    background:linear-gradient(180deg,#0d85bd,#03527e 46%,#062a46 100%);
    box-shadow:inset 0 2px 9px #6dd8ff46;
    font:700 clamp(11px,1.04vw,18px)/1.15 Arial,Helvetica,sans-serif;white-space:nowrap}
  .shell-nav-telegram:hover{background:linear-gradient(#1595ca,#08618f)}
  .shell-nav-telegram svg{width:24px;height:24px;flex:none;fill:currentColor}
  .shell-nav a:focus-visible,.shell-nav button:focus-visible{outline:2px solid #fff;outline-offset:3px}
  @media(max-width:1100px){
    .shell-nav{grid-template-columns:minmax(130px,21%) minmax(0,1fr) minmax(155px,21%);gap:5px;padding:8px 10px}
    .shell-nav-links{gap:0}
    .shell-nav-links a{font-size:clamp(10px,1.17vw,14px)}
    .shell-nav-telegram{font-size:clamp(10px,1.1vw,13px);gap:5px}
    .shell-nav-telegram svg{width:18px;height:18px}
  }
}
@media(max-width:750px){.desktop-only-nav{display:none!important}}