/* ============================================================
   WhiteCave - whitecave.com.au
   v4 "Security operating system": deck D v10 grammar on the v2
   design system. Binary neutrals, terminal accents as function
   only. Actors own a colour (cyan = humans, blue = agents and
   their plans; the platform stays neutral). Motions show state
   (amber = found / unowned, green = fixed / done, red = blocked).
   Google Sans Flex / Instrument Sans / Intel One Mono, snake_case
   labels, square chips, pixel icon masks.
   ============================================================ */

*,
*::before,
*::after { box-sizing: border-box; }
* { margin: 0; }

:root {
  /* Binary neutrals (deck) */
  --canvas: #ffffff;
  --ink: #0a0a0a;
  --surface: #f3f3f4;
  --surface-2: #e2e2e4;
  --paper: #e7e7e9;
  --muted: #5c5c5c;
  --quiet: #767676;
  --border: #d9d9d9;
  --dark: #0e0e10;
  --dark-surface: #161618;
  --dark-surface-2: #1d1d20;
  --dark-border: #2a2a2e;
  --dark-text: #f4f4f5;
  --dark-muted: #a8a8ad;
  --dark-quiet: #8a8a91;

  /* Terminal accents, deepened for AA on white */
  --accent: #4661e8;
  --agent: #17853f;
  --human: #0b7d9a;
  --warn: #966109;
  --critical: #d42f2f;

  /* Neon on dark */
  --n-accent: #7d97ff;
  --n-agent: #7cff6b;
  --n-human: #32e6ff;
  --n-success: #36ff8b;
  --n-warn: #ffb84d;
  --n-critical: #ff5a5a;

  --font-display: "Google Sans Flex", "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Intel One Mono", "SFMono-Regular", Consolas, monospace;

  --max: 1200px;
  --gutter: clamp(18px, 4vw, 48px);
  --nav-h: 68px;

  --z-nav: 20;
  --z-modal: 50;

  --ease-out: cubic-bezier(.22, 1, .36, 1);

  /* One type scale: every role maps to one step */
  --fs-display: clamp(2.9rem, 6.6vw, 5.6rem);
  --fs-h2: clamp(2.1rem, 4.1vw, 3.4rem);
  --fs-h3: clamp(1.75rem, 3vw, 2.5rem);
  --fs-title: clamp(1.35rem, 2vw, 1.75rem);
  --fs-lead: clamp(1.05rem, 1.5vw, 1.25rem);
  --fs-item: 1.125rem;
  --fs-body: 1rem;
  --fs-ui: .9375rem;
  --fs-small: .875rem;
  --fs-mono: .8125rem;

  /* One vertical rhythm */
  --head-gap: clamp(48px, 6vw, 72px);
  --block-gap: clamp(40px, 5vw, 60px);
}

html {
  min-width: 320px;
  background: var(--canvas);
  color: var(--ink);
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  scroll-padding-top: calc(var(--nav-h) + 12px);
  scrollbar-color: #9a9aa0 var(--surface);
}

body {
  min-width: 320px;
  overflow-x: hidden;
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: 1.6;
  background: var(--canvas);
  color: var(--ink);
}

body.modal-open { overflow: hidden; }

img, svg, video { display: block; max-width: 100%; }
button, input, textarea { font: inherit; }
a { color: inherit; text-underline-offset: 3px; }
ul, ol { list-style: none; padding: 0; }

::selection { color: var(--dark); background: var(--n-agent); }

h1, h2, h3 { font-family: var(--font-display); font-weight: 500; text-wrap: balance; }

:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.band--dark :focus-visible,
.hero :focus-visible,
.nav:not(.scrolled) :focus-visible,
.footer :focus-visible { outline-color: var(--n-human); }

.container {
  width: min(var(--max), calc(100vw - (var(--gutter) * 2)));
  margin-inline: auto;
}

/* ---------- deck grammar: mono labels + hairlines ---------- */

.label {
  font-family: var(--font-mono);
  font-size: var(--fs-mono);
  font-weight: 500;
  letter-spacing: .03em;
  color: var(--muted);
}

.label--rule {
  display: flex;
  align-items: center;
  gap: 14px;
}

.label--rule::after {
  content: "";
  width: 74px;
  height: 1px;
  background: var(--border);
}

.band--dark .label { color: var(--dark-muted); }
.band--dark .label--rule::after { background: var(--dark-border); }

/* Pixel icons: masks of the v2 brand icon set, tinted by --lane */
.pxi {
  display: inline-block;
  width: 20px;
  height: 20px;
  flex: none;
  background: var(--lane, currentColor);
  -webkit-mask: var(--px) center / contain no-repeat;
  mask: var(--px) center / contain no-repeat;
}

/* ---------- skip link ---------- */

.skip-link {
  position: absolute;
  top: -48px;
  left: 16px;
  z-index: calc(var(--z-nav) + 1);
  padding: 10px 16px;
  background: var(--ink);
  color: #fff;
  font-size: var(--fs-small);
  border-radius: 999px;
  text-decoration: none;
  transition: top .2s var(--ease-out);
}
.skip-link:focus-visible { top: 10px; }

/* ---------- buttons ---------- */

.btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 40px;
  padding: 0 20px;
  border-radius: 999px;
  font-size: var(--fs-ui);
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform .2s var(--ease-out), background-color .2s var(--ease-out), border-color .2s var(--ease-out), color .2s var(--ease-out);
}

.btn:hover { transform: translateY(-1px); }
.btn:active { transform: translateY(0); }
.btn:disabled { opacity: .55; cursor: progress; transform: none; }

.btn--lg { height: 50px; padding: 0 26px; font-size: var(--fs-body); }

/* Solid: white on dark grounds, ink on light grounds */
.btn--solid { background: var(--dark-text); color: var(--dark); }
.btn--solid:hover { background: #ffffff; }

.btn--dark { background: var(--ink); color: #fff; }
.btn--dark:hover { background: #26262a; }

.btn--ghost { background: transparent; color: var(--dark-text); border-color: rgba(244, 244, 245, .32); }
.btn--ghost:hover { border-color: var(--dark-text); }

.btn--ghost .dot {
  width: 7px;
  height: 7px;
  background: var(--n-critical);
  flex: none;
  animation: blink 1.6s steps(2, jump-none) infinite;
}

@keyframes blink { 50% { opacity: .25; } }

/* ---------- nav ---------- */

.nav {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: var(--z-nav);
  height: var(--nav-h);
  color: var(--dark-text);
  background-color: transparent;
  border-bottom: 1px solid transparent;
  transition: background-color .3s var(--ease-out), border-color .3s var(--ease-out), color .3s var(--ease-out);
}

.nav.scrolled {
  color: var(--ink);
  background-color: rgba(255, 255, 255, .94);
  backdrop-filter: blur(10px);
  border-bottom-color: var(--border);
}

.nav-inner {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 28px;
}

.nav-logo { display: grid; align-items: center; }
.nav-logo img { grid-area: 1 / 1; height: 26px; width: auto; transition: opacity .3s var(--ease-out); }
.nav-logo .logo-on-light { opacity: 0; }
.nav.scrolled .logo-on-light { opacity: 1; }
.nav.scrolled .logo-on-dark { opacity: 0; }

.nav-links {
  display: flex;
  align-items: center;
  gap: 26px;
  margin-left: auto;
}

.nav-links > a {
  font-size: var(--fs-ui);
  color: inherit;
  opacity: .78;
  text-decoration: none;
  transition: opacity .2s var(--ease-out);
}

.nav-links > a:hover { opacity: 1; }

.nav-cta-group { display: flex; align-items: center; gap: 10px; }

.nav.scrolled .btn--solid { background: var(--ink); color: #fff; }
.nav.scrolled .btn--solid:hover { background: #26262a; }
.nav.scrolled .btn--ghost { color: var(--ink); border-color: var(--border); }
.nav.scrolled .btn--ghost:hover { border-color: var(--ink); }
.nav.scrolled .btn--ghost .dot { background: var(--critical); }

.nav-toggle {
  display: none;
  margin-left: auto;
  width: 42px;
  height: 42px;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: none;
  color: inherit;
  cursor: pointer;
  position: relative;
}

.nav-toggle span,
.nav-toggle span::before,
.nav-toggle span::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 16px;
  height: 1.5px;
  background: currentColor;
  transform: translateX(-50%);
}
.nav-toggle span { top: 50%; }
.nav-toggle span::before { top: -5px; }
.nav-toggle span::after { top: 5px; }

/* ---------- hero (video) ---------- */

.hero {
  position: relative;
  min-height: max(660px, 100svh);
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: var(--dark);
  color: var(--dark-text);
  isolation: isolate;
}

.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}

/* live pixels: the video drawn small, scaled up square */
.hero-pixels {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  image-rendering: pixelated;
  filter: grayscale(1) contrast(.95) brightness(.85);
  /* each canvas pixel becomes one soft dot with a hairline gap */
  -webkit-mask-image: radial-gradient(circle, #000 52%, transparent 64%);
  mask-image: radial-gradient(circle, #000 52%, transparent 64%);
  -webkit-mask-size: var(--cell, 6px) var(--cell, 6px);
  mask-size: var(--cell, 6px) var(--cell, 6px);
  opacity: 0;
  transition: opacity .6s var(--ease-out);
}

.hero.is-pixel .hero-pixels { opacity: .85; }
.hero.is-pixel .hero-video { opacity: 0; }

.hero-scrim {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: rgba(14, 14, 16, .35);
  background-image:
    linear-gradient(90deg, rgba(14, 14, 16, .94) 0%, rgba(14, 14, 16, .8) 38%, rgba(14, 14, 16, .3) 78%, rgba(14, 14, 16, .15) 100%),
    linear-gradient(0deg, rgba(14, 14, 16, 1) 0%, rgba(14, 14, 16, .6) 12%, rgba(14, 14, 16, 0) 34%);
}

.hero-inner { padding: calc(var(--nav-h) + 48px) 0 96px; }

.hero-label { color: var(--n-human); }

.hero h1 {
  margin-top: 22px;
  max-width: 17ch;
  font-size: var(--fs-display);
  font-weight: 450;
  line-height: .98;
  letter-spacing: -.035em;
}

.hero-lead {
  margin-top: 26px;
  max-width: 35rem;
  font-size: var(--fs-lead);
  line-height: 1.55;
  color: #c9c9ce;
  text-wrap: pretty;
}

.hero-lead mark {
  background: none;
  color: var(--dark-text);
  font-weight: 500;
  white-space: nowrap;
}

/* keep hyphenated compounds whole so a line never ends on "human-" */
.nw { white-space: nowrap; }

.hero-actions { margin-top: 36px; display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- sections ---------- */

.section { padding: clamp(88px, 10vw, 140px) 0; }

.section--tint { background-color: var(--surface); }

.band--dark {
  background-color: var(--dark);
  background-image: radial-gradient(circle at 1px 1px, rgba(244, 244, 245, .06) 1px, transparent 0);
  background-size: 42px 42px;
  color: var(--dark-text);
}

.section-head { max-width: 820px; }

.section-head h2 {
  margin-top: 20px;
  font-size: var(--fs-h2);
  font-weight: 450;
  line-height: 1.02;
  letter-spacing: -.03em;
}

.section-lead {
  margin-top: 20px;
  max-width: 42rem;
  font-size: var(--fs-lead);
  color: var(--muted);
  text-wrap: pretty;
}

.band--dark .section-lead { color: var(--dark-muted); }

/* ============ THE SECURITY POVERTY LINE ============ */




.problem-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
  gap: clamp(36px, 6vw, 96px);
  align-items: center;
}

.poverty { color: var(--critical); }

.familiar { margin-top: clamp(32px, 4vw, 48px); }

.familiar-list {
  margin-top: 12px;
  margin-bottom: 26px;
  display: grid;
  border-top: 1px solid var(--ink);
}

.familiar-list li {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 11px 0;
  border-bottom: 1px solid var(--border);
  font-family: var(--font-display);
  font-size: var(--fs-item);
  line-height: 1.3;
  letter-spacing: -.01em;
  text-wrap: pretty;
}

.familiar-list li::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: none;
  background: var(--warn);
  transform: translateY(-2px);
}

/* capacity ledger: duties land one by one, the red capacity line climbs
   with them, and the owner below gets more stressed with every row. Then the
   line drifts, since capacity differs for every company: rows above it turn
   amber, rows below stay ink. With no script the line rests at row two. */
.duty {
  --row: 34px;
  width: 100%;
  max-width: 400px;
  justify-self: end;
}

.duty-k { margin-bottom: 14px; }

.duty-stack { position: relative; }

.duty-list {
  display: flex;
  flex-direction: column-reverse;
}

.duty-list li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  height: var(--row);
  padding-left: 16px;
  border-bottom: 1px solid var(--border);
  font-size: var(--fs-ui);
  color: var(--ink);
}

.duty-list li:first-child { border-bottom-color: transparent; }

/* meter segment */
.duty-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: -1px;
  width: 3px;
  background-color: var(--ink);
  transform-origin: 50% 100%;
}

.duty-list .pxi { width: 15px; height: 15px; --lane: var(--ink); opacity: .8; transition: background-color .5s var(--ease-out); }

/* over capacity: set live by the script, or by position when there is none */
.duty[data-line] .duty-list li.over::before,
.duty:not([data-line]) .duty-list li:nth-child(n+3)::before { background-color: var(--warn); }
.duty[data-line] .duty-list li.over .pxi,
.duty:not([data-line]) .duty-list li:nth-child(n+3) .pxi { --lane: var(--warn); opacity: 1; }

.duty-line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(var(--line, 2) * var(--row));
  height: 0;
  border-top: 1px dashed var(--critical);
  transition: bottom .9s cubic-bezier(.45, 0, .25, 1);
}

.duty-line span {
  position: absolute;
  right: 0;
  bottom: 5px;
  padding-left: 8px;
  background-color: var(--canvas);
  font-family: var(--font-mono);
  font-size: var(--fs-mono);
  color: var(--critical);
}

.duty[data-label="below"] .duty-line span { bottom: auto; top: 5px; }

.duty-base {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: var(--fs-small);
  color: var(--muted);
}

.duty-face { width: 48px; height: 56px; flex: none; overflow: visible; }
.duty-face .f-ink { fill: var(--ink); }
.duty-face .f-skin { fill: #c9c9ce; }
.duty-face .f-drop { fill: var(--human); }

/* moods: calm up to three duties, worried at four and five, stressed past that.
   No data-mood (no script) shows the stressed end state. */
.duty-face .f-brow,
.duty-face .f-mouth-tense,
.duty-face .f-mouth-wobble,
.duty-face .f-drop { opacity: 0; }
.duty[data-mood="worried"] .f-brow,
.duty[data-mood="worried"] .f-mouth-tense,
.duty:not([data-mood="calm"]):not([data-mood="worried"]) .f-brow,
.duty:not([data-mood="calm"]):not([data-mood="worried"]) .f-mouth-wobble,
.duty:not([data-mood="calm"]):not([data-mood="worried"]) .f-drop { opacity: 1; }
.duty:not([data-mood="calm"]) .f-mouth-calm { opacity: 0; }
.duty[data-mood="stressed"] .f-drop { animation: drip 1.6s steps(2, jump-none) infinite; }

@keyframes drip {
  0%, 40% { transform: translateY(0); opacity: 1; }
  80% { transform: translateY(1px); opacity: 1; }
  100% { transform: translateY(1px); opacity: 0; }
}
.duty-base b { display: block; font-family: var(--font-display); font-size: var(--fs-item); font-weight: 500; color: var(--ink); }

/* staged fill: while the loop runs, only rows below the load show */
.duty-list li,
.duty-list li::before { transition: opacity .45s var(--ease-out), transform .5s var(--ease-out), background-color .5s var(--ease-out); }
.duty[data-load] .duty-list li:not(.on) { opacity: 0; transform: translateY(8px); }
.duty[data-load] .duty-list li:not(.on)::before { transform: scaleY(0); }

/* ============ HOW IT WORKS: humans, agents and platform in one frame ============ */

.motion-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; }

.motion-head span { font-size: var(--fs-small); color: var(--dark-muted); }

.motion--diagnose { --lane: var(--n-warn); }
.motion--act { --lane: var(--n-agent); }

/* role lenses: the role is the title, so each reader finds their own view */

.lens-row {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--dark-border);
}

.lens-row li { padding: 20px 22px 0 0; display: grid; gap: 6px; align-content: start; }
.lens-row li + li { padding-left: 22px; border-left: 1px solid var(--dark-border); }

