/* 0xKeep v2 shell: navbar, buttons, ambient background and footer for the
   secondary pages (docs, security, developers, terms, privacy).
   Page content keeps its existing Tailwind + style.css styling. */
:root{
  --void:#030305; --carbon:#0A0A0A;
  --glass-lo:rgba(255,255,255,.02); --glass-hi:rgba(255,255,255,.05); --stroke:rgba(255,255,255,.08); --stroke-hi:rgba(255,255,255,.16);
  --text:#fff; --text-2:#A1A1AA; --text-3:#71717A; --label:#52525B;
  --violet:#7C3AED; --blue:#2563EB; --fuchsia:#C026D3; --cyan:#0891B2;
  --aurora:linear-gradient(90deg,#7C3AED,#2563EB);
  --aurora-text:linear-gradient(90deg,#c4b5fd,#93c5fd);
  --plasma:linear-gradient(90deg,#C026D3,#0891B2);
  --r-md:12px; --r-lg:16px; --r-xl:24px;
  --ease-out:cubic-bezier(.16,1,.3,1); --ease-io:cubic-bezier(.65,0,.35,1);
  --t-fast:160ms; --t-med:320ms; --t-slow:700ms;
  --sans:"Inter",system-ui,-apple-system,sans-serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace; --logo:"Chakra Petch",var(--sans);
}
body{background:var(--void)}
.noise{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.035;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.nebula{position:fixed;inset:-20%;z-index:0;pointer-events:none;
  background:radial-gradient(40% 35% at 72% 30%,rgba(124,58,237,.22),transparent 70%),radial-gradient(35% 30% at 20% 85%,rgba(37,99,235,.14),transparent 70%)}
.grid-bg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 80%)}
.noise,.nebula,.grid-bg{transform:translateZ(0);will-change:transform;contain:strict}
.noise,.nebula,.grid-bg{transform:translateZ(0);will-change:transform;contain:strict}
.nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:24px;padding:10px 10px 10px 18px;border-radius:999px;
  background:rgba(10,10,14,.55);border:1px solid var(--stroke);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);transition:background var(--t-med),box-shadow var(--t-med);width:max-content;max-width:calc(100% - 24px)}
.nav.scrolled{background:rgba(6,6,10,.82);box-shadow:0 10px 40px -10px rgba(0,0,0,.6)}
.brand{display:flex;align-items:center;gap:10px}
.brand svg{width:24px;height:24px;filter:drop-shadow(0 0 8px rgba(255,255,255,.35))}
.nav-links{display:flex;gap:2px}
.nav-links a{font-size:14px;color:var(--text-2);padding:8px 12px;border-radius:999px;transition:color var(--t-fast),background var(--t-fast)}
.nav-links a:hover{color:#fff;background:var(--glass-hi)}
.burger{display:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--stroke);background:none;color:#fff;cursor:pointer;align-items:center;justify-content:center}
.burger svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.nav a{color:inherit;text-decoration:none}
.wordmark{font:700 20px/1 var(--logo);letter-spacing:.02em;color:#fff}
.brand-sub{display:block;margin-top:3px;font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#a78bfa}
.btn{position:relative;display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:999px;font:500 15px var(--sans);
  cursor:pointer;border:0;isolation:isolate;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-med)}
.btn:active{transform:scale(.97)}
.btn-glow{color:#fff;background:linear-gradient(#0c0a18,#0c0a18) padding-box,var(--aurora) border-box;border:1px solid transparent;
  box-shadow:0 0 0 0 rgba(124,58,237,0),0 8px 30px -8px rgba(124,58,237,.55)}
.btn-glow::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:var(--aurora);opacity:.18;transition:opacity var(--t-med)}
.btn-glow:hover{box-shadow:0 0 0 6px rgba(124,58,237,.12),0 12px 40px -6px rgba(124,58,237,.75)}
.btn-glow:hover::before{opacity:.32}
.btn-glow .arrow{transition:transform var(--t-med) var(--ease-out)}
.btn-glow:hover .arrow{transform:translateX(4px)}
.btn-sm{height:38px;padding:0 16px;font-size:14px}
.v2-foot{border-top:1px solid var(--stroke);padding:40px 24px 56px;text-align:center;background:transparent}
.v2-foot p{font:500 12px var(--mono);color:#52525b;text-transform:uppercase;letter-spacing:.1em}
@media (max-width:640px){.nav{top:10px;gap:10px;padding:8px 8px 8px 14px}.nav .btn-sm{padding:0 12px;font-size:13px}.wordmark{font-size:18px}}
/* secondary pages: keep ambient layers behind the page content */
.nebula,.noise{z-index:-1}