.showcase-nav { position: fixed; inset: 0 0 auto; z-index: 50; height: 72px; padding: 0 var(--layout-gutter); display: flex; align-items: center; justify-content: space-between; gap: 24px; background: var(--color-canvas); border-bottom: 1px solid var(--color-rule); }
.showcase-nav .nav-logo img { display: block; height: 30px; width: auto; }
.showcase-nav .nav-links { display: flex; align-items: center; gap: 32px; font-size: 14px; font-weight: 400; letter-spacing: .02em; }
.showcase-nav .nav-links a { position: relative; padding: 6px 0; color: var(--color-muted); }
.showcase-nav .nav-links a::after { content: ''; position: absolute; inset: auto 0 0; height: 1px; background: var(--color-accent); transform: scaleX(0); transform-origin: left; transition: transform var(--dur-fast) var(--ease-out); }
.showcase-nav .nav-links a:hover, .showcase-nav .nav-links a.active { color: var(--color-text); }
.showcase-nav .nav-links a:hover::after, .showcase-nav .nav-links a.active::after { transform: scaleX(1); }
.showcase-nav .nav-toggle { display: none; border: 1px solid var(--color-rule); border-radius: 0; padding: 10px 14px; color: var(--color-text); background: none; font: var(--text-caption) var(--font-mono); text-transform: uppercase; letter-spacing: .08em; }
.showcase-page .workbench { min-height: calc(100svh - 72px); }
.showcase-page { padding-top: 72px; }
.showcase-notice { padding: 20px 24px; border: 1px solid var(--color-rule); background: var(--color-surface); }
.showcase-notice h2 { font-size: 18px; margin-block: 8px; }
.showcase-notice p:last-child { color: var(--color-secondary); font-size: var(--text-small); }
.showcase-section { padding-bottom: 48px; }
.showcase-account { margin-top: 32px; }
.showcase-account .balance { margin-top: 16px; }
.showcase-account .supporting { margin-top: 12px; }
.showcase-vault { border: 1px solid var(--color-rule); padding: 24px; }
.showcase-vault .parcel-scene { margin-bottom: 24px; }
.showcase-vault h3 { margin-bottom: 12px; font-size: 20px; }
.showcase-vault > p { color: var(--color-muted); font-size: var(--text-small); }
.showcase-page button:disabled { opacity: .65; cursor: not-allowed; }
.showcase-page .rail > .inline-link { padding-left: 16px; }
.showcase-page .recovery-panel .roadmap-note { margin-top: 24px; }
@media (max-width: 768px) {
  .showcase-nav { height: 72px; }
  .showcase-nav .nav-toggle { display: block; }
  .showcase-nav .nav-links { position: fixed; inset: 72px 0 auto; flex-direction: column; align-items: stretch; gap: 0; padding: 8px var(--layout-gutter) 24px; background: var(--color-canvas); border-bottom: 1px solid var(--color-rule); opacity: 0; transform: translateY(-8px); pointer-events: none; transition: opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out); }
  .showcase-nav.open .nav-links { opacity: 1; transform: none; pointer-events: auto; }
  .showcase-nav .nav-links a { padding: 14px 0; font-size: 16px; border-bottom: 1px solid var(--color-rule-soft); }
  .showcase-nav .nav-links a::after { display: none; }
  .showcase-notice { padding: 16px; }
  .showcase-page .rail > .inline-link { padding-left: 8px; }
}