.lens-row b {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: var(--fs-item);
  line-height: 1.1;
  letter-spacing: -.02em;
  color: var(--dark-text);
}

.lens-k { font-family: var(--font-mono); font-size: var(--fs-mono); color: var(--dark-muted); }
.lens-row li > span:last-child { font-size: var(--fs-ui); color: var(--dark-muted); }

/* ---------- overview: the operating system as layers, people on top, your stack at the base.
   A goal pulse runs down the spine and a proof pulse runs back up. ---------- */
.layers-wrap {
  position: relative;
  margin-top: var(--head-gap);
  padding-left: 28px;
}

.layers-spine {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--dark-border);
}

/* each pulse is a full-height track, so translateY(100%) carries its square the whole spine.
   Cyan goals set by people travel down; green proof of done work travels back up. */
.pulse {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0;
}

.pulse i {
  position: absolute;
  left: -3px;
  top: 0;
  width: 7px;
  height: 7px;
  background-color: currentColor;
}

.pulse--goal { color: var(--n-human); }
.pulse--proof { color: var(--n-agent); }

.layers-wrap.visible .pulse--goal { animation: pulse-down 6s var(--ease-out) infinite; }
.layers-wrap.visible .pulse--proof { animation: pulse-up 6s var(--ease-out) 3s infinite; }

@keyframes pulse-down {
  0% { transform: translateY(0); opacity: 0; }
  6% { opacity: 1; }
  44% { transform: translateY(calc(100% - 7px)); opacity: 1; }
  50%, 100% { transform: translateY(calc(100% - 7px)); opacity: 0; }
}

@keyframes pulse-up {
  0% { transform: translateY(calc(100% - 7px)); opacity: 0; }
  6% { opacity: 1; }
  44% { transform: translateY(0); opacity: 1; }
  50%, 100% { transform: translateY(0); opacity: 0; }
}

.layer {
  display: grid;
  grid-template-columns: 10.5rem minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 10px clamp(20px, 3vw, 44px);
  align-items: start;
  padding: 26px 0;
  border-top: 1px solid var(--dark-border);
}

.layer--people { --lane: var(--n-human); }
.layer--platform { --lane: var(--dark-text); }
.layer--agents { --lane: var(--n-accent); }
.layer--stack { --lane: var(--dark-quiet); padding: 18px 0; border-bottom: 1px solid var(--dark-border); align-items: center; }

.layer-k {
  display: flex;
  align-items: center;
  gap: 9px;
  padding-top: 5px;
  font-family: var(--font-mono);
  font-size: var(--fs-mono);
  letter-spacing: .02em;
  color: var(--lane);
}

.layer--stack .layer-k { padding-top: 0; }
.layer-k .pxi { width: 16px; height: 16px; }

.layer-body h3 {
  font-size: var(--fs-title);
  font-weight: 450;
  line-height: 1.15;
  letter-spacing: -.02em;
}

.layer-body p { margin-top: 8px; max-width: 34rem; font-size: var(--fs-small); line-height: 1.5; color: var(--dark-muted); text-wrap: pretty; }

.layer--stack .layer-body h3 { font-size: var(--fs-item); color: var(--dark-muted); }

/* the parts of each layer: one icon grid, two columns, rows aligned across both */
.layer-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(var(--rows), auto);
  grid-auto-flow: column;
  column-gap: clamp(18px, 2.4vw, 32px);
}

.li-col,
.li-col ul { display: contents; }

.li-col .motion-head { padding-bottom: 10px; }
.li-col .motion-head span { color: var(--dark-muted); }

.layer-items li {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  column-gap: 12px;
  align-content: start;
  padding: 10px 0;
  border-top: 1px solid var(--dark-border);
}

.layer-items .pxi { grid-row: span 2; width: 18px; height: 18px; margin-top: 2px; }

.layer-items b {
  font-family: var(--font-display);
  font-size: var(--fs-ui);
  font-weight: 500;
  line-height: 1.3;
  color: var(--dark-text);
}

.layer-items span { font-size: var(--fs-small); line-height: 1.4; color: var(--dark-muted); }

.layer-next {
  justify-self: start;
  font-family: var(--font-mono);
  font-size: var(--fs-mono);
  color: var(--dark-text);
  text-decoration: underline;
  text-decoration-color: var(--dark-quiet);
  text-underline-offset: 4px;
}

.layer-next:hover { text-decoration-color: var(--dark-text); }

.motion-head h3,
.motion-head h4,
.motion-head h5 {
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: var(--fs-mono);
  letter-spacing: .02em;
  color: var(--lane, var(--dark-text));
}


/* ---------- stepper: the product flow in one frame ---------- */
.stepper { margin-top: var(--head-gap); }

.stepper-head h3 {
  font-size: var(--fs-title);
  font-weight: 450;
  line-height: 1.06;
  letter-spacing: -.03em;
}

.stepper-head p { margin-top: 10px; font-size: var(--fs-body); color: var(--dark-muted); }

.st-rail {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border: 1px solid var(--dark-border);
  border-bottom: 0;
}

.st-tab {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 15px 14px 16px;
  background: none;
  border: 0;
  color: var(--dark-muted);
  font-family: var(--font-display);
  font-size: var(--fs-ui);
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: color .2s var(--ease-out), background-color .2s var(--ease-out);
}

.st-tab + .st-tab { border-left: 1px solid var(--dark-border); }

.st-tab span {
  flex: none;
  font-family: var(--font-mono);
  font-size: var(--fs-mono);
  font-weight: 500;
  color: var(--dark-quiet);
}

.st-tab::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--dark-text);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s var(--ease-out);
}

.st-tab:hover { color: var(--dark-text); }
.st-tab:focus-visible { outline-offset: -3px; }
.st-tab[aria-selected="true"] { color: var(--dark-text); background-color: var(--dark-surface); }
.st-tab[aria-selected="true"] span { color: var(--dark-text); }
.st-tab[aria-selected="true"]::after { transform: scaleX(1); }

.st-frame {
  display: grid;
  border: 1px solid var(--dark-border);
  background-color: var(--dark-surface);
}

.st-panel {
  grid-area: 1 / 1;
  min-width: 0;
  padding: clamp(22px, 2.6vw, 32px);
}

.st-panel[hidden] { display: block; visibility: hidden; }
.st-panel:focus-visible { outline-offset: -3px; }
.js .st-panel:not([hidden]) { animation: st-in .4s var(--ease-out); }

@keyframes st-in { from { opacity: 0; transform: translateY(6px); } }

.st-head h4 {
  font-family: var(--font-display);
  font-size: var(--fs-lead);
  text-wrap: balance;
  font-weight: 450;
  line-height: 1.15;
  letter-spacing: -.02em;
}

.st-head p {
  margin-top: 8px;
  max-width: 44rem;
  font-size: var(--fs-ui);
  color: var(--dark-muted);
  text-wrap: pretty;
}

/* 2. understand: business above, environment below, one change traced to its risk */
.ctx {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: start;
}

.ctx-fig .label { display: flex; align-items: center; gap: 8px; }

.ctx-live {
  width: 7px;
  height: 7px;
  background: var(--n-agent);
  animation: ctx-blink 1.6s steps(2, jump-none) infinite;
}

@keyframes ctx-blink { 50% { opacity: .25; } }

.ctx-graph { display: block; width: 100%; height: auto; margin-top: 18px; overflow: visible; }
.ctx-row { fill: var(--dark-quiet); font-family: var(--font-mono); font-size: 12px; }
.ctx-links line { stroke: #46464d; stroke-width: 1; }
.ctx-links .ctx-rail { stroke: #333339; stroke-dasharray: 3 4; }
.ctx-nodes rect { fill: var(--dark-text); }
.ctx-nodes text,
.ctx-new text { fill: var(--dark-muted); font-family: var(--font-mono); font-size: 13px; }

.ctx-new rect { fill: var(--n-warn); }
.ctx-new .ctx-ping { fill: none; stroke: var(--n-warn); stroke-width: 1; }
.ctx-new text { fill: var(--n-warn); }
.ctx-hot line { stroke: var(--n-warn); stroke-width: 1.5; }
.ctx-hot rect { fill: var(--n-warn); }
.ctx-risk rect { fill: var(--dark); stroke: var(--n-warn); stroke-width: 1; }
.ctx-risk text { fill: var(--dark-text); font-family: var(--font-mono); font-size: 13px; }

.ctx-answers {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--dark-border);
}

.ctx-answers li {
  padding: 14px 18px 0 0;
  font-family: var(--font-display);
  font-size: var(--fs-item);
  line-height: 1.3;
  letter-spacing: -.01em;
  text-wrap: pretty;
}

.ctx-answers li + li { padding: 14px 0 0 18px; border-left: 1px solid var(--dark-border); }

.ans-k {
  display: block;
  margin-bottom: 4px;
  font-family: var(--font-mono);
  font-size: var(--fs-mono);
  letter-spacing: 0;
  color: var(--n-agent);
}

/* the change story: JS steps data-s from 0 to 4; with no JS or reduced motion the final frame shows */
.ctx-new,
.ctx-hot,
.ctx-risk,
.ctx-answers li { transition: opacity .5s var(--ease-out); }
.ctx-fig[data-s="0"] :is(.ctx-new, .ctx-hot, .ctx-risk, .ctx-answers li),
.ctx-fig[data-s="1"] :is(.ctx-hot, .ctx-risk, .ctx-answers li),
.ctx-fig[data-s="2"] :is(.ctx-risk, .ctx-answers li),
.ctx-fig[data-s="3"] .ctx-answers li:last-child { opacity: 0; }
.ctx-fig[data-s="1"] .ctx-ping { animation: ctx-ping 1.2s var(--ease-out) infinite; transform-box: fill-box; transform-origin: center; }

@keyframes ctx-ping { from { transform: scale(.5); opacity: 1; } to { transform: scale(1.6); opacity: 0; } }

/* 3. set goals */
.goals {
  margin-top: 26px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--dark-border);
}

.goal-col { padding: 22px clamp(18px, 2.4vw, 32px) 0 0; }
.goal-col + .goal-col { padding-left: clamp(18px, 2.4vw, 32px); padding-right: 0; border-left: 1px solid var(--dark-border); }

.goal-k {
  display: inline-block;
  padding: 2px 9px;
  border: 1px solid currentColor;
  font-family: var(--font-mono);
  font-size: var(--fs-mono);
}

.goal-col--reactive .goal-k { color: var(--n-warn); }
.goal-col--proactive .goal-k { color: var(--dark-text); }

.goal-what { margin-top: 12px; font-size: var(--fs-ui); color: var(--dark-muted); max-width: 30rem; text-wrap: pretty; }

.goal-col ul { margin-top: 16px; display: grid; }

.goal-col li {
  padding: 13px 0;
  border-top: 1px solid var(--dark-border);
  font-family: var(--font-display);
  font-size: var(--fs-item);
  line-height: 1.3;
  letter-spacing: -.01em;
  text-wrap: pretty;
}

/* 5. execute: parallel Work-streams, one waits for a person */
.exec { margin-top: 24px; }

.exec-lanes { margin-top: 10px; display: grid; border-top: 1px solid var(--dark-border); }

.lane {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-items: baseline;
  padding: 14px 0;
  border-bottom: 1px solid var(--dark-border);
}

.lane-who { font-family: var(--font-mono); font-size: var(--fs-mono); font-weight: 600; color: var(--n-accent); }

.lane-k { font-family: var(--font-mono); font-size: var(--fs-mono); color: var(--n-agent); }
.lane-k::after { content: "done"; }
.lane--watch .lane-k::after { content: "watching"; }

.lane-bar {
  grid-column: 1 / -1;
  display: block;
  height: 6px;
  background: repeating-linear-gradient(90deg, var(--dark-border) 0 6px, transparent 6px 8px);
}

.lane-bar i {
  display: block;
  height: 100%;
  background: repeating-linear-gradient(90deg, var(--n-agent) 0 6px, transparent 6px 8px);
  transform: scaleX(var(--p, 1));
  transform-origin: left;
  transition: transform 1.1s var(--ease-out);
}

.lane--watch .lane-bar i { animation: lane-watch 2.4s steps(6) infinite; }

@keyframes lane-watch { 50% { opacity: .45; } }

.lane-what { grid-column: 1 / -1; font-size: var(--fs-ui); color: var(--dark-text); transition: color .3s; }

.lane-human {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  column-gap: 10px;
  align-items: center;
  font-size: var(--fs-ui);
  color: var(--n-human);
}

.lane-human .pxi { width: 16px; height: 16px; --lane: var(--n-human); }
.lane-human span { grid-area: 1 / 2; transition: opacity .3s; }
.lane-human .h-ask { opacity: 0; }

/* lane states, set by JS: queued, running, waiting; no class is done */
.lane.is-queued .lane-bar i { --p: 0; transition: none; }
.lane.is-running .lane-bar i { --p: .55; background-image: repeating-linear-gradient(90deg, var(--n-accent) 0 6px, transparent 6px 8px); }
.lane.is-waiting .lane-bar i { --p: .6; background-image: repeating-linear-gradient(90deg, var(--n-human) 0 6px, transparent 6px 8px); }
.lane:is(.is-queued, .is-running) .lane-k { color: var(--dark-quiet); }
.lane.is-waiting .lane-k { color: var(--n-human); }
.lane.is-queued .lane-k::after { content: "queued"; }
.lane.is-running .lane-k::after { content: "running"; }
.lane.is-waiting .lane-k::after { content: "waiting"; }
.lane:is(.is-queued, .is-running, .is-waiting) .lane-what { color: var(--dark-quiet); }
.lane:is(.is-queued, .is-running) .lane-human span { opacity: 0; }
.lane.is-waiting .h-ask { opacity: 1; }
.lane.is-waiting .h-ok { opacity: 0; }

/* 6. prove: one record, seen through each role */
.record { margin-top: 24px; }

.record-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 14px;
  padding-bottom: 14px;
}

.record-head b {
  font-family: var(--font-display);
  font-size: var(--fs-item);
  font-weight: 500;
  letter-spacing: -.01em;
}

.record-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-family: var(--font-mono); font-size: var(--fs-mono); color: var(--dark-quiet); }
.record-meta span + span::before { content: "/"; margin-right: 14px; color: #46464d; }

.record .lens-row { margin-top: 0; }
.record .lens-row li { padding-bottom: 4px; }
.record .lens-row li > span:last-child {
  margin-top: 6px;
  font-family: var(--font-display);
  font-size: var(--fs-item);
  line-height: 1.3;
  letter-spacing: -.01em;
  color: var(--dark-text);
  text-wrap: pretty;
}

.stepper-cta {
  margin-top: 26px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 20px;
}

.stepper-cta p { font-family: var(--font-display); font-size: var(--fs-item); color: var(--dark-text); }

@media (max-width: 1080px) {
  .layer { grid-template-columns: 10.5rem minmax(0, 1fr); }
  .layer-items,
  .layer-next { grid-column: 2; }
  .layer-items { margin-top: 8px; }
  .st-tab { flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 10px 14px; font-size: var(--fs-small); }
  .ctx { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .ctx-fig { max-width: 640px; }
}

@media (max-width: 460px) {
  .layer-items { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; grid-auto-flow: row; }
  .li-col + .li-col .motion-head { padding-top: 18px; }
}

/* phones: every step stays on the page, stacked, each under its own heading */
@media (max-width: 640px) {
  .st-rail { display: none; }
  .st-frame { display: block; }
  .st-panel[hidden] { visibility: visible; }
  .st-panel::before {
    content: attr(data-step);
    display: block;
    margin-bottom: 12px;
    font-family: var(--font-mono);
    font-size: var(--fs-mono);
    color: var(--n-agent);
  }
  .st-frame .st-panel + .st-panel { border-top: 1px solid var(--dark-border); }
  .js .st-panel:not([hidden]) { animation: none; }
  .layer { grid-template-columns: minmax(0, 1fr); padding: 22px 0; }
  .layer-items,
  .layer-next { grid-column: auto; }
  .goals,
  .ctx-answers { grid-template-columns: minmax(0, 1fr); }
  .ctx-answers li + li { padding: 14px 0 0; border-left: 0; }
  .goal-col,
  .goal-col + .goal-col { padding: 18px 0; border-left: 0; }
  .goal-col + .goal-col { border-top: 1px solid var(--dark-border); }
  .ctx-graph { display: none; }
  .ctx-fig { margin-top: 18px; }
}

/* no script: the whole flow, stacked */
html:not(.js) .st-rail { display: none; }
html:not(.js) .st-frame { display: block; }
html:not(.js) .st-panel[hidden] { visibility: visible; }

/* ============ HOW IT FITS ============ */

.fits {
  margin-top: 22px;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(190px, .8fr) minmax(0, .95fr);
  align-items: center;
  gap: clamp(20px, 3vw, 40px);
}

.fits-sources { display: grid; gap: 18px; }

.source .label { margin-bottom: 8px; }

/* systems: icon and name on a hairline grid, no boxes */
.sys-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #46464d;
}

.sys-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 6px 8px 6px 0;
  border-bottom: 1px solid var(--dark-border);
  font-size: var(--fs-ui);
  white-space: nowrap;
}

