[data-theme="prism"] {
  color-scheme: light;
  --color-base-100: #fbfcfd;
  --color-base-200: #f4f6f8;
  --color-base-300: #dce2e7;
  --color-base-content: #17212b;
  --color-primary: #4e46a7;
  --color-primary-content: #ffffff;
  --color-secondary: #176b75;
  --color-secondary-content: #ffffff;
  --color-accent: #4a657d;
  --color-accent-content: #ffffff;
  --color-neutral: #151a21;
  --color-neutral-content: #f3f6f8;
  --color-info: #246b99;
  --color-info-content: #ffffff;
  --color-success: #147a50;
  --color-success-content: #ffffff;
  --color-warning: #9c6214;
  --color-warning-content: #ffffff;
  --color-error: #b23a48;
  --color-error-content: #ffffff;
  --radius-selector: .375rem;
  --radius-field: .375rem;
  --radius-box: .625rem;
  --depth: 0;
  --noise: 0;
}

html[data-theme="prism"],
html[data-theme="prism"] body {
  overflow-x: hidden;
}

[data-theme="prism"] body {
  background: var(--color-base-100);
  font-feature-settings: "kern" 1, "liga" 1, "tnum" 1;
}

[data-theme="prism"] #mainHeader {
  border-color: var(--color-base-300);
  background: color-mix(in srgb, var(--color-base-100) 96%, transparent);
  box-shadow: none;
}

[data-theme="prism"] #mainHeader .navbar {
  min-height: 3.55rem;
}

[data-theme="prism"] #mainHeader .btn {
  min-height: 2rem;
  height: 2rem;
  border-radius: .375rem;
  box-shadow: none;
}

[data-theme="prism"] #mainHeader .navbar-end > a.btn-primary {
  border-color: var(--color-neutral);
  background: var(--color-neutral);
  color: var(--color-neutral-content);
}

.landing-header-search {
  position: relative;
  z-index: 96;
  display: none;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  transition: width .2s ease;
}

.landing-header-search__form {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
}

.landing-header-search__input {
  position: absolute;
  inset: 0;
  width: 100%;
  min-height: 2rem;
  height: 2rem;
  padding-right: 2.35rem;
  border-color: transparent;
  background: transparent;
  opacity: 0;
  pointer-events: none;
  transition: border-color .16s ease, background-color .16s ease, opacity .14s ease;
}

.landing-header-search__button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.landing-header-search:hover,
.landing-header-search:focus-within,
.landing-header-search.is-open {
  width: min(13.6875rem, 27vw);
}

.landing-header-search:hover .landing-header-search__input,
.landing-header-search:focus-within .landing-header-search__input,
.landing-header-search.is-open .landing-header-search__input {
  border-color: var(--color-base-300);
  background: var(--color-base-100);
  opacity: 1;
  pointer-events: auto;
}

.landing-header-search:hover .landing-header-search__button,
.landing-header-search:focus-within .landing-header-search__button,
.landing-header-search.is-open .landing-header-search__button {
  color: var(--color-primary);
}

.landing-header-search__results {
  position: absolute;
  top: calc(100% + .35rem);
  right: 0;
  width: 100%;
  min-width: 16.5rem;
  overflow: hidden;
  border: 1px solid var(--color-base-300);
  border-radius: .5rem;
  background: var(--color-base-100);
  box-shadow: 0 18px 40px rgba(15, 23, 42, .14);
}

.landing-header-search__state {
  padding: .8rem;
  color: color-mix(in srgb, var(--color-base-content) 58%, transparent);
  font-size: .72rem;
}

.landing-header-search__result {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .15rem .6rem;
  padding: .65rem .75rem;
  border: 0;
  border-bottom: 1px solid var(--color-base-300);
  background: transparent;
  color: var(--color-base-content);
  text-align: left;
  cursor: pointer;
}

.landing-header-search__result:last-child {
  border-bottom: 0;
}

.landing-header-search__result:hover,
.landing-header-search__result:focus-visible {
  background: var(--color-base-200);
  outline: none;
}

.landing-header-search__result strong {
  min-width: 0;
  overflow: hidden;
  font-size: .76rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.landing-header-search__result small {
  grid-column: 1;
  color: color-mix(in srgb, var(--color-base-content) 52%, transparent);
  font-size: .64rem;
}

.landing-header-search__result span {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: var(--color-primary);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: .61rem;
  font-weight: 700;
}

[data-theme="prism"] #footer {
  border-color: color-mix(in srgb, var(--color-neutral-content) 14%, transparent);
  background: var(--color-neutral);
  color: var(--color-neutral-content);
}

[data-theme="prism"] #footer::before {
  display: none;
}

