/* ============================================================
   site.css — VEKTOR Memory shared design system
   v1.0 · 2026-05
   CONTAINS: tokens · nav · footer only
   DO NOT add page-specific rules here
   ============================================================ */

/* --- TOKENS: dark (default) --- */
:root {
  --sans:  'Syne', sans-serif;
  --mono:  'IBM Plex Mono', monospace;

  --bg:    #080909;
  --bg1:   #0c0d0e;
  --bg2:   #111213;
  --bg3:   #161718;

  --text:  #f2f2f2;
  --t2:    rgba(242,242,242,0.72);
  --t3:    rgba(242,242,242,0.45);
  --t4:    rgba(242,242,242,0.18);

  --b:     rgba(255,255,255,0.07);
  --b2:    rgba(255,255,255,0.13);
  --b3:    rgba(255,255,255,0.22);

  --green: #34d399;
  --cyan:  #67e8f9;

  --orange:     #ff6a1a;
  --orange-dim: rgba(255,106,26,0.12);
  --orange-bd:  rgba(255,106,26,0.30);

  --white: #ffffff;
  --w:     #f2f2f2;
  --w80:   rgba(242,242,242,0.80);
  --w70:   rgba(242,242,242,0.72);
  --w50:   rgba(242,242,242,0.50);
  --w30:   rgba(242,242,242,0.30);
  --w12:   rgba(242,242,242,0.12);
  --w06:   rgba(242,242,242,0.06);
  --w03:   rgba(242,242,242,0.03);
  --acc:   #f2f2f2;
}

/* --- TOKENS: light --- */
[data-theme="light"] {
  --bg:    #f7f6f3;
  --bg1:   #f0efe9;
  --bg2:   #e8e7e0;
  --bg3:   #dddcd4;

  --text:  #1a1a18;
  --t2:    rgba(26,24,20,0.72);
  --t3:    rgba(26,24,20,0.45);
  --t4:    rgba(26,24,20,0.10);

  --b:     rgba(0,0,0,0.07);
  --b2:    rgba(0,0,0,0.13);
  --b3:    rgba(0,0,0,0.22);

  --green: #0d7a52;
  --cyan:  #0b6b7a;

  --orange:     #c03800;
  --orange-dim: rgba(192,56,0,0.08);
  --orange-bd:  rgba(192,56,0,0.25);

  --white: #1a1a18;
  --w:     #1a1a18;
  --w80:   rgba(26,24,20,0.80);
  --w70:   rgba(26,24,20,0.70);
  --w50:   rgba(26,24,20,0.52);
  --w30:   rgba(26,24,20,0.35);
  --w12:   rgba(0,0,0,0.10);
  --w06:   rgba(0,0,0,0.04);
  --w03:   rgba(0,0,0,0.012);
  --acc:   #1a1a18;
}