.sys-list .pxi { width: 16px; height: 16px; --lane: var(--dark-muted); }

.fits-flows { display: grid; gap: 26px; }

.flow { display: grid; gap: 2px; }

.flow-line {
  position: relative;
  height: 9px;
  margin-bottom: 8px;
  overflow: hidden;
}

.flow-line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 8px;
  top: 4px;
  height: 1px;
  background: var(--dark-muted);
}

.flow-line::after {
  content: "";
  position: absolute;
  top: 1px;
  right: 0;
  width: 7px;
  height: 7px;
  background: var(--dark-muted);
}

.flow--out .flow-line::before { left: 8px; right: 0; background: var(--n-agent); }
.flow--out .flow-line::after { left: 0; right: auto; background: var(--n-agent); }

.flow-line span {
  position: absolute;
  top: 2px;
  left: 0;
  width: 5px;
  height: 5px;
  background: var(--dark-text);
  opacity: 0;
  animation: flow-right 2.6s linear infinite;
}

.flow-line span:nth-child(2) { animation-delay: .87s; }
.flow-line span:nth-child(3) { animation-delay: 1.73s; }

.flow--out .flow-line span { background: var(--n-agent); animation-name: flow-left; }
.flow--signal .flow-line span { background: var(--n-warn); }

@keyframes flow-right {
  0% { left: 0; opacity: 0; }
  10%, 85% { opacity: 1; }
  100% { left: calc(100% - 14px); opacity: 0; }
}

@keyframes flow-left {
  0% { left: calc(100% - 5px); opacity: 0; }
  10%, 85% { opacity: 1; }
  100% { left: 9px; opacity: 0; }
}

.flow-what { font-size: var(--fs-small); color: var(--dark-muted); }
.flow--signal .label { color: var(--n-warn); }
.flow--out .label { color: var(--n-agent); }

/* the one framed object on the slab: where the work happens */
.fits-core {
  position: relative;
  padding: clamp(24px, 2.6vw, 32px) clamp(22px, 2.4vw, 30px);
  background-color: var(--dark);
  border: 1px solid #3a3a40;
  color: var(--dark-text);
}

/* pixel corner ticks, from the deck's frame grammar */
.fits-core::before,
.fits-core::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background: var(--dark-text);
}
.fits-core::before { top: -4px; left: -4px; }
.fits-core::after { bottom: -4px; right: -4px; }

.fits-core img { height: 22px; width: auto; }

.core-who {
  margin-top: 20px;
  font-family: var(--font-mono);
  font-size: var(--fs-mono);
  font-weight: 600;
  color: var(--dark-muted);
}

.core-areas { margin-top: 12px; display: grid; }

.core-areas li {
  padding: 10px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  border-top: 1px solid var(--dark-border);
  font-family: var(--font-display);
  font-size: var(--fs-item);
  line-height: 1.3;
}

/* each item takes the colour of the flow that feeds it */
.core-areas li::before { content: ""; flex: none; width: 7px; height: 7px; background: var(--dark-muted); }
.core-areas .core--signal::before { background: var(--n-warn); }
.core-areas .core--out::before { background: var(--n-agent); }

.vendors { margin-top: 22px; }

/* Logo wall: one calm white on dark; each mark brightens on hover */
.logo-wall {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  border-top: 1px solid var(--dark-border);
}

.logo-wall li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  height: 48px;
  padding: 0 12px;
  font-family: var(--font-display);
  font-size: var(--fs-ui);
  font-weight: 500;
  letter-spacing: -.01em;
  white-space: nowrap;
  color: var(--dark-muted);
  transition: color .25s var(--ease-out);
}

.logo-wall img {
  width: auto;
  max-width: min(var(--w, 118px), 100%);
  max-height: var(--h, 28px);
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: .62;
  transition: filter .25s var(--ease-out), opacity .25s var(--ease-out);
}

.logo-mark i {
  width: 20px;
  height: 20px;
  flex: none;
  background: currentColor;
  -webkit-mask: var(--logo) center / contain no-repeat;
  mask: var(--logo) center / contain no-repeat;
}

.logo-wall li:hover { color: var(--dark-text); }
.logo-wall li:hover img { opacity: 1; }

.logo-wall .logo-more {
  font-family: var(--font-mono);
  font-size: var(--fs-mono);
  color: var(--dark-quiet);
}

/* ============ GUARDRAILS: the planner ============ */

.planner {
  --cols: minmax(0, .95fr) minmax(0, 1.35fr) minmax(0, .85fr) minmax(0, .95fr);
  margin-top: 22px;
  display: grid;
  grid-template-columns: var(--cols);
  border-top: 1px solid var(--dark-border);
}

.pl-col { padding: 18px clamp(16px, 2vw, 24px) 0; }
.pl-col:first-child { padding-left: 0; }
.pl-col:last-child { padding-right: 0; }
.pl-col + .pl-col { border-left: 1px solid var(--dark-border); }

.pl-kind {
  margin-top: 18px;
  display: inline-block;
  padding: 2px 9px;
  border: 1px solid currentColor;
  font-family: var(--font-mono);
  font-size: var(--fs-mono);
  color: var(--n-human);
}

.pl-text {
  margin-top: 12px;
  font-family: var(--font-display);
  font-size: var(--fs-title);
  line-height: 1.2;
  letter-spacing: -.015em;
  transition: opacity .4s var(--ease-out);
}

.pl-kind[data-kind="reactive"] { color: var(--n-warn); }
.pl-kind[data-kind="proactive"] { color: var(--n-human); }

/* plan lane: six steps on a rail. Candidates appear (s1), unsafe
   branches flash red and drop (s2), the route lights in agent blue
   (s3), agents run it and each step turns done-green (s8). */
.pl-steps {
  position: relative;
  margin-top: 16px;
  display: grid;
  gap: 2px;
}

.pl-steps::before,
.pl-steps::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 17px;
  height: calc(100% - 34px);
  width: 1px;
}

.pl-steps::before {
  background: #3a3a42;
  opacity: 0;
  transition: opacity .5s var(--ease-out);
}

.pl-steps::after {
  left: 5.5px;
  width: 2px;
  background: var(--n-accent);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 1.1s var(--ease-out), background-color .4s var(--ease-out);
}

.pl-steps li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 34px;
  font-size: var(--fs-ui);
  line-height: 1.3;
  color: var(--dark-quiet);
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity .4s var(--ease-out) calc(var(--i) * 70ms), transform .4s var(--ease-out) calc(var(--i) * 70ms), color .35s var(--ease-out);
}

.pl-node {
  position: relative;
  z-index: 1;
  width: 13px;
  height: 13px;
  flex: none;
  border: 1.2px solid #5a5a62;
  background-color: var(--dark-surface);
  transition: background-color .35s var(--ease-out), border-color .35s var(--ease-out);
}

.planner.s1 .pl-steps::before,
.planner.s1 .pl-steps li { opacity: 1; transform: none; }


.planner.s3 .pl-steps::after { transform: scaleY(1); }
.planner.s3 .pl-steps li { color: var(--dark-text); transition-delay: 0s, 0s, calc(var(--i) * 150ms); }
.planner.s3 .pl-node { border-color: var(--n-accent); background-color: var(--n-accent); transition-delay: calc(var(--i) * 150ms); }

.planner.s8 .pl-steps::after { background-color: var(--n-agent); }
.planner.s8 .pl-node { border-color: var(--n-agent); background-color: var(--n-agent); transition-delay: calc(var(--i) * 110ms); }

/* node map: the planner's search, drawn small above the steps */
.pl-map { margin-top: 14px; width: 100%; max-width: 340px; height: auto; overflow: visible; }
.pl-map-grid circle { fill: #34343a; opacity: 0; transition: opacity .5s var(--ease-out); }
.pl-map-alt line { stroke: #3a3a42; stroke-width: 1; stroke-dasharray: 3 3; opacity: 0; transition: opacity .45s var(--ease-out), stroke .3s var(--ease-out); }
.pl-map-route { fill: none; stroke: var(--n-accent); stroke-width: 1.5; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.1s var(--ease-out), stroke .4s var(--ease-out); }
.pl-map-stops circle { fill: var(--dark-surface); stroke: #5a5a62; stroke-width: 1.2; opacity: 0; transition: opacity .4s var(--ease-out) calc(var(--i) * 70ms), fill .35s var(--ease-out), stroke .35s var(--ease-out); }

.planner.s1 .pl-map-grid circle,
.planner.s1 .pl-map-alt line,
.planner.s1 .pl-map-stops circle { opacity: 1; }
.planner.s2 .pl-map-x { stroke: var(--n-critical); stroke-dasharray: none; }
.planner.s3 .pl-map-alt line { opacity: .35; }
.planner.s3 .pl-map-alt .pl-map-x { opacity: 0; }
.planner.s3 .pl-map-route { stroke-dashoffset: 0; }
.planner.s3 .pl-map-stops circle { fill: var(--n-accent); stroke: var(--n-accent); transition-delay: 0s, calc(var(--i) * 150ms), calc(var(--i) * 150ms); }
.planner.s8 .pl-map-route { stroke: var(--n-agent); }
.planner.s8 .pl-map-stops circle { fill: var(--n-agent); stroke: var(--n-agent); transition-delay: 0s, calc(var(--i) * 110ms), calc(var(--i) * 110ms); }

.pl-checks { margin-top: 18px; display: grid; gap: 12px; }

.pl-checks li {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: var(--fs-ui);
  color: var(--dark-quiet);
  transition: color .3s var(--ease-out);
}

.pl-checks i {
  position: relative;
  width: 14px;
  height: 14px;
  flex: none;
  border: 1.2px solid #5a5a62;
  transition: background-color .3s var(--ease-out), border-color .3s var(--ease-out);
}

.pl-checks li.on { color: var(--dark-text); }
.pl-checks li.on i { background-color: var(--n-agent); border-color: var(--n-agent); }

.pl-result {
  margin-top: 18px;
  font-family: var(--font-display);
  font-size: var(--fs-title);
  line-height: 1.2;
  letter-spacing: -.015em;
  color: var(--dark-muted);
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .5s var(--ease-out), transform .5s var(--ease-out), color .5s var(--ease-out);
}

/* the finish line is set with the goal, and lights up once the route is cleared */
.planner.s1 .pl-result { opacity: 1; transform: none; }
.planner.s9 .pl-result { color: var(--n-agent); }

.planner.is-swapping .pl-text,
.planner.is-swapping .pl-kind,
.planner.is-swapping .pl-result,
.planner.is-swapping .pl-steps span,
.planner.is-swapping .pl-checks span { opacity: 0; }

.pl-steps span,
.pl-checks span { transition: opacity .4s var(--ease-out); }

/* ============ WHO WE ARE ============ */

/* track record: three light columns joined by a top rule */
.record-rows {
  margin-top: var(--head-gap);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--ink);
}

.record-rows > li { padding: 24px clamp(18px, 2.6vw, 34px) 0 0; display: grid; gap: 10px; align-content: start; }
.record-rows > li + li { padding-left: clamp(18px, 2.6vw, 34px); border-left: 1px solid var(--border); }

.record-k {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-mono);
  font-size: var(--fs-mono);
  color: var(--muted);
}

.record-k .pxi { width: 16px; height: 16px; --lane: var(--ink); }

.record-rows b {
  font-family: var(--font-display);
  font-size: var(--fs-title);
  font-weight: 450;
  line-height: 1.1;
  letter-spacing: -.02em;
  text-wrap: balance;
}

.record-rows p { font-size: var(--fs-ui); color: var(--muted); max-width: 30rem; text-wrap: pretty; }

/* ============ SOLUTIONS ============ */

.solutions { grid-template-rows: auto auto 1fr; }
.solutions > li { grid-row: span 3; grid-template-rows: subgrid; }
.solutions h3 {
  font-size: var(--fs-title);
  font-weight: 450;
  line-height: 1.1;
  letter-spacing: -.02em;
  text-wrap: balance;
}

.sol-list { display: grid; align-content: start; margin-top: 4px; }

.sol-list li {
  padding: 10px 0;
  border-top: 1px solid var(--border);
  font-size: var(--fs-ui);
  line-height: 1.4;
  color: var(--ink);
  text-wrap: pretty;
}

.section--tint .sol-list li { border-top-color: #d3d3d6; }

/* ============ GETTING STARTED ============ */

.timeline {
  margin-top: var(--head-gap);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  counter-reset: tl;
}

.tl-item { position: relative; padding: 30px 22px 0 0; }

.tl-item::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--border);
}

.tl-item::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 11px;
  height: 11px;
  background: var(--ink);
}


.tl-day { font-family: var(--font-mono); font-size: var(--fs-mono); color: var(--muted); }

.tl-item h3 {
  margin-top: 10px;
  font-size: var(--fs-item);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -.01em;
}

.tl-item p { margin-top: 10px; font-size: var(--fs-ui); color: var(--muted); max-width: 22rem; text-wrap: pretty; }

/* day 30: the payoff, a checklist that ticks in when it reaches view */
.day30 {
  position: relative;
  margin-top: var(--block-gap);
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(24px, 4vw, 56px);
  padding: clamp(26px, 3.6vw, 44px);
  background-color: var(--paper);
}

.day30-head h3 {
  margin-top: 12px;
  font-size: var(--fs-h3);
  font-weight: 450;
  line-height: 1.04;
  letter-spacing: -.03em;
}

.day30-head p { margin-top: 14px; font-size: var(--fs-body); color: var(--muted); }

.day30-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
  align-content: center;
}

.day30-list li {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 13px 0;
  border-top: 1px solid #cfcfd3;
  font-size: var(--fs-ui);
  font-weight: 500;
  line-height: 1.4;
}

.day30-list i {
  position: relative;
  width: 14px;
  height: 14px;
  flex: none;
  transform: translateY(2px);
  border: 1.5px solid var(--ink);
  transition: background-color .35s var(--ease-out), border-color .35s var(--ease-out);
}

.day30-list i::after {
  content: "";
  position: absolute;
  left: 3.5px;
  top: 0;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  transition: transform .3s var(--ease-out);
}

.day30.visible .day30-list i,
html:not(.js) .day30-list i { background-color: var(--agent); border-color: var(--agent); transition-delay: calc(.5s + var(--i) * .22s); }
.day30.visible .day30-list i::after,
html:not(.js) .day30-list i::after { transform: rotate(45deg) scale(1); transition-delay: calc(.6s + var(--i) * .22s); }

.ongoing {
  margin-top: 26px;
  display: flex;
  align-items: baseline;
  gap: 18px;
}

.ongoing p { font-size: var(--fs-ui); color: var(--muted); max-width: 52rem; }
.ongoing b { color: var(--ink); font-weight: 600; }

/* ============ CLOSE ============ */