[data-theme="prism"] #footer a.inline-flex,
[data-theme="prism"] #footer nav h2 {
  color: var(--color-neutral-content);
}

[data-theme="prism"] #footer p,
[data-theme="prism"] #footer nav a {
  color: color-mix(in srgb, var(--color-neutral-content) 68%, transparent);
}

[data-theme="prism"] #footer nav a:hover,
[data-theme="prism"] #footer .btn {
  color: var(--color-neutral-content);
}

[data-theme="prism"] #footer .btn:hover {
  background: color-mix(in srgb, var(--color-neutral-content) 10%, transparent);
}

[data-theme="prism"] .landing-cta-glow {
  position: relative;
  isolation: isolate;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--color-primary) 42%, transparent),
    0 0 .85rem color-mix(in srgb, var(--color-primary) 46%, transparent),
    0 0 1.7rem color-mix(in srgb, var(--color-primary) 22%, transparent);
  animation: landing-cta-glow 2.4s ease-in-out infinite;
  transition: box-shadow .2s ease, transform .2s ease;
}

[data-theme="prism"] .landing-cta-glow::after {
  position: absolute;
  z-index: -1;
  inset: -.22rem;
  border-radius: inherit;
  background: color-mix(in srgb, var(--color-primary) 24%, transparent);
  filter: blur(.55rem);
  opacity: .58;
  pointer-events: none;
  content: "";
  transition: opacity .2s ease, filter .2s ease;
}

[data-theme="prism"] .landing-cta-glow:hover,
[data-theme="prism"] .landing-cta-glow:focus-visible {
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--color-primary) 70%, transparent),
    0 0 1.4rem color-mix(in srgb, var(--color-primary) 55%, transparent);
  transform: translateY(-1px);
}

[data-theme="prism"] .landing-cta-glow:hover::after,
[data-theme="prism"] .landing-cta-glow:focus-visible::after {
  filter: blur(.7rem);
  opacity: .88;
}

@keyframes landing-cta-glow {
  0%, 100% {
    box-shadow:
      0 0 0 1px color-mix(in srgb, var(--color-primary) 38%, transparent),
      0 0 .75rem color-mix(in srgb, var(--color-primary) 38%, transparent),
      0 0 1.35rem color-mix(in srgb, var(--color-primary) 18%, transparent);
  }
  50% {
    box-shadow:
      0 0 0 1px color-mix(in srgb, var(--color-primary) 64%, transparent),
      0 0 1.15rem color-mix(in srgb, var(--color-primary) 58%, transparent),
      0 0 2rem color-mix(in srgb, var(--color-primary) 30%, transparent);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-theme="prism"] .landing-cta-glow {
    animation: none;
    transition: none;
  }
}

[data-theme="prism"] #footer > div > div:last-child {
  border-color: color-mix(in srgb, var(--color-neutral-content) 16%, transparent);
  color: color-mix(in srgb, var(--color-neutral-content) 58%, transparent);
}

.landing-status-bar {
  height: 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  background: var(--color-neutral);
  color: var(--color-neutral-content);
}

.landing-status-inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: .66rem;
  letter-spacing: .015em;
}

.landing-status-group {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: rgba(243, 246, 248, .62);
  white-space: nowrap;
}

.landing-status-group > span + span {
  position: relative;
  padding-left: 1rem;
}

.landing-status-group > span + span::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: .8rem;
  translate: 0 -50%;
  background: rgba(255, 255, 255, .16);
  content: "";
}

.landing-status-online {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: .45rem;
  color: rgba(243, 246, 248, .78);
}

.landing-status-online > .status {
  flex: 0 0 .55rem;
  width: .55rem;
  min-width: .55rem;
  height: .55rem;
  min-height: .55rem;
  box-shadow: 0 0 0 .16rem color-mix(in srgb, var(--color-success) 18%, transparent);
}

.landing-status-metric strong {
  color: var(--color-neutral-content);
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: -.015em;
}

@media (min-width: 1024px) {
  .landing-header-search {
    display: block;
  }
}

@media (max-width: 1099px) {
  .landing-status-vat,
  .landing-status-finance {
    display: none;
  }

  .landing-status-metrics {
    gap: .75rem;
  }

  .landing-status-metrics > span + span {
    padding-left: .75rem;
  }
}

@media (max-width: 767px) {
  .landing-status-metrics > span:not(.landing-status-sync) {
    display: none;
  }

  .landing-status-metrics {
    gap: 0;
  }

  .landing-status-metrics > .landing-status-sync {
    padding-left: 0;
  }

  .landing-status-metrics > .landing-status-sync::before {
    display: none;
  }
}
