/* Krucible — shared v2 site chrome (nav + footer + paper palette).
   Ported from the landing page (index.html) so every page reads as one site.
   Classes are namespaced k2-* so they cannot collide with the per-page
   styles already inlined in the .dc.html documents. */

:root{
  --ink:#0A0A0A; --panel:#141414; --panel-2:#1A1A1A;
  --paper:#F5F1E8; --card:#FBF8F1;
  --violet:#241E52; --violet-panel:#2D2663; --violet-line:#3B3277; --violet-cap:#A9A3D6;
  --purple:#4B3FA8; --purple-hover:#3B3187; --purple-lt:#998FE6; --purple-tint:#D8D2EF;
  --magenta:#C21E8C; --magenta-lt:#F06BBE;
  --fg:#0A0A0A; --fg-2:#3D3D3D; --fg-3:#5C5C5C; --fg-4:#706A5C;
  --on-ink:#FFF; --on-ink-2:#D6D6D6; --on-ink-3:#9A9A9A; --on-ink-4:#8A8A8A;
  --line:#E0D9C8; --line-faint:#EAE4D6; --line-strong:#CEC5B0;
  --line-ink:#242424; --line-ink-2:#2E2E2E;
  --ease:cubic-bezier(0.22,0.61,0.36,1);
}

.k2-band{max-width:1240px;margin:0 auto;padding:0 40px;box-sizing:border-box}

/* ══ NAV ══ */
.k2-nav{position:sticky;top:0;z-index:60;background:rgba(245,241,232,.93);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.k2-nav-in{max-width:1240px;margin:0 auto;padding:0 40px;box-sizing:border-box;height:60px;
  display:flex;align-items:center;justify-content:space-between}
.k2-wm{display:flex;align-items:center;font-weight:600;font-size:17px;letter-spacing:-.025em;color:var(--fg);text-decoration:none}
.k2-kmark{margin-right:10px;flex:none;display:block}
.k2-nav-links{display:flex;align-items:center;gap:26px;font-size:14px;letter-spacing:-.011em;color:var(--fg-3)}
.k2-nav-links a{color:inherit;text-decoration:none;transition:color .25s var(--ease)}
.k2-nav-links a:hover{color:var(--fg-2)}
.k2-nav-links a.on{color:var(--fg);font-weight:500}
.k2-nav-cta{background:var(--purple);color:#fff!important;font-weight:500;padding:8px 17px;border-radius:6px;
  font-size:13.5px;letter-spacing:-.011em;white-space:nowrap;text-decoration:none}
.k2-nav-cta:hover{background:var(--purple-hover);color:#fff!important}
.k2-mach{display:inline-flex;align-items:center;min-height:34px;padding:0 2px;
  font-family:'Geist Mono',monospace;font-size:10.5px;letter-spacing:.17em;
  color:var(--fg-4);text-decoration:none;transition:color .25s var(--ease)}
.k2-mach:hover{color:var(--fg-2)}

/* ══ FOOTER ══ */
.k2-footer{background:var(--ink);color:var(--on-ink-3);padding:clamp(56px,6vw,84px) 0 0;
  font-family:'Geist',-apple-system,BlinkMacSystemFont,sans-serif}
.k2-ft{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px)}
.k2-ft a{text-decoration:none}
.k2-ft-brand .k2-lock{display:flex;align-items:center;gap:14px}
.k2-ft-mark{flex:none}
.k2-ft-brand .k2-nm{font-family:'Geist',sans-serif;font-weight:600;font-size:27px;letter-spacing:-.025em;color:#fff}
.k2-ft-brand p{margin-top:20px;font-size:15px;line-height:1.6;color:var(--on-ink-3);max-width:36ch}
.k2-ft-brand .k2-mail{margin-top:20px;display:block;font-family:'Geist Mono',monospace;font-size:12.5px;color:var(--on-ink-4)}
.k2-ft-brand .k2-mail:hover{color:var(--purple-lt)}
.k2-ft-col h4{font-family:'Geist Mono',monospace;font-size:10px;font-weight:400;letter-spacing:.17em;
  text-transform:uppercase;color:var(--on-ink-4);margin:0 0 20px}
.k2-ft-col a{display:block;font-size:15.5px;color:var(--on-ink-2);padding:9px 0;transition:color .3s var(--ease)}
.k2-ft-col a:hover{color:#fff}
.k2-ft-soon{display:flex;align-items:center;gap:9px;font-size:15.5px;color:var(--on-ink-4);padding:9px 0}
.k2-ft-soon i{font-style:normal;font-family:'Geist Mono',monospace;font-size:8.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--on-ink-4);border:1px solid var(--line-ink-2);border-radius:20px;padding:2px 7px}
.k2-ft-bot{margin-top:clamp(44px,5vw,68px);border-top:1px solid var(--line-ink);padding:24px 0 30px;
  display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center}
.k2-ft-bot span{font-family:'Geist Mono',monospace;font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--on-ink-4)}
.k2-ft-bot a{font-family:'Geist Mono',monospace;font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--purple-lt)}

@media (max-width:860px){
  .k2-ft{grid-template-columns:1fr;gap:34px}
}
/* mirrors index.html: below 820px the nav collapses to CTA + MACHINE */
@media (max-width:820px){
  .k2-band,.k2-nav-in{padding-left:22px;padding-right:22px}
  .k2-nav-links a:not(.k2-nav-cta):not(.k2-mach){display:none}
}