.close-inner {
  display: grid;
  grid-template-columns: minmax(0, 440px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(32px, 6vw, 96px);
}

.close-field {
  width: 100%;
  max-width: 440px;
  height: auto;
  aspect-ratio: 1;
  image-rendering: pixelated;
  -webkit-mask: radial-gradient(circle at 50% 50%, #000 58%, transparent 71%);
  mask: radial-gradient(circle at 50% 50%, #000 58%, transparent 71%);
}

.close-band h2 {
  margin-top: 20px;
  font-size: var(--fs-h2);
  font-weight: 450;
  line-height: 1;
  letter-spacing: -.035em;
}

.close-lead { margin-top: 22px; max-width: 34rem; font-size: var(--fs-lead); color: var(--dark-muted); text-wrap: pretty; }

.close-actions { margin-top: 34px; }

.close-note { margin-top: 18px; font-size: var(--fs-small); color: var(--dark-muted); }


/* ============ FOOTER ============ */

.footer { background-color: var(--dark); color: var(--dark-muted); border-top: 1px solid var(--dark-border); }

.footer-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px 48px;
  padding: 44px 0 52px;
  font-size: var(--fs-small);
}

.footer-brand img { height: 20px; width: auto; }
.footer-brand p { margin-top: 12px; color: var(--dark-text); }

.footer-meta { line-height: 1.7; }

.footer-tagline { font-family: var(--font-mono); font-size: var(--fs-mono); letter-spacing: .04em; color: var(--dark-text); }

/* ============ MODALS ============ */

.contact-modal {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background-color: rgba(10, 10, 12, .62);
  backdrop-filter: blur(4px);
}

.contact-modal.active { display: flex; }

.contact-panel {
  width: min(560px, 100%);
  max-height: min(88svh, 740px);
  overflow: auto;
  background-color: var(--canvas);
  border: 1px solid var(--ink);
  padding: clamp(24px, 4vw, 40px);
  position: relative;
}

.contact-panel--urgent { border-top: 3px solid var(--critical); }

.label--urgent { color: var(--critical); }

.contact-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: none;
  cursor: pointer;
  color: var(--muted);
}

.contact-close svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.contact-close:hover { color: var(--ink); border-color: var(--ink); }

.contact-panel h2 {
  margin-top: 12px;
  font-size: var(--fs-title);
  font-weight: 450;
  letter-spacing: -.02em;
  max-width: 22ch;
}

.contact-copy { margin-top: 10px; font-size: var(--fs-ui); color: var(--muted); }

.contact-fields {
  margin-top: 22px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.field { display: grid; gap: 6px; }
.field--full { grid-column: 1 / -1; }

.field label { font-family: var(--font-mono); font-size: var(--fs-mono); color: var(--muted); }

.field input,
.field textarea {
  border: 1px solid var(--border);
  background-color: var(--canvas);
  padding: 10px 12px;
  font-size: var(--fs-ui);
  color: var(--ink);
  border-radius: 0;
  caret-color: var(--accent);
  transition: border-color .2s var(--ease-out);
}

.field input:hover,
.field textarea:hover { border-color: #a9a9ae; }

.field textarea { min-height: 110px; resize: vertical; }

.field input:focus-visible,
.field textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; border-color: var(--ink); }

.field input::placeholder,
.field textarea::placeholder { color: var(--quiet); }

.contact-submit { margin-top: 20px; }

.contact-status {
  display: none;
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid var(--border);
  font-size: var(--fs-ui);
}

.contact-status.active { display: block; }
.contact-status strong { display: block; margin-bottom: 2px; }
.contact-status span { color: var(--muted); }
.contact-status--urgent.active { border-color: var(--critical); }

/* ============ REVEAL + HERO ENTRANCE ============ */

.js .reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .6s var(--ease-out), transform .6s var(--ease-out);
}

.js .reveal.visible { opacity: 1; transform: none; }

.js .timeline .reveal:nth-child(2) { transition-delay: .07s; }
.js .timeline .reveal:nth-child(3) { transition-delay: .14s; }
.js .record-rows .reveal:nth-child(2) { transition-delay: .08s; }
.js .record-rows .reveal:nth-child(3) { transition-delay: .16s; }

.js .hero-inner > * {
  opacity: 0;
  transform: translateY(16px);
  animation: hero-in .9s var(--ease-out) forwards;
}

.js .hero-inner > :nth-child(1) { animation-delay: .05s; }
.js .hero-inner > :nth-child(2) { animation-delay: .16s; }
.js .hero-inner > :nth-child(3) { animation-delay: .3s; }
.js .hero-inner > :nth-child(4) { animation-delay: .44s; }

@keyframes hero-in { to { opacity: 1; transform: none; } }

/* ============ RESPONSIVE ============ */

@media (max-width: 1080px) {
  .fits { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .lens-row { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 22px; }
  .lens-row li:nth-child(3) { padding-left: 0; border-left: 0; }
  .fits-sources { grid-column: 1 / -1; }

  .planner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .planner .pl-col:nth-child(3) { border-left: 0; }
  .planner .pl-col:nth-child(n+3) { border-top: 1px solid var(--dark-border); }
  .planner .pl-col:nth-child(3) { padding-left: 0; }
  .planner .pl-col:nth-child(2) { padding-right: 0; }
  .planner .pl-col:nth-child(n+3) { margin-top: 16px; }


  .logo-wall { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .logo-wall li { padding: 0 6px; }
  .logo-wall img { max-width: min(var(--w, 96px), 100%); }
}

@media (max-width: 900px) {

  .nav-toggle { display: block; }
  .nav-links {
    position: absolute;
    top: var(--nav-h);
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    padding: 12px var(--gutter) 22px;
    background-color: var(--canvas);
    color: var(--ink);
    border-bottom: 1px solid var(--border);
  }
  .nav.nav-open { color: var(--ink); background-color: var(--canvas); }
  .nav.nav-open .logo-on-light { opacity: 1; }
  .nav.nav-open .logo-on-dark { opacity: 0; }
  .nav.nav-open .nav-links { display: flex; }
  .nav-links > a { padding: 10px 0; font-size: var(--fs-body); opacity: 1; }
  .nav-cta-group { flex-direction: column; align-items: stretch; margin-top: 10px; }
  .nav-cta-group .btn { justify-content: center; height: 46px; }
  .nav-links .btn--solid { background: var(--ink); color: #fff; }
  .nav-links .btn--ghost { color: var(--ink); border-color: var(--border); }
  .nav-links .btn--ghost .dot { background: var(--critical); }





  .lens-row { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 22px; }
  .lens-row li:nth-child(3) { padding-left: 0; border-left: 0; }

  .problem-grid { grid-template-columns: 1fr; }
  .duty { justify-self: start; }

  .logo-wall { grid-template-columns: repeat(5, minmax(0, 1fr)); }

  .record-rows { grid-template-columns: 1fr; }
  .record-rows > li { padding: 22px 0; }
  .record-rows > li + li { padding-left: 0; border-left: 0; border-top: 1px solid var(--border); }

  .day30 { grid-template-columns: 1fr; }

  .close-inner { grid-template-columns: 1fr; }
  .close-field { display: none; }
}

@media (max-width: 640px) {
  .fits { grid-template-columns: 1fr; }
  .fits-sources { grid-template-columns: 1fr; }
  .logo-wall li { height: 60px; }
  .sys-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .planner { grid-template-columns: 1fr; }
  .planner .pl-col { padding-inline: 0; margin-top: 0; padding-bottom: 18px; }
  .planner .pl-col + .pl-col { border-left: 0; border-top: 1px solid var(--dark-border); }



  .lens-row { grid-template-columns: 1fr; }
  .lens-row li + li { padding-left: 0; border-left: 0; }

  .timeline { grid-template-columns: 1fr; row-gap: 30px; }
  .day30-list { grid-template-columns: 1fr; }
  .ongoing { flex-direction: column; gap: 6px; }

  .logo-wall { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .logo-wall li { height: 72px; padding: 0 8px; font-size: var(--fs-small); }

  .contact-fields { grid-template-columns: 1fr; }

  .hero-scrim {
    background-image:
      linear-gradient(90deg, rgba(14, 14, 16, .9) 0%, rgba(14, 14, 16, .72) 100%),
      linear-gradient(0deg, rgba(14, 14, 16, .9) 0%, rgba(14, 14, 16, 0) 30%);
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .duty-face .f-drop { animation: none; }
  .day30 .day30-list i { background-color: var(--agent); border-color: var(--agent); }
  .day30 .day30-list i::after { transform: rotate(45deg) scale(1); }
  .js .hero-inner > * { opacity: 1; transform: none; }
}

/* Pixel icon masks: base64 of the v2 brand icon PNGs (WhiteCave/inbox/sources/Whitecave rebranding/v2/icons),
   generated programmatically. Never retype; regenerate from the source PNGs if they change. */
.pxi-search { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIMAAACCCAYAAABlwXvDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABUdJREFUeAHt3cF120YUBdDnJAvvLO+y46QCqwMzFcQdiK7ASQWyK3BSgaQK7FQgpoLIu+w82WVnuQIGPwAGEEOKn8AQ+DPz7jlzKEOQTFIPwMzHEHiC6W1wPI9pvK3aDQr1HaZ1jmEc6OS+wbTOYNs9CjZ1GKxjGIgEw0ABw/CQ9T7NSbED+RDDMKGfYNvQoW8WYtYZZKt6VbUX+P8W5lH31JewbYW6piHP1aN7He0o41PV7jBdEWxSTxDPLQ7/se9ha/jWfz7yh9fsGa6r9hr0qI2ifYZdK+hewxUyFavP4JTrWe6gPVOu55CpOUYTVgNR9EhCzFFn0G6BVjlkKlYY/BHrOpBJMfcMqZ/kKfoklZgjDH/Dpq/K9RwyNbToJJ0t17RF86jpgFku2Nwdse4FugJUy/W+9kiQpugkf+RL1C/2HI+PCO7w+B/8BrbfKCmXy2t0vWUe3WuW5cvDv+a/n/kBGXLQFWO+oAypF9f2YgeSAk0YPHS065FRnNxyPI9M8TBxGh4JYhhOI8nzHJowaGf/MAwdhgHUkjAsD3zfXGCk6CSTNRx2l1n7T9o3bXtdWfaxar+hjBHFG9TT+9zWco/u/Vk2y2QD6Vcp28KVPK6r9iOMkQKJppByAdJYQfd+3sIYDi0pYBgoOCYMDpQ17hkoYBgoYBgoYBgoYBgoYBgoYBgoYBgoYBgoYBgoYBgokDAU/1F0qjEMFPAwQQHDQAHDMB8HYxgGChgGChgGChgGChgGChgGChgGChgGChgGChgGChgGChgGChgGChgGChgGChgGCsbc19I1j9ZuTziVfVdse4FEydXeHLp7RmyTZSt0N/6UtutNkKu9/YIyrvYmt1t4q1jvV+zfSHzT/kCC/sThq5d9QBnkKm2aq7ktkJiYfYZSptw7ZEobBs1VYnmF2MRpwqDd4ksJQ7avM2YYSlF0GLQYmoes3rJxNLkZGW9YVtOMrDZIkLboJFdGXx5Yp72s/rr37/7ewiMN7pHvnSHj0YTmvpbCVe0ldl9WX6xwOCxyrJXi1GvYJbWSV4hD+95mZwndrtPy7lNCsInYkhOrA3l3xLoL2JTsOYVYYoWBBacM8BR2p/hAxwqDQ/q+onBzHCasFmM8ChczDNpAWK1UehQu5lj4ErpJH2uM5zDeqe8tuW4efW/Z9kYjX/cPT763/JgRWhSxCyNvmsf2Bfvm0aE+Db7rfpCWfGya8MqfOdtqP2N8yK5huzgXhYRlY7hdYLwPEZ7HJWYw9dCyhB57skPUqcNg/Y0qutbAMDwU4/lxz0ABw6DkQBoOM5g6DM9gm8d43DMolTBPMsaIaZb3aa7ZOAsM4zCMttr4O8Zv2auqXWG8d6iLT763zKF7LR4soZsXe8bUvhb944wcTcQ3VZ9hiciKnbR5YnIeZldnuZ1BvkKcfsFzcFJO8jSfQ9G0BSLiYWIeJkdVDMP0HIxiGChgGChgGNL2HBExDNPziDccjPopMNYZ5iHzJN8jDpk424Zr1yffr6t2A0qOFKtWiFeHaNsVKFm3iBuGS81/yj5DGVR9FIbBpnPExTAkbJZyNcNgj8NMGAZ7POKflnaalRgGm95hBiw62bXC7vkKDvXUumP6FR71J+Q/oft0d1ugks6q7InWoCRJESlmHeKz/FIeJki4qp0xDGnyiO8lw0At7hkSdYqLpDmGIU0e8Z19C0qRDAW/R93xe9pb9k/z9VMc7y9QdlYYNrx8z8NEfoaWsu8ZhvwMPq/BMOSHewYKGAYajWHIkMcwDEOmBh0qOJ8hb+18CLfn+3Ixsi/N4/2/HVvgyIPTYa8AAAAASUVORK5CYII=") }
.pxi-cctv { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAAB3CAYAAADCQugQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAB0NJREFUeAHtne112zYUht/09H/sCYxOUHcCsRPEnSDKBE4msDJBvIHSCdpMIGUCOxMInsDSBC6vQUYkS5H4Jgjd55x7KJGQRJFXwP0C9AZhuS5lUW1JLkoRnTayZ7sv5ROY7NiU8mIhOzCT8AvCIsHMitAKsQczK1JVCAFmEkIrhAtXYKKTskJcg4nOr0iX+1KKUr5DDT0XlfSxr2QLJmnWsHM7baUA40TIIaMvCBWa38E44WPIKEq5hbr5zS5dID5sdzjiQyHel3IDJgtS9jKYCchNITgy6sgbuEOexBLpITvb5uPaTSWeSvkXrEyvpByHcEV0tkNQdvU7GC9DhgSTDWxUMi18KMQTmGzgHkIhwLziQyFySFNfgHnFh5eRw8VcQYW9v+F0ZvVtYx95JFswvWwQN6OZitwhQ1yHDIHzTTlnmUhzVYgsfyWacGa1w0fMq4v3LTtkiEsPcQsmOzgOwbRwyXY+47z9d3JPKUv6WMoPtDOoQ69JOqvqohAvYGwQSDjcz0NGfC6RMLYKwaFee66QMKwQ8Un62vGQEZ8sFUKAsSVphci5pjJVllA/KFk9Jzf0UD1u7tt39iVNgXmFmTlMrgkPGUwL3SGjXkWOoK5sbFJtXWTCZMgGw13Z4sTrRHU8xS54bvKMRBAYPtG7kdffYr43ITWJwpgNIUaOP44cP4CZFa6BKZ4PGQ+BCIwZlWM3nA3HeGyg1t2iVPtQVThlUiVU7238gx1TCFmJOHG8Ll0/xQ6qZsB0eSGTtueCgFIIXei6/wVDdOoh6Ka/w/+1clltP0PNUaiPk6Yeqn0SdjyAi1hdkaX8hojQr3/MMn4HO9aAN+v8nMUYF6NSZ3yytTEkmEkIrRDMzAhdD2HbQwgwk+CS/r7w1KYPAcYHOxxT6bVIHFPusmpX79uHVgjyFG4aJwL02wcXDRFgD8MXAmYsQxfI3MBtUVMJ/QCLAK917UzKFVPLUv6GGRy/cCTlIttvMGcs2caM4KIQIS++7ZQ3CcYJF4XYIhy2MQ4BxgkXhaDxPVRwytZd5eyrG8LFqCRl+BMqmSU7x2j+4hWUYWjjZVxUrzedFMsK4YiPxc+HIIv/AXZsoTKpsnouMPy/W6javqAd04DG89ShH9+22gocr4Hv77BCYOiEY2b3bFa1WUc8Pxv5guEfwRePn3WX2z/75haDoOv3CcPX8TM8kttkXwFzBNJFx7VvpgVc2aea7WQUAnFhhUDadR1Cs52v6yxzGzLGvJA+Uv4nHV1l9aUQh9BuJ3EFN7Yw7zp1MqRbHA2yRbWlGoHmtLlD9T4FVBl8bCTGC2UFxmeHSyiXkkr4u9MCKWb0tnof02TiJNCNCOHOmc6XfA50HkOygx5j77PQfJ9ZeBkSYaijobpIxEdqthvrDbWHxTkoREijz2TewhTGp4Q7Ruc9hyWFQt4Imjey1WxL7Qr4Z9V4XBvF9J3JDtKpCREYNiqzU4iQfEQ7+SZ72tC+D1AGKCXbFj1tm48L6P+x7SP0Io0C6j/W6+LYJmOToQQyI4U1JkzdOt38wkbz/daA0/lrMwcbwpePbVuFRbw1bP8DflkiEjkuXCqhklwUYxGV0OPLhnxAWK9Bwh8CEZmDDWHaQ6xw/IX2FdhQL/G1erzGtCQX2p9DD2Ga0paa7UJ6L7o3mhXCAgEzpGY7E4UgT8TkJusug7AF0wu5fzu0Q7Zkgf8Dc4tat0e5tnjv5+rcdo3z3fXsq/e/h/I46Ls84Bj+pmN30FMyYXGe1l5GKtDFevEkC83PDF3eZ7tYSpfCw7lok4pRaWon1JE82XNM1+WrC1cL+EfCbuZZHwJu6FRd/SQFhbAxrP6AH9eOFuXqxhguG/vuYVenKWFGATW8iJ5jAnqfR+farcImZZhFSruJgFn3Z1vWb4PtsLKBPveWn9GUNTwxx8BUzKyjzwLWPgT8/CGu0bAwBP/F0rQU8IOEJ1JQCJsxOhfG/mZCF2+9JhmVKyhXTfQcl43t2ISRIVZQX745Ba0pJsQcMmzR7cKT+zGQQpAyFCeOi8ZjCbtZQvSl7+APb+OlJpQIu4IZuiVrAn4Q8FQ9buJ2FrBTCN1AURMJZX03b76otr78e122OCNMFELADps4Ay0zIDv7Up4/kQ0xjEpThZA4n6WBfNlD3uyqGAoxByNwKrbwg1cvI/qHMj/xtSyTt5K9GArxBOYUj0hsKUWTIcNWIUxfxz3RhFAPoWv0UTyBij0kVBdVx/m7N7AONlF78t8LmMEKMTE7hCsSCZ0pZDzDyS2mxVQFMl9xjDXUQ1ZdweR7kgtjSOwhYw0mWaYYMpJys5g2UygEexEJw0Yl02IKhRBgkoUVgmkxhULY1EcwkTCNQzQX3Wg+lifa9O0/gEkW02znJZisiZHtZGYEKwTTghRC18hjhTgDTBSCOQNMhgwJJns4dM204B6CacE9BNOCewimBfcQTAsKXVM4ul64QvS0ofgDTbaRYLLnP8i55G80DdpJAAAAAElFTkSuQmCC") }
.pxi-doclock { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGUAAACCCAYAAABfPQb1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABL1JREFUeAHtnfFx0zAUxj84/gcmqDoBMAHeADZomACYoDABMEFhAmCChAmACRATtExQrLN9BDeJXpon+b34+929S85ym9a/2JKeJfkOgF9tBJThqg8vrNp4gYm5h7I86MMLJv7WuyDrmDirKcUglGIQSvkf1ikGoRSDBBigdJPYG6GNizZ+tPFzVHbVby/OHcg6j6s2InSIKM8blOFVGx9QgSTlOhNn8MUl8v/TbeICFTjWOqVUJ7BKQ4AV/X5QylyhFINQikEoZT9CG49RGEr5R2qxRexuuYU2vqNrcv/qY2h+p/fPoMDcpSzQdaBTPGzjtH9d3/Zkw8+lVljoY2iRpffPocDcpfzMlA+pFWl6JUCBuXcepQdbup9KP2bOUiL0oZQDidAnQgG2vnQJUIBSdAlQuG3Am1z6nKO71RH7GMa+pfevIajvKEXG2za+oOvNh1FZOuDj/knA5kvZG1CKGrGPr1vK36G7K6nCnOuUAD2+QhFW9DqsoMixSolwDM+UujyU7MQ6RQfpPZb7kp14pugglSJK7c+9SbzEfsQt2xvISM3mBbqsc1zbPtyfSa+nc5fSoD4PMp97wsuXQSjFIJRiEEoxCAd4G4RSDMLLl0GOtZ8yjHacApVVNo5xJpdF0m1iyWwxdh4tQikGoRSDUIpBKMUglGIQ7/2UsGGbtyUSb+BBymfcnDG1D+uSPqHcEiFqeJBy6JS19R72CRwgrVMCpiNCj+IzezXwUNEH6BHggLm1vnKDFkxgXUqJy43KXPeSWJfydMO21JJ6j278VMDmee9pFe4vW35n+jmVCaMlkaTuz1GfZvS3pff73kII6CSM/8eSS8lvQ5y6t9AkDuhWnBv6E+lbPJ4xlc6Mt9i/Uxjb+IhuqkI6KIu1z0xihpGKKb5h+9lVnanPlOeot0TgrmUMlyiL+EyxUKc8ypRrrnAa4QALUkKmPEIPTcHF8CBFM7m463eZaZF56Dz+gR6UosQl9HCR0p9bmkXzrNuX39IdLUiJsEGAEXg72CCUYpC5SclNmeZDbYQE6JE76KJ57qXxIMV8ml0bDz362Umpnbofp+VPkJfSIN/GD8iTLk25kTGpPK1VHNe2RUyAJJ2skbpfCj/LWqSMwgUOZyH8vKqp+wY+qT7Ygv0Ug1CKQSjFIJRiEEoxCKXIiKgIpRjE80yu8TO0Qh/DgD631JQSoZfxzY2YDOgeaOZSjsfL1wr5pytEdMNVXeJRinREitvJqB6lNML9XEyl24RHKdIEIaVU5jxT3sDJ/MZNeJXSYHfL6gyO8dx53HXgGziGPXqDeJZydcsy83iWEneUUQrRxbOUsKPMdULSs5RdnUNKmYgFbnYS0/uXYOpeTIT+YO0ljhBW9DIiKkIpBqEUg3hYrnB21DxTIoiImlLSwmin/esKtonoHpSZ5qukRd1e43DiPjtL5kxozM8YswRuNV+kRpxBn0b42ZMuLWV5RaGICZlSSoRdIqYjTCllynVScojXUSnBlMNWP+JI0ySHMvVY4km/kVZhj94glGIQSjEIpRiEUgxCKQaRNokblMl/HTvrj54SjxtIj7e4BrFEw8uXQSjFIJRiEEoxCKUYhFIMQikG8f6UbStEKPIXM9iD17dmTREAAAAASUVORK5CYII=") }
.pxi-warning { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAB3CAYAAADci9ijAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABGBJREFUeAHt3f9x0zwcx/HP8xz/0w0QE8AGZAPYgGwATABMwDEB3QA2aJiAMgHqBC0TgHV2LsYQ+6s4rmTp/brTJZeqTdt8Yv2ILEv1edGUb0350ZXbpvwaKbe9uuH7PqhCD1SfJ015GlH/oit7d6rQ/6rPhRCNoMRzqlCNQcEJOKLAhKDEc6oQTQ9MCApMagyK13yPVBmOKDAhKDAhKKdxqkyNQTnHZzXVzcX8pzJsmvJchxfQTdTfHXncaZrrnm+ntmPsj3xvCOTXpnwRsvFW40sF+uVK82wjnuuTCkEfBSalBCWmz+A1j1eFagzKfSqm00vTsyyCUjGWQsKEoKyYU56cCsERBSYEJZ5XhQjKshj1wISgZOa+X5DqRj4E5TQEpQL3/SIXsb6WoMCEzuxpaHpWij7KwnJfChn2MXnV3YYwuJG6vit3OryQfnAbHv+u+ZNmW7V9j+HeKa53Pzw+tg/L/vf0TXmv48szYbCVfdlhbp3GsLOT9Xd/qczRR1lOUc1T7kEpYmhZgpKOKDfCYmh68pD9Z0IEZTk+oi5BQRlKCQrT8gsjKDDJfedqp+W47nY4u3qMH9xWpcYtzread/K4b8pjQz0m3CrnjPUISoa8sCiOKDAhKHlwylzuQVn76Q5ehSAoMMlheDy1SmyKb8q18vS9d9+N1Nuo3Ycu1D82WvKqsNPuFLdh3rOuPOqVU20jnvtYmWP/++//pg8Rz/tMiaxhwm2ndhvOUtwMbn825bUyl6qP4oS9VUzMrWF47IXkmEdZF6dECApM6KPAZA1HlJ9CcmsIyq2QXKqgcGLXQczwONlHGnRm0yMoZ0IfJQOpghLzzmCFfQbWEBRkgD4KTDiirItTIrkHxQtZoOnJQ/Yd9iUWLrl/3O8vd3zYPX43KH37x3aqw5umPNH45oDh/7dRuyLO6/i0QfjaTitgXdb3VmlslXYp5KliNg/8rDM7d9PD/Mhyks7gEhSY0Jldj6RvLIKyHkU1PcgDQUEaKTuziOOV0Lkn3NYw6vnRlC86TAJOXbUj8DpcCcOrQilPKU0VlK8aP0U1BCfMHoeZT4bwHfoofwvhuFGeIfFKhKCUiVEPTAhK5ZI1h+cOihOWVExQUKiUQfFCLK9EUsyj7FeucWJXvDBs99394SaJQxv9ecncWWKue7xVew3iqZnMd0257O6HP6x/nnEO1/1zav+Jc1wqT+F/7XSYeR7y+nPpaaj3UWd2pTKu4bvVOpdCxggfU1j+jivrD6QzC5MlguKF4nBEgQlBgQlBqZuzVowJihOqxREFJgQFJgQFJjUG5VLtRxdzSnXozMKEpqduzlpxiaA4oTgcUWCyRFA4rbRAwxVu/VMsQ3ko2ymXfU81f2EQ5ol5s4Y94cJldP2Rr4dFTtdhqPdJ7Qs7tbQO9XoRjigb0QHFuAs6s7BwISg0N5hyQVBgQdMDG4ICE4ICkxAUtp/CFE9QYHEXgnItYJwPM7PhJGXCUg+neP43usc7cXm9cFMAAAAASUVORK5CYII=") }
.pxi-code { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIsAAABXCAYAAAA05barAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABMpJREFUeAHt3cF13DYQBuDfTu7ZVLCTCuIOxA6iDrKpIHYFcSqQO5BTQV5uuUWpwPEtN0E332xXYHNE8ommyRUGXGAB4v/eg0itdldLckgCGIL7BGS1a8tVW6QvGE3HXF/UTVt+B1VH2vLJWG6xAU9B5InBYrdDpRgsdgwWoscwWMgbg4W8MVjI27dIR/qyw3Il0Y2mDnlKUcGVtjT9/Ie+HJvfFF3B1o6sX5GnA+J3yv1mfP9rJJDqNBSyN1bbRIV92QUJpAoWgZ2gXtZgSbJjsYKbJ4HNpoKl5lOKcohrU8Gyx3bkuCw8spBJ9CBmsJA3Bst2CCLLuelcMwe76Dtkzk1nhzzlepTcTLAItiNFsDjYNYhsTSKxactP6ALh2cJzNNG1w/FgcTPzOn2L8ziW6FSy8LhbmNd18B9s7vr3eOyzjB36ctP/T4eHZOPH0e/Wz7LaAfZk2nt0Ca+f0QVXbodz/Wz6GX2X5x90yc6Uy6L/Zz8qF215g7DtIEjkCjAHS+4tolvYlucCefgT9m0RlNUPrbM8g13u114IyhS6Xs2vYyKxXg5GDJZwDpVhsNTro/H5wcGyyWs/CxXacHhvfD6DhfzxNFS+0B1XYMRg6QjqIzBKFSzJu5gr4hDG3Ff2WG5oKTchsHGgWHRHdDOPD6enHea342X/2j/g6cloXt+sQdeNrVPB8Zr2TVte9vNu5u93KIfAPhBMUNYy6rb8sS3P0QXKQIPqpi9v8fVIR8EoAam/aK7HkkT71L9mKwT23MoeZdLTj3VZNf90fxq6Rti1EGw+lylku93Xb7SCKwizpWDJPSN+Sg529+vnKcJXFIOlHquDhcrlYLdnpxx5Y7DUSRCAwUK+7tYES+11nZI65E5C+1mG4RpWpQbLXNe3oB6CQDUEi3YoXcF/yIauj1dYbjGcZezNmTn9sXaQmQ4nGAaDTXMKY8f+FtuQ8/Kln7O0r3uRyVTNHUH3WHlkOSy8wdw/U7qHXvbTV/Dj2vIDKIYG3YA3Kz06vsbxnVj/pnUz8yWYg5DblN7ifBrYPusblKVB2CAzcyI4pDUUcjoRlKO0NIYgTLJBZlvKC5Vuj0RqCBbmvuY5GKXswU22B0xsPVgEifA0VD5BGAcjBsvXHGhWymD5HhSDIEzWY52/A8WQ/VjnEA3CbgJEywQJK/Apjywv8XD/s9tJmfb2nnKYSYlHtAO6Lvzpujllz7j5EovQROILPOSFZPT4MD/OKw25JMw8b470z3+B07DueQ7nd4Gw4Tmv+6mbPH6SRO6arPPdZKr+nXmebqxL2AjISoPhF0SUos4SGtE197yGLHv0a2xSVXDZerLJckfJOVjIxiGynK/uN3canQgDe0GqLwEP2QDW14zvQyL9VE9ljefrhxaDA83KOVh8aCtL+2TGTfVjtBL4HF8GRI5DOhzsBJGlChaHOIajiC+H+eY9eci1zhLrSMT6yAq5toZq36ghy+8QWarT0F/4cgUs1THcZForvSmgbyeb9NNzfZlXMQ6wDX+4BgXjXRTIG4OFvDFYyFttweJAwXhkIW8MFvJWerA4UDI8spA3Bgt5Y7CQt9qChVnnFRgs5O0blE/a8q6fn8tka4D835a/0WW/34FoRG8cVPO4oyg+A4HunwI11TbpAAAAAElFTkSuQmCC") }
.pxi-flame { --px: url("data:image/png;base64,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") }
.pxi-unlock { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAACACAYAAAD03Gy6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABBNJREFUeAHt3f9dEzEABfCHH/8HJ2iYQJygHYER3EA2ECaQDfg4gToBOIE4gWECygTY2J69Xq+Q5NJ7Sfq+n0+sbe+g3GvuR5qkR6jLp0W5wHAGw3xclK8+C75FXZ4wfOOlYHwXfAOhqi0AizwY3wVVA8gUwH6c+C6oAPZDAZAdbADvkYeDDeAMhTlCOW4W5XxR5tg+3TTI4wKszb7y3P2iXJUUwDcsA/BhsWwOOF2U6er/be6Pn7dKs07byaqY1e0+atcMBbldlGfP8ueFdR8Rx4XwK+A1+JRp7WdBBsuNP8Nwc+xBbY1xXW7jm85j3mcoPYas26vWGtC8W82O55NvyEhPtQdw3/OcRfzuxCKtx9qPAVfY3mjXiPcDm2dN3bKX40QuQs6CbjvrTjDObscg7CxoUlINGLIBHzDOu9OG/p5DCWBMNmRhtYamV20NqJIC4HqoNQALHhOysGpAeiZkYQWQVnCTdUkBGOTPIJBqQFpTBFIAaVW9CyrBDIEUQDqh737r/tF1QDoGEVQD0onqFFZKACW0hEZ1W1EA6bghSfehK9XeK2JM31fFvVnc7sh0nm86gblhVP/7JimA9NxG/rkqr9JBmEwBkOk6gEw1gKyUAAwqpRpApgDIFACZAiBTAGQ+g/SawWqvPdYw2O04cr0zhLU2NoPwbM9z7YF5bQ8By+563GIPPiPtwLSaS3Crrc8u6AHiY1eteJGOAelEjT9QAGQKgMwngGOIj6iPTX0CmEF8uABmCOSuA9wkGPMdP9CgwClgyO6weUZkWren3YVdAM+QsWxd+OogTKYAyBQAmQIgUwBkCoBMAZApADIFQKYAyHLsnu4+z73GZnvKRp/6DrPjvvsZ2Q/syLEtyAXwAcPl2MZVRFtQKTNjJVFrAAaFUA0gy/EY4A687zCcjgGRLNKwKECOAdwhjeAxuwysXdDdolxis49pM7wz5QSr09bvsKvirinOsfxGjrH19sVl9KH8Ai4Dzt+9hbULsuCy4Jh0H2AFkMP+2SIDaowjUwBkCoDskAMwyIBqABkrAAP5RzWATDWAjNUWZLH+wpt55/HfWM69NpTBcmyDaweaYP2lnO3bsRn0jDp9zrCkcIP9vsaYMum+SB0DyBQAmQIgUwBkCoBMAZApADIFQKYAyGrumFUE1QAyBUCmAMgUAJkCIFMAZAqATAGQKQCymgMoYrBfjiPl3Ya7bd3v6znRt05TDNY9H7KnWRPHZdDplqJjAJkCIFMAZAqATAGQKQAyBTCe3hkA3HXAtHW/mRrMzVbivrjBde++gPrz+7rEeq4L23rcbdfoKRjctAK5dfPOtQTz2QVZiA+LCD4BPEF8WETQQTgdgwgKgEwBkCmAdAwi+Hwg4+b2udzxXNQXWMraX5AV4JyLY9xcAAAAAElFTkSuQmCC") }
.pxi-gauge { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIsAAACICAYAAADXjRhRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAACfNJREFUeAHtne1x2zgQht/c3P9zKjCugnMqMFNBnAqsVBBfBVYqiFOBdRXEqUC8CuJUYFwFtivIeUNgRMuSuAABLgDimcFIIil+gC+A3QVAvkJeXD6lJdLgwSRfmqf0HzLid+TFCdLhyCRf6FqyEstvyIsxNyc1FDIjN7EolEN2ws9NLBVBqlgqbHITyxjvozKSKpYKm+oNVdjkEGdRve+luc6Uxgb3JuMV5Lh5Sn/BPbi12rN8bJDMF9/jqq3fGs+F0/9N6dEsu8UMm+OfnqkESFy+138KIaRsFt+wvUYZjKkZNISQEotvc6FREaO6zjKMsa3EOh+lxOJ70zXKQCFDqlhkGFOziIUPcmuGNCp/QIjcDNwa7gdeQ4jqDclwC3/E4iyxwv0kBoWNKLZD2u+Gd7EzDD7kCXx+SmfgETvMToL4G/uP3aIbh6t7yznR4Avz/x/YRHmVWafM/1tkUguvMRyF/I44fIZ/ZDR0uh44133CuAhw7EtEIEYz1DC2iaX6lEqTHli/r2a7wvjrIMEF95pCi0Uxt4vl/qU0Wn7MDR8rFmsGBCU3AzcnpGu54C52aLFIZ5BGOmj4k2RhCu0NSYtFIR3UU/qXuV2fE8xELNIcIx0UY/0a8QT+iMThDupZww3F2OYIPLd9qnR34Lwbsz7m8Y8RmNA1i2Ju5xLBVOgyltDYbQsobMazrnB4X1NBzckamwCZDZ5RahAf6hZIei71ArtVfo/uhq/hXvW6BNrukQ6xa46hdI7AuNQsR+YElPluSwupV5ttPppPqjlu0JWqHxhn+LoYe6kYhlHiHI4s8bw7ge7Tw1bSiABdPLekfERYruFWolKggWytEqUG4sZZFPglheMuuqCQH1l04hkUd0NuM+Ry8S7G6y5OTKII5BncjMFUbpJGdy5FRapTi7OQMXsBfzTSgIRyhXQeaRYEbjM0VQk5wThukA5fML6WnQL2veXWLCmJhUosiWJ7PMg3pGUr0Lm8f0pfEf9ZeBpdjUzipPhKg66W5hD83jbgW9fH8IMb/eWMskuNS8T1aL7uOOaa+d9rMElpdD9X4Vk94dHw6Sl9QDx21agtAsMVi0v17tuBpZjb5WAH7EIhTYLbLBo8V/AGw8LatjUIBV51qJEnZE9cYlq4IgguFhIAVaWn2IhBba2nEv+Fsa9zdEaqDxpp0y8IZNQewz1W5MPJnnMJConlzOzYGqaqt972IVBU9gr+N7mPgh9DPcpSUP6R56EwLTaW02J3IaJ7tsAwJLR+ra63jmHNiht68tMdeBfaIEwof43DJc1mwi02tZh96lFKrrGFPJEzTAvlwxsM17QLdN7jEZ53HtpEQuFWACrFkXK2ycsFhekh21AztlvhcG38JxyoD00eT3DbgMEKAqQoFonMrzCQEAvHta4cRiSPJGyWFI1UKZbms4Gbe60gQIo1i8Z8oLgUGfNv0RmbK+b/RAqchFj0yPUl0b/pGl3/EUc0JxAgRjNkR7pRkE+ZZf3B3dTetma52vovxVZycpvHsK920OhEQ/lAXQQNXubThVnWYhM0o/y2EWRa/g8iQEE5Tlf2KXN/Q13j7C7xTPAdVnDHP8SvwndqPj8y9n3J3O8C/PM9pppljt6H2vrd79M5tIw4xvTc9r5zmqAoNo2LWBTCj9yXYg35IQMa8YgmlrmxxHRC0eZze3hHC14PfVLMSSx0s5YIPwluH9R0vEFBlC6WBTaG4dTupkZhlC4W8goUZCguUl17nStsqljicYv00S4bxxBLSnEbjWmhpqdFZytl5+0MEcNmSUksU55Li24GYmxbZXZvBZmKKcWiMY1RK1YYq81SYVPFUmFTxVJhU8USDo3CqWKpsKliqbCpYqmwqWIJh0bhVLFUuDyWLhaNSigeShfLlGNKip9pWcWS57FEKF0sU81GsJPoiqZ0sazQTQfViEeLbmD2DxTOHLwhjU4wHxBWNFST0DTSt5iJIT0n13mFMKIhkSzNvoobDXeIOU4yW5lEU0POzWcz8B+N7jlulKRnZSoIMUexWG7xcg4xDVm0c5w10n5K5uTMWSzb5DAaX5Qa7q+wiVGzrNBNhVAHtlF71mvUEL2FmsX+4OwkYjnch7mcww2aY/zOJPpun2sy9DCaC8wbEgm9n/pQHtF6ykebp/Zx+qcmcWcANODf/1/EEss+hl7qvca8WSDck52GaMC//yI2y5DqFSpJkqJYNOZNsm56imKZO1UsDsw9APYXY5tQeaRdNq4vekgPsadRDkFxliVe+vR97DpyaZs929iXHn3D+CdoN+is79vefmHO4RPKiLTStZBHc7JjOUcs3GOc4fnDq7eh5f0XVj30/tvXg4YDJBSOe8Vxe6/Bd9dKdavpJv4ckc4Zx+A8XNkpT7nNELc0c0oF1Q4afoQqddKcwh9uJDd4cx463M85QY1uLIjt5e1DJe5i5P5zYEj0Gl0+9EVBPeAUuQ39EnS2/SPZ67yrtqIXfF6gfIbE0qKz/8bALVhssaTmDXEuUCFvDjkTFo3xJN8MaYyDc4F32LTb/cec03eyh26QBgqdkXlivmuzfCq7K3mxTMW2a2e5RDpioXNZ9H4rTEvxzdBYqNQeI3/YN3DKY4UWi8I4WtSORDL8W4wneDPEFYsGnwb+aHRudWPSAuk0K7HQ2IwsJG8w1IQ10TDD0Ogtm657/6ETVlvJlQZu0c1UoHwIFY31Yeh+kaPwHV1si4WLgUsl3vaI2gCR5TU6e8EadQ32G6HWa7kCj9akhrHtlG19KMbMQ6IbTR6X2lpO+d5i07/W7/95hGc+vUJ4SLFqYBtqWt6DjwLvVXUtuumku/4fGjWwnoaPcoJvb+HHAodfTtog8IQ4qWf3u8YaNLqa7RTPaxhbaqiNvzfbpNQUrbA7JmTxvZkKw+NwRW0WLpx2+g5xGNubGzJ9RTyWjOOfIzChXWdpNadUmm4RB4Xp3vP4jNLEkhIacWgg1IdWp6/mR/DmhUtosXBdshxdXFcU4sB1DoLncRVLXuyLXe1CIzAxXOcWwwE0hc71I5e371radYf2XQq7brzasZ3a+g8HG04ISgyxUJDJDplUveVWEBRBpDDzEu68xuFaKZYH4sPQjaXCcgF3NLqAZv/BQxbKG8qD0EMvRaEYhE/s4hjlsIZfHnyGEFLekO/4UtfIb8r4XksLIaTE4ttclBTH8b0WMedASiy+F6xQeYQQuQXlFCr3EEJKLAp+KFTEqDWLHBqZUcUiR3bGupRYNPwpJdaSnVikJpnZSKNrhinkFfJ36cvpo83nA152h4hFZ2OMwY2FQrwRdhKsTNLmt/dA6qnIafqqRlloyL9hxIncDNw6tEGQKpYKmyoWObK7lioWOapYIqNREaOO7q+wqTVLhU1ujwmj6GWLMkhpvDCL/wGTODTkMsRVNAAAAABJRU5ErkJggg==") }
.pxi-shield { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAB6CAYAAABqZadqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAA/ZJREFUeAHt3f9RGkEUB/AvGf/XDngdxA5MB0kH2oHpADuwBCcVRCtIUkGSClwrSFJBwpNlIAwc+/CW3ff8fmZ2DnFB7r7cr8e5TODb9bx9hJ0U9Pkwbw9w6gS+CcpCOsQZHHsD32oufAYbFINt6DfqYbANMdgduI9t89zVMdg2z12d92AF9Qgc4xoblLVAodWY0oU5RX3nqEfnc4bDPGF89zAcLE5g84g+N1EJi5leTpdtiAzcJ+hvPgV13jDPNNi/nbULjG8GHO31lzbT1omVp+2qrRkvMLV0ZrB+mA4UGWxQDHa7hP6IpTOD9aPqpljwOtT8cOFQ3MeOgMHS0by6YBPG1+MaK5bOlmB7Lbj/wfh6DNZEPwS4xSI0GegnuekM32M8JTXdkueo4Qb1CGw0H/0A5jvKauHPl81a6pWPoBYEtpxmPHgKisEGxWCDYrBBMdigGGxQDDYoBhsUgw2KwQbFYINisEEx2KAYbFAMNigGG1Pi5adBcY0NisEGpcEmUDhcY4NisEEx2KAYbFAMNigGGxSDDYrBBsVgg2KwQTFYH8z/A8xgfWCwtMBgg2KwQTHYoBhsUAw2KAYbFIMNisEGpUPupXz7DGXjJd7mx/wc6LP+VSm0m34zx7ZlnvJUcnsLm8HlPs1N//hFbpZh376A9tEhDC3LU/MoGqx06JuynjamND7riLLFWdTcxwpon2pDBfPgyQ/T8QqD9aNqsDzKdaJmsL0ONd+Lqsun5qaYwQ5zGyw1xGCDqh0sN8fj6ep05xS0i8CmarAJ5AL3sUEx2KBqByugJrjGtsMCRVDWYHlUHFRX57ECaoKb4qBOjP2XX0hbun/QfnoxnOTb043f65WOPxBrE69f4Du0fE7z79+hjC5vXUZHvfZsGZa2i7V2OW+/UH4FXqSasl5NWDrfn+Fw3vVFl87ge8TxiPL5vkMlNfexvNpiv2qXGjHYtlwGawmLn9uOjKc7QfUS7Gu9rDWhEgYbFIMNylp5skiGvlqtmWBVZfEatMB2IJhQSc1gv225L238LHl6ldu6ZcAJq3+0bhX85bzd5NuSp2mjj+x++H99l7eX5dmQ9N2tVSdLteYaxzdD+evTeZmi8Slc632svmMfYNsktVhg1s2rFuybro08jy3jroDSS7CCOBI6wGDLCJzxuClOoL24jx2foAMegxUcn8CZXoJNhr4C2qtm5clCq0lS2FfLj2nL/aVDBh7yGIEzE/ThHIuy3Xn+WfI0YVV6S/n+Kxzf+mvY1+frvH0CmQhs4zmO1e7gjLeDpwQqwvPYoHgeWybBGQYbFIMNisGWSXCGwQbFYINisGUSnOmlVmxxj1XpsdQhdWTX/gEWolo+qnQutwAAAABJRU5ErkJggg==") }
.pxi-person { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAB3CAYAAADxVTVcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAA2RJREFUeAHt3UFS1EAUBuAfdcHOWeqK586d3ABuoDvdwQ3UE3AFPYF4AjkCnkA8ge3OnbDTFfYjoZjBYZKq9PT7m/m/qlczhKGK5CdJd0i6t8DHcr3MNevfY8kr+u/PsNp5X7ffp7mvf+Y6hgyyXJcV6zcIPQCfc9R1BkKswdQOhw5jMK5mMAmEWIPZeAqGFGswhnoMhBiDOURdBkJbqM87hQfoNshsrlK/bBfDHcfSvLGxrNmccr3HhrQS91G3Azm13iKATv7DdhFAwZCKCMYgg7THkFIwpCKC2UFbajfdrzxEed6KeZ3raa4n6FZsG925xZe/6Ze34jm63937fNt9+Tr5eu7n2sv1N9cvkDtCW/2UEnWAwtZxKAvZ9e+bdQRjkMm0x5BSMGUUX2cFU4aC2RQKhpQuyZBSMKQUDCkFQ0rBkFIwZRgKUzCkFAwpBUNKwZBSMKTWEUyCTKY9hpSCIaVgyjAUpmBIKRhSapWR0h5D6hHKO0H3POM5Fke5MHT3+u6jPadYHBjotoR74Bvaui85ZBCgiENZQltCBgGKCKa1R7MTAujkT0rBDAu5gVHBDNuYYBLaEnJOjAjmDIstHV/xBL5GwfX4MieQq07oEer2U37kegEZpWYwX0CI9eSfUI9GkSVlIKRgSCmYoPHIhigY0kcT1/H/mBI+9K81+jbfISIiIiIiIpNFTLrgfLz8d/17hqmv7vodTnN9RoConr9fnzK0ISSYqGtlhjYYgkQFQ3lFl0lEMGNmfN14mg1jNUMQBbOaIeixkRLNZW/6GhYPT9a/zh+2Wj+EpTuW29z3r++R85Zc+P1ofl/WpWqhPmEi/WuZVIlgEqS4EsGo6fu/ydtkajAGdRaXmbxNxs64ZLi5vuXlfxE+E5Gf5FqaPakW3z4Xuf7gZoam6xp1wXZMc9mfMtZeUU7K9WzoQ2MOZTqHlGUYsU3VXI7xeOgDCiaGDX1AwZBSMKR08ic1FIxBwazD4Db1fswRuk6Pd4jS3A/u5HqFNoexasFxrq/otrn1y3yb+7b/6MFcQtgc6uRPSsGQUjCkFAwpBUNKwZBSMKQUDCkFQ0rBkFIwpBQMJ1MwpBQMKQVDSsGQUjCkFAwpBUNKwZBSMKQUDCkFw2mmYDjN/Ia/PXDzO0RD5qIMdPEPjW2IzC2qFb8AAAAASUVORK5CYII=") }
.pxi-chat { --px: url("data:image/png;base64,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") }
.pxi-globe { --px: url("data:image/png;base64,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") }
.pxi-bars { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAABuCAYAAADmm7tDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAYlJREFUeAHt3cFN3FAUQNGXKPukBDpIOkg6SSkpJS1ABVACVAAlQAXgERsuG8wYAQPnSG9nyZJ1ZcuWvz3DW7rdOJfzwr4OPCAIQhCEIAhBEIIgBEEIghAEIQhCEIQgCEEQgiAEQQiCEAQhCEIQhCAIQRCCIARBCIL4Njz2b7Y5WeZ8+DC2rqb6O+tZucX7JghCEIQgCEEQgiAEQQiCEAQhCEIQhCAIQRCCIARBCIIQBCEIQhCEIAhBEIIgBEEcwkKdo2X+zDbHy1wPTzqUIP7PNqcjiFVcMghBEIIgBEEIghAEIQhCEIQgCEEQgiAEQQiC+CxBHA2rOEMQ+waxez9hywc3T4d3yRmCEAQhCEIQhCAIQRCCIARBCIIQBCEIQhCEIAhBEIIgBEEIgjiEIHz55RUJgnDJIARBCIIQBCEI4svs59cy32d/N8ucr9z2xzI/Z5uLWX+38nu2ec19Pec4AgAAvIHdbeftwL0rD6YIQRCCIARBCIIQBCEIQhCEIIjdn33PBu5d3QHDQVb88mBXJgAAAABJRU5ErkJggg==") }
.pxi-database { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAB4CAYAAADi35zwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABSZJREFUeAHtnT1620YQhj8lKZyKTpfOky5dmC4dWaazcgKpS5m4S2fdILmB6BPEPgHtE1ju7IrrE0ju3NkYA3gIQgZ3iMUAs+S8zzMUflYggQ/7P7t7Bn2eF/YLxuVhZUNAhb2HIt9BnxnKG8kVgrII38CZHBfBAC6CAcYQgeDs5VvowaWTHwu7Qv78gPJ+qHHsIwbiTBCGCrvA7g9oFgG7jp8Cd5WFaj80jrG9KuwGA7As7JNbL/sLAiT1hIA06rciVwj9Ed33GJW1VWFPkC+foMwYpaOcYwGj/vtdhDguggFSfr+opCgRgZBGQN4chQi5E9AfguD5cemIy7KX2K10MKziHHIRuoqiH5A33IwdOs7FKqeXlXGF7a4Rvjbua/mDAz5FvNLxuLBHDXPiLBB/rhsOyDFBkm6xiqodG0eI+HlxnnBKbT3WIP5wEabnoYswPTPvWTMAi0BwJsVjwvSQVASCo4YnRwbw5MgALoIBXAQDuAjT88FFmJ5bFkHSc9T2PnMGhD3wuE2bcDjtTpzQOl/vP0He/czc6XVebcc6cQiHQ/zBImh6oeXeCXQN3efzpRU1wNkHQZc7aZ7gKOIxIQ5BmTFEmMPpIvAHd/Q3O6SbJZ5YSUDKsrAXyBdCGv+hdG1psvNsz6qdBcoBDe38YVFdIEUMvuZNY59gD4IOobCfMACvoVtEO2ZbQ4Ck2cJLT/0ZzBfV6Q9JAvHoTVbrz8K+r7YfYJtxLAv7B05f+FkSyrz3AbbPlo/9Xv19ywGXyCudPSb7nwXgIuqhM7AEYbihirhTUxfbNe6H6o1/EVfsMfqTwxu5z56iHyS49oYDSr0tTrmEdAM9iD/G8EUNyBvtF9Adgg0w85hggDFE8Bp3BOlwqRTeKH1Hu49bC+3voDHmtriCsxdp25Fn3oq4CAbwVlQDuAgGcG+L6XGHYAPcuggGcBH0EFfyPE/Q4yARnGl57yIYwL2yDcANeBIRzrHbDdqeUCm09pstnO1zudGeMo2q47PWftdfEdfQ7SjPvd2J3VI0n4+vnyBA/SXi5OgZSs/r9myQvGbARWF/I40Z8oaQxqqwl7ifLB8k7jXSotsCebNBYnITw4uougRJIBdBlyAJJOljTq1HXKJ0Os6VUTLmGEOIcKqQJJAkOfL+ZWUkIszh9EX0AjfXWSPcr57/Bh+pk0I9MucddpN1PvZzZYEPrKFbLXcr7Rb36xy8P8rqUk5J50gfqQgrbBdiiPmAUmv7CnnD983NOqHaDx3hqPrbTM4vIWSNeFRaoB8E9I6+VuwC/VgKrr3hgNo15gAnyhjNFgHOXrztKI5696/HhDguwsQElFMQqTJGPYGn5LzCtPBab2a9SliEAF3GGluWLZ4xG8BFMICLYAAXwQA+etMALoIBPDkygItgABfBAC6CAXykjgFcBAMc0tG/qrZD43hzu9lQV2/z+WfIGx6f0Zw7lvaE7fSo2AdPHzyvviR85fy8+hGEfrCnwq/ImzXSHJr5+X3NS6UWS7S2xDn6eypskD8sQt/7X0u+QHvqfsJpcyMJJBEhII1TbvIQvcBj1BNyHziozhjjEwh5k3L/g60kcuoipIzPED07ST0hVYT2lAxa9CqjC66p/v8SER4hjXNsV3E9NUQZ8xlkcJRcYDuap01o7deu4XMcRzF1hW7XHWpsB2zXlXsDI01CS0zr1j6EvYYy2kVUUWXFOOr3oC2CiehoHe/UMYCLECdAGRchjnqSOoZr/ArDoVEhi/ESynwGNWZ3PhPpAhwAAAAASUVORK5CYII=") }
.pxi-fingerprint { --px: url("data:image/png;base64,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") }
.pxi-idbadge { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJUAAAB3CAYAAAAKLgLGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABSNJREFUeAHt3f1x1DgYBvAnN/c/SwXRVQBXAb4KDipIqAA6IB0AFQQqACrAqYCkAkQFhAqCtbZnP8iu5PjVl9/nN6OB7DrOTPaJJEuyfAL61pXV3mure17z+a8rLYg6d0LlDWjtL5AUA1pjqEgcQ0XiGCrgFjIsaI2hkgsVDRgqEsdQkTiGavogZ+zzVE97qAzkwvAUtKY9VA3kuFCxtur8DR2arpyh/9DHqz3bleeQ4859OZx3O1zXXXkPWhQDufm9h5YGimho/gzy+x+KMFRpqOpraQjVI1BSGkLFK7LEGKo0VM0vngQcE7K01iDc1KW6jyYeb/a+bpC/X3U9lGNuMT18PzDNQ37G/vdY3zeEhMp05TuIek1Xro4dENL8cWkIbbO+AxgqEhfaUbcg6nn7cVz6QuJCQ8WxHhp5s8BQ0VTeGYqQUHHxGW177DvArad6O/zfXeX9wGawy6BPpeSaI6rfp6587srN3uvjIPWNG/x0A5vGc6J3w4lq1HTlAnm16DfwOMR9GKVPfLsa6lVXzj3HfQhd+emmGK5Qp39QvodMn6TmWjEbciCHFNKwUIShSkPVrARDlQZDtTAlfKCqQqXhFi13kWG3vjZIj6FaGIs6rgAXg30qEsdQkTiGisQxVCSOS19IHENF4tj80RQm5CCGisSVNPjZdOXZhOPNgdc/gg8eyqqkUD2BzGK6FpRVSaH6BRkGeV105RR1aNHX7KJKCpXUpGvuK1XXhDeoh3ioSuqoLyVU6pUUqieQwVBlVlKopG4F437mmeXoU7nwjLv1ug/fQPbJCwb9c5FbbPY0d+UL6r3NrCo5QuWauXPEZQ78DIYqgRzNn0EevH0/kRyhytXfMaAkcjR/uUI19q1i34RgUc/No1F+F1oeeDRy+xXEDtVLKKepT0WJcOkLiWOoSBxDReK0hUpqeQ0dkSNUOfcV4IMGEsgRKgtatBzjVBZ5WKRjUIco20LmCNUNls3NMX5DHV4jwpPoXagM0mqHf8e/Ejt8LbUOymJzznFqxrlGGlPuCMrNIIJczZ/bPvm+atft6f4aD+fWan1BXg3qEWUeNteQwqF2fG5VnKo2OsZAudLGqSzmKWEcSv1S5qUNfnIcqgCcppFnoVxpoZrbdJTQ9JTQrwsVpWYvLVQG85Tw0KDcV59TqFj5aTCP29ra+4zfyFr0Qxtza03J0W53AfPzwOvict33t3838jhI2WAe9yy6Fn2/5ha7g5+mKy+QpjNfU20lLkeozhDvwZQrz7ndzxaflqBd2taoN6DotIVK/cBkCqlDtd3HyYGhSiB1qJ6CFi9WqFxnucFmNxczfH2GvFyoL7CpsVbDa+fgRLCou4DyJvx06w/prsLyFuRzCf/v8TJGTWVQp3PI+Ip8fxhFiBGqZ6iTawpPMZ/6lRKsqXYZzMdQQV7Nl+0GNBvXU5E4Nn+7uHJUAGuqXQyVgBihsiDVWFOROG17fvpYzKf+eYMxQmWhWwvl2PzRFEFjkOyo0xTZQlUrC46oi4jRp2q78uHI+/bIe77bko69f+g2pO33OQ6VQIxQXQ2FlGLzR+IYKhLHUJE4horEMVQkjqEicQwViWOoSBxDReLuG1Efp0LM1mvu/w1Iu/0J5TErf2y84m7+PMX9M9AG/RMY7lhYhuJ2Kzy2WmF1Aj93gp8g6v0Lzw7MIX0qzuzTNm8FE9pRtyAKxKs/EsdQ0VSPfQcwVDSV96kaDBVNZXwHhC4nfgfdO/tKPtKjdt6l4r8BVP2+P/y5PuUAAAAASUVORK5CYII=") }
.pxi-terminal { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAByCAYAAACBWDlXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAA7tJREFUeAHt3eFRFDEYxvEHx+9qBaYDsALPCrQDKAErkA4oQe0AKwArECogVCBUgGTuGI4dgTzLZZMs/99MBucueHj3kN199911S9K1gDzxlQADgYGFwMBCYGAhMLAQGFgIDCwEBpbX8kWN83Y1HJerkTMv2RGKuzbHR42zMF7jUH64kmP5/x5G/jhvdZN0qryVZeirUFSrgRkTliQFLQrFzC0wyalQDEdJsMwxMGN2lpGp1cDwoTeq1cAEjUctpqAxhbv0gWzJt23M3ddylUk7v1cPzLkcjPRz7YrVqaj0wdOiiVy0aMJDYGAhMLAQGFgIDCwEBhYCA4tTuMvtfkOfQu7E3G6rXWHOuu64Q6MIDCwEBhYCAwuBgYXAwEJgYCEwsBAYWMb09DpSf23QXZ9tXHuOUw0dKhmYYy0vwH/MB3GlYldKbZKCng5LwvmpzpQKTO6lHlwS0pnagUFnOEqCpXZgotAVVhhYSgUmCrNUqg6TW5DbW309G3xPGPxdUdRrmlAyMF+0vKNCeGDOzmocKM87URluQq0m8IXx2mlw35eymm8CP5G3r/NeqK72UZKzX0IxsAG1A+Psk0ShutqBCUJXeircsUlqAIGBpafAcFjdgNItmk9JR0mL1Z+HLZthMHdv9fzw8dvvOxP/OcUkat69IW1mHquvpFXlj/J/xu/CWM0X7pK0Mlw88nxaMY6UbyEUNbf2hiAU1UNgLoRmzG2F4Wx2YT0ExjnpSGAKm9sKQ3GvsB4C44SAwBTWQ2CCMXdfKKp2pXdxMz7r//seabXY0f1KcGr7jLq7wH99Rfkl9mEmUbPSe2i8/jehpC4qvc4JxZ9Cdb0cJd1eaoLKegoMGsClsrD0EpggNIEWTVhqB8YJwRuhup4Oq98J1ZWu9Abd3/9IHXS3Rzx7a4+v9/OuV3DjahyIuzc0oWRgfujh6nDUMhRpzoHKN0kFTXPHznR6YtbBLhWYoMc/oLD6mt7cKTrqnNuKPEf6JZh1YHra6X2ObU1j9tdOvZTCXdA0gmaOwGzW7GtFJW8djxniXNJmzf4kaanA5L5xU73BUdMgMCPFDc97rqk+SAIzUnrjTp6Yk54/0zSmep2omStZ6f2k5VHDtu6X+1OYfmva38ajm3E+eOzqZvzV5ryYS3prNoGjHV00gaMzBAYWAgMLgYGFwMBCYGAhMLAQGFgIDCwEBhYCAwuBgYXAwOK0N6T2hCC8aFtanrYGckQ2SbAQGFgIDCwEBhYCAwuBgYXAwEJgYEmV3hMBeeI/Du1qCFFt+HcAAAAASUVORK5CYII=") }
.pxi-key { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAB1CAYAAACbMxW/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABCZJREFUeAHt3U9a1DAYBvAXdeGOcedu4gnwBvYGegO4gXoCuIG4comeADyBeALwBISdO3Hnbsz3TCMFIQ2Tpm2+vL/n+YSHGZg/r22TtMlsgUIWro5dGaQzgduuXL1ov9IIjKvVSNVgQI9AIRbjWWJADFYpBtuvyOMeg1WKwfZboEAMNqxBoZ6AFrh/q9zFeBpX33HdEje3bregXhLkmatfGK+fOkR9w7j/2YpjUFag3TpDBB5jyxPV/ao12CJbui0GG8BgqUwMVikGqxSDLc/LmDs9Rn3kjfnk6jnK9NTVT1eXrv7ccbuRf7agU4P1KI131VZo+DBkD3ntYbNxaf+6hOn+vVrGijcN1PuCvBps5t7XxWOsUgxWKQarFINVisEqxWCV0hqsQeW4xSrFYJVisEoxWKUYrFIMVikGqxSDVUprsEtUjlusUgxWKQarFINVisEqxRntcVYoDLdYpRisUryCQilusUqx8VSmU1fnbQk/1cO0dVnypCx5Ie9c7bTfdycoNdC7O5bX+KzvTiVvsbIsjkF9VK9BYVBvA4mLiyjFYGvGYMtjY+7EYJUqNdiSV1ZLZWPuNOfujoTX4DpE27ntFdJZrBf1sJ2fSf9wu/P4ssLMAcYhjaJDrAcfQn6gYAfIvzzsLuKMtVxt7PMp2gXyv5FLxBnjuUgZDKjmxtMl5sViQDUHq7oBVnOw25iX2ENDFPZjlZprd8dgWNKVsFifv/Tf/478XTvQffp+X+u6lv9I3zG1hSmf+fq6/VtVDmZMtcW+xc3Bhy6DdLJlfkXFpgr2EJQVG09KMVilGKxSDFYpBquU1mAtKpezu7OPmx9GsED6hy50dS8Q9/zV8VX3YXN6g/mcT61Srl3xDmhSuYI1yG9uJ8pnha1ipXIFGzUNgfLJFWzuU2XnoKAhuzum/dog8qMwE1hQUEqwxtUR8pzMtlhPavaztH3/V3bx7Kdmtod8fdRjUJKUY2zOAQIeQxOlBGuQD4NNlBKsRT7sLiWa6wCFBSWZ666YEvV1d6QrI9fnmjtua0DFukD+0288JZdB367YgIoUCtZgOr1LylHYXFvF3BUnCgU75WQmA0rCYJXy3R2D/68obDAd6WaZ9vvbVzb6Oa7UQ2a+rQqrI1AvWfe3lEB9XYCC5Bhb4ozvKmepPwSDVUoWtFhheNLA+Yz1WRrf0PFrE/pLXlIZ8NrioBzHwP3A430Y6DG41QZMMfI01Oqd7PIESLA53qDQ35zbimgqTRHsELtQbq09JNixLxxjsCOQIcX3WLde/YXftz91yrdmh/LR1Qmuhw0NwpOi/XOxnSp6le25MHh4i3UXNKmYVrHFw3d93FVOLLa7w2ALw4nPSjFYpRisUgxWqVzBxi7LTpnEBnsacR8/iHACTqqa3CYfMLC842c8LzozfwHnN0FgTsRkIgAAAABJRU5ErkJggg==") }
.pxi-lock { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAACBCAYAAADQQtQhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAA41JREFUeAHt3etx00AYheEDw39CBdoSQgWkA9xBQgXQAUMFQAWmg0wqiKmApAIvHTgVgHZkxZLteHesT7vH1nlmFnLxTBS/sXWXgPzm9fhHPLJ7DSlOEXZVyEwRCCgCAUXY5ZCZIhBQhF0OmZWI4CA9JSJcgFv26XsDWxedsXrh+5fgNqvH0/pj3/m63/M1E69gIzyxt0h7qwlxfiDdCvuDjiVMW8qr4Vc9PoHIFdK3zSzBLUxfyu8xhxEtHRFQhOOZzcCtIrAv8YxBEc6J3o4IKAIBRSCgCAQU4Xh0S0dTpAjnRBEIKAIBRSCgCAQUgYBVhOyHDhJwMKJXAgFFIKAIBBSBgCIQUAQCijCMyZZURRjmLQwoAgFFIKAIBBSBgCIQ0GGQBBRhGAcDqadL3dTjI/qnOrVn0Hg0J4lMUXvG0fYfYfvcfKvHAhEpp0uFc7huYSdM3APG4TCcg53we76HgRtwXhLnVEaFiJR5whR3XVpysQdoEZWAIhBIifAXMoSPPUCvhPE9xR6QEiHn2fTnKLoi264nODQrYtX64/ZzB7HwgP3rRuFrdyFCkctQyjOveQIBRSCgCAQUgYAiEFAEAopAQBEIKAKBEMHjdPn1OOntW9bXRbW2WA/fGWGr5KEnPWz/eofmYN2w/StsQJuB/HqsS/Dun72Gje8Yf1qPHUv2eYLV8UzUx0VNJYIDMfYIDhOgRVQC7BGsFj2pF2HZI3jY8CDGHuE3bDyCOETYx7xEmRlgWHlaHfjZYaXM+sDhqvPzujfa8Gjuh3CF/Hz4J0TIvYLyB3w+Y2Irax58HlGIImx4FFIqAuMio0chWlnrK/LHoQh9ikCgyNZWRegrEaHYsagO8ixE0PkHDYdCFGHDoRCtJxAodbTFFzQbyxbYXIKgnSl272L7EzYrUZfYHG1RbX3Pbf1fxD3KbLhKGR9g4yvGn9Zjx70WUQkoAoGpHPJCTREI6O2IgCIQUAQCU4ngQEyvBAI6IJiAXgkEFIGAIhBQBAKKQIB996aDDfoTB6ewq1Fnb8phikBAEQiwX9viqh5zDOdAjD2CQ3P/hrOmtyMCilDeShHKUwQGikBAEQgoAoHueoLH5kZ07eHq4XDyGWSI9q6M29fpcOhfX+Mg5ov4ncK4RkTK29EdZIjo86d5wviibzeKQEARCCjC+KrYAxSBgCIQSNmp49FcpC+mXcE7JTmmOXrvzf+y8RmTJSmsZwAAAABJRU5ErkJggg==") }

@media (max-width: 480px) {
  .hero h1 { font-size: 2.6rem; max-width: none; }
}
.pxi-server { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHUAAAB+CAYAAAAaw15/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAA7RJREFUeAHt3fFxEzkcxfF3DP+fO7Co4NLB+Tqgg3MHQAfpAKgAqAA6SKgAqCCiAkwFsGJ3J4EkUjZr2dqX72fmN7Gt9cDMG8srrVaW8t509YNqrj4p45HydkKLsrmUQo1Ci2KusRTqd2FxSqFigQjVEKEaIlRDjwvtfwstetrVO/1+FhyGv7vbQk0HrLraCC1K2Zzd0naaQk2zEyeCjRTqSvcXhdpWmphR6Ts1J3b1RKhtq34O/s7S2W8UrDCkMUSohgjVEKEaItTDmjw8uQ9CretU/eTOhfplKN+GGpekPFUFhFrX/+pn68INbSdD+94xTq0ndbOhcEyN6dkVn9R6Vns6ZvK/S6jHVeWkiVANEWo9d1kzHVUBodazUznYz6qAUOt6q/yn8YMqmHM9FWUvhlrrcngT1S+Sr3ZLy2Nxv8whfB3qIFL3S6hm+E41RKiGCNUQoRqaM6QJ6q8Toq7J88Nzx6lBaA5DGkMpVLYAMDN2v+Pkcxyep36cm6batr3yOF55/CX3pqB+cVSL+wg99HqvjNyQJnb1WmhR9pId41RDbI5lqBRq9dXk2L9SqGthcUqhMqxp0ybX+FdXz7p6rsvvz/R33JmF7rddsavzK8/DUM/HjTzGF7AcQb9PQIxOHokw3fy67YIu1stq7j5KG6G2rW7uZm8zO9SPQm0bTUP364i5Xz98Ug0RqiO6X0Pc9VbXxS2vxyuP/9OeEWpdYeLre0H3e1xRFRCqIUI1RKiGCNUQoRriBilD4+4sTBXWsSm017g5bcfkQ13HuN684zvVEKEaIlRDhGqIPfQNzT37PRNqC5pm9pBmI7SGcaqB+MfzXzOEaTZprev3ov6ry18+otqqiyGfe80EPpOO+p+nbq6XyigNadg4q03ZizCMUw0RqiG23DFUCjUIi0P3a6gU6j9Ciza5xrTlzlb9xEM6TR6HMOvhjdk346hiV690fdgZU6hnIjwn53ynGiJUQ7Wv0kRhrpWmTdzPuvQWu3oi1Lbt6s2E41ki6ohQDRGqIUI1RKiGWHhWV7jDMVF7Rqj1BJV/ijSqwrCQ7tcQoRoiVEOEaohQDRGqIUI1RKiGmHyoJ6pf2HdwfFINEaohQjVEqIYI1RChGpozpAkqXy90E7QAc8epQWhOCjXq+pKKqavCcXhv1ecWdJnXSelN6eD3WtZWNA+lzpSRO1GKXb0TWnSeayyd/fKjCQvEkMYQoRoi1GUKuUb2UTJUCnUttCjkGkszSunHck71MEW1Kzsq+QlHqWp97AYkNgAAAABJRU5ErkJggg==") }
.pxi-cloudlock { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKEAAAB3CAYAAABrNiCEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABzNJREFUeAHtncuV2zYUhn8n2Weyy25uKog7CFNBxhVYqSDOKstJKrA7mEkFsSsYuQKPK9DNLjuPK3AEUzykOZR4IQHCg/93Do4kEpL4+HkB3IsHUB/NNn3KNF2CPOIr1IeCFEWNIsyZf0Ee8QR18gl5Uuv1PglaQpIcipAkhyIkyaEIz8sFyCNqFOFT5EvOx5aMr1EPzsp8v01/IO+b7dw0/01s745f9uwnmfAb8o2G+KYP27TZvS46svINysJap9I92x92CUfuP/Tbc/tXaEOKHRfYfz4u399YCLWK8MU2vUFeNB55BQuitIaJVYQ5tkLnLOxioQjPB0W4B4qQJKdWEZKCoAhJcijC88E64R5KEqHgdD9hSj565F1UeC8HP6ET1svB+2FyyCi/btMaj529naPZ7X+L/HCRkfVMHnc+sk1XaCMniv0P1CFnN3bfe9j953vM//eiEfiFu+5QN4I4YcKXyBR25VoO2dZJcxChgAxRxEGRKSVaQrYyj0ORKRQhSQ7rhHmiWBCsEy4HQabQEi6HbB3gpXVqdSyhTqgIb7lWaJ3WU73HFbZe5VHIQYS+4ynYMDkOF125mcmzQoJhBSyO82RRD1qJxfES+H2bXqGtx+2LD+8rPruYsvuuwK8umKSXUgwRyiB1jC+You8Vs6geI0YU4TpiCNp4uxjyViFCN45WQHJCkXk/zNB1QkF8FMSHuS5fyQktQgXJDR8BChLA1nH9CDKHlpAkh5awftQjb+fWOSsl+gkVxAdFO76kGW1/GKRubIsT4WaXX9G3rMfjfn5GxkxNcxY6/QQSmgZ+98A31HqQkMWxgIPTS2UNv9F4DQLiUxy/3qYfD+wXnMahXhw6ykfC4+5vY8wrCIiPCC8Nf65oe2K4gd4f9uQpaVUjGX0+5PgdPkSK8vAZnB8UHxGKMV+OA8/nELTx1dDRBUXfV+9X5G3FFYnwEaHl5gjKRRAeQf+7z0AmsTZMBHZKbJwoSLL7ZhWhzwF+C1IiVYmQTBPUtxYBn+MLWreNURyTaX5APSQRoU8Rm6ypfwKC+PyCvElW2llaxwK7EzPZsMEzcI/e3TJEcHgsSMdqm/5CvtfH57gEAXEi3BzY7+s3u0eZyMQ2d1Nu0UYSuvG6h3DXycW1r9A+tDKx/xrtIKYc8QkiNLv8in5i0qMfridoA9IWnMBeDT7rxPtcoyFOAE4cD6PkaLbpOXprv96mP3G6090Vv6vd/w65RbvalOLLG+eOMeVD7Kz5OxzPUIy6S+7hfT33RR8R3qL1+peI5QIrWtGEjvgIWgu4msm3RvouUs6Sj0s/HWwTtA9rAxsKY4PM2n3nBuXSYP78YjccNqhnGmSrZkyWlT2re1I3GErxxYpHXtM1pQh7UruWShFhcCjCng8gFsQjr1oyLUWEYshTopO9CmgJe2p1sodGPfI+tWSiCIkvPlExgUGIS5kaLofuZbU0PLpI0grz5+T2vxt872Fi/2cH/RL8hNeYP7/YWK5xTTi9WM75jsUxSQ5F2LNYP11qliJCi8A4LCEsas1IEZLUXLA4JqnxEqGgbgTpucQCYdiOJIfFMUlOjRETGX22jpNx4aXUwxNeoF3WS9FGF2S33SdUViTWiMkd8sYd3zkm6UyV/kFZXMN2XpuaLGGDuqnWzcQ6IUkORUiSQxGS5FCEJBbmOixFSGJhFSFjxyQaFCFJjrk49p29/3pi2xA30c/sBDikChq069p0A5m6qE43g5kYf2dyQqTheme+DlL3ve+QhtrGaIxZI5815W7RzmTmy3hWNHUbnSW8Qj8l2VTs1Cn9JWwRiYtd/nvUgbtQa/Sx3HEMVya+466nabxtwVgnj3LXqrsWJ8flV7DHOI95QkIQI157A39uIh3LHfLBesxBZ+XysWypenso8kBRN+KRN+isXD7CqrrLEQn/kMVw0dQ0sRAHSJ2BGCJU1ANFOI0iIDFWdDrGtUPKQhEQq7PaR1Sb0WcdvX7hI9q9/4jH6wVX36X9TMiBz+N9l4P3Y2My/Gx1QZnu3zl6Vsvo1Rfnd3uDNBxj0XNbRmODdKwtmawiXKN1VrsnYN+NaRCni33Koj2nakWOpcI9+pWuOrqAhXs1GQ8fS/gWh9f4cPsahIf1y5ZjRBjz2q0RKIwYsnUc60mlCI8ntgiDUIIIU8IHYD+KQLA/4WFKF6GgAEKKUEFyI2bpFOwBpSUMjyIfYopQEIjQIlSEJ3Vd8xJkikVZQkZNjkcR5/opAhqc0BGTZwg/9/N7kFO4MuSZi/cPQ63BI0KhRXiP+nDnNI51j62LoF+UOrcWdehFxIOzlBWdTqGzEgISBbaOSXJqEqGCFAktIUkORUiSQxGS5NRWJ6zZsU2nfYG43r1uxvtPBaa73fFfgt3JisfdyBJEN07PsSBqrxOyCCuA2kWooBCzZwmtYwXJmiXEjl0HBOtg7TGKeOiBfbmNXSakbv4H1VsJFJVS0XQAAAAASUVORK5CYII=") }
.pxi-bug { --px: url("data:image/png;base64,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") }
.pxi-folder { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIEAAABrCAYAAABQf+G0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAj5JREFUeAHt3e1t00AAx+F/EN8pE3BswAZkE5QJ6CbABjABK8AEsAFmArpBseVIvCSqz0oCOft5pJOqxork6le/XuJNHnbTj4+ZdrMflzDnvbt+PA+zbCZeH/74P9KOu348DbNMRTC4T1tq1onfPKpYpktbLrVbWqyaCFrzJMyyxAiYaYkRlDBLTQQlbXFMMNNUBNu0RwQzDadT2368OvLa8PuSZej68akfu3DU64zXAtYwtuHAsDtY0+bzZTjgFBERIAKyvgi+hgOPsy4l4xnC3X6cy7nf75+qjWD4D7qGlXyR085m3qYdXU43rO+7qYVqI7jtx+f8f18yhrAGJacrNQu1dkxgnz5P1VbT2QEioL0I3CG8ABEsW6lZyO6A5i4Wdbm+2c8ljWstApNC/vQm4zWck9gdtG3qKm5JBRG07XvOQASIABEsXfW9gxKWaoigTC20tkkla/Qtv+aDdEde34lgHR6ag7FzTNC2ZzkDESACREBEQETQug/9eJ8TiaBtXcbb68P3TJSM3+G42Y/h56rZ2a4TLMffdxSrPxVlS4AIEAERAREBEQERAREBEQERATHRlNgSEBEQERAREBEQERAREBEQERAREBEQERAREBEQERAREBEQERAREBGQMQKPlFk5EWB3gAiICIgIiAiICEh9BF1YLFsCRIAIiAiICIgIiAiICIgIiAiICIgIiDmGRASk/pF4t6l8vBpXpdQsNDxE8T6s2caBIc4OEAERAREBEQERARkvFpWwaj8B2xBmsdJjYOgAAAAASUVORK5CYII=") }
.pxi-chart { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAABuCAYAAADmm7tDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAYlJREFUeAHt3cFN3FAUQNGXKPukBDpIOkg6SSkpJS1ABVACVAAlQAXgERsuG8wYAQPnSG9nyZJ1ZcuWvz3DW7rdOJfzwr4OPCAIQhCEIAhBEIIgBEEIghAEIQhCEIQgCEEQgiAEQQiCEAQhCEIQhCAIQRCCIARBCIL4Njz2b7Y5WeZ8+DC2rqb6O+tZucX7JghCEIQgCEEQgiAEQQiCEAQhCEIQhCAIQRCCIARBCIIQBCEIQhCEIAhBEIIgBEEcwkKdo2X+zDbHy1wPTzqUIP7PNqcjiFVcMghBEIIgBEEIghAEIQhCEIQgCEEQgiAEQQiC+CxBHA2rOEMQ+waxez9hywc3T4d3yRmCEAQhCEIQhCAIQRCCIARBCIIQBCEIQhCEIAhBEIIgBEEIgjiEIHz55RUJgnDJIARBCIIQBCEI4svs59cy32d/N8ucr9z2xzI/Z5uLWX+38nu2ec19Pec4AgAAvIHdbeftwL0rD6YIQRCCIARBCIIQBCEIQhCEIIjdn33PBu5d3QHDQVb88mBXJgAAAABJRU5ErkJggg==") }
.pxi-eye { --px: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI8AAABXCAYAAAA9DhbRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABFhJREFUeAHt3f1x00AQBfAHw/9xKsjSgTuIqQCogHTAUAGhAujAdMBQQUwFhApyqSBQAXgnVqwYf2g3XuvWer+Zm9hCZE7yi3QfkgzkdjEvf5OWKyT3HLmdgHqTPTwj5CVIjuEhN4anP+mDnz08grwYHnqS1AHikadfqXuLDA+58bTVL0FiL1C3ETa3CwT5ybzcriz7vSjVe4ZY+sH/3LGOwE938jX27xAf4BvENphfzcsMiQli54emyEvrHrlv3iNYdJtHQJtEH9kEwdhg7k90eMLHkBgecuNp63iF99h45Dle6cPDi7WOWHR4eL3NEat9hHmXApsx1o9/bBvJ7kpPE29RD0Gw6PAIYlnP6xqQC8TR31/L1MIYwbzhkUVp/mLLlnUiWacmBLG0jdc1PFr32eK1tJbv4yioxiu/q3l/0lr2a1GPAgdPeO5g2zidw4mYf1K3xvWjG/CC7nX6vii7NB944xT/b4esrK9F9/sduvk0L5cIppWyzrGcoR4fETufdI56XMFWd/Npztrbyt57Yu9vjw4xSPgH9RhSeKzb2vUU9+AQ4aml96EEw2ENz6lxfU5P0ANzZyK6zVPTUUcJhkMQbGjhiSYYkOzTExrm1S6mrLw/2/Jv+3Y5LxPcD7rtGu/RdWaIU1BZmCeo6xk0U2N9aiuRbox1CR/noTxmsDHPAkSER9s5pVWoHz/Qff/P4NC0eaT1s3l9huU8yQjLiVA1WamYDgQOrXFcu6+LojZNETXtMv1cp+hOP+sP+sJ6njaPRAbSDa6h7eIttRA46u45bfEIQ2rEBjN5nXjCU0DHRuDAIw95CcNDbgwPuTE85MbwkBvDQ26e8PAiclKF4SElcNDwcLqBPG4ZHnLTSzImeHwLq+z4qetfYXmP87b7smbgdEZfJnh8eY1q37vefq3rFSwv4WiUDe/d9+JZpu0/I9YU9ksJaiqRpsa6TGEU3VU3XxdrxFPuZtaOTYFR9gdaMjybhfeKs99601wvvYugX6X1utbvljhInSzn0RvUo/kejMg2jLbxzlDHY2Ws2/oORtYjT+YBwkP8xRfYHzgVJfzu3qE9n6cgVuY2WHh4KA9BMGt4svdu2DvbzDzwx/AcJ0/z4iBPBiugTQrq4AmP+cjjGef5gvuRY2kta16350ua91Os36ldv1uzdFyvi1p6Qmp1X+1rXdUe2S+Ln+39tm5ZVUfl5mnrkeMq1q9CvAiuzzm6mwTX5RuCRfa2uo7+PkX4WEZi4duafXrCqmB9oAt2/79tmsO/5bQoSG5o4bmel5egveAgYX/Sf5Edw9Of6Kme8DYPw3O80oenIFb2idrUsh95ModHkBzDQ27ZwzNGXumD/wyxdAe9Xlkma9YZGddpv58hJw3+ukbturm70nG99jLLc5gH6Qax80ORpaZHErtkP20V5JV+no3jPOTG8JAbw9Of9L0thqc/DE/PCqg3PPKQG8NDbgxPfzjOQ24FREP1DwqspZxpGuyuAAAAAElFTkSuQmCC") }