.htva {
  --f-head: var(--font-f-head-token,'Rubik');
  --f-body: var(--font-f-body-token,'DM Sans');
  --f-mono: ui-monospace,'SF Mono','JetBrains Mono',Menlo,Consolas,monospace;
  --wrap: 1200px;
  --live: #34d399;
  --warm: #f97316;
  --ease: cubic-bezier(.22,1,.36,1);
  --logo-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICA8cGF0aCBkPSJNIDI1NSA4IEwgMjU0IDggTCAyNTIgMjEgTCAyNTEgMjIgTCAyNTEgMjggTCAyNDggMzggTCAyNDcgNDkgTCAyNDYgNTAgTCAyNDIgNzQgTCAyNDAgNzkgTCAyNDAgODQgTCAyMzYgOTcgTCAyMzUgMTA1IEwgMjMyIDExMyBMIDIzMiAxMTcgTCAyMjkgMTIzIEwgMjI4IDEzMCBMIDIyNiAxMzMgTCAyMjEgMTQ4IEwgMjE0IDE2MiBMIDIwOCAxNzEgTCAxOTQgMTg1IEwgMTc2IDE5NSBMIDE3MyAxOTUgTCAxNzAgMTk3IEwgMTY3IDE5NyBMIDE2MiAxOTkgTCAxNDQgMjAxIEwgMTQzIDIwMiBMIDkxIDIwMiBMIDkwIDIwMSBMIDc4IDIwMSBMIDc3IDIwMCBMIDY2IDIwMCBMIDY1IDE5OSBMIDQxIDE5OCBMIDQwIDE5NyBMIDMyIDE5NyBMIDMxIDE5NiBMIDIzIDE5NiBMIDIyIDE5NSBMIDEwIDE5NSBMIDkgMTk0IEwgMSAxOTQgTCAwIDE5MyBMIDAgMTk1IEwgMTMgMjAxIEwgMTUgMjAzIEwgMjIgMjA2IEwgNTQgMjI1IEwgNzIgMjM3IEwgOTUgMjU1IEwgMTE2IDI3NiBMIDEyMyAyODUgTCAxMzQgMzA0IEwgMTQwIDMyMSBMIDE0MCAzMjUgTCAxNDIgMzMxIEwgMTQyIDMzNyBMIDE0MyAzMzggTCAxNDMgMzYxIEwgMTQyIDM2MiBMIDE0MCAzODIgTCAxMzkgMzgzIEwgMTM2IDM5OCBMIDEyMSA0NDEgTCAxMTEgNDYyIEwgMTExIDQ2NCBMIDEwNSA0NzUgTCAxMDUgNDc3IEwgOTYgNDk0IEwgOTkgNDkzIEwgMTE1IDQ4MCBMIDE0NSA0NTEgTCAxNzIgNDE5IEwgMTgxIDQwNSBMIDE4NCA0MDIgTCAxODUgMzk5IEwgMTg4IDM5NiBMIDIwMCAzNzYgTCAyMTggMzQxIEwgMjE4IDMzOSBMIDIyMSAzMzQgTCAyMjEgMzMyIEwgMjMxIDMwOSBMIDIzOSAyODUgTCAyMzkgMjgyIEwgMjQyIDI3NSBMIDI0MyAyNjggTCAyNDYgMjYwIEwgMjQ2IDI1NiBMIDI1MCAyNDQgTCAyNTAgMjM5IEwgMjUxIDIzOCBMIDI1MSAyMzQgTCAyNTQgMjI0IEwgMjU0IDIxNyBMIDI1NSAyMTYgTCAyNTcgMjAwIEwgMjU4IDE5OSBMIDI1OCAxOTAgTCAyNTkgMTg5IEwgMjU5IDE4MyBMIDI2MCAxODIgTCAyNjEgMTYyIEwgMjYyIDE2MSBMIDI2MiAxNDIgTCAyNjMgMTQxIEwgMjYzIDgyIEwgMjYyIDgxIEwgMjYxIDUwIEwgMjYwIDQ5IEwgMjYwIDQxIEwgMjU5IDQwIEwgMjU5IDM0IEwgMjU4IDMzIEwgMjU4IDI0IEwgMjU3IDIzIFoiIGZpbGw9IiMwMDAwMDAiLz4KICA8cGF0aCBkPSJNIDE1MSAxMDIgTCAxMzcgMTA5IEwgMTI5IDExNyBMIDEyOCAxMjAgTCAxMjUgMTI0IEwgMTI1IDEyNiBMIDEyMyAxMzAgTCAxMjMgMTMzIEwgMTIyIDEzNCBMIDEyMiAxNDggTCAxMjMgMTQ5IEwgMTI1IDE1NyBMIDEyOCAxNjEgTCAxMjkgMTY0IEwgMTQxIDE3NSBMIDE0NyAxNzggTCAxNTUgMTc5IEwgMTU2IDE4MCBMIDE2NyAxODAgTCAxNjggMTc5IEwgMTcyIDE3OSBMIDE4MyAxNzQgTCAxODcgMTcxIEwgMTk1IDE2MiBMIDIwMCAxNTEgTCAyMDAgMTQzIEwgMjAxIDE0MiBMIDIwMSAxNDAgTCAyMDAgMTM5IEwgMjAwIDEzMSBMIDE5OSAxMzAgTCAxOTggMTI1IEwgMTkxIDExNCBMIDE4MyAxMDcgTCAxNzUgMTAzIEwgMTY2IDEwMiBMIDE2NSAxMDEgWiIgZmlsbD0iIzAwMDAwMCIvPgogIDxwYXRoIGQ9Ik0gMjgzIDk2IEwgMjgzIDEwMSBMIDI4NSAxMDggTCAyODUgMTE1IEwgMjg2IDExNiBMIDI4NiAxMzMgTCAyODcgMTM0IEwgMjg2IDE5NiBMIDI4NSAxOTcgTCAyODUgMjA0IEwgMjg0IDIwNSBMIDI4NCAyMTIgTCAyODMgMjEzIEwgMjgxIDIzMyBMIDI3OSAyMzggTCAyNzggMjQ5IEwgMjc0IDI2MiBMIDI3NCAyNjYgTCAyNzAgMjc3IEwgMjY5IDI4NCBMIDI2MyAzMDAgTCAyNjMgMzAzIEwgMjU5IDMxMSBMIDI1NSAzMjQgTCAyNDYgMzQyIEwgMjQ2IDM0NCBMIDI0MCAzNTQgTCAyNDAgMzU2IEwgMjE5IDM5MSBMIDIwNCA0MTEgTCAxOTQgNDIyIEwgMTk0IDQyNCBMIDI1MyAzODAgTCAyNTYgMzgwIEwgMjc4IDM5NyBMIDI4MiAzOTkgTCAzMzcgNDQwIEwgMzc0IDQ2NiBMIDM4NSA0NzUgTCAzOTYgNDgyIEwgNDA3IDQ5MSBMIDQxMyA0OTQgTCAzODAgMzk1IEwgMzgwIDM5MiBMIDM3NyAzODYgTCAzNzUgMzc3IEwgMzczIDM3NCBMIDM3MyAzNzEgTCAzNjUgMzQ5IEwgMzY1IDM0NiBMIDM2MiAzNDAgTCAzNjAgMzMxIEwgMzU4IDMyOCBMIDM1OCAzMjUgTCAzNTMgMzEyIEwgMzUzIDMwOCBMIDM5OSAyNzQgTCA0MjggMjU0IEwgNDM1IDI0OCBMIDQzOSAyNDYgTCA0NDYgMjQwIEwgNDc1IDIyMCBMIDQ4MiAyMTQgTCA0ODYgMjEyIEwgNDkzIDIwNiBMIDQ5NyAyMDQgTCA1MDQgMTk4IEwgNTExIDE5NCBMIDUxMSAxOTMgTCAzMTYgMTk0IEwgMzE0IDE5MiBMIDMxMSAxODMgTCAzMTEgMTgwIEwgMzA4IDE3NCBMIDMwOCAxNzEgTCAzMDAgMTQ5IEwgMzAwIDE0NiBMIDI5NiAxMzcgTCAyOTYgMTM0IEwgMjkyIDEyNCBMIDI5MiAxMjEgTCAyOTAgMTE4IEwgMjg4IDEwOSBMIDI4NSAxMDMgTCAyODQgOTYgWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
  --r: 16px;
  --r-lg: 22px;
  --r-sm: 10px;
  margin: 0px;
  font-family: var(--f-body);
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  position: relative;
}