/* --- NAV --- */
nav {
  position: sticky;
  top: 0;
  z-index: 100;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 48px;
  height: 56px;
  background: rgba(8,9,9,0.96);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--b);
}
.nav-left                          { display:flex;align-items:center;gap:14px;justify-self:start }
.nav-logo                          { display:flex;align-items:center;gap:10px;text-decoration:none }
.nav-logo img                      { height:28px;width:28px;object-fit:contain }
.nav-logo span                     { font-family:var(--sans);font-weight:800;font-size:17px;letter-spacing:.08em;color:var(--white) }
.nav-links                         { display:flex;align-items:center;gap:16px;list-style:none;margin:0;padding:0;justify-self:center;flex-wrap:nowrap;overflow:hidden }
.nav-links a                       { font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;color:var(--w70);text-decoration:none;text-transform:uppercase;transition:color .2s;white-space:nowrap }
.nav-links a:hover,.nav-links a.active { color:#fff }
.nav-cta                           { font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--t2);text-decoration:none;transition:color .2s;white-space:nowrap }
.nav-cta:hover,.nav-cta:active     { color:#fff }

[data-theme="light"] nav                        { background:rgba(247,246,243,0.96)!important;border-bottom-color:rgba(0,0,0,0.09)!important }
[data-theme="light"] .nav-logo span             { color:#1a1a18!important }
[data-theme="light"] .nav-links a               { color:rgba(26,26,24,0.55)!important }
[data-theme="light"] .nav-links a:hover,
[data-theme="light"] .nav-links a.active        { color:#1a1a18!important }
[data-theme="light"] .nav-hamburger span        { background:#1a1a18!important }
[data-theme="light"] .nav-cta                   { color:#0b6b7a!important }
[data-theme="light"] .nav-cta:hover             { color:#0d7f90!important }
[data-theme="light"] .nav-cta:active            { color:#0a5f6d!important }

@media(max-width:768px) {
  nav        { padding:0 20px }
  .nav-links { display:none }
}

/* --- FOOTER --- */
footer {
  padding: 36px 48px !important;
  border-top: 1px solid var(--b) !important;
  background: var(--bg) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  position: relative;
  z-index: 1;
}
.fl                       { display:flex;align-items:center;gap:10px }
.fword                    { font-family:var(--mono);font-size:.88rem;letter-spacing:.2em;color:var(--t2) }
.flinks                   { display:flex;gap:22px;list-style:none }
.flinks a                 { font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--t3);text-decoration:none;transition:color .2s;text-transform:uppercase }
.flinks a:hover           { color:var(--text) }
.fcopy                    { font-family:var(--mono);font-size:.88rem;letter-spacing:.1em;color:var(--t3);text-transform:uppercase }
.f-social                 { color:rgba(242,242,242,0.45) }
.f-social a,
.f-social a:visited       { color:rgba(242,242,242,0.45)!important }
.f-social a:hover         { color:rgba(242,242,242,0.85)!important }

[data-theme="light"] footer                     { border-top-color:rgba(0,0,0,0.14)!important;background:#f7f6f3!important }
[data-theme="light"] .fword                     { color:rgba(26,24,20,0.72)!important }
[data-theme="light"] .flinks a                  { color:rgba(26,24,20,0.55)!important }
[data-theme="light"] .flinks a:hover            { color:#1a1a18!important }
[data-theme="light"] .fcopy                     { color:rgba(26,24,20,0.38)!important }
[data-theme="light"] .f-social a,
[data-theme="light"] .f-social a:visited        { color:#3a3a38!important;filter:none!important }
[data-theme="light"] .f-social a:hover          { color:#111110!important;filter:none!important }
[data-theme="light"] .f-social svg              { fill:#3a3a38!important;color:#3a3a38!important }

@media(max-width:768px) {
  footer  { flex-direction:column!important;text-align:center!important;padding:28px 20px!important;flex-wrap:wrap!important }
  .flinks { flex-wrap:wrap!important;justify-content:center!important }
}

/* ===== INTEGRATIONS TICKER ================================================ */
.int-strip{width:100%;overflow:hidden;background:rgba(0,0,0,0.28);border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);padding:0;position:relative;z-index:2}
[data-theme="light"] .int-strip{background:rgba(0,0,0,0.07);border-top:1px solid rgba(0,0,0,0.08);border-bottom:1px solid rgba(0,0,0,0.08)}
.int-strip-inner{display:flex;align-items:center;gap:0;white-space:nowrap;animation:marqueeScroll 40s linear infinite;width:max-content}
.int-strip:hover .int-strip-inner{animation-play-state:paused}
@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.int-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 28px;opacity:0.55;transition:opacity .2s;border-right:1px solid rgba(255,255,255,0.07);flex-shrink:0;color:#f2f2f2}
[data-theme="light"] .int-pill{border-right:1px solid rgba(0,0,0,0.07);color:#111}
.int-pill:hover{opacity:1}
.int-pill svg{width:18px;height:18px;flex-shrink:0}
.int-pill-label{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;font-weight:500}
[data-theme="light"] .int-pill-label{color:#111}
.int-strip-divider{display:inline-flex;align-items:center;padding:10px 20px;font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;color:rgba(255,255,255,0.2);text-transform:uppercase;flex-shrink:0}
[data-theme="light"] .int-strip-divider{color:rgba(0,0,0,0.2)}

/* Theme toggle icon size lock — prevents global svg rules from inflating */
#icon-sun, #icon-moon { width:14px!important; height:14px!important; flex-shrink:0; display:block }
#theme-toggle svg     { width:14px!important; height:14px!important; }