/* DilutionWatch shared nav — extracted from homepage.css */

:root {
  --sky-blue: #60a5fa;
  --text-secondary: #94a3b8;
  --text-primary: #f8fafc;
  --border: rgba(255,255,255,0.08);
  --fs-xs: clamp(0.8rem, 0.75rem + 0.25vw, 0.9375rem);
  --fs-sm: clamp(0.9375rem, 0.85rem + 0.25vw, 1.0625rem);
  --fs-base: clamp(1rem, 0.9rem + 0.25vw, 1.125rem);
  --space-lg: clamp(1.5rem, 1rem + 2vw, 2.5rem);
  --radius-md: 12px;
}

.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:4px var(--space-lg) 0;background:rgba(5,5,8,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);overflow:visible}
.nav::before{content:'NVDA $142.58 ▲+3.2%  ·  AAPL $237.41 ▼-0.8%  ·  MSFT $428.90 ▲+1.1%  ·  AMZN $198.34 ▲+2.4%  ·  TSLA $342.19 ▲+4.7%  ·  META $612.55 ▼-1.3%  ·  GOOG $178.92 ▲+0.6%  ·  AMD $164.28 ▲+2.8%  ·  PLTR $78.45 ▲+5.1%  ·';position:absolute;top:15%;left:0;font-family:'Courier New',monospace;font-size:13px;color:rgba(59,130,246,0.12);white-space:nowrap;animation:scrollData 35s linear infinite;letter-spacing:3px;font-weight:600;pointer-events:none}
.nav::after{content:'SOFI $14.82 ▲+6.3%  ·  JPM $248.16 ▲+0.9%  ·  BA $178.54 ▼-2.1%  ·  DIS $112.38 ▲+1.7%  ·  NFLX $924.67 ▲+3.4%  ·  COIN $268.91 ▼-4.2%  ·  RIVN $14.28 ▲+8.1%  ·  MARA $22.45 ▲+5.6%  ·  SPY $602.14 ▲+0.4%  ·';position:absolute;bottom:18%;right:0;font-family:'Courier New',monospace;font-size:14px;color:rgba(59,130,246,0.10);white-space:nowrap;animation:scrollDataReverse 40s linear infinite;letter-spacing:4px;font-weight:600;pointer-events:none}
@keyframes scrollData{0%{transform:translateX(-50%)}100%{transform:translateX(50%)}}
@keyframes scrollDataReverse{0%{transform:translateX(50%)}100%{transform:translateX(-50%)}}
.nav-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:90px}
.nav-inner .site-logo{width:360px!important;height:auto!important;max-width:55vw!important;display:block!important}
.nav-links{display:flex;align-items:center;gap:20px;position:relative;z-index:1}
.nav-link{color:#60a5fa;text-decoration:none;font-size:1.05rem;font-weight:600;transition:all 0.3s ease;position:relative}
.nav-link:hover{color:#93c5fd}
.nav-link:visited{color:#60a5fa}
.nav-link:active{color:#60a5fa}
.nav-dropdown{position:relative;padding-bottom:14px;margin-bottom:-14px}
.nav-dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:rgba(10,15,28,0.97);backdrop-filter:blur(16px);border:1px solid rgba(96,165,250,0.15);border-radius:8px;padding:8px 0;min-width:200px;margin-top:0;box-shadow:0 8px 32px rgba(0,0,0,0.4)}
.nav-dropdown:hover .nav-dropdown-menu{display:block}
.nav-dropdown-menu a{display:block;padding:9px 20px;color:#94a3b8;font-size:0.9rem;font-weight:500;text-decoration:none;transition:all 0.2s;white-space:nowrap}
.nav-dropdown-menu a:hover{color:#e2e8f0;background:rgba(96,165,250,0.08)}
.nav-dropdown-menu a .dd-soon{font-size:10px;color:rgba(96,165,250,0.5);margin-left:6px;font-weight:400}
.nav-cta{background:#2563eb;color:#fff;padding:8px 20px;border-radius:6px;text-decoration:none;font-weight:600;font-size:0.9rem;transition:background 0.15s;border:none}
.nav-cta:hover{background:#1d4ed8}
.mobile-nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:1001;flex-direction:column;gap:5px;min-height:44px;min-width:44px;align-items:center;justify-content:center}
.mobile-nav-toggle span{display:block;width:22px;height:2px;background:var(--text-secondary);border-radius:2px;transition:all 0.3s ease}
.mobile-nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.mobile-nav-toggle.open span:nth-child(2){opacity:0}
.mobile-nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-nav-overlay{display:none;position:fixed;inset:0;z-index:999;background:rgba(5,5,8,0.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding-top:80px}
.mobile-nav-overlay.show{display:flex;flex-direction:column;align-items:center;justify-content:center}
.mobile-nav-menu{display:flex;flex-direction:column;align-items:center;gap:2rem}
.mobile-nav-link{font-size:1.25rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color 0.2s;padding:8px 16px}
.mobile-nav-link:hover{color:var(--sky-blue)}
.mobile-nav-cta{color:var(--sky-blue);border:1px solid rgba(96,165,250,0.3);border-radius:var(--radius-md);padding:12px 32px;margin-top:1rem}
@media(max-width:900px){.mobile-nav-toggle{display:flex}}