.htva[data-theme="dark"] {
  --bg: #05090f;
  --bg-2: #0a1420;
  --grid: rgba(120,190,240,.05);
  --panel: rgba(150,200,240,.045);
  --panel-2: rgba(150,200,240,.07);
  --panel-brd: rgba(140,195,240,.14);
  --glass: rgba(10,18,30,.6);
  --text: #e9f1f8;
  --dim: #93a8bc;
  --mut: #657a8e;
  --hair: rgba(140,195,240,.12);
  --accent: #22d3ee;
  --accent-2: #38bdf8;
  --accent-ink: #67e8f9;
  --accent-glow: rgba(34,211,238,.32);
  --cta-bg: linear-gradient(135deg,#22d3ee,#0ea5c4);
  --cta-fg: #03212b;
  --halo: rgba(34,150,220,.20);
  --logo-op: .16;
  color-scheme: dark;
}

.htva[data-theme="light"] {
  --bg: #eaeff5;
  --bg-2: #e2e9f1;
  --grid: rgba(20,70,120,.05);
  --panel: #ffffff;
  --panel-2: #f5f8fc;
  --panel-brd: rgba(18,45,75,.10);
  --glass: rgba(255,255,255,.7);
  --text: #10202f;
  --dim: #4c6076;
  --mut: #748899;
  --hair: rgba(18,45,75,.10);
  --accent: #0891b2;
  --accent-2: #0284c7;
  --accent-ink: #0e7490;
  --accent-glow: rgba(8,145,178,.20);
  --cta-bg: linear-gradient(135deg,#0891b2,#0e7490);
  --cta-fg: #ffffff;
  --halo: rgba(10,140,190,.12);
  --logo-op: .07;
  color-scheme: light;
}

.htva *, .htva ::before, .htva ::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
  .htva *, .htva ::before, .htva ::after {
  animation-duration: 0.001ms !important;
  transition-duration: 0.001ms !important;
  }
}

.htva img {
  max-width: 100%;
  display: block;
}

.htva a {
  color: inherit;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.htva h1, .htva h2, .htva h3 {
  font-family: var(--f-head);
  margin: 0px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.02;
}

.htva p {
  margin: 0px;
}

.htva ::selection {
  background: var(--accent-glow);
}

.bg-fx {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size: 52px 52px;
  mask-image: radial-gradient(120% 90% at 50% 0%, rgb(0, 0, 0) 40%, transparent 100%);
}

.halo {
  position: fixed;
  z-index: 0;
  pointer-events: none;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  filter: blur(90px);
}

.halo-1 {
  top: -14%;
  right: -8%;
  width: 56vw;
  height: 56vw;
  background: var(--halo);
  transform: translate(calc(var(--sy,0) * -0.06px), calc(var(--sy,0) * 0.05px)) rotate(calc(var(--sy,0) * 0.012deg));
}

.halo-2 {
  top: 40%;
  left: -16%;
  width: 46vw;
  height: 46vw;
  background: var(--accent-glow);
  opacity: 0.55;
  transform: translate(calc(var(--sy,0) * 0.08px), calc(var(--sy,0) * -0.06px)) rotate(calc(var(--sy,0) * -0.014deg));
}

.htva > header, .htva > main, .htva > footer {
  position: relative;
  z-index: 1;
}

.wrap {
  max-width: var(--wrap);
  margin: 0px auto;
  padding: 0px 26px;
}

.sec {
  padding: 104px 0px;
  position: relative;
}

.sec.sm {
  padding: 56px 0px;
}

.center {
  text-align: center;
}

.kicker {
  display: inline-flex;
  align-items: center;
  row-gap: 9px;
  column-gap: 9px;
  font-family: var(--f-mono);
  font-size: 11.5px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--accent-ink);
  margin: 0px 0px 20px;
  font-weight: 500;
}

.kicker::before {
  content: "";
  width: 22px;
  height: 1px;
  background: var(--accent);
  opacity: 0.7;
}

.kicker.c {
  justify-content: center;
}

.kicker--logo::before {
  display: none;
}

.kicker .hmark {
  width: 17px;
  height: 17px;
  color: var(--accent);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

.logo-reveal {
  position: fixed;
  left: 50%;
  top: 50%;
  width: min(134vh, 1180px);
  aspect-ratio: 1 / 1;
  z-index: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  opacity: var(--logo-op);
  -webkit-mask: var(--logo-mask) center/contain no-repeat;
  mask: var(--logo-mask) center/contain no-repeat;
}

.logo-reveal .spin {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  transform: rotate(var(--lr,0deg));
}

.logo-reveal .orb {
  position: absolute;
  width: 72%;
  height: 72%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  filter: blur(48px);
}

.logo-reveal .orb.a {
  top: -24%;
  right: -18%;
  background: radial-gradient(circle,var(--accent),transparent 60%);
}

.logo-reveal .orb.b {
  bottom: -24%;
  left: -18%;
  background: radial-gradient(circle,var(--accent-2),transparent 62%);
}

.logo-reveal .shine {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: crawl;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
}

.logo-reveal .shine::before {
  content: "";
  position: absolute;
  top: -4%;
  left: 50%;
  transform: translateX(-50%);
  width: 30%;
  height: 30%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  filter: blur(16px);
  background: radial-gradient(circle,#d4fbff,var(--accent) 42%,transparent 70%);
}

@keyframes crawl {
  100% {
    transform: rotate(360deg);
  }
}

.htva h1 {
  font-size: clamp(40px, 6vw, 74px);
}

.h2 {
  font-size: clamp(30px, 4.2vw, 50px);
}

.h3 {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.lead {
  font-size: clamp(16.5px, 1.6vw, 19px);
  color: var(--dim);
  max-width: 54ch;
  margin-top: 22px;
}

.center .lead {
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.accent {
  color: var(--accent-ink);
}

.kin {
  display: inline-block;
  opacity: 0;
  transform: translateY(14px);
  font-variation-settings: "wght" 500;
  animation-duration: 0.9s;
  animation-timing-function: cubic-bezier(0.2, 0.7, 0.2, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
  animation-name: kin;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
}

@media (prefers-reduced-motion: reduce) {
  .kin {
  opacity: 1;
  transform: none;
  font-variation-settings: "wght" 800;
  }
}

.kin.d2 {
  animation-delay: 0.08s;
}

.kin.d3 {
  animation-delay: 0.16s;
}

.kin.d4 {
  animation-delay: 0.24s;
}

@keyframes kin {
  100% {
    opacity: 1;
    transform: none;
    font-variation-settings: "wght" 800;
  }
}

.mk {
  position: relative;
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
  color: var(--text);
}

.mk::after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0.02em;
  height: 0.42em;
  z-index: -1;
  background: linear-gradient(90deg,var(--accent),transparent);
  opacity: 0.28;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.btn {
  display: inline-flex;
  align-items: center;
  row-gap: 9px;
  column-gap: 9px;
  font-family: var(--f-head);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.01em;
  padding: 14px 24px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  transition-behavior: normal, normal, normal, normal;
  transition-duration: 0.16s, 0.2s, 0.2s, 0.2s;
  transition-timing-function: ease, ease, ease, ease;
  transition-delay: 0s, 0s, 0s, 0s;
  transition-property: transform, box-shadow, border-color, background;
}

.btn:hover {
  transform: translateY(-2px);
}

.btn-primary {
  background: var(--cta-bg);
  color: var(--cta-fg);
  box-shadow: 0 0 0 1px var(--accent-glow),0 14px 34px -12px var(--accent-glow);
}

.btn-primary:hover {
  box-shadow: 0 0 0 1px var(--accent),0 18px 44px -12px var(--accent-glow);
}

.btn-ghost {
  border-color: var(--panel-brd);
  color: var(--text);
  background: var(--panel);
}

.btn-ghost:hover {
  border-color: var(--accent);
}

.btn .ar {
  transition-behavior: normal;
  transition-duration: 0.16s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.btn:hover .ar {
  transform: translateX(3px);
}

.nav {
  position: sticky;
  top: 0px;
  z-index: 40;
  backdrop-filter: blur(16px) saturate(1.3);
  background: color-mix(in srgb,var(--bg) 74%,transparent);
  border-bottom: 1px solid var(--hair);
}

.nav__in {
  max-width: var(--wrap);
  margin: 0px auto;
  padding: 14px 26px;
  display: flex;
  align-items: center;
  row-gap: 28px;
  column-gap: 28px;
}

.brand {
  display: flex;
  align-items: center;
  height: 30px;
}

.brand img {
  height: 26px;
  width: auto;
  aspect-ratio: 340 / 52;
}

.brand .l-light {
  display: none;
}

.htva[data-theme="light"] .brand .l-dark {
  display: none;
}

.htva[data-theme="light"] .brand .l-light {
  display: block;
}

.nav__links {
  display: flex;
  row-gap: 24px;
  column-gap: 24px;
  margin-left: 6px;
}

@media (max-width: 900px) {
  .nav__links {
  display: none;
  }
}

.nav__links a {
  font-size: 14px;
  color: var(--dim);
  font-weight: 500;
}

.nav__links a:hover {
  color: var(--text);
}

.nav__right {
  margin-left: auto;
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
}

.tgl {
  width: 38px;
  height: 38px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border: 1px solid var(--panel-brd);
  background: var(--panel);
  color: var(--text);
  cursor: pointer;
  display: grid;
  align-items: center;
  justify-items: center;
  transition-behavior: normal, normal;
  transition-duration: 0.2s, 0.15s;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  transition-property: border-color, transform;
}

.tgl:hover {
  border-color: var(--accent);
  transform: translateY(-1px);
}

.tgl svg {
  width: 17px;
  height: 17px;
}

.tgl .i-sun {
  display: none;
}

.htva[data-theme="dark"] .tgl .i-sun {
  display: block;
}

.htva[data-theme="dark"] .tgl .i-moon {
  display: none;
}

.hero {
  padding: 70px 0px 96px;
}

.hero__grid {
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  row-gap: 54px;
  column-gap: 54px;
  align-items: center;
}

@media (max-width: 920px) {
  .hero__grid {
  grid-template-columns: 1fr;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.hero__trust {
  display: flex;
  flex-wrap: wrap;
  row-gap: 9px;
  column-gap: 20px;
  margin-top: 30px;
  font-family: var(--f-mono);
  font-size: 12px;
  color: var(--dim);
}

.hero__trust span {
  display: inline-flex;
  align-items: center;
  row-gap: 7px;
  column-gap: 7px;
}

.hero__trust .ck {
  width: 15px;
  height: 15px;
  color: var(--accent);
}

.hero__cta {
  display: flex;
  row-gap: 13px;
  column-gap: 13px;
  margin-top: 32px;
  flex-wrap: wrap;
}

.console {
  position: relative;
  border: 1px solid var(--panel-brd);
  border-radius: var(--r-lg);
  background: var(--glass);
  backdrop-filter: blur(14px);
  box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 80px -30px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.console::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none;
  box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset;
}

.con__bar {
  display: flex;
  align-items: center;
  row-gap: 9px;
  column-gap: 9px;
  padding: 13px 16px;
  border-bottom: 1px solid var(--hair);
  font-family: var(--f-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mut);
}

.con__bar .dot {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background: var(--live);
  box-shadow: 0 0 0 4px color-mix(in srgb,var(--live) 22%,transparent);
}

.con__bar .pulse {
  margin-left: auto;
  color: var(--accent-ink);
}

.con__kpis {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 1px;
  column-gap: 1px;
  background: var(--hair);
}

.kpi {
  background: var(--bg-2);
  padding: 16px 16px 14px;
}

.kpi .n {
  font-family: var(--f-head);
  font-weight: 800;
  font-size: 26px;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  color: var(--text);
}

.kpi .n b {
  color: var(--accent-ink);
  font-weight: 800;
}

.kpi .l {
  font-family: var(--f-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mut);
  margin-top: 4px;
}

.con__ekg {
  height: 52px;
  width: 100%;
  display: block;
  background: var(--bg-2);
  border-top: 1px solid var(--hair);
  border-bottom: 1px solid var(--hair);
}

.con__feed {
  padding: 8px;
}

.row {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 11px 12px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: background;
}

.row + .row {
  margin-top: 2px;
}

.row .av {
  width: 30px;
  height: 30px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: grid;
  align-items: center;
  justify-items: center;
  font-family: var(--f-head);
  font-weight: 700;
  font-size: 12px;
  color: rgb(4, 34, 43);
  background-image: linear-gradient(135deg, rgb(76, 224, 255), rgb(42, 212, 238));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.row .av.b {
  background-image: linear-gradient(135deg, rgb(126, 162, 255), rgb(63, 111, 230));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  color: rgb(255, 255, 255);
}

.row .tk {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 0px;
}

.row .tk .t {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
}

.row .tk .s {
  font-family: var(--f-mono);
  font-size: 10.5px;
  color: var(--mut);
  letter-spacing: 0.02em;
}

.chip {
  font-family: var(--f-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 9px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border: 1px solid var(--hair);
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
  transition-behavior: normal;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: all;
}

.chip.run {
  color: var(--accent-ink);
  border-color: color-mix(in srgb,var(--accent) 40%,transparent);
  background: color-mix(in srgb,var(--accent) 12%,transparent);
}

.chip.done {
  color: var(--live);
  border-color: color-mix(in srgb,var(--live) 40%,transparent);
  background: color-mix(in srgb,var(--live) 12%,transparent);
}

.chip .ck {
  width: 11px;
  height: 11px;
  vertical-align: -1px;
  margin-right: 3px;
}

.fbadge {
  position: absolute;
  bottom: -18px;
  left: -16px;
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding: 11px 14px;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
  border-bottom-left-radius: 13px;
  background: var(--panel);
  border: 1px solid var(--panel-brd);
  box-shadow: rgba(0, 0, 0, 0.4) 0px 16px 40px -16px;
  z-index: 3;
}

@media (max-width: 520px) {
  .fbadge {
  left: 0px;
  }
}

.fbadge .em {
  width: 34px;
  height: 34px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  display: grid;
  align-items: center;
  justify-items: center;
  background: var(--cta-bg);
  color: var(--cta-fg);
}

.fbadge .em svg {
  width: 17px;
  height: 17px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: currentcolor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 12.5 L9 18.5 C13 13 17 8 21.5 4.5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-origin: border-box;
  mask-clip: border-box;
  mask-composite: add;
  mask-mode: match-source;
}

.fbadge .n {
  font-family: var(--f-head);
  font-weight: 800;
  font-size: 15px;
  line-height: 1;
}

.fbadge .l {
  font-family: var(--f-mono);
  font-size: 10px;
  color: var(--mut);
  letter-spacing: 0.04em;
}

.reveal {
  transition-behavior: normal, normal;
  transition-duration: 0.7s, 0.7s;
  transition-timing-function: cubic-bezier(0.2, 0.7, 0.2, 1), cubic-bezier(0.2, 0.7, 0.2, 1);
  transition-delay: 0s, 0s;
  transition-property: opacity, transform;
}

.reveal.in {
  opacity: 1;
  transform: none;
}

.reveal.d1 {
  transition-delay: 0.06s;
}

.reveal.d2 {
  transition-delay: 0.12s;
}

.reveal.d3 {
  transition-delay: 0.18s;
}

.logos .lbl {
  font-family: var(--f-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mut);
  opacity: 0.9;
}

.grid {
  display: grid;
  row-gap: 20px;
  column-gap: 20px;
}

.g3 {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 900px) {
  .g3 {
  grid-template-columns: 1fr;
  }
}

.card {
  background: var(--panel);
  border: 1px solid var(--panel-brd);
  border-radius: var(--r);
  padding: 26px;
  position: relative;
  transition-behavior: normal, normal;
  transition-duration: 0.25s, 0.25s;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  transition-property: border-color, transform;
}

.card:hover {
  border-color: color-mix(in srgb,var(--accent) 40%,transparent);
  transform: translateY(-3px);
}

.card .idx {
  font-family: var(--f-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  color: var(--accent-ink);
  margin-bottom: 14px;
}

.card .ic {
  width: 44px;
  height: 44px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: grid;
  align-items: center;
  justify-items: center;
  margin-bottom: 16px;
  background: color-mix(in srgb,var(--accent) 12%,transparent);
  color: var(--accent-ink);
  border: 1px solid var(--hair);
}

.card .ic svg {
  width: 22px;
  height: 22px;
}

.card .h3 {
  margin-bottom: 9px;
}

.card p {
  color: var(--dim);
  font-size: 14.5px;
}

.head {
  max-width: 60ch;
}

.head.c {
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 20px;
  column-gap: 20px;
  margin-top: 52px;
  counter-reset: s 0;
}

@media (max-width: 800px) {
  .steps {
  grid-template-columns: 1fr;
  }
}

.step {
  border-top: 1px solid var(--hair);
  padding-top: 22px;
  position: relative;
}

.step .no {
  font-family: var(--f-mono);
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--accent-ink);
}

.step .no::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0px;
  width: 46px;
  height: 2px;
  background: var(--accent);
}

.step h3 {
  margin: 16px 0px 9px;
}

.step p {
  color: var(--dim);
  font-size: 14.5px;
  max-width: 34ch;
}

.step .when {
  font-family: var(--f-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--mut);
  margin-top: 12px;
  display: block;
}

.bento {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 16px;
  column-gap: 16px;
  margin-top: 52px;
}

@media (max-width: 900px) {
  .bento {
  grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 520px) {
  .bento {
  grid-template-columns: 1fr;
  }
}

.tile {
  background: var(--panel);
  border: 1px solid var(--panel-brd);
  border-radius: var(--r);
  padding: 22px;
  transition-behavior: normal, normal;
  transition-duration: 0.25s, 0.25s;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  transition-property: border-color, transform;
}

.tile:hover {
  border-color: color-mix(in srgb,var(--accent) 40%,transparent);
  transform: translateY(-3px);
}

.tile h3 {
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  row-gap: 8px;
  column-gap: 8px;
}

.tile .cnt {
  font-family: var(--f-mono);
  font-size: 11px;
  color: var(--accent-ink);
  background: color-mix(in srgb,var(--accent) 12%,transparent);
  padding: 2px 8px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}

.tile ul {
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  margin: 15px 0px 0px;
  padding: 0px;
  display: grid;
  row-gap: 8px;
  column-gap: 8px;
}

.tile li {
  font-size: 13.5px;
  color: var(--dim);
  display: flex;
  align-items: center;
  row-gap: 9px;
  column-gap: 9px;
}

.tile li .ck {
  width: 12px;
  height: 12px;
  color: var(--accent);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

.panel2 {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  row-gap: 46px;
  column-gap: 46px;
  align-items: center;
}

@media (max-width: 820px) {
  .panel2 {
  grid-template-columns: 1fr;
  row-gap: 30px;
  column-gap: 30px;
  }
}

.scorecard {
  border: 1px solid var(--panel-brd);
  border-radius: var(--r-lg);
  background: var(--glass);
  backdrop-filter: blur(12px);
  overflow-x: hidden;
  overflow-y: hidden;
}

.scorecard .hd {
  padding: 14px 18px;
  border-bottom: 1px solid var(--hair);
  font-family: var(--f-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mut);
  display: flex;
  align-items: center;
  row-gap: 9px;
  column-gap: 9px;
}

.scorecard .hd .dot {
  width: 7px;
  height: 7px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background: var(--live);
}

.score-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 1px;
  column-gap: 1px;
  background: var(--hair);
}

.sc {
  background: var(--bg-2);
  padding: 20px;
}

.sc .n {
  font-family: var(--f-head);
  font-weight: 800;
  font-size: 30px;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}

.sc .n.up {
  color: var(--live);
}

.sc .n.ac {
  color: var(--accent-ink);
}

.sc .l {
  font-family: var(--f-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mut);
  margin-top: 6px;
}

.sc .sub {
  font-size: 11px;
  color: var(--mut);
  margin-top: 3px;
}

.feat {
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  margin: 26px 0px 0px;
  padding: 0px;
  display: grid;
  row-gap: 13px;
  column-gap: 13px;
}

.feat li {
  display: flex;
  align-items: flex-start;
  row-gap: 11px;
  column-gap: 11px;
  color: var(--dim);
  font-size: 15px;
}

.feat li .ck {
  width: 17px;
  height: 17px;
  color: var(--accent);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  margin-top: 3px;
}

.stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 22px;
  column-gap: 22px;
}

@media (max-width: 768px) {
  .stats {
  grid-template-columns: repeat(2, 1fr);
  row-gap: 34px;
  column-gap: 22px;
  }
}

.stat .n {
  font-family: var(--f-head);
  font-weight: 800;
  font-size: clamp(34px, 4.6vw, 52px);
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  color: var(--accent-ink);
}

.stat .n.warm {
  color: var(--warm);
  filter: drop-shadow(rgba(249, 115, 22, 0.32) 0px 0px 16px);
}

.stat .l {
  color: var(--dim);
  font-size: 13.5px;
  margin-top: 8px;
  max-width: 22ch;
}

.chips {
  display: flex;
  flex-wrap: wrap;
  row-gap: 11px;
  column-gap: 11px;
  margin-top: 34px;
}

.ic-chip {
  display: inline-flex;
  align-items: center;
  row-gap: 9px;
  column-gap: 9px;
  padding: 11px 17px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  border: 1px solid var(--panel-brd);
  background: var(--panel);
  font-family: var(--f-mono);
  font-size: 13px;
  letter-spacing: 0.01em;
  color: var(--text);
  transition-behavior: normal, normal;
  transition-duration: 0.2s, 0.15s;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  transition-property: border-color, transform;
}

.ic-chip:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
}

.ic-chip .ck {
  width: 13px;
  height: 13px;
  color: var(--accent);
}

.quote {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  column-gap: 15px;
}

.quote .rt {
  display: flex;
  row-gap: 3px;
  column-gap: 3px;
  color: var(--accent);
}

.quote .rt svg {
  width: 14px;
  height: 14px;
}

.quote p {
  font-size: 15.5px;
  color: var(--text);
  line-height: 1.62;
}

.quote .who {
  display: flex;
  align-items: center;
  row-gap: 11px;
  column-gap: 11px;
  margin-top: auto;
}

.quote .who .av {
  width: 38px;
  height: 38px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  display: grid;
  align-items: center;
  justify-items: center;
  font-family: var(--f-head);
  font-weight: 700;
  font-size: 13px;
  color: rgb(4, 34, 43);
  background-image: linear-gradient(135deg, rgb(76, 224, 255), rgb(42, 212, 238));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.quote .who .av.b {
  background-image: linear-gradient(135deg, rgb(126, 162, 255), rgb(63, 111, 230));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  color: rgb(255, 255, 255);
}

.quote .who .nm {
  font-family: var(--f-head);
  font-weight: 700;
  font-size: 14px;
}

.quote .who .rl {
  font-family: var(--f-mono);
  font-size: 11px;
  color: var(--mut);
}

.founder {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  row-gap: 44px;
  column-gap: 44px;
  align-items: center;
}

@media (max-width: 820px) {
  .founder {
  grid-template-columns: 1fr;
  row-gap: 28px;
  column-gap: 28px;
  }
}

.ph {
  border: 1px dashed var(--panel-brd);
  border-radius: var(--r-lg);
  background: var(--panel-2);
  min-height: 330px;
  display: grid;
  align-items: center;
  justify-items: center;
  text-align: center;
  padding: 30px;
  color: var(--mut);
}

.ph .ic {
  width: 34px;
  height: 34px;
  color: var(--accent);
  margin-bottom: 14px;
}

.ph .t {
  font-family: var(--f-head);
  font-weight: 700;
  color: var(--text);
  font-size: 14px;
  margin-bottom: 7px;
}

.ph .d {
  font-family: var(--f-mono);
  font-size: 11.5px;
  max-width: 26ch;
  line-height: 1.6;
}

.cred {
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  margin: 22px 0px 0px;
  padding: 0px;
  display: grid;
  row-gap: 11px;
  column-gap: 11px;
}

.cred li {
  display: flex;
  row-gap: 11px;
  column-gap: 11px;
  align-items: flex-start;
  color: var(--dim);
  font-size: 14.5px;
}

.cred li .ck {
  width: 15px;
  height: 15px;
  color: var(--accent);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  margin-top: 3px;
}

.social {
  display: flex;
  row-gap: 9px;
  column-gap: 9px;
  margin-top: 22px;
}

.social a {
  font-family: var(--f-mono);
  font-size: 12px;
  padding: 8px 14px;
  border: 1px solid var(--panel-brd);
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  color: var(--dim);
}

.social a:hover {
  border-color: var(--accent);
  color: var(--accent-ink);
}

.faq {
  max-width: 820px;
  margin: 44px auto 0px;
  display: grid;
  row-gap: 10px;
  column-gap: 10px;
}

.faq details {
  border: 1px solid var(--panel-brd);
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
  border-bottom-left-radius: 13px;
  background: var(--panel);
  padding: 2px 22px;
}

.faq summary {
  cursor: pointer;
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  padding: 19px 34px 19px 0px;
  font-family: var(--f-head);
  font-weight: 700;
  font-size: 16.5px;
  position: relative;
}

.faq summary::-webkit-details-marker {
  display: none;
}

.faq summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 15px;
  font-size: 22px;
  color: var(--accent-ink);
  transition-behavior: normal;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.faq details[open] summary::after {
  transform: rotate(45deg);
}

.faq .a {
  color: var(--dim);
  font-size: 15px;
  padding: 0px 0px 20px;
}

.faq .q {
  font-family: var(--f-mono);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  color: var(--accent-ink);
  text-transform: uppercase;
  margin-right: 9px;
}

.cta {
  position: relative;
  text-align: center;
  overflow-x: hidden;
  overflow-y: hidden;
  border-top: 1px solid var(--hair);
}

.cta__mark {
  position: absolute;
  left: 50%;
  top: 52%;
  transform: translate(-50%, -50%);
  width: min(560px, 80vw);
  opacity: 0.06;
  color: var(--accent);
  z-index: 0;
  height: auto;
  aspect-ratio: 1 / 1;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: currentcolor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 12.5 L9 18.5 C13 13 17 8 21.5 4.5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-origin: border-box;
  mask-clip: border-box;
  mask-composite: add;
  mask-mode: match-source;
}

.cta__glow {
  position: absolute;
  left: 50%;
  bottom: -40%;
  transform: translateX(-50%);
  width: 80%;
  height: 80%;
  background: radial-gradient(50% 55% at 50% 50%,var(--accent-glow),transparent 68%);
  z-index: 0;
}

.cta .wrap {
  position: relative;
  z-index: 1;
}

.reassure {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 9px;
  column-gap: 22px;
  margin-top: 26px;
  font-family: var(--f-mono);
  font-size: 12px;
  color: var(--dim);
}

.reassure span {
  display: inline-flex;
  align-items: center;
  row-gap: 7px;
  column-gap: 7px;
}

.reassure .ck {
  width: 14px;
  height: 14px;
  color: var(--accent);
}

.foot {
  border-top: 1px solid var(--hair);
  padding: 58px 0px 30px;
  background: var(--bg-2);
}

.foot__grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  row-gap: 34px;
  column-gap: 34px;
}

@media (max-width: 520px) {
  .foot__grid {
  grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .foot__grid {
  grid-template-columns: 1fr 1fr;
  }
}

.foot__brand img {
  margin-bottom: 14px;
  height: 26px;
  width: auto;
  aspect-ratio: 340 / 52;
}

.foot__brand p {
  color: var(--dim);
  font-size: 13.5px;
  max-width: 32ch;
}

.foot h4 {
  font-family: var(--f-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mut);
  margin: 0px 0px 14px;
}

.foot ul {
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: grid;
  row-gap: 9px;
  column-gap: 9px;
}

.foot a {
  font-size: 13.5px;
  color: var(--dim);
}

.foot a:hover {
  color: var(--text);
}

.foot__bot {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 10px;
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid var(--hair);
  font-family: var(--f-mono);
  font-size: 11.5px;
  color: var(--mut);
}

.dims {
  display: grid;
  row-gap: 12px;
  column-gap: 12px;
  margin-top: 2px;
}

.dim {
  display: grid;
  grid-template-columns: 118px 1fr;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
}

.dim .dl {
  font-family: var(--f-mono);
  font-size: 11px;
  letter-spacing: 0.03em;
  color: var(--dim);
  text-transform: uppercase;
}

.dim .bar {
  position: relative;
  height: 8px;
  border-top-left-radius: 99px;
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  border-bottom-left-radius: 99px;
  background: var(--panel-2);
  border: 1px solid var(--hair);
}

.dim .bar i {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  border-top-left-radius: 99px;
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  border-bottom-left-radius: 99px;
  background: linear-gradient(90deg,var(--accent-2),var(--accent));
  box-shadow: 0 0 12px -2px var(--accent-glow);
  width: var(--w);
  transition: width 1.1s var(--ease);
}

.dim .bar b {
  position: absolute;
  top: -4px;
  width: 2px;
  height: 16px;
  background: var(--warm);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  box-shadow: rgba(249, 115, 22, 0.6) 0px 0px 8px;
}

.fitrow {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid var(--hair);
}

.fitrow .n {
  font-family: var(--f-head);
  font-weight: 800;
  font-size: 42px;
  letter-spacing: -0.03em;
  color: var(--accent-ink);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.fitrow .l {
  font-family: var(--f-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mut);
}

.fitrow .leg {
  margin-left: auto;
  display: grid;
  row-gap: 6px;
  column-gap: 6px;
  font-family: var(--f-mono);
  font-size: 10px;
  color: var(--mut);
}

.fitrow .leg span {
  display: flex;
  align-items: center;
  row-gap: 6px;
  column-gap: 6px;
}

.fitrow .leg i {
  width: 11px;
  height: 3px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

.logowall {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  row-gap: 22px;
  column-gap: 26px;
  align-items: center;
  margin-top: 32px;
}

@media (max-width: 820px) {
  .logowall {
  grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 480px) {
  .logowall {
  grid-template-columns: repeat(2, 1fr);
  }
}

.clogo {
  height: 34px;
  width: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.5;
  transition-behavior: normal, normal;
  transition-duration: 0.2s, 0.2s;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  transition-property: opacity, filter;
}

.htva[data-theme="light"] .clogo {
  filter: brightness(0) opacity(0.55);
  opacity: 0.5;
}

.clogo:hover {
  opacity: 0.92;
}

.playbtn {
  width: 44px;
  height: 44px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background: var(--cta-bg);
  color: var(--cta-fg);
  display: grid;
  align-items: center;
  justify-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  box-shadow: 0 0 0 1px var(--accent-glow),0 10px 22px -8px var(--accent-glow);
  transition-behavior: normal;
  transition-duration: 0.16s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.playbtn svg {
  width: 17px;
  height: 17px;
  margin-left: 2px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: currentcolor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-origin: border-box;
  mask-clip: border-box;
  mask-composite: add;
  mask-mode: match-source;
}

.vgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 18px;
  column-gap: 18px;
  margin-top: 44px;
}

@media (max-width: 820px) {
  .vgrid {
  grid-template-columns: 1fr;
  }
}

.vcard {
  display: block;
  background: var(--panel);
  border: 1px solid var(--panel-brd);
  border-radius: var(--r);
  padding: 22px;
  transition-behavior: normal, normal;
  transition-duration: 0.2s, 0.2s;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  transition-property: border-color, transform;
}

.vcard:hover {
  border-color: color-mix(in srgb,var(--accent) 45%,transparent);
  transform: translateY(-3px);
}

.vcard:hover .playbtn {
  transform: scale(1.08);
}

.vcard .top {
  display: flex;
  align-items: center;
  row-gap: 13px;
  column-gap: 13px;
  margin-bottom: 15px;
}

.vcard .rt {
  display: flex;
  row-gap: 2px;
  column-gap: 2px;
  color: var(--accent);
  margin-left: auto;
}

.vcard .rt svg {
  width: 12px;
  height: 12px;
}

.vcard p {
  font-size: 14.5px;
  color: var(--text);
  line-height: 1.55;
}

.vcard .who {
  display: flex;
  align-items: center;
  row-gap: 11px;
  column-gap: 11px;
  margin-top: 16px;
}

.vcard .who .av {
  width: 34px;
  height: 34px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  display: grid;
  align-items: center;
  justify-items: center;
  font-family: var(--f-head);
  font-weight: 700;
  font-size: 12px;
  color: rgb(4, 34, 43);
  background-image: linear-gradient(135deg, rgb(76, 224, 255), rgb(34, 211, 238));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.vcard .who .nm {
  font-family: var(--f-head);
  font-weight: 700;
  font-size: 13.5px;
}

.vcard .who .rl {
  font-family: var(--f-mono);
  font-size: 10.5px;
  color: var(--mut);
}

.vmore {
  text-align: center;
  margin-top: 30px;
}

.vmore a {
  font-family: var(--f-mono);
  font-size: 12px;
  letter-spacing: 0.06em;
  color: var(--accent-ink);
  text-transform: uppercase;
}

.vhi {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 20px;
  column-gap: 20px;
  margin-top: 44px;
}

@media (max-width: 700px) {
  .vhi {
  grid-template-columns: 1fr;
  }
}

.vhi a {
  position: relative;
  display: block;
  border-radius: var(--r);
  overflow-x: hidden;
  overflow-y: hidden;
  border: 1px solid var(--panel-brd);
  aspect-ratio: 16 / 9;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(4, 18, 26);
}

.vhi img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
  transition-behavior: normal, normal;
  transition-duration: 0.25s, 0.3s;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  transition-property: opacity, transform;
}

.vhi a:hover img {
  opacity: 1;
  transform: scale(1.03);
}

.vhi .ov {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(transparent 40%, rgba(3, 12, 20, 0.6));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.vhi .cap {
  position: absolute;
  left: 18px;
  bottom: 15px;
  font-family: var(--f-head);
  font-weight: 700;
  color: rgb(255, 255, 255);
  font-size: 15px;
  text-shadow: rgba(0, 0, 0, 0.7) 0px 2px 8px;
}

.htva a:focus-visible, .htva button:focus-visible, .htva summary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.htva svg.ck, .htva .chip .ck {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: currentcolor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 12.5 L9 18.5 C13 13 17 8 21.5 4.5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-origin: border-box;
  mask-clip: border-box;
  mask-composite: add;
  mask-mode: match-source;
}

.htva .hmark {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: currentcolor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5 14.9 9.2 22 9.9 16.7 14.6 18.3 21.6 12 17.9 5.7 21.6 7.3 14.6 2 9.9 9.1 9.2Z'/%3E%3C/svg%3E");
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-origin: border-box;
  mask-clip: border-box;
  mask-composite: add;
  mask-mode: match-source;
}

.htva .hmark--human {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M 255 8 L 254 8 L 252 21 L 251 22 L 251 28 L 248 38 L 247 49 L 246 50 L 242 74 L 240 79 L 240 84 L 236 97 L 235 105 L 232 113 L 232 117 L 229 123 L 228 130 L 226 133 L 221 148 L 214 162 L 208 171 L 194 185 L 176 195 L 173 195 L 170 197 L 167 197 L 162 199 L 144 201 L 143 202 L 91 202 L 90 201 L 78 201 L 77 200 L 66 200 L 65 199 L 41 198 L 40 197 L 32 197 L 31 196 L 23 196 L 22 195 L 10 195 L 9 194 L 1 194 L 0 193 L 0 195 L 13 201 L 15 203 L 22 206 L 54 225 L 72 237 L 95 255 L 116 276 L 123 285 L 134 304 L 140 321 L 140 325 L 142 331 L 142 337 L 143 338 L 143 361 L 142 362 L 140 382 L 139 383 L 136 398 L 121 441 L 111 462 L 111 464 L 105 475 L 105 477 L 96 494 L 99 493 L 115 480 L 145 451 L 172 419 L 181 405 L 184 402 L 185 399 L 188 396 L 200 376 L 218 341 L 218 339 L 221 334 L 221 332 L 231 309 L 239 285 L 239 282 L 242 275 L 243 268 L 246 260 L 246 256 L 250 244 L 250 239 L 251 238 L 251 234 L 254 224 L 254 217 L 255 216 L 257 200 L 258 199 L 258 190 L 259 189 L 259 183 L 260 182 L 261 162 L 262 161 L 262 142 L 263 141 L 263 82 L 262 81 L 261 50 L 260 49 L 260 41 L 259 40 L 259 34 L 258 33 L 258 24 L 257 23 Z'/%3E%3Cpath d='M 151 102 L 137 109 L 129 117 L 128 120 L 125 124 L 125 126 L 123 130 L 123 133 L 122 134 L 122 148 L 123 149 L 125 157 L 128 161 L 129 164 L 141 175 L 147 178 L 155 179 L 156 180 L 167 180 L 168 179 L 172 179 L 183 174 L 187 171 L 195 162 L 200 151 L 200 143 L 201 142 L 201 140 L 200 139 L 200 131 L 199 130 L 198 125 L 191 114 L 183 107 L 175 103 L 166 102 L 165 101 Z'/%3E%3Cpath d='M 283 96 L 283 101 L 285 108 L 285 115 L 286 116 L 286 133 L 287 134 L 286 196 L 285 197 L 285 204 L 284 205 L 284 212 L 283 213 L 281 233 L 279 238 L 278 249 L 274 262 L 274 266 L 270 277 L 269 284 L 263 300 L 263 303 L 259 311 L 255 324 L 246 342 L 246 344 L 240 354 L 240 356 L 219 391 L 204 411 L 194 422 L 194 424 L 253 380 L 256 380 L 278 397 L 282 399 L 337 440 L 374 466 L 385 475 L 396 482 L 407 491 L 413 494 L 380 395 L 380 392 L 377 386 L 375 377 L 373 374 L 373 371 L 365 349 L 365 346 L 362 340 L 360 331 L 358 328 L 358 325 L 353 312 L 353 308 L 399 274 L 428 254 L 435 248 L 439 246 L 446 240 L 475 220 L 482 214 L 486 212 L 493 206 L 497 204 L 504 198 L 511 194 L 511 193 L 316 194 L 314 192 L 311 183 L 311 180 L 308 174 L 308 171 L 300 149 L 300 146 L 296 137 L 296 134 L 292 124 L 292 121 L 290 118 L 288 109 L 285 103 L 284 96 Z'/%3E%3C/svg%3E");
}

.htva .hmark--dot {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3C/svg%3E");
}

.hero .hmark, .htva main > section:nth-child(10) .hmark {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M 255 8 L 252 21 L 251 28 L 246 50 L 240 79 L 235 105 L 229 123 L 221 148 L 208 171 L 194 185 L 176 195 L 162 199 L 143 202 L 91 202 L 65 199 L 40 197 L 22 195 L 0 193 L 0 195 L 22 206 L 54 225 L 95 255 L 123 285 L 140 321 L 143 338 L 143 361 L 139 383 L 121 441 L 105 475 L 96 494 L 115 480 L 145 451 L 181 405 L 200 376 L 218 341 L 231 309 L 243 268 L 251 234 L 257 200 L 260 182 L 262 142 L 263 82 L 260 41 L 257 23 Z'/%3E%3Cpath d='M 151 102 L 137 109 L 128 120 L 123 130 L 122 148 L 128 161 L 141 175 L 155 179 L 168 179 L 187 171 L 200 151 L 201 140 L 198 125 L 183 107 L 165 101 Z'/%3E%3Cpath d='M 283 96 L 285 108 L 286 133 L 286 196 L 283 213 L 278 249 L 269 284 L 259 311 L 246 342 L 219 391 L 194 422 L 194 424 L 253 380 L 256 380 L 282 399 L 374 466 L 413 494 L 380 395 L 373 371 L 360 331 L 353 308 L 428 254 L 475 220 L 511 194 L 511 193 L 316 194 L 308 171 L 296 134 L 288 109 L 284 96 Z'/%3E%3C/svg%3E");
}

#clients .hmark, #capabilities .hmark, #industries .hmark {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3C/svg%3E");
}

.rt svg {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: currentcolor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5 14.9 9.2 22 9.9 16.7 14.6 18.3 21.6 12 17.9 5.7 21.6 7.3 14.6 2 9.9 9.1 9.2Z'/%3E%3C/svg%3E");
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-origin: border-box;
  mask-clip: border-box;
  mask-composite: add;
  mask-mode: match-source;
}

.tgl::after {
  content: "";
  width: 17px;
  height: 17px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: currentcolor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4.2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 2v2.5M12 19.5V22M4.9 4.9l1.7 1.7M17.4 17.4l1.7 1.7M2 12h2.5M19.5 12H22M4.9 19.1l1.7-1.7M17.4 6.6l1.7-1.7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-origin: border-box;
  mask-clip: border-box;
  mask-composite: add;
  mask-mode: match-source;
}

.htva[data-theme="light"] .tgl::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.g3 .card:nth-child(1) .ic svg {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: currentcolor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v18M5.6 7.5 18.4 16.5M18.4 7.5 5.6 16.5' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='2.4'/%3E%3C/svg%3E");
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-origin: border-box;
  mask-clip: border-box;
  mask-composite: add;
  mask-mode: match-source;
}

.g3 .card:nth-child(2) .ic svg {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: currentcolor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 12A10 10 0 1 1 12 2M22 4 12 14.5 9 11.5' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-origin: border-box;
  mask-clip: border-box;
  mask-composite: add;
  mask-mode: match-source;
}

.g3 .card:nth-child(3) .ic svg {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: currentcolor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 3.1a4 4 0 0 1 0 7.8M21 21v-2a4 4 0 0 0-3-3.9M7 3.1a4 4 0 0 0 0 7.8M3 21v-2a4 4 0 0 1 3-3.9M12 7a4 4 0 1 0 0 8 4 4 0 0 0 0-8z' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-origin: border-box;
  mask-clip: border-box;
  mask-composite: add;
  mask-mode: match-source;
}

.ph svg.ic {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: currentcolor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 21a8 8 0 1 0-16 0' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7' r='4' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E");
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-origin: border-box;
  mask-clip: border-box;
  mask-composite: add;
  mask-mode: match-source;
}

.htva .hero .hmark, .htva main > section:nth-child(10) .hmark {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M 255 8 L 252 21 L 251 28 L 246 50 L 240 79 L 235 105 L 229 123 L 221 148 L 208 171 L 194 185 L 176 195 L 162 199 L 143 202 L 91 202 L 65 199 L 40 197 L 22 195 L 0 193 L 0 195 L 22 206 L 54 225 L 95 255 L 123 285 L 140 321 L 143 338 L 143 361 L 139 383 L 121 441 L 105 475 L 96 494 L 115 480 L 145 451 L 181 405 L 200 376 L 218 341 L 231 309 L 243 268 L 251 234 L 257 200 L 260 182 L 262 142 L 263 82 L 260 41 L 257 23 Z'/%3E%3Cpath d='M 151 102 L 137 109 L 128 120 L 123 130 L 122 148 L 128 161 L 141 175 L 155 179 L 168 179 L 187 171 L 200 151 L 201 140 L 198 125 L 183 107 L 165 101 Z'/%3E%3Cpath d='M 283 96 L 285 108 L 286 133 L 286 196 L 283 213 L 278 249 L 269 284 L 259 311 L 246 342 L 219 391 L 194 422 L 194 424 L 253 380 L 256 380 L 282 399 L 374 466 L 413 494 L 380 395 L 373 371 L 360 331 L 353 308 L 428 254 L 475 220 L 511 194 L 511 193 L 316 194 L 308 171 L 296 134 L 288 109 L 284 96 Z'/%3E%3C/svg%3E");
}

.htva #clients .hmark, .htva #capabilities .hmark, .htva #industries .hmark {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3C/svg%3E");
}

.htva.js .reveal {
  opacity: 0;
  transform: translateY(22px);
}

.htva.js .reveal.in {
  opacity: 1;
  transform: none;
}

.htva.js .reveal:not(.in) .dim .bar i {
  width: 0px;
}

.bmodal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 90;
  display: none;
  align-items: center;
  justify-items: center;
  padding: 22px;
}

.bmodal.open {
  display: grid;
}

.pullquote {
  border-left: 3px solid var(--accent);
  padding: 8px 0px 8px 24px;
  margin: 4px 0px;
  font-family: var(--f-head);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  color: var(--text);
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.story {
  max-width: 760px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}

.qgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 20px;
  column-gap: 20px;
  margin-top: 40px;
}

@media (max-width: 900px) {
  .qgrid {
  grid-template-columns: 1fr;
  }
}

.story > p {
  font-size: 16.5px;
  line-height: 1.75;
  color: var(--text);
}

.pullquote .by {
  font-family: var(--f-mono);
  font-size: 12px;
  font-weight: 400;
  color: var(--mut);
  letter-spacing: 0.04em;
}

.ccol {
  display: flex;
  flex-direction: column;
}

.cinfo {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

.cols2c {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 34px;
  column-gap: 34px;
}

@media (max-width: 900px) {
  .cols2c {
  grid-template-columns: 1fr;
  }
}

.cinfo > div {
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 15px;
  color: var(--mut);
}

.cinfo a {
  color: var(--text);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.cinfo a:hover {
  color: var(--accent);
}