.mobile-menu-toggle{display:none;width:42px;height:42px;flex:0 0 auto;padding:0;border:1px solid var(--line2);border-radius:13px;background:rgba(255,255,255,.035);color:var(--text);cursor:pointer}
.mobile-menu-toggle span,.mobile-menu-toggle:before,.mobile-menu-toggle:after{content:"";display:block;width:18px;height:1px;margin:4px auto;background:currentColor;transition:.2s}
.mobile-menu-toggle[aria-expanded="true"] span{opacity:0}.mobile-menu-toggle[aria-expanded="true"]:before{transform:translateY(5px) rotate(45deg)}.mobile-menu-toggle[aria-expanded="true"]:after{transform:translateY(-5px) rotate(-45deg)}
.mobile-index-backdrop{position:fixed;inset:0;z-index:89;opacity:0;visibility:hidden;background:rgba(2,10,15,.68);backdrop-filter:blur(5px);transition:.25s}.mobile-index-backdrop.open{opacity:1;visibility:visible}
.mobile-index{position:fixed;z-index:90;top:0;right:0;width:min(88vw,390px);height:100dvh;padding:24px;overflow:auto;transform:translateX(105%);transition:transform .32s cubic-bezier(.22,.8,.25,1);border-left:1px solid var(--line2);background:radial-gradient(circle at 100% 0,rgba(90,196,184,.13),transparent 30%),var(--ink2);box-shadow:-28px 0 70px rgba(0,0,0,.42)}.mobile-index.open{transform:none}
.mobile-index-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.mobile-index-title{font:600 25px var(--display)}.mobile-index-close{width:39px;height:39px;border:1px solid var(--line2);border-radius:50%;background:transparent;color:var(--text);font-size:22px;cursor:pointer}
.mobile-index-label{margin:28px 0 9px;color:var(--teal);font:500 9px var(--mono);letter-spacing:.17em;text-transform:uppercase}.mobile-index-links{display:grid}.mobile-index-links a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 2px;border-bottom:1px solid var(--line);color:var(--muted);font-size:15px}.mobile-index-links a:after{content:"→";color:#708993}.mobile-index-links a:hover,.mobile-index-links a[aria-current="true"]{color:var(--text)}.mobile-index-links a[aria-current="true"]:after{color:var(--brass2)}.mobile-index-note{margin-top:28px;padding:17px;border:1px solid rgba(215,173,86,.22);border-radius:14px;color:var(--muted);background:rgba(215,173,86,.055);font-size:12px}.mobile-index-note strong{display:block;margin-bottom:3px;color:var(--brass2);font:500 10px var(--mono);letter-spacing:.1em}
body.mobile-index-open{overflow:hidden}
@media(max-width:1050px){html,body{overflow-x:hidden}.mobile-menu-toggle{display:block;margin-left:auto}.use-case-vessel{margin-left:0}}
@media(max-width:680px){
  header .wrap{
    display:grid!important;
    grid-template-columns:auto 40px minmax(78px,1fr);
    gap:8px!important;
    min-height:auto;
    padding:8px 0 10px;
  }
  header .brand{grid-column:1;grid-row:1;min-width:0}
  header .mobile-menu-toggle{grid-column:2;grid-row:1;width:40px;height:40px;margin:0}
  header .use-case-vessel{grid-column:3;grid-row:1;justify-self:end;margin:0}
  header .header-actions,header .actions{
    grid-column:1/-1;
    grid-row:2;
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:8px!important;
    width:100%;
    margin:0!important;
  }
  header .header-actions .btn,header .actions .btn{
    display:inline-flex!important;
    width:100%;
    min-height:40px;
    padding:0 12px;
    font-size:12px;
    white-space:nowrap;
  }
  .mobile-index{padding:20px}
  .mobile-index-title{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.mobile-index,.mobile-index-backdrop,.mobile-menu-toggle span,.mobile-menu-toggle:before,.mobile-menu-toggle:after{transition:none}}