/* from /_next/static/chunks/[root-of-the-server]__01o1yyz._.css */
/* [next]/internal/font/google/inter_26191e28.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(assets/fonts/a440747434783fbe-s.0do-s6vn362zr.woff2) format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(assets/fonts/3aa4d934eba90e8b-s.1-ayfg4wg0qfm.woff2) format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(assets/fonts/1ce0dcbf49a4d2fc-s.0i-yae4-dyls3.woff2) format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(assets/fonts/2edaebbda2e96a79-s.19lle6lbse9av.woff2) format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(assets/fonts/704a14dc8309e245-s.1oksl_d3k3jrm.woff2) format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(assets/fonts/c88e89b5552bf96c-s.15c5kk-3im2ev.woff2) format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(assets/fonts/234d9015b631dab9-s.p.33gca1im1ku45.woff2) format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_26191e28-module__nZow5q__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_26191e28-module__nZow5q__variable {
  --font-inter: "Inter", "Inter Fallback";
}

/* [project]/apps/evai-web/src/app/globals.css [app-client] (css) */
:root {
  --ev-ink: #0b0d12;
  --ev-blue: #2f6fed;
  --ev-blue-deep: #1d4fc4;
  --ev-blue-line: #2f6fed47;
  --ev-blue-bg: #d6e4ffc7;
  --ev-blue-soft-bg: #e8f0ffb3;
  --ev-blue-soft-text: #33508f;
  --ev-red: #a63a3a;
  --ev-amber: #8a6608;
  --ev-green: #1f7a3a;
  --ev-toggle-on: #35d49a;
  --ev-page: #e8ecf1;
  --ev-glass: linear-gradient(150deg, #ffffffe6 0%, #f4f8ffad 45%, #e2ecfc8a 100%);
  --ev-glass-border: 1px solid #ffffffd1;
  --ev-glass-shadow: inset 0 1px 0 #ffffffe6, 0 12px 32px -20px #18285061;
  --ev-muted: #00000080;
  --ev-faint: #0006;
  --ev-line: #0000000f;
  --ev-warn-bg: #ffeec4bf;
  --ev-warn-border: #b8860b47;
  --ev-danger-bg: #ffdedeb3;
  --ev-danger-border: #a63a3a40;
  --ev-ok-bg: #cef0dab3;
  --ev-ok-border: #1f7a3a47;
  --ev-p-blue: #a9c5f6;
  --ev-p-blue-deep: #86a9ea;
  --ev-p-peach: #f3c896;
  --ev-p-green: #a9d8b8;
  --ev-p-lilac: #c3b5f2;
  --ev-p-rose: #efb3cd;
  --ev-p-grey: #c3c7d0;
  --ev-pill-primary-bg: var(--ev-blue-bg);
  --ev-pill-primary-border: 1px solid var(--ev-blue-line);
  --ev-pill-primary-color: var(--ev-blue-deep);
  --ev-pill-primary-shadow: inset 0 1px 0 #fffc, 0 1px 3px #0000000f;
  --ev-pill-secondary-bg: #ffffffc7;
  --ev-pill-secondary-border: 1px solid var(--ev-line);
  --ev-pill-secondary-shadow: inset 0 1px 0 #ffffffe6, 0 1px 3px #0000000d;
  --ev-pill-ghost-bg: #ffffff80;
  --ev-pill-ghost-border: 1px solid var(--ev-line);
  --ev-orb-blue-bg: linear-gradient(180deg, #fffffff5 0%, #c8dcffd1 100%);
  --ev-orb-blue-border: 1px solid #2f6fed29;
  --ev-orb-blue-shadow: 0 2px 8px #2f6fed24, inset 0 1px 0 #fff;
  --ev-orb-color: var(--ev-ink);
  --ev-spec: linear-gradient(180deg, #ffffff59 0%, #ffffff0d 45%, #fff0 60%);
  --ev-blue-glass: var(--ev-spec), linear-gradient(120deg, #2f6fede0 0%, #4080f5c2 45%, #1d4fc4e6 100%);
  --ev-blue-glass-shadow: 0 2px 8px #1d4fc43d, inset 0 1px 1px #fff9, inset 0 -1px 0 #ffffff26;
  --ev-glossy-bg: #ffffffb3;
  --ev-glossy-border: 1px solid #00000014;
  --ev-glossy-shadow: inset 0 1px 0 #fffc, 0 1px 3px #0000000f;
  --ev-orb: linear-gradient(180deg, #fffffff2 0%, #eeeef0bf 100%);
  --ev-bar: #7f7f7f1f;
  --ev-bar-border: 1px solid #7f7f7f2e;
  --ev-bar-shadow: 0 20px 60px -15px #00000040;
  --ev-clippa-page: #f4f4f3;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
}

body.evai {
  color: var(--ev-ink);
  font-family: var(--font-inter), system-ui, sans-serif;
  font-optical-sizing: auto;
  font-feature-settings: "cv11", "ss01";
  -webkit-font-smoothing: antialiased;
  background: var(--ev-page);
  background-image: radial-gradient(1000px 560px at 12% -10%, #c8dcffb8, #0000 62%), radial-gradient(900px 640px at 105% 110%, #d6e2f6cc, #0000 60%), radial-gradient(700px 500px at 60% 40%, #ffffff8c, #0000 70%);
  background-attachment: fixed;
  font-size: 14px;
}

body.evai a {
  color: var(--ev-ink);
  text-decoration: none;
}

body.evai a:hover {
  color: var(--ev-blue-deep);
}

body.evai button, body.evai input, body.evai select, body.evai textarea {
  font-family: inherit;
}

body.evai ::selection {
  background: #d6e4ffe6;
}

.ev-glass {
  background: var(--ev-glass);
  -webkit-backdrop-filter: blur(16px) saturate(1.4);
  backdrop-filter: blur(16px) saturate(1.4);
  border: var(--ev-glass-border);
  box-shadow: var(--ev-glass-shadow);
  border-radius: 22px;
}

.ev-row:hover {
  background: #ffffff8c;
}

.ev-num {
  font-variant-numeric: tabular-nums;
}

.ev-input {
  height: 42px;
  color: var(--ev-ink);
  background: #ffffffb8;
  border: 1px solid #ffffffe6;
  border-radius: 13px;
  outline: none;
  width: 100%;
  padding: 0 13px;
  font-size: 14px;
  font-weight: 400;
}

.ev-input:focus {
  border-color: var(--ev-blue-line);
  background: #fff;
}

textarea.ev-input {
  resize: vertical;
  height: auto;
  padding: 11px 13px;
}

.ev-table-head {
  color: var(--ev-faint);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 11px;
  font-weight: 600;
}

.ev-scroll {
  overflow-x: auto;
}

@media (max-width: 900px) {
  .ev-sidebar {
    display: none !important;
  }

  .ev-main {
    padding: 12px !important;
  }
}

.ev-primary {
  background: var(--ev-blue);
  box-shadow: 0 10px 22px -12px #2f6fedcc, inset 0 1px #ffffff40;
  color: #fff !important;
}

.ev-primary:hover {
  background: var(--ev-blue-deep);
  color: #fff !important;
}

.ev-iconbtn {
  width: 40px;
  height: 40px;
  color: var(--ev-ink);
  border: 1px solid var(--ev-line);
  background: #fff9;
  border-radius: 99px;
  place-items: center;
  display: grid;
}

.ev-iconbtn:hover {
  color: var(--ev-blue-deep);
  background: #fff;
}

.ev-cat {
  min-height: 250px;
  color: var(--ev-ink);
  transition: transform .15s;
  display: block;
  position: relative;
}

.ev-cat:hover {
  color: var(--ev-ink);
  transform: translateY(-2px);
}

.ev-cat-body {
  flex-direction: column;
  min-height: 250px;
  padding: 26px 24px 24px;
  display: flex;
}

.ev-cat .ev-cat-arrow {
  background: var(--ev-ink);
  color: #fff;
  border-radius: 99px;
  place-items: center;
  width: 58px;
  height: 58px;
  display: grid;
  position: absolute;
  bottom: 10px;
  right: 10px;
  box-shadow: 0 10px 20px -12px #00000080;
}

.ev-dash {
  grid-template-columns: minmax(0, 1fr) 340px;
  align-items: start;
  gap: 18px;
  display: grid;
}

.ev-cats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

@media (max-width: 1180px) {
  .ev-dash {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .ev-briefs-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 1320px) and (min-width: 1181px) {
  .ev-cat-body {
    padding: 22px 18px 20px;
  }

  .ev-cat-body .ev-num {
    font-size: 38px !important;
  }
}

@media (max-width: 860px) {
  .ev-cats {
    grid-template-columns: 1fr;
  }

  .ev-cat, .ev-cat-body {
    min-height: 180px;
  }
}

.ev-two {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
  display: grid;
}

@media (max-width: 1000px) {
  .ev-two {
    grid-template-columns: minmax(0, 1fr);
  }
}

.ev-fit {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ev-fit-body {
  flex: 1;
  min-height: 0;
  position: relative;
}

@media (min-width: 1001px) {
  .ev-fit-body > .ev-fit-list {
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .ev-fit {
    min-height: 340px;
  }
}

.ev-card-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.ev-card-title {
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.ev-card-sub {
  color: var(--ev-muted);
  margin-top: 2px;
  font-size: 12.5px;
  font-weight: 400;
}

.ev-side-rule {
  background: #00000014;
  flex-shrink: 0;
  height: 1px;
}

.ev-side-group {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #0000006b;
  padding: 0 12px 8px;
  font-size: 11.5px;
  font-weight: 500;
}

body.evai a.ev-side-item {
  color: var(--ev-ink);
  border: 1px solid #0000;
  border-radius: 14px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  font-size: 15px;
  font-weight: 400;
  display: flex;
}

body.evai a.ev-side-item svg {
  color: #0009;
}

body.evai a.ev-side-item:hover {
  color: var(--ev-ink);
  background: #00000009;
}

body.evai a.ev-side-item.is-active {
  color: var(--ev-ink);
  background: #0000000e;
  border-color: #0000000a;
}

body.evai a.ev-side-item.is-active svg {
  color: var(--ev-ink);
}

body.evai .ev-side-badge {
  min-width: 20px;
  height: 20px;
  color: var(--ev-ink);
  background: #0000000f;
  border-radius: 99px;
  place-items: center;
  padding: 0 6px;
  font-size: 11.5px;
  font-weight: 500;
  display: inline-grid;
}

.ev-side-toggle {
  cursor: pointer;
  color: #0000008c;
  background: none;
  border: 0;
  border-radius: 10px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.ev-side-toggle:hover {
  color: var(--ev-ink);
  background: #0000000d;
}

body.evai a.ev-side-pill {
  color: var(--ev-ink);
  border: 1px solid #00000024;
  border-radius: 99px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
}

body.evai a.ev-side-pill:hover {
  color: var(--ev-ink);
  background: #fff;
}

.ev-content {
  background: #ffffffdb;
  border: 1px solid #fffffff2;
  border-radius: 32px;
  flex-direction: column;
  gap: 16px;
  min-height: calc(100vh - 112px);
  padding: 30px 32px 36px;
  display: flex;
  box-shadow: inset 0 1px #ffffffe6, 0 24px 60px -36px #18285047;
}

.ev-content .ev-glass {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: linear-gradient(160deg, #fff 0%, #f7f9fd 100%);
  border: 1px solid #00000012;
  box-shadow: 0 1px 2px #00000008;
}

@media (max-width: 900px) {
  .ev-content {
    border-radius: 24px;
    padding: 18px 16px 24px;
  }
}

.ev-promo {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  display: grid;
}

body.evai a.ev-promo-banner {
  color: #fff;
  min-width: 0;
  display: block;
  position: relative;
}

.ev-promo-chip {
  width: 88px;
  height: 40px;
  color: var(--ev-ink);
  letter-spacing: .04em;
  z-index: 2;
  background: #fff;
  border: 1.5px solid #0000002e;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
}

.ev-promo-body {
  background: linear-gradient(90deg, #14264a59, #14264a0d), url(assets/media/banner-sky.jpg) 50% 40% / cover no-repeat;
  align-items: center;
  height: 136px;
  display: flex;
}

.ev-promo-text {
  color: #fff;
  text-shadow: 0 2px 18px #14264a59;
  width: 100%;
  min-width: 0;
  padding: 0 28px 0 116px;
}

.ev-promo-title {
  letter-spacing: -.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: clamp(20px, 2vw, 30px);
  font-weight: 500;
  line-height: 1.15;
  overflow: hidden;
}

.ev-promo-line {
  color: #ffffffeb;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin-top: 8px;
  font-size: clamp(13px, 1.1vw, 16px);
  font-weight: 400;
  display: flex;
}

.ev-promo-line span {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

body.evai a.ev-promo-banner:hover {
  color: #fff;
}

.ev-promo-stat {
  width: 272px;
  height: 136px;
  color: var(--ev-ink);
  background: #d3e1f9;
  border-radius: 26px;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 24px;
  display: flex;
}

@media (max-width: 1320px) and (min-width: 1181px) {
  .ev-promo {
    grid-template-columns: minmax(0, 1fr);
  }

  .ev-promo-stat {
    width: auto;
    height: auto;
    min-height: 110px;
  }
}

@media (max-width: 860px) {
  .ev-promo {
    grid-template-columns: minmax(0, 1fr);
  }

  .ev-promo-stat {
    width: auto;
    height: auto;
    min-height: 110px;
  }
}

@media (max-width: 600px) {
  .ev-promo-body {
    align-items: flex-end;
    height: auto;
    min-height: 150px;
  }

  .ev-promo-text {
    padding: 58px 20px 20px;
  }

  .ev-promo-title {
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
}

.ev-count {
  color: var(--ev-muted);
  border: 1px solid #0000001a;
  border-radius: 99px;
  margin-left: 4px;
  padding: 2px 9px;
  font-size: 12px;
  font-weight: 500;
}

.ev-seg {
  background: #fff;
  border: 1px solid #0000001f;
  border-radius: 99px;
  display: inline-flex;
  overflow: hidden;
}

body.evai .ev-seg a {
  color: var(--ev-ink);
  white-space: nowrap;
  border-left: 1px solid #0000001a;
  align-items: center;
  gap: 7px;
  padding: 9px 18px;
  font-size: 13.5px;
  font-weight: 500;
  display: inline-flex;
}

body.evai .ev-seg a:first-child {
  border-left: 0;
}

body.evai .ev-seg a span {
  color: var(--ev-muted);
  font-size: 12px;
}

body.evai .ev-seg a:hover {
  color: var(--ev-ink);
  background: #00000008;
}

body.evai .ev-seg a.is-on {
  background: #0000000e;
}

.ev-table {
  flex-direction: column;
  display: flex;
}

.ev-tr {
  border-top: 1px solid #0000000f;
  align-items: center;
  gap: 16px;
  padding: 12px 24px;
  display: grid;
}

.ev-th {
  color: var(--ev-muted);
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12.5px;
  font-weight: 400;
}

.ev-tr .r {
  text-align: right;
  justify-self: end;
}

body.evai a.ev-tr {
  color: var(--ev-ink);
}

.ev-cell-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  display: block;
  overflow: hidden;
}

.ev-cell-sub {
  color: var(--ev-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 3px;
  font-size: 12.5px;
  display: block;
  overflow: hidden;
}

.ev-cell-big {
  letter-spacing: -.02em;
  font-size: 20px;
  font-weight: 500;
}

.ev-cell-muted {
  color: var(--ev-muted);
  font-size: 13px;
}

@media (max-width: 700px) {
  .ev-tr {
    gap: 10px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .ev-th {
    display: none !important;
  }

  .ev-card-head .ev-seg {
    width: 100%;
  }

  .ev-card-head .ev-seg a {
    flex: 1;
    justify-content: center;
    padding: 9px 8px;
  }
}

body.evai a.ev-mini {
  color: var(--ev-muted);
  border: 1px solid #0000;
  border-radius: 99px;
  padding: 5px 12px;
  font-size: 12.5px;
  font-weight: 500;
}

body.evai a.ev-mini:hover {
  color: var(--ev-ink);
  background: #00000008;
}

body.evai a.ev-mini.is-on {
  color: var(--ev-ink);
  background: #0000000e;
}

.ev-bloom__petal {
  transform-box: view-box;
  transform-origin: 50%;
  animation: 3.2s ease-in-out infinite backwards ev-petal-cycle;
}

.ev-bloom__petal--1 {
  animation-delay: 0s;
}

.ev-bloom__petal--2 {
  animation-delay: .22s;
}

.ev-bloom__petal--4 {
  animation-delay: .44s;
}

.ev-bloom__petal--3 {
  animation-delay: .66s;
}

@keyframes ev-petal-cycle {
  0% {
    opacity: 0;
    transform: scale(.25);
  }

  12% {
    opacity: 1;
    transform: scale(1.06);
  }

  17% {
    transform: scale(1);
  }

  78% {
    opacity: 1;
    transform: scale(1);
  }

  90%, 100% {
    opacity: 0;
    transform: scale(.25);
  }
}

.ev-ghost {
  border: 1px solid var(--ev-line);
  background: #ffffff8c;
  position: relative;
  overflow: hidden;
}

.ev-ghost:after {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffffbf, #0000);
  animation: 1.6s ease-in-out infinite ev-shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

.ev-ghost-bar {
  background: #00000012;
  border-radius: 99px;
  height: 10px;
}

@keyframes ev-shimmer {
  100% {
    transform: translateX(100%);
  }
}

.ev-caret:after {
  content: "";
  vertical-align: -2px;
  opacity: .5;
  background: currentColor;
  width: 7px;
  height: 1em;
  margin-left: 2px;
  animation: 1s steps(2, end) infinite ev-blink;
  display: inline-block;
}

@keyframes ev-blink {
  50% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ev-bloom__petal, .ev-ghost:after, .ev-caret:after {
    animation: none;
  }
}

.ev-mhead, .ev-tabbar {
  display: none;
}

@media (max-width: 900px) {
  body.evai {
    -webkit-tap-highlight-color: transparent;
    overscroll-behavior-y: none;
  }

  .ev-main {
    gap: 10px !important;
    padding: 0 14px !important;
  }

  .ev-topbar {
    display: none !important;
  }

  .ev-mhead {
    z-index: 40;
    padding: calc(14px + env(safe-area-inset-top)) 20px 12px;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: #f4f4f3eb;
    justify-content: space-between;
    align-items: center;
    margin: 0 -14px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .ev-mhead-btn {
    width: 38px;
    height: 38px;
    color: var(--ev-ink);
    cursor: pointer;
    background: #fff;
    border: 0;
    border-radius: 99px;
    place-items: center;
    display: grid;
    box-shadow: 0 1px 3px #00000014;
  }

  .ev-content {
    box-shadow: none;
    padding: 6px 0 calc(110px + env(safe-area-inset-bottom));
    background: none;
    border: 0;
    border-radius: 0;
    gap: 14px;
    min-height: auto;
  }

  :root {
    --ev-pill-primary-bg: var(--ev-blue-glass);
    --ev-pill-primary-border: 1px solid #ffffff80;
    --ev-pill-primary-color: #fff;
    --ev-pill-primary-shadow: var(--ev-blue-glass-shadow);
    --ev-pill-secondary-bg: var(--ev-glossy-bg);
    --ev-pill-secondary-border: var(--ev-glossy-border);
    --ev-pill-secondary-shadow: var(--ev-glossy-shadow);
    --ev-pill-ghost-bg: var(--ev-glossy-bg);
    --ev-pill-ghost-border: var(--ev-glossy-border);
    --ev-orb-blue-bg: var(--ev-orb);
    --ev-orb-blue-border: 1px solid #0000000f;
    --ev-orb-blue-shadow: 0 2px 6px #0000000f, inset 0 1px 0 #fff;
    --ev-orb-color: #3a3a3a;
  }

  body.evai {
    background: var(--ev-clippa-page);
    background-image: none;
  }

  .ev-glass, .ev-content .ev-glass {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #fff;
    border: 1px solid #0000000a;
    border-radius: 24px;
    box-shadow: 0 1px 2px #00000008;
  }

  .ev-primary {
    background: var(--ev-blue-glass);
    box-shadow: var(--ev-blue-glass-shadow);
    border: 1px solid #ffffff80;
  }

  .ev-input {
    background: var(--ev-clippa-page);
    border-color: #0000;
  }

  .ev-input:focus {
    border-color: var(--ev-blue-line);
    background: #fff;
  }

  .ev-pagehead h1 {
    letter-spacing: -.03em !important;
    font-size: 30px !important;
  }

  .ev-pagehead .ev-pageicon {
    display: none;
  }

  .ev-pagehead {
    padding: 6px 2px 2px !important;
  }

  .ev-tabbar {
    z-index: 50;
    left: 14px;
    right: 14px;
    bottom: max(14px, env(safe-area-inset-bottom));
    background: var(--ev-bar);
    border: var(--ev-bar-border);
    box-shadow: var(--ev-bar-shadow);
    -webkit-backdrop-filter: blur(24px) saturate(1.5);
    backdrop-filter: blur(24px) saturate(1.5);
    border-radius: 99px;
    justify-content: space-between;
    align-items: center;
    padding: 6px;
    display: flex;
    position: fixed;
  }

  body.evai .ev-tab {
    color: #00000080;
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 99px;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 8px 15px;
    display: flex;
  }

  body.evai .ev-tab.is-on {
    color: #000;
    background: #fff;
    box-shadow: 0 4px 14px -4px #00000059;
  }

  body.evai a.ev-tab:hover, body.evai a.ev-tab:active {
    color: #00000080;
  }

  body.evai a.ev-tab.is-on:hover, body.evai a.ev-tab.is-on:active {
    color: #000;
  }

  .ev-tab-icon {
    place-items: center;
    display: grid;
    position: relative;
  }

  .ev-tab-badge {
    background: var(--ev-blue-glass);
    color: #fff;
    border-radius: 99px;
    place-items: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    font-size: 9.5px;
    font-weight: 700;
    display: grid;
    position: absolute;
    top: -6px;
    right: -10px;
  }

  .ev-tab-label {
    font-size: 9px;
    font-weight: 700;
  }

  .ev-sheet {
    z-index: 100;
    background: #00000040;
    align-items: flex-end;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .ev-sheet-panel {
    background: var(--ev-clippa-page);
    width: 100%;
    max-height: 86vh;
    padding: 8px 16px calc(18px + env(safe-area-inset-bottom));
    border-radius: 28px 28px 0 0;
    animation: .24s cubic-bezier(.2, .8, .2, 1) ev-sheet-in;
    overflow-y: auto;
  }

  .ev-sheet-grab {
    background: #0000002e;
    border-radius: 99px;
    width: 36px;
    height: 5px;
    margin: 4px auto 10px;
  }

  .ev-sheet-list {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
  }

  body.evai .ev-sheet-row {
    color: var(--ev-ink);
    border-top: 1px solid #0000000d;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    font-size: 15px;
    font-weight: 500;
    display: flex;
  }

  .ev-sheet-list > :first-child.ev-sheet-row, .ev-sheet-list > :first-child .ev-sheet-row {
    border-top: 0;
  }

  body.evai .ev-sheet-row.is-on {
    background: #00000008;
  }

  .ev-sheet-ico {
    background: var(--ev-orb);
    color: #3a3a3a;
    border: 1px solid #0000000f;
    border-radius: 99px;
    flex-shrink: 0;
    place-items: center;
    width: 34px;
    height: 34px;
    display: grid;
    box-shadow: 0 2px 6px #0000000f, inset 0 1px #fff;
  }

  @keyframes ev-sheet-in {
    from {
      transform: translateY(100%);
    }

    to {
      transform: none;
    }
  }
}

.ev-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.ev-split {
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  display: grid;
}

.ev-kanban {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 14px;
  display: grid;
}

.ev-thumbs {
  grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
  gap: 12px;
  display: grid;
}

.ev-tabs {
  border-bottom: 1px solid var(--ev-line);
  gap: 2px;
  padding: 0 6px;
  display: flex;
  overflow-x: auto;
}

body.evai .ev-tabs a {
  color: var(--ev-muted);
  white-space: nowrap;
  border-bottom: 2px solid #0000;
  margin-bottom: -1px;
  padding: 9px 12px;
  font-size: 14px;
  font-weight: 400;
}

body.evai .ev-tabs a:hover {
  color: var(--ev-ink);
}

body.evai .ev-tabs a.is-on {
  color: var(--ev-ink);
  border-bottom-color: var(--ev-ink);
  font-weight: 500;
}

@media (max-width: 1100px) {
  .ev-split {
    grid-template-columns: minmax(0, 1fr);
  }

  .ev-kanban {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .ev-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ev-kanban {
    grid-template-columns: minmax(0, 1fr);
  }
}

.ev-segctl, .ev-show-m {
  display: none;
}

@media (max-width: 900px) {
  .ev-hide-m {
    display: none !important;
  }

  .ev-show-m {
    display: inline-block;
  }

  body.evai input, body.evai textarea, body.evai select {
    font-size: 16px;
  }

  .ev-tiles {
    gap: 10px;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }

  .ev-tiles > div {
    border-radius: 20px;
    background: #fff !important;
    padding: 14px 16px !important;
  }

  .ev-chiprow {
    scrollbar-width: none;
  }

  .ev-chiprow::-webkit-scrollbar {
    display: none;
  }

  .ev-chiprow > a {
    flex-shrink: 0;
  }

  .ev-chiprow-label {
    display: none;
  }

  .ev-carousel {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    margin: 0 -18px;
    padding: 0 18px 4px;
    overflow-x: auto;
    display: flex !important;
  }

  .ev-carousel::-webkit-scrollbar {
    display: none;
  }

  .ev-carousel > * {
    scroll-snap-align: start;
    flex: 0 0 118px;
  }

  .ev-segctl {
    top: calc(64px + env(safe-area-inset-top));
    z-index: 30;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    background: #e8e8e7f0;
    border: 1px solid #7f7f7f26;
    border-radius: 99px;
    padding: 4px;
    display: flex;
    position: sticky;
  }

  .ev-segctl label {
    cursor: pointer;
    flex: 1;
  }

  .ev-segctl input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .ev-segctl span {
    text-align: center;
    color: #0000008c;
    border-radius: 99px;
    padding: 7px 4px;
    font-size: 13px;
    font-weight: 600;
    transition: background .15s;
    display: block;
  }

  .ev-segctl input:checked + span {
    color: #000;
    background: #fff;
    box-shadow: 0 4px 14px -4px #00000059;
  }

  :is(.ev-segroot:has(.ev-segctl input[value="0"]:checked) [data-mseg]:not([data-mseg="0"]), .ev-segroot:has(.ev-segctl input[value="1"]:checked) [data-mseg]:not([data-mseg="1"]), .ev-segroot:has(.ev-segctl input[value="2"]:checked) [data-mseg]:not([data-mseg="2"]), .ev-segroot:has(.ev-segctl input[value="3"]:checked) [data-mseg]:not([data-mseg="3"])) {
    display: none;
  }

  .ev-checkgrid {
    display: contents !important;
  }

  .ev-m-last {
    order: 10;
  }

  body.evai .ev-drop {
    flex-direction: column;
    justify-content: center;
    min-height: 150px;
    text-align: center !important;
    background: #fff !important;
    border: 1.5px dashed #00000024 !important;
    border-radius: 24px !important;
  }

  body.evai .ev-drop > svg {
    box-sizing: content-box;
    background: var(--ev-orb);
    color: #3a3a3a;
    border: 1px solid #0000000f;
    border-radius: 99px;
    padding: 11px;
    box-shadow: 0 2px 6px #0000000f, inset 0 1px #fff;
  }

  body.evai .ev-drop > span {
    max-width: 100%;
  }

  .ev-chat {
    height: auto !important;
    min-height: 0 !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
  }

  .ev-chat-scroll {
    padding: 4px 0 calc(90px + env(safe-area-inset-bottom)) !important;
    overflow: visible !important;
  }

  .ev-chat-form {
    z-index: 45;
    left: 14px;
    right: 14px;
    bottom: calc(max(14px, env(safe-area-inset-bottom)) + 76px);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    background: #fffffff0;
    border-radius: 26px;
    align-items: flex-end;
    position: fixed;
    box-shadow: 0 10px 30px -14px #00000040;
    border: 1px solid #0000000f !important;
    padding: 5px 5px 5px 6px !important;
  }

  .ev-chat-form textarea {
    field-sizing: content;
    min-height: 40px;
    max-height: 132px;
    resize: none !important;
    background: none !important;
    border: 0 !important;
    padding: 9px 10px !important;
  }

  body.evai .ev-chat-send {
    width: 40px;
    height: 40px !important;
    padding: 0 !important;
  }

  body.evai .ev-chat-starter {
    text-align: center;
    min-height: 34px;
    line-height: 1.3;
    white-space: normal !important;
    height: auto !important;
    padding: 7px 14px !important;
  }

  .ev-chat-error {
    z-index: 45;
    left: 24px;
    right: 24px;
    bottom: calc(max(12px, env(safe-area-inset-bottom)) + 136px);
    position: fixed;
  }
}

.ev-clipgrid {
  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
  gap: 14px;
  display: grid;
}

@media (max-width: 1100px) {
  .ev-clipreview {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 760px) {
  .ev-cliprow {
    grid-template-columns: 88px minmax(0, 1fr) !important;
  }

  .ev-cliprow > img {
    width: 88px !important;
    height: 50px !important;
  }

  .ev-cliprow > span:nth-child(n+3) {
    grid-column: 2;
    text-align: left !important;
  }

  .ev-clipcontrols {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .ev-clipgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .ev-pagehead h1 {
    letter-spacing: -.02em !important;
    font-size: 25px !important;
    font-weight: 600 !important;
  }

  .ev-pagehead p {
    font-size: 12.5px !important;
    font-weight: 500 !important;
  }

  .ev-tiles {
    gap: 8px !important;
    margin-bottom: 0 !important;
  }

  .ev-tiles > .ev-tile {
    border-radius: 18px !important;
    padding: 12px 13px !important;
  }

  .ev-tile-label {
    font-size: 11px !important;
    font-weight: 600 !important;
  }

  .ev-tile-value {
    font-size: 19px !important;
  }

  body.evai .ev-tile-sub {
    color: var(--ev-muted) !important;
    background: none !important;
    padding: 0 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
  }

  .ev-tile > div:last-child {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 2px !important;
    margin-top: 6px !important;
  }

  .ev-empty {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    gap: 8px !important;
    padding: 18px 12px 10px !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
  }

  .ev-empty > span:first-child {
    background: var(--ev-clippa-page) !important;
    width: 42px !important;
    height: 42px !important;
    box-shadow: none !important;
    color: var(--ev-muted) !important;
    border: 0 !important;
  }

  .ev-content .ev-glass {
    border-radius: 20px;
  }

  .ev-vcard {
    grid-template-columns: 78px minmax(0, 1fr);
    align-items: start;
    column-gap: 12px;
    border-radius: 20px !important;
    row-gap: 6px !important;
    padding: 12px !important;
    display: grid !important;
  }

  .ev-vcard > * {
    order: 2;
    grid-column: 1 / -1;
  }

  .ev-vcard > .ev-vcard-thumb, .ev-vcard > .ev-vcard-head, .ev-vcard > .ev-vcard-cap, .ev-vcard > .ev-vcard-tags, .ev-vcard > .ev-vcard-act {
    order: 0;
  }

  .ev-vcard > .ev-vcard-thumb {
    grid-area: 1 / 1 / span 4;
    border-radius: 12px !important;
    height: 116px !important;
  }

  .ev-vcard > .ev-vcard-head, .ev-vcard > .ev-vcard-cap, .ev-vcard > .ev-vcard-tags, .ev-vcard > .ev-vcard-act {
    grid-column: 2;
  }

  body.evai .ev-vcard-act a {
    height: 26px !important;
    padding: 0 10px !important;
    font-size: 11.5px !important;
  }

  .ev-vcard-head {
    align-items: flex-start !important;
    gap: 8px !important;
  }

  .ev-vcard-cap {
    font-size: 12.5px !important;
  }

  .ev-vcard-why {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .ev-filterbar {
    flex-direction: column;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 0 !important;
  }

  .ev-filterbar > form {
    flex: none !important;
  }

  .ev-filterbar > form .ev-input {
    background: #fff;
    height: 40px;
  }

  .ev-filterscroll {
    scrollbar-width: none;
    gap: 8px;
    margin: 0 -14px;
    padding: 0 14px;
    overflow-x: auto;
    display: flex !important;
  }

  .ev-filterscroll::-webkit-scrollbar {
    display: none;
  }

  .ev-seggroup, .ev-chiprow {
    border: 1px solid #7f7f7f26;
    flex-shrink: 0;
    background: #7f7f7f1f !important;
    border-radius: 99px !important;
    flex-wrap: nowrap !important;
    gap: 2px !important;
    padding: 3px !important;
  }

  .ev-chiprow {
    scrollbar-width: none;
    align-self: flex-start;
    max-width: 100%;
    overflow-x: auto;
    margin: 0 !important;
  }

  .ev-seggroup {
    scrollbar-width: none;
    align-self: flex-start;
    max-width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap !important;
  }

  .ev-seggroup::-webkit-scrollbar {
    display: none;
  }

  body.evai .ev-seggroup > :is(a, button), body.evai a.ev-bchip, body.evai .ev-filterrow > :is(a, button) {
    flex-shrink: 0;
    height: 30px !important;
    box-shadow: none !important;
    color: #0000008c !important;
    background: none !important;
    border: 1px solid #0000 !important;
    padding: 0 12px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
  }

  body.evai .ev-seggroup > :is(a, button):is([aria-current="true"], [style*="pill-secondary"], [style*="pill-primary"]), body.evai a.ev-bchip.is-on, body.evai .ev-filterrow > :is(a, button):is([style*="pill-secondary"], [style*="pill-primary"]) {
    color: #000 !important;
    background: #fff !important;
    box-shadow: 0 4px 14px -4px #0000004d !important;
  }

  .ev-filterrow {
    scrollbar-width: none;
    overflow-x: auto;
    flex-wrap: nowrap !important;
    gap: 2px !important;
    margin: 0 -14px !important;
    padding: 3px 14px !important;
  }

  .ev-filterrow::-webkit-scrollbar {
    display: none;
  }

  .ev-filterrow > span {
    color: var(--ev-faint);
    flex-shrink: 0;
    padding: 0 4px 0 12px;
    font-weight: 600;
  }

  body.evai a.ev-seclink {
    color: var(--ev-muted) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
  }

  .ev-mstack > div {
    min-width: 0 !important;
  }

  .ev-mstack .ev-table-head {
    display: none !important;
  }

  .ev-mstack .ev-row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 3px !important;
    padding: 12px 16px !important;
  }

  .ev-mstack .ev-row > :not(:first-child) {
    color: var(--ev-muted);
    font-size: 12px;
  }

  .ev-mstack .ev-row > :first-child {
    margin-bottom: 2px;
  }

  .ev-pagehead > div + div {
    scrollbar-width: none;
    max-width: calc(100% + 16px);
    margin-right: -16px;
    padding-right: 16px;
    overflow-x: auto;
    flex-wrap: nowrap !important;
    flex-shrink: 1 !important;
  }

  .ev-pagehead > div + div::-webkit-scrollbar {
    display: none;
  }

  .ev-pagehead > div + div > * {
    flex-shrink: 0;
  }
}

@media (max-width: 1000px) {
  .ev-brief-extra {
    display: none;
  }
}

@media (max-width: 760px) {
  .ev-clipstrip {
    padding-left: 18px !important;
  }
}

@media (max-width: 1000px) {
  .ev-accprof {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

.ev-strip::-webkit-scrollbar {
  display: none;
}

@media (max-width: 760px) {
  .ev-acctiles {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.ev-growth-line {
  stroke-dasharray: 1;
  stroke-dashoffset: 1px;
  animation: 1.1s cubic-bezier(.3, .7, .2, 1) forwards ev-growth-draw;
}

.ev-growth-area {
  opacity: 0;
  animation: .8s ease-out .5s forwards ev-growth-fade;
}

.ev-growth-dot {
  opacity: 0;
  animation: .3s ease-out 1s forwards ev-growth-fade;
}

.ev-growth-pulse {
  transform-box: fill-box;
  transform-origin: center;
  animation: 2.2s ease-in-out 1.2s infinite ev-growth-pulse;
}

@keyframes ev-growth-draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes ev-growth-fade {
  to {
    opacity: 1;
  }
}

@keyframes ev-growth-pulse {
  0%, 100% {
    opacity: .18;
    transform: scale(1);
  }

  50% {
    opacity: 0;
    transform: scale(1.7);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ev-growth-line {
    stroke-dashoffset: 0;
    animation: none;
  }

  .ev-growth-area, .ev-growth-dot {
    opacity: 1;
    animation: none;
  }

  .ev-growth-pulse {
    animation: none;
  }
}

.ev-acc-thema {
  --acc-line-1: #6f96e8;
  --acc-line-2: #6f96e8;
  --acc-line-3: #6f96e8;
  --acc-fill: #6f96e8;
  --acc-heat: var(--ev-p-blue-deep);
  --acc-sel-bg: var(--ev-blue-bg);
  --acc-sel-line: var(--ev-blue-line);
  --acc-sel-shadow: #2f6fed73;
}

.ev-content:has(.ev-acc-thema) {
  background: #f3f5f9;
}

.ev-acc-thema .ev-glass {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 26px;
  background: #fff !important;
  border: 0 !important;
  box-shadow: 0 18px 40px -26px #1c285038, 0 2px 8px -6px #1c285014 !important;
}

.ev-acc-thema .ev-acc-tile {
  background: #fff !important;
  border: 0 !important;
  box-shadow: 0 12px 30px -22px #1c285040, 0 1px 4px -3px #1c285014 !important;
}

.ev-acc-thema .ev-acc-tile[aria-current="true"] {
  background: var(--acc-sel-bg) !important;
  box-shadow: 0 14px 30px -20px var(--acc-sel-shadow) !important;
}

.ev-acc-thema .ev-acc-row {
  border-radius: 14px;
  border-top: 0 !important;
}

.ev-acc-thema .ev-acc-row:hover {
  background: #f5f7fb;
}

:root {
  --ev-up: #22bf78;
  --ev-down: #e0344b;
}

@property --ev-ring {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

.ev-ring {
  background: conic-gradient(var(--ev-p-blue) 0 calc(var(--ev-ring) * 3.6deg), #00000012 calc(var(--ev-ring) * 3.6deg) 360deg);
  animation: 1.1s cubic-bezier(.3, .7, .2, 1) .2s backwards ev-ring-fill;
}

@keyframes ev-ring-fill {
  from {
    --ev-ring: 0;
  }
}

@keyframes ev-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
}

@keyframes ev-pop {
  from {
    opacity: 0;
    transform: scale(.92);
  }
}

.ev-acc-thema .ev-acctiles > *, .ev-acc-thema .ev-kpis > *, .ev-acc-thema .ev-glass, .ev-acc-thema .ev-acc-row, .ev-acc-thema .ev-strip > * {
  animation: .55s cubic-bezier(.2, .7, .2, 1) backwards ev-rise;
}

.ev-acc-thema .ev-acctiles > :nth-child(2), .ev-acc-thema .ev-kpis > :nth-child(2) {
  animation-delay: 50ms;
}

.ev-acc-thema .ev-acctiles > :nth-child(3), .ev-acc-thema .ev-kpis > :nth-child(3) {
  animation-delay: .1s;
}

.ev-acc-thema .ev-acctiles > :nth-child(4), .ev-acc-thema .ev-kpis > :nth-child(4) {
  animation-delay: .15s;
}

.ev-acc-thema .ev-acctiles > :nth-child(n+5) {
  animation-delay: .2s;
}

.ev-acc-thema .ev-acc-row:nth-child(2) {
  animation-delay: .15s;
}

.ev-acc-thema .ev-acc-row:nth-child(3) {
  animation-delay: .2s;
}

.ev-acc-thema .ev-acc-row:nth-child(4) {
  animation-delay: .25s;
}

.ev-acc-thema .ev-acc-row:nth-child(n+5) {
  animation-delay: .3s;
}

.ev-acc-thema .ev-strip > :nth-child(2) {
  animation-delay: 60ms;
}

.ev-acc-thema .ev-strip > :nth-child(3) {
  animation-delay: .12s;
}

.ev-acc-thema .ev-strip > :nth-child(4) {
  animation-delay: .18s;
}

.ev-acc-thema .ev-strip > :nth-child(5) {
  animation-delay: .24s;
}

.ev-acc-thema .ev-strip > :nth-child(n+6) {
  animation-delay: .3s;
}

.ev-heat-cell, .ev-pop {
  animation: .4s cubic-bezier(.2, .7, .2, 1) backwards ev-pop;
}

.ev-acc-thema .ev-acc-tile, .ev-acc-thema .ev-acc-row, .ev-acc-thema .ev-strip > a, .ev-acc-thema .ev-strip > button {
  transition: transform .18s, box-shadow .18s;
}

.ev-acc-thema .ev-acc-tile:hover, .ev-acc-thema .ev-strip > a:hover, .ev-acc-thema .ev-strip > button:hover {
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .ev-ring, .ev-heat-cell, .ev-pop, .ev-acc-thema .ev-acctiles > *, .ev-acc-thema .ev-kpis > *, .ev-acc-thema .ev-glass, .ev-acc-thema .ev-acc-row, .ev-acc-thema .ev-strip > * {
    animation: none;
  }

  .ev-acc-thema .ev-acc-tile:hover, .ev-acc-thema .ev-strip > a:hover, .ev-acc-thema .ev-strip > button:hover {
    transform: none;
  }
}

.ev-home {
  container-type: inline-size;
}

.ev-say {
  animation: .7s cubic-bezier(.2, .7, .2, 1) backwards ev-rise;
}

.ev-ov {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  margin-top: 14px;
  display: grid;
}

.ev-ov-top {
  grid-template-columns: minmax(0, 1fr) minmax(250px, 300px);
  align-items: stretch;
  gap: 14px;
  display: grid;
}

.ev-ov-voice {
  background: radial-gradient(120% 140% at 100% 0%, var(--ev-blue-bg) 0%, #d6e4ff00 55%), #fff;
  border-radius: 24px;
  align-content: start;
  gap: 12px;
  padding: 20px 24px 22px;
  animation: .55s cubic-bezier(.2, .7, .2, 1) backwards ev-rise;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 40px -26px #1c285038, 0 2px 8px -6px #1c285014;
}

.ev-ov-lead {
  letter-spacing: -.01em;
  max-width: 70ch;
  color: var(--ev-ink);
  text-wrap: pretty;
  margin: 0;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.45;
}

.ev-ov-bubble {
  color: #0b0d12b8;
  text-wrap: pretty;
  background: #0b0d120b;
  border-radius: 16px 16px 16px 6px;
  justify-self: start;
  max-width: 74ch;
  margin: 0;
  padding: 11px 15px;
  font-size: 14px;
  line-height: 1.6;
}

.ev-ov-ask {
  color: var(--ev-ink);
  background: var(--ev-blue-soft-bg);
  border: 1px solid var(--ev-blue-line);
  border-radius: 99px;
  flex-shrink: 0;
  margin-left: auto;
  padding: 6px 12px;
  font-size: 12.5px;
  font-weight: 500;
  text-decoration: none;
  transition: background .15s;
}

.ev-ov-ask:hover {
  background: var(--ev-blue-bg);
}

.ev-ov-stats {
  background: #fff;
  border-radius: 24px;
  grid-template-rows: repeat(4, minmax(0, 1fr));
  padding: 4px 18px;
  animation: .55s cubic-bezier(.2, .7, .2, 1) 80ms backwards ev-rise;
  display: grid;
  box-shadow: 0 18px 40px -26px #1c285038, 0 2px 8px -6px #1c285014;
}

.ev-ov-stat {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 10px 0;
  display: flex;
}

.ev-ov-stat + .ev-ov-stat {
  border-top: 1px solid #0000000f;
}

.ev-ov-head {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 0 4px;
  display: flex;
}

.ev-ov-title {
  font-size: 15px;
  font-weight: 600;
}

.ev-ov-legend {
  flex-wrap: wrap;
  gap: 6px;
  display: inline-flex;
}

.ev-ov-moments {
  grid-template-columns: repeat(var(--cols, 2), minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.ev-ov-pair {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  display: grid;
}

.ev-ov-day {
  color: var(--ev-muted);
  padding: 10px 8px 3px;
  font-size: 11.5px;
  font-weight: 600;
}

.ev-ov-day:first-letter {
  text-transform: uppercase;
}

.ev-ov-row {
  border-radius: 12px;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  transition: background .15s;
  display: grid;
}

.ev-moment-open:hover .ev-ov-row, a:hover > .ev-ov-row {
  background: #f5f7fb;
}

.ev-ov-thumb {
  object-fit: cover;
  border-radius: 8px;
  place-items: center;
  width: 34px;
  height: 46px;
  display: grid;
}

.ev-tag {
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 99px;
  flex-shrink: 0;
  align-items: center;
  padding: 1px 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  display: inline-flex;
}

.ev-tag-own {
  background: var(--ev-blue-soft-bg);
  color: var(--ev-blue-soft-text);
  border-color: #2f6fed29;
}

.ev-tag-comp {
  background: color-mix(in srgb, var(--ev-p-peach) 28%, white);
  color: var(--ev-amber);
  border-color: color-mix(in srgb, var(--ev-p-peach) 55%, transparent);
}

.ev-tag-trend {
  background: var(--ev-ok-bg);
  color: var(--ev-green);
  border-color: var(--ev-ok-border);
}

.ev-moment {
  box-sizing: border-box;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 16px;
  height: 100%;
  padding: 12px 16px 12px 12px;
  display: grid;
}

.ev-moment-media {
  aspect-ratio: 9 / 14;
  background: #0000000f;
  border-radius: 14px;
  display: block;
  position: relative;
  overflow: hidden;
}

.ev-moment-trend {
  aspect-ratio: 1;
  background: var(--ev-blue-bg);
  color: var(--ev-ink);
  place-items: center;
  display: grid;
}

.ev-moment-play {
  width: 24px;
  height: 24px;
  color: var(--ev-ink);
  background: #ffffffe6;
  border-radius: 99px;
  place-items: center;
  display: grid;
  position: absolute;
  top: 8px;
  right: 8px;
}

.ev-moment-media img {
  transition: transform .35s;
}

.ev-moment-open {
  border-radius: 22px;
  outline: none;
}

.ev-ov-moments > .ev-moment-open {
  height: 100%;
}

.ev-moment-open:focus-visible {
  box-shadow: 0 0 0 2px var(--ev-blue-line);
}

.ev-moment-open:hover .ev-moment-media img {
  transform: scale(1.04);
}

.ev-clamp-2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.ev-clamp-3 {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.ev-home-todo {
  color: var(--ev-ink);
  border-radius: 14px;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 12px;
  margin: 0 -8px;
  padding: 11px 8px;
  text-decoration: none;
  transition: background .15s;
  display: grid;
}

.ev-home-todo + .ev-home-todo {
  border-top: 1px solid #0000000d;
}

.ev-home-todo:hover {
  background: #f5f7fb;
}

@container (max-width: 1040px) {
  .ev-ov-moments {
    grid-template-columns: repeat(min(var(--cols, 2), 2), minmax(0, 1fr));
  }

  .ev-ov-moments > :last-child:nth-child(odd):not(:first-child) {
    grid-column: 1 / -1;
  }
}

@container (max-width: 640px) {
  .ev-ov-moments {
    grid-template-columns: minmax(0, 1fr);
  }
}

@container (max-width: 880px) {
  .ev-ov-top, .ev-ov-pair {
    grid-template-columns: minmax(0, 1fr);
  }

  .ev-ov-stats {
    grid-template-rows: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 18px;
  }

  .ev-ov-stat + .ev-ov-stat {
    border-top: 0;
  }

  .ev-ov-stat:nth-child(n+3) {
    border-top: 1px solid #0000000f;
  }
}

@media (max-width: 760px) {
  .ev-ov-voice {
    border-radius: 22px;
    padding: 18px 18px 20px;
  }

  .ev-ov-lead {
    font-size: 17.5px;
  }

  .ev-ov-bubble {
    font-size: 13.5px;
  }

  .ev-moment {
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 12px;
    padding: 10px 12px 10px 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ev-ov-voice, .ev-ov-stats, .ev-say {
    animation: none;
  }

  .ev-moment-open:hover .ev-moment-media img {
    transform: none;
  }
}

.ev-set-tabs {
  z-index: 15;
  box-shadow: 0 8px 24px -16px #1c28504d, 0 0 0 1px var(--ev-line);
  scrollbar-width: none;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #ffffffeb;
  border-radius: 16px;
  gap: 4px;
  padding: 5px;
  display: flex;
  position: sticky;
  top: 8px;
  overflow-x: auto;
}

.ev-set-tabs::-webkit-scrollbar {
  display: none;
}

.ev-set-tabs button {
  font: inherit;
  color: var(--ev-muted);
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 11px;
  padding: 8px 13px;
  font-size: 13.5px;
  font-weight: 500;
}

.ev-set-tabs button:hover {
  color: var(--ev-ink);
  background: #0000000a;
}

.ev-set-tabs button.is-on {
  color: var(--ev-ink);
  background: var(--ev-blue-bg);
  font-weight: 600;
}

.ev-set-tabs button:focus-visible {
  outline: 2px solid var(--ev-blue-line);
  outline-offset: 1px;
}

.ev-set-tabs-sep {
  background: var(--ev-line);
  flex-shrink: 0;
  width: 1px;
  margin: 6px 4px;
}

.ev-set-overview {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 14px;
  display: grid;
}

.ev-typegrid {
  border-top: 1px solid var(--ev-line);
  grid-template-columns: 220px repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
  padding: 12px 0;
  display: grid;
}

.ev-typegrid-head {
  z-index: 5;
  background: inherit;
  border-top: 0;
  padding: 10px 0 8px;
  position: sticky;
  top: 64px;
}

.ev-typegrid-label {
  color: var(--ev-muted);
  font-size: 11.5px;
  font-weight: 600;
  display: none;
}

@media (max-width: 1000px) {
  .ev-set-overview {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .ev-typegrid {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .ev-typegrid-head {
    display: none;
  }

  .ev-typegrid-label {
    display: block;
  }
}

.ev-wf-lanes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
  display: grid;
}

.ev-wf-row {
  max-width: 760px;
}

.ev-wf-chain {
  gap: 0;
  min-width: 0;
  display: grid;
}

.ev-wf-arrow {
  height: 26px;
  color: var(--ev-muted);
  place-items: center;
  display: grid;
}

@media (max-width: 1100px) {
  .ev-wf-lanes {
    grid-template-columns: minmax(0, 1fr);
  }
}

.ev-infra-flow {
  align-items: stretch;
  gap: 6px;
  display: flex;
}

.ev-infra-flow > .ev-glass {
  flex: 1 1 0;
}

.ev-infra-arrow {
  color: var(--ev-muted);
  flex: 0 0 22px;
  place-items: center;
  display: grid;
}

.ev-infra-workers {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr));
  align-items: start;
  gap: 14px;
  display: grid;
}

.ev-infra-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
  align-items: start;
  gap: 12px;
  display: grid;
}

@media (max-width: 1000px) {
  .ev-infra-flow {
    flex-direction: column;
  }

  .ev-infra-arrow {
    flex-basis: 22px;
    transform: rotate(90deg);
  }
}

.ev-jobs-row {
  border-top: 1px solid var(--ev-line);
  grid-template-columns: 150px 190px minmax(0, 1.4fr) 84px 84px minmax(0, 1.6fr);
  align-items: start;
  gap: 14px;
  padding: 12px 18px;
  display: grid;
}

.ev-jobs-head {
  color: var(--ev-muted);
  border-top: 0;
  padding: 8px 18px;
  font-size: 11.5px;
  font-weight: 600;
}

@media (max-width: 1100px) {
  .ev-jobs-row {
    grid-template-columns: minmax(0, 1fr) 70px 70px;
  }

  .ev-jobs-row > :nth-child(2), .ev-jobs-row > :nth-child(3), .ev-jobs-row > :nth-child(6) {
    grid-column: 1 / -1;
  }

  .ev-jobs-head {
    display: none;
  }
}

.ev-va-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

@media (max-width: 760px) {
  .ev-va-two {
    grid-template-columns: minmax(0, 1fr);
  }
}

.ev-kpis5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

@media (max-width: 1200px) {
  .ev-kpis5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .ev-kpis5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ev-flow {
  stroke-dasharray: 6 10;
  animation: 1.2s linear infinite ev-flow;
}

@keyframes ev-flow {
  to {
    stroke-dashoffset: -32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ev-flow {
    animation: none;
  }
}

.ev-setting-row {
  border-top: 1px solid var(--ev-line);
  grid-template-columns: 230px minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  padding: 12px 0;
  display: grid;
}

.ev-set-layout {
  grid-template-columns: 196px minmax(0, 1fr);
  align-items: start;
  gap: 24px;
  display: grid;
}

.ev-set-index {
  gap: 1px;
  max-height: calc(100vh - 32px);
  display: grid;
  position: sticky;
  top: 16px;
  overflow-y: auto;
}

.ev-set-index a {
  color: var(--ev-ink);
  border-radius: 10px;
  gap: 8px;
  padding: 6px 10px;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.ev-set-index a:hover {
  background: #0000000a;
}

.ev-set-index a span {
  width: 18px;
  color: var(--ev-muted);
  flex-shrink: 0;
}

.ev-set-matrix {
  border-top: 1px solid var(--ev-line);
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  display: grid;
}

.ev-set-section {
  border-top: 1px solid var(--ev-line);
  gap: 12px;
  padding-top: 18px;
  scroll-margin-top: 16px;
  display: grid;
}

.ev-toggle {
  cursor: pointer;
  background: #00000026;
  border: 0;
  border-radius: 99px;
  flex-shrink: 0;
  justify-content: flex-start;
  width: 40px;
  height: 24px;
  padding: 2px;
  transition: background .2s;
  display: flex;
}

.ev-toggle[data-on="1"] {
  background: var(--ev-toggle-on);
  justify-content: flex-end;
}

.ev-toggle:disabled {
  cursor: default;
  opacity: .6;
}

.ev-toggle:focus-visible {
  outline: 2px solid var(--ev-blue-line);
  outline-offset: 2px;
}

.ev-toggle span {
  background: #fff;
  border-radius: 99px;
  width: 20px;
  height: 20px;
  box-shadow: 0 1px 3px #00000040;
}

@media (max-width: 1100px) {
  .ev-set-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .ev-set-index {
    flex-wrap: wrap;
    gap: 4px;
    max-height: none;
    display: flex;
    position: static;
  }

  .ev-set-index > div {
    display: none;
  }

  .ev-set-index a {
    border: 1px solid var(--ev-line);
    border-radius: 99px;
    padding: 4px 10px;
    font-size: 12.5px;
  }
}

@media (max-width: 760px) {
  .ev-setting-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .ev-set-matrix {
    gap: 6px;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .ev-set-matrix .ev-set-matrix-head {
    display: none;
  }
}

.ev-review-btn {
  border: 1px solid var(--ev-line);
  width: 30px;
  height: 30px;
  color: var(--ev-ink);
  cursor: pointer;
  background: #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ev-review-btn[data-kind="ok"] {
  background: var(--ev-ink);
  color: #fff;
  border-color: var(--ev-ink);
}

.ev-review-btn:disabled {
  opacity: .5;
  cursor: default;
}

@media (max-width: 760px) {
  .ev-video-modal {
    grid-template-columns: minmax(0, 1fr) !important;
    overflow-y: auto !important;
  }
}

.ev-newversion {
  z-index: 60;
  white-space: nowrap;
  border: 1px solid var(--ev-line);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  color: var(--ev-ink);
  background: #ffffffeb;
  border-radius: 99px;
  align-items: center;
  gap: 10px;
  padding: 6px 6px 6px 16px;
  display: flex;
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 12px 32px -12px #0b0d1259;
}

@media (max-width: 760px) {
  .ev-newversion {
    bottom: calc(max(14px, env(safe-area-inset-bottom)) + 76px);
  }
}

@media print {
  @page {
    size: A4;
    margin: 14mm 12mm;
  }

  html, body {
    background: #fff !important;
  }

  .ev-sidebar, .ev-tabbar, .ev-main > :not(.ev-content), .ev-noprint, .ev-pagehead {
    display: none !important;
  }

  .ev-main {
    padding: 0 !important;
  }

  :is(.ev-content, .ev-content:has(.ev-acc-thema)) {
    background: #fff !important;
  }

  .ev-report, .ev-report * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    transition: none !important;
    animation: none !important;
  }

  .ev-report .ev-glass {
    break-inside: avoid;
    box-shadow: none !important;
    border: 1px solid #e6e8ee !important;
  }

  .ev-report h2 {
    break-after: avoid;
  }

  .ev-report .ev-strip {
    flex-wrap: wrap;
    overflow: visible !important;
  }

  .ev-report .ev-kpis > * {
    break-inside: avoid;
  }
}

.evr-doc {
  --evr-paper: #f7f5f0;
  --evr-night: #13151a;
  --evr-chalk: #f3f1ea;
  width: 100%;
  max-width: 1200px;
  color: var(--ev-ink);
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.55;
  container: evr / inline-size;
}

@media (min-width: 901px) {
  .ev-content:has(.evr-doc) {
    background: #e9ebef;
  }
}

.evr-a-blue {
  --evr-a: var(--ev-p-blue);
  --evr-a-deep: #6f96e8;
  --evr-a-soft: #e4ecfa;
  --evr-a-ink: #2c4a8c;
}

.evr-a-green {
  --evr-a: var(--ev-p-green);
  --evr-a-deep: #6fb788;
  --evr-a-soft: #e3f1e7;
  --evr-a-ink: #23643b;
}

.evr-a-violet {
  --evr-a: var(--ev-p-lilac);
  --evr-a-deep: #9a88e2;
  --evr-a-soft: #ece8fa;
  --evr-a-ink: #4f3e9a;
}

.evr-a-amber {
  --evr-a: var(--ev-p-peach);
  --evr-a-deep: #e0a25a;
  --evr-a-soft: #f8eddc;
  --evr-a-ink: #7c5210;
}

.evr-a-coral {
  --evr-a: #f2b9a9;
  --evr-a-deep: #e4907b;
  --evr-a-soft: #fae9e4;
  --evr-a-ink: #923f2e;
}

.evr-a-teal {
  --evr-a: #a4d6d1;
  --evr-a-deep: #6bb7b1;
  --evr-a-soft: #e1f1ef;
  --evr-a-ink: #1d6560;
}

.evr-light, .evr-tint, .evr-onband {
  --evr-fg: var(--ev-ink);
  --evr-body: #0b0d12c7;
  --evr-muted: #0b0d128c;
  --evr-line: #0b0d121f;
  --evr-rule: #0b0d12d9;
  --evr-border: #0b0d12cc;
  --evr-chip: #0b0d124d;
  --evr-wash: #0b0d120d;
  --evr-track: #0b0d1214;
  --evr-kick: var(--evr-a-ink);
  --evr-band: var(--evr-a);
  --evr-mark: var(--evr-a-deep);
  --evr-big: var(--ev-ink);
}

.evr-light {
  --evr-bg: var(--evr-paper);
}

.evr-tint {
  --evr-bg: var(--evr-a-soft);
  --evr-wash: #fff9;
  --evr-track: #0b0d121a;
}

.evr-dark {
  --evr-bg: var(--evr-night);
  --evr-fg: var(--evr-chalk);
  --evr-body: #f3f1eacc;
  --evr-muted: #f3f1ea8f;
  --evr-line: #f3f1ea29;
  --evr-rule: #f3f1ea9e;
  --evr-border: #f3f1ea57;
  --evr-chip: #f3f1ea5c;
  --evr-wash: #f3f1ea12;
  --evr-track: #f3f1ea21;
  --evr-kick: var(--evr-a);
  --evr-band: var(--evr-a);
  --evr-mark: var(--evr-a);
  --evr-big: var(--evr-a);
}

.evr-onband {
  --evr-bg: var(--evr-a);
  --evr-kick: #0b0d129e;
  --evr-wash: #fff6;
  --evr-mark: var(--ev-ink);
  --evr-big: var(--ev-ink);
  color: var(--ev-ink);
}

.evr-field {
  border: 1px dashed var(--evr-chip);
  background: var(--evr-wash);
  width: 100%;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  resize: none;
  field-sizing: content;
  border-radius: 4px;
  outline: none;
  min-height: calc(1lh + 8px);
  margin: 0;
  padding: 3px 6px;
  display: block;
}

@supports not (field-sizing: content) {
  .evr-field {
    resize: vertical;
  }
}

.evr-field:focus {
  border-style: solid;
  border-color: var(--evr-fg);
}

.evr-field::placeholder {
  color: var(--evr-muted);
}

.evr-doc.is-edit .evr-field {
  columns: auto;
  max-width: none;
}

.evr-doc.is-edit :is(.evr-cmp-top, .evr-step-top, .evr-pt-top) {
  flex-wrap: wrap;
}

.evr-doc.is-edit :is(.evr-cmp-top, .evr-step-top, .evr-pt-top) .evr-field {
  flex: 120px;
  width: auto;
}

.evr-rm {
  z-index: 3;
  width: 20px;
  height: 20px;
  color: var(--ev-ink);
  cursor: pointer;
  background: #fff;
  border: 1px solid #0b0d1238;
  border-radius: 99px;
  place-items: center;
  padding: 0;
  display: grid;
  position: absolute;
  top: -9px;
  right: -9px;
  box-shadow: 0 1px 3px #10182829;
}

.evr-rm:hover {
  border-color: var(--ev-ink);
}

.evr-block > .evr-rm {
  border: 1.5px solid var(--ev-ink);
  width: 24px;
  height: 24px;
  top: -24px;
  right: -12px;
}

.evr-layout {
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  display: grid;
}

.evr-sheets, .evr-group {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  min-width: 0;
  display: grid;
}

.evr-rail {
  display: none;
}

body.evai .evr-doc a {
  color: inherit;
  text-decoration: none;
}

@container evr (min-width: 880px) {
  .evr-layout {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .evr-rail {
    align-self: start;
    justify-items: center;
    gap: 10px;
    display: grid;
    position: sticky;
    top: 76px;
  }
}

.evr-rail-part {
  border-top: 1px solid #0b0d1224;
  gap: 2px;
  padding-top: 10px;
  display: grid;
}

.evr-rail a {
  letter-spacing: .04em;
  font-variant-numeric: tabular-nums;
  border-radius: 8px;
  place-items: center;
  width: 34px;
  height: 26px;
  font-size: 11px;
  font-weight: 500;
  transition: background .15s, color .15s;
  display: grid;
  position: relative;
}

body.evai .evr-rail a {
  color: #0b0d1275;
}

body.evai .evr-rail a:hover {
  color: var(--ev-ink);
  background: #0b0d120f;
}

body.evai .evr-rail a.is-on {
  color: var(--ev-ink);
  background: #fff;
  font-weight: 600;
  box-shadow: 0 1px 2px #1018281a;
}

.evr-rail a span {
  z-index: 6;
  background: var(--ev-ink);
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  transition: opacity .12s;
  position: absolute;
  top: 50%;
  left: calc(100% + 8px);
  transform: translateY(-50%);
}

.evr-rail a:hover span, .evr-rail a:focus-visible span {
  opacity: 1;
}

.evr-sheet {
  background: var(--evr-bg);
  min-width: 0;
  color: var(--evr-fg);
  border-radius: 4px;
  flex-direction: column;
  padding: clamp(20px, 5.2cqi, 56px) clamp(18px, 6cqi, 68px) clamp(16px, 2.6cqi, 26px);
  scroll-margin-top: 76px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d, 0 20px 44px -32px #1018284d;
}

.evr-frame {
  border-bottom: 1px solid var(--evr-rule);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-bottom: 14px;
  display: flex;
}

.evr-frame-brand {
  display: inline-flex;
}

.evr-frame-label {
  text-align: right;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--evr-muted);
  align-items: baseline;
  gap: 14px;
  font-size: 10.5px;
  font-weight: 500;
  display: inline-flex;
}

.evr-frame-label b {
  color: var(--evr-fg);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.evr-foot {
  border-top: 1px solid var(--evr-rule);
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--evr-muted);
  font-variant-numeric: tabular-nums;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  margin-top: auto;
  padding-top: 12px;
  font-size: 10.5px;
  font-weight: 500;
  display: flex;
}

.evr-foot-right {
  white-space: nowrap;
  align-items: baseline;
  gap: 18px;
  display: inline-flex;
}

.evr-foot-next {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

body.evai .evr-doc a.evr-foot-next {
  color: var(--evr-fg);
}

.evr-eyebrow {
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--evr-kick);
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.5;
}

.evr-kicker {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--evr-kick);
  margin-bottom: 14px;
  font-size: 11px;
  font-weight: 600;
}

.evr-n {
  letter-spacing: .08em;
  color: var(--evr-kick);
  font-variant-numeric: tabular-nums;
  font-size: 11px;
  font-weight: 600;
}

.evr-note {
  color: var(--evr-muted);
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.evr-p {
  color: var(--evr-body);
  text-wrap: pretty;
  max-width: 44em;
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
}

.evr-p + .evr-p {
  margin-top: .9em;
}

.evr-intro {
  margin-bottom: 18px;
}

.evr-span {
  grid-column: 1 / -1;
}

.evr-handle {
  letter-spacing: -.01em;
  font-size: 15px;
  font-weight: 600;
}

.evr-tag {
  background: var(--ev-p-grey);
  color: var(--ev-ink);
  letter-spacing: .1em;
  text-transform: uppercase;
  border-radius: 99px;
  align-items: center;
  padding: 2px 9px;
  font-size: 10.5px;
  font-weight: 600;
  display: inline-flex;
}

.evr-kind-keep {
  background: var(--ev-p-green);
}

.evr-kind-change {
  background: var(--ev-p-peach);
}

.evr-kind-test {
  background: var(--ev-p-blue);
}

.evr-kind-stop {
  background: var(--ev-p-rose);
}

.evr-head {
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
  padding-top: clamp(26px, 5cqi, 52px);
  display: grid;
}

.evr-head.has-hero {
  grid-template-columns: minmax(0, 1fr) clamp(120px, 19cqi, 190px);
  align-items: start;
}

.evr-title {
  text-wrap: balance;
  margin: 0;
  font-weight: 600;
}

.evr-title.is-xl {
  letter-spacing: -.042em;
  max-width: 15em;
  font-size: clamp(32px, 6.6cqi, 64px);
  line-height: 1.01;
}

.evr-title.is-l {
  letter-spacing: -.038em;
  max-width: 18em;
  font-size: clamp(28px, 5.2cqi, 50px);
  line-height: 1.04;
}

.evr-title.is-m {
  letter-spacing: -.034em;
  max-width: 22em;
  font-size: clamp(24px, 4.1cqi, 39px);
  line-height: 1.08;
}

.evr-title.is-s {
  letter-spacing: -.03em;
  max-width: 26em;
  font-size: clamp(21px, 3.4cqi, 32px);
  line-height: 1.12;
}

.evr-lead {
  letter-spacing: -.006em;
  color: var(--evr-body);
  text-wrap: pretty;
  max-width: 38em;
  margin: 20px 0 0;
  font-size: clamp(16px, 2cqi, 19px);
  line-height: 1.5;
}

.evr-lead.is-long {
  letter-spacing: 0;
  columns: 2 300px;
  column-gap: 40px;
  max-width: none;
  font-size: 15px;
  line-height: 1.65;
}

.evr-lead-rest {
  color: var(--evr-body);
  columns: 2 300px;
  text-wrap: pretty;
  column-gap: 40px;
  margin: 16px 0 0;
  font-size: 14.5px;
  line-height: 1.66;
}

.evr-blocks {
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(34px, 5cqi, 56px);
  min-width: 0;
  margin: clamp(34px, 5cqi, 56px) 0 clamp(36px, 6cqi, 64px);
  display: grid;
}

.evr-block {
  min-width: 0;
  position: relative;
}

.evr-b-empty {
  border: 1px dashed var(--evr-chip);
  border-radius: 4px;
  padding: 12px 14px;
}

.evr-bt {
  border-top: 1px solid var(--evr-rule);
  letter-spacing: .13em;
  text-transform: uppercase;
  margin: 0 0 18px;
  padding-top: 12px;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.5;
}

.evr-statement {
  letter-spacing: -.028em;
  text-wrap: balance;
  max-width: 30em;
  margin: 0 0 18px;
  font-size: clamp(19px, 2.9cqi, 27px);
  font-weight: 600;
  line-height: 1.16;
}

.evr-prose {
  color: var(--evr-body);
  font-size: 15.5px;
  line-height: 1.68;
}

.evr-prose > p {
  text-wrap: pretty;
  max-width: 42em;
  margin: 0;
}

.evr-prose > p + p {
  margin-top: 1em;
}

.evr-prose.is-lead {
  letter-spacing: -.012em;
  color: var(--evr-fg);
  font-size: clamp(18px, 2.5cqi, 22px);
  line-height: 1.45;
}

.evr-prose.is-lead > p {
  max-width: 34em;
}

.evr-prose.is-columns {
  columns: 2 280px;
  column-gap: 44px;
}

.evr-prose.is-columns > p {
  max-width: none;
}

.evr-ref {
  border: 1px solid var(--evr-chip);
  letter-spacing: 0;
  white-space: nowrap;
  color: var(--evr-fg);
  font-variant-numeric: tabular-nums;
  border-radius: 99px;
  align-items: center;
  gap: 4px;
  margin: 0 1px;
  padding: 0 7px 0 6px;
  font-size: .8em;
  font-weight: 500;
  line-height: 1.55;
  transition: background .15s;
  display: inline-flex;
  position: relative;
  top: -.06em;
}

.evr-ref-open:hover .evr-ref {
  background: var(--evr-wash);
}

.evr-vid {
  text-align: left;
  flex: none;
  min-width: 0;
  display: block;
}

.evr-vid-xs {
  width: 58px;
}

.evr-vid-sm {
  width: 84px;
}

.evr-vid-md {
  width: 112px;
}

.evr-vid-lg {
  width: clamp(124px, 21cqi, 196px);
}

.evr-vid-fill {
  width: 100%;
}

.evr-thumb {
  aspect-ratio: 9 / 16;
  background: var(--evr-wash);
  border-radius: 6px;
  display: block;
  position: relative;
  overflow: hidden;
}

.evr-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .35s;
  display: block;
}

.evr-vid:hover .evr-thumb img {
  transform: scale(1.04);
}

.evr-x {
  max-width: calc(100% - 10px);
  color: var(--ev-ink);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  background: #fff;
  border-radius: 99px;
  padding: 1px 6px;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.5;
  position: absolute;
  bottom: 5px;
  left: 5px;
  overflow: hidden;
}

.evr-x.is-win {
  background: var(--evr-a);
}

.evr-vid-xs .evr-thumb {
  border-radius: 4px;
}

.evr-vid-xs .evr-x {
  max-width: calc(100% - 6px);
  padding: 0 5px;
  font-size: 9.5px;
  bottom: 3px;
  left: 3px;
}

.evr-play {
  width: 20px;
  height: 20px;
  color: var(--ev-ink);
  background: #ffffffeb;
  border-radius: 99px;
  place-items: center;
  display: grid;
  position: absolute;
  top: 6px;
  right: 6px;
}

.evr-vid-cap {
  gap: 1px;
  margin-top: 6px;
  font-size: 11.5px;
  line-height: 1.3;
  display: grid;
}

.evr-vid-views {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.evr-vid-views span {
  color: var(--evr-muted);
  font-weight: 400;
}

.evr-vid-handle {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--evr-muted);
  overflow: hidden;
}

.evr-vids {
  gap: 7px;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.evr-vids > .evr-vid {
  flex: 0 auto;
  min-width: 0;
}

.evr-vids-sm {
  gap: 12px;
}

.evr-hero .evr-vid-cap {
  font-size: 12.5px;
}

.evr-callout {
  border-radius: 4px;
  gap: 10px;
  padding: clamp(18px, 3.4cqi, 30px) clamp(18px, 3.8cqi, 34px);
  display: grid;
}

.evr-callout.is-band {
  background: var(--evr-band);
}

.evr-callout.is-box {
  border: 1.5px solid var(--evr-fg);
}

.evr-callout-title {
  letter-spacing: -.02em;
  margin: 0;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.25;
}

.evr-callout-text {
  letter-spacing: -.016em;
  color: var(--evr-fg);
  text-wrap: pretty;
  max-width: 36em;
  margin: 0;
  font-size: clamp(17px, 2.4cqi, 22px);
  font-weight: 500;
  line-height: 1.38;
}

.evr-quote {
  border-top: 1.5px solid var(--evr-fg);
  gap: 16px;
  margin: 0;
  padding-top: 18px;
  display: grid;
}

.evr-quote-text {
  letter-spacing: -.036em;
  color: var(--evr-big);
  text-wrap: balance;
  max-width: 20em;
  font-size: clamp(24px, 4.4cqi, 44px);
  font-weight: 600;
  line-height: 1.08;
}

.evr-quote-text.is-long {
  letter-spacing: -.028em;
  max-width: 27em;
  font-size: clamp(20px, 3.2cqi, 31px);
  line-height: 1.17;
}

.evr-pull {
  padding-top: 6px;
}

.evr-pull:before {
  content: "";
  background: var(--evr-band);
  width: 44px;
  height: 5px;
  margin-bottom: 20px;
  display: block;
}

.evr-pull-text {
  letter-spacing: -.035em;
  color: var(--evr-big);
  text-wrap: balance;
  max-width: 21em;
  margin: 0;
  font-size: clamp(22px, 4cqi, 40px);
  font-weight: 600;
  line-height: 1.1;
}

.evr-cases {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.evr-case {
  border: 1px solid var(--evr-border);
  border-radius: 4px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  padding: 14px;
  display: grid;
  position: relative;
}

.evr-case-body {
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding-top: 2px;
  display: grid;
}

.evr-case-top {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 10px;
  display: flex;
}

.evr-case-meta {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 14px;
  display: flex;
}

.evr-case-views {
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  font-size: 17px;
  font-weight: 600;
}

.evr-case-views span {
  letter-spacing: 0;
  color: var(--evr-muted);
  font-size: 11.5px;
  font-weight: 400;
}

.evr-case-src {
  letter-spacing: .11em;
  text-transform: uppercase;
  color: var(--evr-muted);
  flex-basis: 100%;
  font-size: 10px;
  font-weight: 500;
}

.evr-case-title {
  letter-spacing: -.012em;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.evr-case-text {
  color: var(--evr-body);
  margin: 0;
  font-size: 13.5px;
  line-height: 1.56;
}

.evr-case.is-big {
  background: var(--evr-band);
  border: 0;
  gap: clamp(16px, 3.4cqi, 34px);
  margin-bottom: 14px;
  padding: clamp(14px, 2.6cqi, 24px);
}

.evr-case.is-big .evr-case-body {
  align-self: center;
  gap: 12px;
}

.evr-case.is-big .evr-case-views {
  letter-spacing: -.035em;
  font-size: clamp(22px, 3.6cqi, 34px);
}

.evr-case.is-big .evr-case-text {
  letter-spacing: -.008em;
  color: var(--evr-fg);
  max-width: 34em;
  font-size: clamp(15px, 2.1cqi, 18.5px);
  line-height: 1.48;
}

.evr-strip {
  grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr));
  gap: 24px clamp(10px, 2cqi, 18px);
  display: grid;
}

.evr-strip-item {
  align-content: start;
  gap: 8px;
  min-width: 0;
  display: grid;
  position: relative;
}

.evr-strip-num {
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 6px;
  margin-top: 2px;
  font-size: clamp(18px, 2.6cqi, 24px);
  font-weight: 600;
  display: flex;
}

.evr-strip-num span {
  letter-spacing: 0;
  color: var(--evr-muted);
  font-size: 11.5px;
  font-weight: 400;
}

.evr-strip-text {
  color: var(--evr-body);
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.evr-strip.is-wide .evr-thumb {
  aspect-ratio: 4 / 5;
}

.evr-points {
  grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr));
  gap: 30px clamp(20px, 3.4cqi, 36px);
  display: grid;
}

.evr-pt {
  align-content: start;
  gap: 12px;
  min-width: 0;
  display: grid;
  position: relative;
}

.evr-pt-top {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 20px;
  display: flex;
}

.evr-pt-body {
  align-content: start;
  gap: 10px;
  min-width: 0;
  display: grid;
}

.evr-pt-title {
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 0;
  font-size: clamp(16px, 2.1cqi, 19px);
  font-weight: 600;
  line-height: 1.22;
}

.evr-pt-text {
  color: var(--evr-body);
  margin: 0;
  font-size: 14px;
  line-height: 1.62;
}

.evr-pt-text + .evr-pt-text {
  margin-top: -2px;
}

.evr-pt-take {
  background: var(--evr-wash);
  color: var(--evr-fg);
  border-radius: 4px;
  margin: 2px 0 0;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.56;
}

.evr-points.is-columns .evr-pt {
  border-top: 1.5px solid var(--evr-fg);
  padding-top: 14px;
}

.evr-points.is-cards .evr-pt {
  border: 1px solid var(--evr-border);
  border-radius: 4px;
  grid-template-rows: auto 1fr;
  padding: 16px 20px 20px;
}

.evr-points.is-rows {
  border-bottom: 1px solid var(--evr-line);
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.evr-points.is-rows .evr-pt {
  border-top: 1px solid var(--evr-line);
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px 20px;
  padding: 20px 0;
}

.evr-points.is-rows .evr-pt-top {
  padding-top: 3px;
}

.evr-pt-body > .evr-tag, .evr-pt-body > .evr-eyebrow {
  justify-self: start;
}

.evr-points.is-rows .evr-pt-text {
  color: var(--evr-fg);
  max-width: 40em;
  font-size: 15.5px;
  line-height: 1.58;
}

.evr-points.is-rows .evr-vids {
  justify-content: flex-end;
  width: 253px;
  padding-top: 4px;
}

.evr-lines {
  margin: 2px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.evr-lines li {
  border-top: 1px solid var(--evr-line);
  color: var(--evr-body);
  padding: 9px 0 9px 16px;
  font-size: 13.5px;
  line-height: 1.5;
  position: relative;
}

.evr-lines li:before {
  content: "";
  background: var(--evr-mark);
  border-radius: 99px;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 17px;
  left: 1px;
}

.evr-lines.is-quoted li {
  color: var(--evr-fg);
  padding-left: 0;
  font-size: 14px;
  font-weight: 500;
}

.evr-lines.is-quoted li:before {
  display: none;
}

.evr-compare {
  grid-template-columns: repeat(var(--n, 1), minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.evr-cmp-head, .evr-cmp-pair {
  grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr);
  display: grid;
}

.evr-cmp-head {
  margin-bottom: -8px;
}

.evr-cmp {
  align-content: start;
  gap: 8px;
  min-width: 0;
  display: grid;
  position: relative;
}

.evr-cmp-top {
  align-items: baseline;
  gap: 12px;
  display: flex;
}

.evr-cmp-title {
  font-size: 14px;
  font-weight: 600;
}

.evr-cmp-before, .evr-cmp-after {
  border-radius: 4px;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 16px 18px;
  font-size: 14px;
  line-height: 1.6;
  display: grid;
}

.evr-cmp-before p, .evr-cmp-after p {
  margin: 0;
}

.evr-cmp-before, .evr-cmp-after, .evr-cmp p {
  overflow-wrap: break-word;
  word-break: break-word;
}

.evr-cmp-before {
  border: 1px solid var(--evr-line);
  color: var(--evr-body);
}

.evr-cmp-after {
  background: var(--evr-band);
}

.evr-cmp-arrow {
  color: var(--evr-muted);
  place-items: center;
  display: grid;
}

.evr-compare.is-side .evr-cmp-pair .evr-eyebrow {
  display: none;
}

.evr-compare.is-short .evr-cmp-before, .evr-compare.is-short .evr-cmp-after {
  letter-spacing: -.012em;
  align-content: center;
  font-size: clamp(15px, 2cqi, 17.5px);
  line-height: 1.4;
}

.evr-compare.is-short .evr-cmp-after {
  font-weight: 600;
}

.evr-compare.is-stack .evr-cmp-pair {
  grid-template-columns: minmax(0, 1fr);
}

.evr-compare.is-stack .evr-cmp-arrow {
  display: none;
}

.evr-compare.is-stack .evr-cmp-before {
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}

.evr-compare.is-stack .evr-cmp-after {
  border-radius: 0 0 4px 4px;
}

.evr-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14.5px;
  line-height: 1.5;
}

.evr-table th {
  border-bottom: 1px solid var(--evr-rule);
  text-align: left;
  vertical-align: bottom;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--evr-kick);
  padding: 0 18px 10px 0;
  font-size: 10.5px;
  font-weight: 600;
}

.evr-table td {
  border-bottom: 1px solid var(--evr-line);
  vertical-align: top;
  color: var(--evr-body);
  padding: 14px 18px 14px 0;
}

.evr-table td:first-child {
  color: var(--evr-fg);
  font-weight: 600;
}

.evr-table td.is-num {
  letter-spacing: -.02em;
  color: var(--evr-fg);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 600;
}

.evr-table th:last-child, .evr-table td:last-child {
  padding-right: 0;
}

.evr-table-rm {
  width: 22px;
  position: relative;
}

.evr-table-rm .evr-rm {
  top: 14px;
  right: 0;
}

.evr-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.evr-list li {
  border-top: 1px solid var(--evr-line);
  letter-spacing: -.008em;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: baseline;
  gap: 0 10px;
  padding: 13px 0;
  font-size: 15.5px;
  font-weight: 500;
  line-height: 1.45;
  display: grid;
  position: relative;
}

.evr-list.is-plain {
  border-bottom: 1px solid var(--evr-line);
}

.evr-list.is-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(20px, 3.4cqi, 36px);
}

.evr-list-mark {
  letter-spacing: .08em;
  color: var(--evr-kick);
  font-variant-numeric: tabular-nums;
  font-size: 11px;
  font-weight: 600;
}

.evr-list.is-checks .evr-list-mark {
  border: 1.5px solid var(--evr-fg);
  width: 18px;
  height: 18px;
  color: var(--evr-fg);
  border-radius: 4px;
  align-self: start;
  place-items: center;
  margin-top: 2px;
  display: grid;
}

.evr-list.is-bullets .evr-list-mark {
  background: var(--evr-mark);
  border-radius: 99px;
  align-self: start;
  width: 6px;
  height: 6px;
  margin: 9px 0 0 2px;
}

.evr-list-body {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.evr-list-title {
  font-weight: 600;
}

.evr-list-title + span {
  color: var(--evr-body);
  font-size: 14px;
  font-weight: 400;
}

.evr-list.is-chips {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.evr-list.is-chips li {
  border: 1px solid var(--evr-border);
  border-radius: 22px;
  align-items: baseline;
  gap: 8px;
  padding: 8px 15px;
  font-size: 13.5px;
  display: flex;
}

.evr-list.is-chips.is-bullets .evr-list-mark {
  display: none;
}

.evr-list.is-chips.is-checks .evr-list-mark {
  border: 0;
  width: 12px;
  height: 16px;
}

.evr-steps.is-columns {
  grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr));
  border-top: 1px solid var(--evr-border);
  border-left: 1px solid var(--evr-border);
  display: grid;
}

.evr-step {
  min-width: 0;
  position: relative;
}

.evr-steps.is-columns .evr-step {
  border-right: 1px solid var(--evr-border);
  border-bottom: 1px solid var(--evr-border);
  align-content: start;
  gap: 14px;
  padding: 18px 20px 22px;
  display: grid;
}

.evr-step-top {
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.evr-step-body {
  gap: 8px;
  min-width: 0;
  display: grid;
}

.evr-step-title {
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 0;
  font-size: clamp(16px, 2.1cqi, 19px);
  font-weight: 600;
  line-height: 1.2;
}

.evr-steps.is-timeline {
  display: grid;
}

.evr-steps.is-timeline .evr-step {
  grid-template-columns: minmax(88px, 19%) minmax(0, 1fr);
  gap: 0 22px;
  display: grid;
}

.evr-steps.is-timeline .evr-step-top {
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}

.evr-steps.is-timeline .evr-step-body {
  border-left: 1px solid var(--evr-chip);
  padding: 0 0 30px 28px;
  position: relative;
}

.evr-steps.is-timeline .evr-step:last-child .evr-step-body {
  padding-bottom: 2px;
}

.evr-steps.is-timeline .evr-step-body:before {
  content: "";
  background: var(--evr-mark);
  width: 11px;
  height: 11px;
  box-shadow: 0 0 0 4px var(--evr-bg);
  border-radius: 99px;
  position: absolute;
  top: 4px;
  left: -6px;
}

.evr-statrow, .evr-stats.is-row {
  grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr));
  border-top: 1px solid var(--evr-border);
  border-left: 1px solid var(--evr-border);
  display: grid;
}

.evr-stat {
  align-content: start;
  gap: 7px;
  min-width: 0;
  display: grid;
  position: relative;
}

.evr-statrow .evr-stat, .evr-stats.is-row .evr-stat {
  border-right: 1px solid var(--evr-border);
  border-bottom: 1px solid var(--evr-border);
  padding: 16px 18px 17px;
}

.evr-stat-v {
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 8px;
  font-size: clamp(24px, 3.7cqi, 35px);
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.evr-stat-v.is-text {
  letter-spacing: -.02em;
  font-size: clamp(18px, 2.4cqi, 22px);
  line-height: 1.15;
}

.evr-stat-u {
  letter-spacing: -.005em;
  color: var(--evr-body);
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.2;
}

.evr-stat-l {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--evr-muted);
  font-size: 10.5px;
  font-weight: 500;
  line-height: 1.4;
}

.evr-stat-t {
  color: var(--evr-body);
  font-size: 12.5px;
  line-height: 1.45;
}

.evr-stats.is-big {
  grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr));
  gap: 28px clamp(20px, 3.4cqi, 40px);
  display: grid;
}

.evr-stats.is-big .evr-stat {
  border-top: 1.5px solid var(--evr-fg);
  gap: 12px;
  padding-top: 16px;
}

.evr-stats.is-big .evr-stat-v {
  letter-spacing: -.055em;
  color: var(--evr-big);
  font-size: clamp(42px, 8cqi, 84px);
  line-height: .92;
}

.evr-stats.is-big .evr-stat-u {
  color: var(--evr-fg);
  font-size: 15px;
}

.evr-acct, .evr-classes, .evr-classes-acct, .evr-growth, .evr-growth-fig, .evr-bench, .evr-bench-acct {
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  display: grid;
}

.evr-acct .evr-statement, .evr-growth .evr-statement, .evr-convert .evr-statement {
  margin: 0;
}

.evr-acct .evr-bt, .evr-classes .evr-bt, .evr-bench .evr-bt {
  margin-bottom: 2px;
}

.evr-acct-id {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 12px;
  display: flex;
}

.evr-acct-meta {
  color: var(--evr-muted);
  font-size: 12.5px;
}

.evr-classbar {
  gap: 10px;
  display: grid;
}

.evr-classbar-bar {
  gap: 2px;
  height: 14px;
  display: flex;
}

.evr-classbar-bar span {
  transform-origin: 0;
  border-radius: 2px;
  min-width: 3px;
  animation: .7s cubic-bezier(.2, .7, .2, 1) backwards evr-grow;
}

.evr-classbar.is-big .evr-classbar-bar {
  height: 30px;
}

.evr-classbar-key {
  color: var(--evr-muted);
  flex-wrap: wrap;
  gap: 4px 18px;
  font-size: 12px;
  display: flex;
}

.evr-classbar-key span {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.evr-classbar-key i {
  border-radius: 2px;
  width: 9px;
  height: 9px;
}

.evr-classbar-key b {
  color: var(--evr-fg);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.evr-classbar-key em {
  font-variant-numeric: tabular-nums;
  font-style: normal;
}

.evr-cls-breakout {
  background: var(--ev-p-green);
}

.evr-cls-above {
  background: var(--ev-p-blue);
}

.evr-cls-normal {
  background: var(--ev-p-grey);
}

.evr-cls-below {
  background: var(--ev-p-peach);
}

.evr-cls-flop {
  background: var(--ev-p-rose);
}

.evr-bignum {
  letter-spacing: -.055em;
  color: var(--evr-big);
  font-variant-numeric: tabular-nums;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  margin-top: 6px;
  font-size: clamp(40px, 7.4cqi, 76px);
  font-weight: 600;
  line-height: .95;
  display: flex;
}

.evr-bignum span {
  letter-spacing: -.01em;
  color: var(--evr-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}

.evr-bignum-cap {
  color: var(--evr-body);
  max-width: 17em;
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
}

.evr-growth-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px 20px;
  display: flex;
}

.evr-growth-delta {
  text-align: right;
  color: var(--evr-muted);
  gap: 2px;
  font-size: 12.5px;
  display: grid;
}

.evr-growth-delta b {
  letter-spacing: -.02em;
  color: var(--evr-fg);
  font-variant-numeric: tabular-nums;
  font-size: 17px;
  font-weight: 600;
}

.evr-chart {
  border-bottom: 1px solid var(--evr-chip);
  height: clamp(150px, 26cqi, 250px);
  margin-top: 10px;
  position: relative;
}

.evr-chart svg {
  width: 100%;
  height: 100%;
  animation: 1.2s cubic-bezier(.3, .7, .2, 1) backwards evr-wipe;
  position: absolute;
  inset: 0;
}

.evr-chart-area {
  fill: var(--evr-mark);
  opacity: .2;
}

.evr-chart-line {
  fill: none;
  stroke: var(--evr-mark);
  stroke-width: 2.5px;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.evr-chart-guide {
  border-left: 1px dashed var(--evr-muted);
  width: 0;
  animation: .4s ease-out .8s backwards evr-fade;
  position: absolute;
  bottom: 0;
}

.evr-chart-dot {
  background: var(--evr-fg);
  width: 11px;
  height: 11px;
  box-shadow: 0 0 0 3px var(--evr-bg);
  border-radius: 99px;
  margin: -5.5px 0 0 -5.5px;
  animation: .4s ease-out .9s backwards evr-fade;
  position: absolute;
}

.evr-chart-dot.is-end {
  background: var(--evr-mark);
  margin-left: -11px;
}

.evr-chart-tag {
  background: var(--evr-fg);
  color: var(--evr-bg);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  border-radius: 99px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  animation: .4s ease-out 1s backwards evr-fade;
  position: absolute;
  transform: translate(-50%, calc(-100% - 12px));
}

.evr-chart-tag.is-right {
  transform: translate(-100%, calc(-100% - 12px));
}

.evr-chart-tag.is-left {
  transform: translate(0, calc(-100% - 12px));
}

.evr-chart-tag.is-plain {
  color: var(--evr-muted);
  background: none;
  padding: 0;
  font-weight: 500;
}

.evr-chart-axis {
  letter-spacing: .08em;
  text-transform: uppercase;
  height: 20px;
  color: var(--evr-muted);
  margin-top: -8px;
  font-size: 10.5px;
  font-weight: 500;
  position: relative;
}

.evr-chart-axis span {
  white-space: nowrap;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
}

.evr-moments {
  grid-template-columns: repeat(var(--n, 2), minmax(0, 1fr));
  gap: 14px;
  margin-top: 6px;
  display: grid;
}

.evr-moment {
  border: 1px solid var(--evr-line);
  border-radius: 4px;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 16px 18px 18px;
  display: grid;
}

.evr-moment-head {
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.evr-moment-num {
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  align-items: baseline;
  gap: 8px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
  display: flex;
}

.evr-moment-num span {
  letter-spacing: 0;
  color: var(--evr-muted);
  font-size: 13px;
  font-weight: 500;
}

.evr-moment-cap {
  color: var(--evr-muted);
  font-size: 12px;
}

.evr-rhythm, .evr-convert {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 22px clamp(24px, 4cqi, 48px);
  display: grid;
}

.evr-rhythm {
  border: 1px solid var(--evr-border);
  border-radius: 4px;
  align-items: end;
  padding: clamp(16px, 3cqi, 26px);
}

.evr-rhythm-lead, .evr-convert-lead {
  align-content: start;
  align-self: start;
  gap: 10px;
  min-width: 0;
  display: grid;
}

.evr-rhythm-title {
  letter-spacing: -.015em;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.evr-rhythm-chart {
  gap: 12px;
  min-width: 0;
  display: grid;
}

.evr-bars {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: clamp(4px, 1.2cqi, 12px);
  display: grid;
}

.evr-bar {
  text-align: center;
  justify-items: center;
  gap: 5px;
  display: grid;
}

.evr-bar-area {
  align-items: flex-end;
  width: 100%;
  height: clamp(96px, 15cqi, 134px);
  padding-top: 20px;
  display: flex;
}

.evr-bar-fill {
  background: var(--evr-band);
  transform-origin: bottom;
  border-radius: 3px 3px 0 0;
  width: 100%;
  animation: .7s cubic-bezier(.2, .7, .2, 1) backwards evr-up;
  position: relative;
}

.evr-rhythm .evr-bar.is-top .evr-bar-fill {
  background: var(--evr-mark);
}

.evr-bar-val {
  font-variant-numeric: tabular-nums;
  font-size: 11.5px;
  font-weight: 600;
  position: absolute;
  top: -19px;
  left: 0;
  right: 0;
}

.evr-bar-lab {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--evr-muted);
  font-size: 10px;
  font-weight: 500;
}

.evr-bar-sub {
  font-variant-numeric: tabular-nums;
  font-size: 11.5px;
  font-weight: 600;
}

.evr-facts {
  margin: 8px 0 0;
  display: grid;
}

.evr-facts > div {
  border-top: 1px solid var(--evr-line);
  justify-content: space-between;
  gap: 14px;
  padding: 9px 0;
  font-size: 13px;
  display: flex;
}

.evr-facts dt {
  color: var(--evr-muted);
}

.evr-facts dd {
  text-align: right;
  overflow-wrap: anywhere;
  margin: 0;
  font-weight: 600;
}

.evr-hbars {
  border-bottom: 1px solid var(--evr-line);
  align-content: start;
  align-self: start;
  min-width: 0;
  display: grid;
}

.evr-hbars-head, .evr-hbar {
  grid-template-columns: minmax(84px, 27%) minmax(0, 1fr) 50px 68px;
  align-items: center;
  gap: 12px;
  display: grid;
}

.evr-hbars-head {
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--evr-muted);
  padding-bottom: 8px;
  font-size: 10px;
  font-weight: 500;
}

.evr-hbars-head span:last-child, .evr-hbar-x, .evr-hbar-val {
  text-align: right;
}

.evr-hbar {
  border-top: 1px solid var(--evr-line);
  padding: 11px 0;
  font-size: 13.5px;
}

.evr-hbar-lab {
  font-weight: 500;
}

.evr-hbar-track, .evr-target-track {
  background: var(--evr-track);
  border-radius: 2px;
  height: 12px;
  overflow: hidden;
}

.evr-hbar-fill, .evr-target-fill {
  background: var(--evr-mark);
  transform-origin: 0;
  border-radius: 2px;
  height: 100%;
  animation: .8s cubic-bezier(.2, .7, .2, 1) backwards evr-grow;
  display: block;
}

.evr-hbar.is-mute .evr-hbar-fill {
  background: var(--ev-p-grey);
}

.evr-hbar-val {
  color: var(--evr-body);
  font-variant-numeric: tabular-nums;
}

.evr-hbar-x {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.evr-bench-rows {
  border-bottom: 1px solid var(--evr-line);
  display: grid;
}

.evr-bench-row {
  border-top: 1px solid var(--evr-line);
  grid-template-columns: minmax(150px, 31%) minmax(0, 1fr) 62px;
  align-items: center;
  gap: 8px 22px;
  padding: 14px 0;
  display: grid;
}

.evr-bench-lab {
  color: var(--evr-muted);
  font-variant-numeric: tabular-nums;
  gap: 2px;
  font-size: 12.5px;
  display: grid;
}

.evr-bench-lab > b {
  color: var(--evr-fg);
  font-size: 14px;
  font-weight: 600;
}

.evr-bench-lab span b {
  color: var(--evr-fg);
  font-weight: 600;
}

.evr-bench-track {
  background: var(--evr-track);
  border-radius: 2px;
  height: 10px;
  position: relative;
}

.evr-bench-fill {
  background: var(--evr-mark);
  transform-origin: 0;
  border-radius: 2px;
  animation: .8s cubic-bezier(.2, .7, .2, 1) backwards evr-grow;
  position: absolute;
  inset: 0 auto 0 0;
}

.evr-bench-mid {
  background: var(--evr-fg);
  opacity: .6;
  width: 1.5px;
  margin-left: -.75px;
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: 50%;
}

.evr-bench-dot {
  background: var(--evr-fg);
  width: 14px;
  height: 14px;
  box-shadow: 0 0 0 3px var(--evr-bg);
  border-radius: 99px;
  margin: -7px 0 0 -7px;
  animation: .4s ease-out .6s backwards evr-fade;
  position: absolute;
  top: 50%;
}

.evr-bench-rank {
  text-align: right;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  font-size: 20px;
  font-weight: 600;
}

.evr-targets {
  grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.evr-target {
  border: 1px solid var(--evr-border);
  border-radius: 4px;
  align-content: start;
  gap: 14px;
  min-width: 0;
  padding: 18px 20px 20px;
  display: grid;
}

.evr-target-lab {
  color: var(--evr-muted);
  gap: 3px;
  font-size: 12px;
  display: grid;
}

.evr-target-lab b {
  color: var(--evr-fg);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.evr-target-to {
  letter-spacing: -.05em;
  color: var(--evr-big);
  font-variant-numeric: tabular-nums;
  font-size: clamp(32px, 5cqi, 48px);
  font-weight: 600;
  line-height: 1;
}

.evr-target-basis {
  color: var(--evr-muted);
  justify-content: space-between;
  gap: 12px;
  margin-top: -4px;
  font-size: 11.5px;
  line-height: 1.4;
  display: flex;
}

.evr-target-basis b {
  color: var(--evr-fg);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.evr-target-basis span:first-child {
  white-space: nowrap;
}

.evr-target-basis span:last-child {
  text-align: right;
}

.evr-cover {
  min-height: clamp(0px, 66cqi, 760px);
}

.evr-cover-main {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: clamp(26px, 4.4cqi, 44px);
  min-width: 0;
  padding: clamp(30px, 7cqi, 76px) 0 clamp(26px, 4.4cqi, 44px);
  display: flex;
}

.evr-cover-title {
  letter-spacing: -.055em;
  text-wrap: balance;
  margin: 0;
  font-weight: 600;
  line-height: .94;
}

.evr-cover-title.is-xl {
  font-size: clamp(46px, 13cqi, 128px);
}

.evr-cover-title.is-l {
  font-size: clamp(42px, 10cqi, 100px);
}

.evr-cover-title.is-m {
  letter-spacing: -.045em;
  font-size: clamp(34px, 7.4cqi, 72px);
  line-height: 1;
}

.evr-cover-sub {
  letter-spacing: -.012em;
  color: var(--evr-body);
  text-wrap: balance;
  max-width: 30em;
  margin: 22px 0 0;
  font-size: clamp(17px, 2.5cqi, 22px);
  line-height: 1.38;
}

.evr-pills {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
  display: flex;
}

.evr-pills span {
  border: 1px solid var(--evr-border);
  border-radius: 99px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 500;
}

.evr-mosaic {
  grid-template-columns: repeat(var(--n, 6), minmax(0, 1fr));
  align-items: start;
  gap: clamp(6px, 1.4cqi, 14px);
  padding-bottom: clamp(10px, 2.6cqi, 28px);
  display: grid;
}

.evr-mosaic > :nth-child(2n) {
  translate: 0 clamp(10px, 2.6cqi, 28px);
}

.evr-cover-split {
  flex: 1;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr);
  align-items: stretch;
  gap: clamp(20px, 4cqi, 44px);
  display: grid;
}

.evr-cover-split .evr-statrow {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.evr-cover-panel {
  background: var(--evr-a-soft);
  border-radius: 4px;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  align-content: center;
  gap: 10px;
  margin: clamp(30px, 7cqi, 76px) 0 clamp(26px, 4.4cqi, 44px);
  padding: clamp(12px, 2.2cqi, 20px);
  display: grid;
}

.evr-cover-panel > :first-child {
  grid-row: span 2;
}

.evr-cover.is-mosaic .evr-cover-title.is-xl, .evr-cover.is-split .evr-cover-title.is-xl {
  font-size: clamp(44px, 10cqi, 100px);
}

.evr-cover.is-mosaic .evr-cover-title.is-l, .evr-cover.is-split .evr-cover-title.is-l {
  font-size: clamp(40px, 7.6cqi, 76px);
}

.evr-cover.is-split .evr-cover-title.is-m {
  font-size: clamp(32px, 5.6cqi, 56px);
}

.evr-toc {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px clamp(24px, 4cqi, 48px);
  margin-bottom: clamp(26px, 4.4cqi, 44px);
  display: grid;
}

.evr-toc ol {
  border-bottom: 1px solid var(--evr-line);
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.evr-toc a {
  border-top: 1px solid var(--evr-line);
  letter-spacing: -.006em;
  align-items: baseline;
  gap: 14px;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 500;
  transition: padding .15s;
  display: flex;
}

.evr-toc a:hover {
  padding-left: 6px;
}

.evr-part {
  align-items: baseline;
  gap: 16px;
  padding: clamp(14px, 2.6cqi, 26px) 4px 2px;
  display: flex;
}

.evr-part-n, .evr-part-range {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ev-muted);
  font-variant-numeric: tabular-nums;
  font-size: 11px;
  font-weight: 600;
}

.evr-part-title {
  letter-spacing: -.036em;
  flex: 1;
  font-size: clamp(22px, 3.6cqi, 34px);
  font-weight: 600;
  line-height: 1;
}

.evr-reveal {
  animation: .6s cubic-bezier(.2, .7, .2, 1) backwards ev-rise;
}

.evr-wait {
  opacity: 0;
}

.evr-wait, .evr-wait * {
  animation: none !important;
}

@keyframes evr-grow {
  from {
    transform: scaleX(0);
  }
}

@keyframes evr-up {
  from {
    transform: scaleY(0);
  }
}

@keyframes evr-fade {
  from {
    opacity: 0;
  }
}

@keyframes evr-wipe {
  from {
    clip-path: inset(0 100% 0 0);
  }

  to {
    clip-path: inset(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .evr-doc *, .evr-doc :before {
    transition: none !important;
    animation: none !important;
  }

  .evr-wait {
    opacity: 1;
  }
}

@container evr (max-width: 860px) {
  .evr-points, .evr-strip, .evr-steps.is-columns, .evr-stats.is-big {
    grid-template-columns: repeat(var(--m, 2), minmax(0, 1fr));
  }
}

@container evr (max-width: 640px) {
  .evr-head.has-hero, .evr-cases, .evr-points, .evr-compare, .evr-steps.is-columns, .evr-stats.is-big, .evr-targets, .evr-moments, .evr-rhythm, .evr-convert, .evr-toc, .evr-list.is-two, .evr-cover-split {
    grid-template-columns: minmax(0, 1fr);
  }

  .evr-hero {
    width: 132px;
  }

  .evr-lead-rest, .evr-lead.is-long, .evr-prose.is-columns {
    columns: auto;
  }

  .evr-strip, .evr-statrow, .evr-stats.is-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .evr-statrow .evr-stat:last-child:nth-child(odd), .evr-stats.is-row .evr-stat:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .evr-points.is-rows .evr-pt {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 10px 12px;
  }

  .evr-points.is-rows .evr-vids {
    grid-column: 2;
    justify-content: flex-start;
    width: auto;
    padding-top: 0;
  }

  .evr-case {
    gap: 12px;
    padding: 12px;
  }

  .evr-case .evr-vid-md {
    width: 88px;
  }

  .evr-case.is-big {
    grid-template-columns: minmax(0, 1fr);
  }

  .evr-cmp-head {
    display: none;
  }

  .evr-cmp-pair {
    grid-template-columns: minmax(0, 1fr);
  }

  .evr-cmp-arrow {
    display: none;
  }

  .evr-compare.is-side .evr-cmp-pair .evr-eyebrow {
    display: block;
  }

  .evr-cmp-before {
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
  }

  .evr-cmp-after {
    border-radius: 0 0 4px 4px;
  }

  .evr-steps.is-timeline .evr-step {
    grid-template-columns: minmax(0, 1fr);
  }

  .evr-steps.is-timeline .evr-step-top {
    border-left: 1px solid var(--evr-chip);
    text-align: left;
    flex-direction: row;
    align-items: baseline;
    padding: 0 0 8px 28px;
  }

  .evr-table, .evr-table tbody, .evr-table tr, .evr-table td {
    display: block;
  }

  .evr-table thead {
    display: none;
  }

  .evr-table tr {
    border-top: 1px solid var(--evr-rule);
    padding: 12px 0;
  }

  .evr-table td {
    border: 0;
    padding: 4px 0;
  }

  .evr-table td[data-label]:not([data-label=""]):before {
    content: attr(data-label);
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--evr-kick);
    margin-bottom: 1px;
    font-size: 10px;
    font-weight: 600;
    display: block;
  }

  .evr-doc.is-edit .evr-table thead {
    display: block;
  }

  .evr-doc.is-edit .evr-table thead tr, .evr-doc.is-edit .evr-table th {
    border: 0;
    padding: 2px 0;
    display: block;
  }

  .evr-bench-row {
    grid-template-columns: minmax(0, 1fr) 54px;
  }

  .evr-bench-lab {
    grid-column: 1 / -1;
  }

  .evr-hbars-head, .evr-hbar {
    grid-template-columns: minmax(64px, 30%) minmax(0, 1fr) 46px 58px;
    gap: 8px;
  }

  .evr-mosaic {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 18px;
  }

  .evr-mosaic.is-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .evr-mosaic:not(.is-4) > :nth-child(2n) {
    translate: none;
  }

  .evr-mosaic:not(.is-4) > :nth-child(3n+2) {
    translate: 0 12px;
  }

  .evr-cover-panel {
    margin: 0 0 26px;
  }

  .evr-foot-next {
    display: none;
  }

  .evr-growth-delta {
    text-align: left;
  }

  .evr-chart-tag.is-plain {
    display: none;
  }
}

@page evr {
  size: A4;
  margin: 0;
}

@media print {
  html:has(.evr-doc) {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background: #f7f5f0 !important;
  }

  html:has(.evr-doc) body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background: #f7f5f0 !important;
  }

  .ev-content:has(.evr-doc) {
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  .ev-content:has(.evr-doc) .ev-chiprow {
    display: none !important;
  }

  .evr-doc {
    page: evr;
    zoom: .88;
    max-width: none;
  }

  .evr-doc, .evr-doc * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .evr-doc *, .evr-doc :before {
    transition: none !important;
    animation: none !important;
  }

  .evr-wait {
    opacity: 1 !important;
  }

  .evr-rail, .evr-rm, .evr-foot-next {
    display: none !important;
  }

  .evr-layout, .evr-sheets, .evr-group, .evr-blocks {
    display: block;
  }

  .evr-block + .evr-block {
    margin-top: 7mm;
  }

  .evr-sheet {
    min-height: 0;
    box-shadow: 0 30mm 0 0 var(--evr-bg), 0 60mm 0 0 var(--evr-bg), 0 90mm 0 0 var(--evr-bg), 0 120mm 0 0 var(--evr-bg), 0 150mm 0 0 var(--evr-bg), 0 180mm 0 0 var(--evr-bg), 0 210mm 0 0 var(--evr-bg), 0 240mm 0 0 var(--evr-bg), 0 270mm 0 0 var(--evr-bg);
    break-before: auto;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    border-radius: 0;
    padding: 10mm 14mm 7mm;
    margin: 0 !important;
  }

  .evr-cover {
    break-after: page;
    min-height: 337.5mm;
  }

  .evr-cover-main {
    flex: none;
    gap: 6mm;
    padding: 5mm 0 6mm;
  }

  .evr-cover .evr-mosaic {
    max-width: 150mm;
  }

  .evr-cover .evr-toc {
    margin-bottom: 4mm;
  }

  .evr-cover .evr-toc a {
    padding: 3px 0;
    font-size: 12px;
  }

  .evr-part {
    z-index: 1;
    box-sizing: border-box;
    background: var(--evr-paper);
    break-before: page;
    height: 30mm;
    padding: 12mm 15mm 0;
    position: relative;
  }

  .evr-part + .evr-sheet {
    break-before: avoid;
  }

  .evr-frame, .evr-bt, .evr-statement, .evr-cmp-top, .evr-cmp-head {
    break-after: avoid;
  }

  .evr-vid, .evr-case, .evr-strip-item, .evr-pt, .evr-step, .evr-acct, .evr-bench-acct, .evr-classes-acct, .evr-statrow, .evr-stats, .evr-stat, .evr-cmp-before, .evr-cmp-after, .evr-target, .evr-moment, .evr-callout, .evr-quote, .evr-pull, .evr-chart, .evr-rhythm, .evr-bench-row, .evr-hbar, .evr-classbar, .evr-list li, .evr-lines li, .evr-table tr, .evr-toc-part {
    break-inside: avoid;
  }

  .evr-foot {
    display: none !important;
  }
}

.evr-share {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  min-height: 100dvh;
  padding: clamp(8px, 2vw, 28px) clamp(6px, 2vw, 28px) 64px;
}

.evr-share img {
  -webkit-user-drag: none;
  pointer-events: none;
}

@media print {
  body:has(.evr-share) > * {
    display: none !important;
  }

  body:has(.evr-share):after {
    content: "This report can be read online only.";
    padding: 40mm 20mm;
    font-size: 14pt;
    display: block;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__01o1yyz._.css.map*/
/* from /_next/static/chunks/[root-of-the-server]__0k48jw5._.css */
/* [next]/internal/font/google/archivo_fb48ffba.module.css [app-client] (css) */
@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/a2947afc6a06879b-s.1gyfqm5yhhzs7.woff2) format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/651aaf1801011892-s.357dd_6abeqge.woff2) format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/75affa71d1e2f6a7-s.p.17-aodiw50953.woff2) format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/a2947afc6a06879b-s.1gyfqm5yhhzs7.woff2) format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/651aaf1801011892-s.357dd_6abeqge.woff2) format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/75affa71d1e2f6a7-s.p.17-aodiw50953.woff2) format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/a2947afc6a06879b-s.1gyfqm5yhhzs7.woff2) format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/651aaf1801011892-s.357dd_6abeqge.woff2) format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/75affa71d1e2f6a7-s.p.17-aodiw50953.woff2) format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Archivo Fallback;
  src: local(Arial);
  ascent-override: 88.96%;
  descent-override: 21.28%;
  line-gap-override: 0.0%;
  size-adjust: 98.7%;
}

.archivo_fb48ffba-module__OUEIkW__className {
  font-family: Archivo, Archivo Fallback;
  font-style: normal;
}

.archivo_fb48ffba-module__OUEIkW__variable {
  --font-archivo: "Archivo", "Archivo Fallback";
}

/* [next]/internal/font/google/ibm_plex_mono_d1c184f3.module.css [app-client] (css) */
@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/e390973e931a41c5-s.0rgnxg2b64rzs.woff2) format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/59b15b4bcd7b1eb5-s.2vemzm0itqzfy.woff2) format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/e532fa1b9921e1cd-s.3cb5lpr2l6xud.woff2) format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/2fe89d53234c61d4-s.1u30mmyq6lnsd.woff2) format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/99e609270109b47d-s.p.40sczeszzbjw1.woff2) format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/5e05ae5b48faa55e-s.1yd4_i3e35931.woff2) format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/a7afbb44bec2bb18-s.1qc6dx89jd2qv.woff2) format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/02263ebadd758ea4-s.29yke99gs9qpn.woff2) format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/68757d6cddeff913-s.1i-sca43-qwng.woff2) format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/effe91970fc4db64-s.p.0oace-s_gkfks.woff2) format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/f53f4557ddd9f7a6-s.1u-lvzo58r3-e.woff2) format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/5256dd17dd2ccf14-s.37c107x1d-cfz.woff2) format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/fe48c93add1d142c-s.3_gspotjv4tkw.woff2) format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/5689d89b20a4bd5b-s.0m-w082keobar.woff2) format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/a7e15459c1805da0-s.p.3y9b8znjr2455.woff2) format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: IBM Plex Mono Fallback;
  src: local(Arial);
  ascent-override: 76.16%;
  descent-override: 20.43%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.ibm_plex_mono_d1c184f3-module__SSP05G__className {
  font-family: IBM Plex Mono, IBM Plex Mono Fallback;
  font-style: normal;
}

.ibm_plex_mono_d1c184f3-module__SSP05G__variable {
  --font-plex: "IBM Plex Mono", "IBM Plex Mono Fallback";
}

/* [project]/apps/evai-web/src/app/(public)/landing.css [app-client] (css) */
.t7 {
  --cream: #efedea;
  --ink: #161616;
  --body-gray: #3c3c3a;
  --footer-gray: #6d6b66;
  --box-gray: #8f8e8a;
  --light-on-gray: #f4f3f0;
  --red: #e03616;
  --hairline: #161616;
  --lab: #0f1114;
  --lab-2: #1a1e24;
  --signal: #f0b429;
  min-height: 100vh;
  color: var(--ink);
  font-family: var(--font-archivo), "Archivo", sans-serif;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  font-size: 16px;
  line-height: 1.4;
}

.t7 * {
  box-sizing: border-box;
}

.t7 a {
  color: inherit;
}

.t7 a:hover {
  opacity: .75;
  color: inherit;
}

.t7 .mono {
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
}

@keyframes t7up {
  from {
    transform: translateY(112%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes t7fade {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes t7scan {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 0 7px;
  }
}

@keyframes t7flicker {
  0%, 100% {
    opacity: 1;
  }

  92% {
    opacity: 1;
  }

  93% {
    opacity: .72;
  }

  94% {
    opacity: 1;
  }

  97% {
    opacity: .85;
  }

  98% {
    opacity: 1;
  }
}

@keyframes t7sweep {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(100%);
  }
}

@keyframes t7blink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .25;
  }
}

@keyframes t7drift {
  from {
    background-position: 0 0, 0 0;
  }

  to {
    background-position: 0 56px, 56px 0;
  }
}

.t7 .nav {
  z-index: 100;
  align-items: stretch;
  gap: 8px;
  padding: 10px 12px;
  display: flex;
  position: sticky;
  top: 0;
}

.t7 .nav-glass {
  -webkit-backdrop-filter: blur(14px);
  background: #ffffff52;
  border: 1px solid #fff6;
  border-radius: 6px;
}

.t7 .nav-brand {
  color: var(--ink);
  letter-spacing: .01em;
  white-space: nowrap;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.t7 .nav-links {
  color: var(--ink);
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .08em;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  font-size: 12.5px;
  display: flex;
}

.t7 .nav-links a {
  padding: 10px 14px;
  text-decoration: none;
}

.t7 .nav-tg {
  color: var(--light-on-gray);
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .08em;
  -webkit-backdrop-filter: blur(14px);
  background: repeating-linear-gradient(#f0b42938 0 1px, #0000 1px 3px, #7a540047 3px 4px, #0000 4px 7px), #16140c73;
  border: 1px solid #f0b42959;
  border-radius: 6px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-width: 200px;
  padding: 0 18px;
  font-size: 12.5px;
  text-decoration: none;
  animation: .6s linear infinite t7scan, 4.5s step-end infinite t7flicker;
  display: flex;
  box-shadow: inset 0 0 18px #f0b42926;
}

.t7 .nav-tg span:last-child {
  white-space: nowrap;
}

.t7 .hero {
  background: #dcdad5;
  border-radius: 6px;
  height: 78vh;
  min-height: 560px;
  margin: 0 12px;
  position: relative;
  overflow: hidden;
}

.t7 .hero-media, .t7 .cta-media {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.t7 .lab-bg {
  background-color: var(--lab);
  background-image: linear-gradient(#ffffff0d 1px, #0000 1px), linear-gradient(90deg, #ffffff0d 1px, #0000 1px);
  background-size: 56px 56px, 56px 56px;
  animation: 14s linear infinite t7drift;
  position: absolute;
  inset: 0;
}

.t7 .lab-glow {
  background: radial-gradient(900px 520px at 70% 20%, #f0b42929, #0000 60%), radial-gradient(700px 500px at 15% 85%, #78a0ff1f, #0000 60%);
  position: absolute;
  inset: 0;
}

.t7 .lab-sweep {
  pointer-events: none;
  background: linear-gradient(#0000 0%, #f0b42914 50%, #0000 100%);
  animation: 7s linear infinite t7sweep;
  position: absolute;
  inset: 0;
}

.t7 .media-shade {
  pointer-events: none;
  border-radius: 6px;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 2px 24px #00000059, inset 0 -2px 40px #00000047;
}

.t7 .hero-content {
  flex-direction: column;
  justify-content: flex-end;
  gap: 26px;
  padding: 48px;
  display: flex;
  position: absolute;
  inset: 0;
}

.t7 .hero-eyebrow {
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .2em;
  color: #fff;
  text-shadow: 0 1px 16px #0000004d;
  align-items: center;
  gap: 14px;
  font-size: clamp(17px, 1.7vw, 24px);
  font-weight: 500;
  animation: .7s .15s backwards t7fade;
  display: flex;
}

.t7 .hero h1 {
  letter-spacing: -.035em;
  color: #fff;
  text-shadow: 0 2px 40px #00000038;
  margin: 0;
  font-size: clamp(64px, 8.6vw, 150px);
  font-weight: 600;
  line-height: .96;
}

.t7 .line-mask {
  margin-bottom: -.06em;
  padding-bottom: .06em;
  display: block;
  overflow: hidden;
}

.t7 .line-mask > span {
  display: block;
}

.t7 .hero-line-1 {
  animation: .85s cubic-bezier(.22, 1, .36, 1) .25s backwards t7up;
}

.t7 .hero-line-2 {
  animation: .85s cubic-bezier(.22, 1, .36, 1) .42s backwards t7up;
}

.t7 .hero-bottom {
  justify-content: space-between;
  align-items: flex-end;
  gap: 48px;
  animation: .8s .8s backwards t7fade;
  display: flex;
}

.t7 .hero-strap {
  color: #fff;
  text-shadow: 0 1px 20px #00000040;
  max-width: 440px;
  margin: 0;
  font-size: 19px;
  line-height: 1.5;
}

.t7 .hero-cta-row {
  flex: none;
  align-items: center;
  gap: 18px;
  display: flex;
}

.t7 .btn-ink {
  background: var(--ink);
  color: var(--cream);
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .08em;
  white-space: nowrap;
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  padding: 18px 30px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.t7 .btn-scan, .t7 .btn-scan-dark {
  color: var(--light-on-gray);
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .08em;
  white-space: nowrap;
  cursor: pointer;
  background: repeating-linear-gradient(#f0b42938 0 1px, #0000 1px 3px, #7a540047 3px 4px, #0000 4px 7px), #16140c73;
  border: 1px solid #f0b42959;
  border-radius: 6px;
  padding: 18px 30px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  animation: .6s linear infinite t7scan, 4.5s step-end infinite t7flicker;
  box-shadow: inset 0 0 18px #f0b42926;
}

.t7 .btn-scan {
  -webkit-backdrop-filter: blur(14px);
}

.t7 .btn-scan-dark {
  background: repeating-linear-gradient(#f0b42938 0 1px, #0000 1px 3px, #7a540047 3px 4px, #0000 4px 7px), #100f0af0;
  padding: 20px 34px;
}

.t7 .readout {
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .12em;
  color: #f4f3f0d9;
  gap: 6px;
  font-size: 11.5px;
  animation: .8s .6s backwards t7fade;
  display: grid;
  position: absolute;
  top: 28px;
  right: 28px;
}

.t7 .readout-row {
  background: #16140c80;
  border: 1px solid #f0b42940;
  border-radius: 4px;
  justify-content: space-between;
  gap: 28px;
  min-width: 260px;
  padding: 8px 12px;
  display: flex;
}

.t7 .readout-row b {
  color: var(--signal);
  font-weight: 700;
}

.t7 .readout-dot {
  background: var(--signal);
  border-radius: 99px;
  width: 7px;
  height: 7px;
  margin-right: 8px;
  animation: 1.6s ease-in-out infinite t7blink;
  display: inline-block;
}

.t7 .intro {
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 0;
  padding: 110px 40px 130px;
  display: grid;
}

.t7 .intro-col-1 {
  border-right: 1px solid var(--hairline);
  padding-right: 56px;
}

.t7 .intro-col-1 h2 {
  letter-spacing: -.02em;
  margin: 0 0 28px;
  font-size: clamp(36px, 3.4vw, 54px);
  font-weight: 600;
  line-height: 1.08;
}

.t7 .intro-col-1 p {
  max-width: 440px;
  color: var(--body-gray);
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
}

.t7 .intro-col-2 {
  border-right: 1px solid var(--hairline);
  padding: 0 48px;
}

.t7 .intro-col-3 {
  padding-left: 48px;
}

.t7 .product-tag {
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  display: flex;
}

.t7 .product-square {
  flex: none;
  width: 14px;
  height: 14px;
  display: inline-block;
}

.t7 .product-tag span:last-child {
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .1em;
  font-size: 12.5px;
}

.t7 .product-title {
  letter-spacing: -.01em;
  margin-bottom: 14px;
  font-size: 30px;
  font-weight: 600;
}

.t7 .product-body {
  color: var(--body-gray);
  margin: 0 0 36px;
  font-size: 15.5px;
  line-height: 1.55;
}

.t7 .mono-link {
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .1em;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.t7 .services {
  padding: 0 40px 40px;
}

.t7 .section-label {
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .1em;
  padding-bottom: 20px;
  font-size: 12.5px;
}

.t7 .service-row {
  border-top: 1px solid var(--hairline);
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding: 34px 0;
  transition: padding-left .25s;
  display: flex;
}

.t7 .service-row:hover {
  padding-left: 20px;
}

.t7 .service-row:last-child {
  border-bottom: 1px solid var(--hairline);
}

.t7 .service-title {
  letter-spacing: -.03em;
  font-size: clamp(40px, 4.6vw, 72px);
  font-weight: 600;
  line-height: 1;
}

.t7 .service-title .idx {
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .12em;
  color: var(--box-gray);
  vertical-align: middle;
  margin-right: 18px;
  font-size: 13px;
}

.t7 .service-desc {
  color: var(--body-gray);
  text-align: right;
  flex: none;
  max-width: 520px;
  font-size: 17px;
}

.t7 .service-desc .nw {
  white-space: nowrap;
}

.t7 .bench {
  background: var(--lab);
  color: var(--light-on-gray);
  border-radius: 6px;
  grid-template-columns: 1.1fr 1fr;
  gap: 48px;
  margin: 40px 12px 0;
  padding: 56px 48px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.t7 .bench .lab-bg {
  opacity: .6;
}

.t7 .bench > * {
  position: relative;
}

.t7 .bench h2 {
  letter-spacing: -.02em;
  margin: 0 0 18px;
  font-size: clamp(32px, 3vw, 48px);
  font-weight: 600;
}

.t7 .bench p {
  color: #f4f3f0c7;
  max-width: 520px;
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

.t7 .bench-term {
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .04em;
  background: #16140c8c;
  border: 1px solid #f0b4294d;
  border-radius: 6px;
  padding: 22px 24px;
  font-size: 12.5px;
  line-height: 1.75;
  box-shadow: inset 0 0 18px #f0b4291f;
}

.t7 .bench-term .k {
  color: var(--signal);
}

.t7 .bench-term .c {
  color: #f4f3f080;
}

.t7 .proof {
  padding: 90px 40px 110px;
}

.t7 .proof-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 64px;
  margin-bottom: 56px;
  display: flex;
}

.t7 .proof-head h2 {
  letter-spacing: -.02em;
  max-width: 560px;
  margin: 0;
  font-size: clamp(36px, 3.4vw, 54px);
  font-weight: 600;
  line-height: 1.08;
}

.t7 .proof-head p {
  color: var(--body-gray);
  max-width: 420px;
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
}

.t7 .proof-grid {
  border-top: 1px solid var(--hairline);
  grid-template-columns: 1fr 1fr;
  gap: 0;
  display: grid;
}

.t7 .proof-cell {
  padding: 40px 0 40px 48px;
}

.t7 .proof-cell.left {
  border-right: 1px solid var(--hairline);
  padding: 40px 48px 40px 0;
}

.t7 .proof-cell.top {
  border-bottom: 1px solid var(--hairline);
}

.t7 .proof-cell p {
  letter-spacing: -.01em;
  margin: 0 0 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}

.t7 .proof-attr {
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .1em;
  color: var(--body-gray);
  font-size: 12.5px;
}

.t7 .cta {
  border-top: 1px solid var(--hairline);
  grid-template-columns: 1fr 2fr;
  min-height: 640px;
  display: grid;
}

.t7 .cta-left {
  background: var(--box-gray);
  color: var(--light-on-gray);
  border-radius: 6px;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  margin: 12px 6px 12px 12px;
  padding: 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.t7 .cta-eyebrow {
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .14em;
  color: #f4f3f0bf;
  font-size: 12.5px;
}

.t7 .cta-line-mask {
  padding: 10px 0;
  overflow: hidden;
}

.t7 .cta-line {
  letter-spacing: -.02em;
  max-width: 520px;
  font-size: clamp(34px, 3.4vw, 54px);
  font-weight: 600;
  line-height: 1.12;
}

.t7 .cta-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  display: flex;
}

.t7 .cta-tag {
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .1em;
  color: #f4f3f0bf;
  font-size: 12px;
}

.t7 .cta-right {
  background: #dcdad5;
  border-radius: 6px;
  min-height: 420px;
  margin: 12px 12px 12px 6px;
  position: relative;
  overflow: hidden;
}

.t7 .cta-right .media-shade {
  z-index: 4;
}

.t7 .cta-field {
  width: 100%;
  color: var(--ink);
  background: none;
  border: 1px solid #16161659;
  border-radius: 0;
  outline: none;
  padding: 12px 14px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
}

.t7 .cta-field::placeholder {
  color: #1616168c;
}

.t7 .footer {
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .1em;
  color: var(--footer-gray);
  justify-content: space-between;
  gap: 16px;
  padding: 14px 40px 26px;
  font-size: 11.5px;
  display: flex;
}

.t7 .footer a {
  text-decoration: none;
}

@media (max-width: 1024px) {
  .t7 .nav-links {
    display: none;
  }

  .t7 .intro {
    grid-template-columns: 1fr;
    gap: 48px;
    padding: 80px 24px 90px;
  }

  .t7 .intro-col-1 {
    border-right: 0;
    border-bottom: 1px solid var(--hairline);
    padding-bottom: 48px;
    padding-right: 0;
  }

  .t7 .intro-col-2 {
    border-right: 0;
    border-bottom: 1px solid var(--hairline);
    padding: 0 0 48px;
  }

  .t7 .intro-col-3 {
    padding-left: 0;
  }

  .t7 .bench {
    grid-template-columns: 1fr;
    padding: 40px 24px;
  }

  .t7 .cta {
    grid-template-columns: 1fr;
  }

  .t7 .cta-left {
    min-height: 480px;
    margin: 12px 12px 6px;
  }

  .t7 .cta-right {
    margin: 6px 12px 12px;
  }

  .t7 .readout {
    display: none;
  }
}

@media (max-width: 768px) {
  .t7 .nav {
    gap: 6px;
    padding: 8px;
    position: static;
  }

  .t7 .nav-brand {
    gap: 8px;
    padding: 12px 10px;
    font-size: 13px;
  }

  .t7 .nav-tg {
    letter-spacing: .05em;
    flex: 1;
    justify-content: center;
    min-width: 0;
    padding: 13px 8px;
    font-size: 10px;
  }

  .t7 .nav-tg span:first-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }

  .t7 .nav-tg span:last-child {
    display: none;
  }

  .t7 .hero {
    height: 72vh;
    min-height: 520px;
    margin: 0 8px;
  }

  .t7 .hero-content {
    gap: 20px;
    padding: 24px 20px;
  }

  .t7 .hero h1 {
    font-size: clamp(48px, 13vw, 84px);
  }

  .t7 .hero-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .t7 .hero-strap {
    font-size: 17px;
  }

  .t7 .hero-cta-row {
    flex-wrap: wrap;
    row-gap: 12px;
  }

  .t7 .btn-ink, .t7 .btn-scan {
    padding: 16px 24px;
  }

  .t7 .intro {
    gap: 40px;
    padding: 64px 20px 72px;
  }

  .t7 .intro-col-1, .t7 .intro-col-2 {
    padding-bottom: 40px;
  }

  .t7 .services, .t7 .proof {
    padding-left: 20px;
    padding-right: 20px;
  }

  .t7 .proof {
    padding-top: 64px;
    padding-bottom: 72px;
  }

  .t7 .proof-head {
    margin-bottom: 36px;
  }

  .t7 .service-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 26px 0;
  }

  .t7 .service-row:hover {
    padding-left: 0;
  }

  .t7 .service-title {
    font-size: clamp(34px, 9vw, 56px);
  }

  .t7 .service-desc {
    text-align: left;
  }

  .t7 .proof-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .t7 .proof-cell p {
    font-size: 20px;
  }

  .t7 .proof-grid {
    grid-template-columns: 1fr;
  }

  .t7 .proof-cell, .t7 .proof-cell.left {
    border-right: 0;
    border-bottom: 1px solid var(--hairline);
    padding: 32px 0;
  }

  .t7 .proof-cell:last-child {
    border-bottom: 0;
  }

  .t7 .bench {
    margin: 24px 8px 0;
  }

  .t7 .cta {
    min-height: 0;
  }

  .t7 .cta-left {
    min-height: 420px;
    margin: 8px 8px 4px;
    padding: 32px 24px;
  }

  .t7 .cta-right {
    min-height: 320px;
    margin: 4px 8px 8px;
  }

  .t7 .cta-actions {
    row-gap: 12px;
  }

  .t7 .cta-actions .btn-ink, .t7 .cta-actions .btn-scan-dark {
    padding: 16px 24px;
  }

  .t7 .footer {
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 20px 26px;
  }
}

.t7 .lab {
  --lab-ink: #0b0d12;
  --lab-dim: #0b0d1294;
  --lab-faint: #0b0d1266;
  --lab-line: #0b0d1212;
  --lab-peach: #f8e8d2;
  --lab-blue: #d3e1f9;
  --lab-grey: #e4e5e9;
  --lab-glass: linear-gradient(160deg, #ffffffeb 0%, #f8fafdb8 100%);
  --lab-shadow: 0 1px 0 #ffffffe6 inset, 0 30px 60px -40px #18285047, 0 2px 6px -2px #0b0d120f;
  color: var(--lab-ink);
  font-family: var(--font-archivo), "Archivo", sans-serif;
  background: #fff;
}

.t7 .lab-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}

.t7 .lab-pad {
  padding-top: 140px;
  padding-bottom: 0;
}

.t7 .lab > section:last-child {
  padding-bottom: 140px;
}

.t7 .lab-display {
  letter-spacing: -.04em;
  max-width: 14ch;
  margin: 0 0 28px;
  font-size: clamp(48px, 6.4vw, 104px);
  font-weight: 600;
  line-height: .98;
}

.t7 .lab-soft {
  color: #0b0d1252;
}

.t7 .lab-h2 {
  letter-spacing: -.03em;
  text-wrap: balance;
  max-width: 20ch;
  margin: 0;
  font-size: clamp(34px, 3.6vw, 56px);
  font-weight: 600;
  line-height: 1.04;
}

.t7 .lab-lead {
  color: var(--lab-dim);
  max-width: 52ch;
  margin: 0;
  font-size: 19px;
  line-height: 1.6;
}

.t7 .lab-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 48px;
  margin-bottom: 56px;
  display: flex;
}

.t7 .lab-head .lab-lead {
  max-width: 40ch;
}

.t7 .lab-orb {
  color: var(--lab-ink);
  background: linear-gradient(#fffffffa 0%, #eceef3cc 100%);
  border: 1px solid #0b0d120f;
  border-radius: 99px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  box-shadow: 0 2px 8px #0b0d1212, inset 0 1px #fff;
}

.t7 .lab-feed {
  padding: 140px 0 40px;
  overflow: hidden;
}

.t7 .lab-reels {
  justify-content: center;
  gap: 22px;
  min-width: 0;
  padding: 72px 24px 40px;
  display: flex;
}

.t7 .lab-reel {
  aspect-ratio: 9 / 16;
  background: #e4e5e9;
  border-radius: 30px;
  flex: none;
  width: 236px;
  margin: 0;
  transition: transform .5s cubic-bezier(.22, 1, .36, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 40px 80px -40px #0b0d1273, 0 0 0 1px #0b0d120f;
}

.t7 .lab-reel:nth-child(2), .t7 .lab-reel:nth-child(4) {
  margin-top: 56px;
}

.t7 .lab-reel:hover {
  transform: rotate(0)translateY(-6px) !important;
}

.t7 .lab-reel__video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.t7 .lab-reel__shade {
  background: linear-gradient(#0000 50%, #0b0d1259 100%);
  position: absolute;
  inset: 0;
}

.t7 .lab-reel__readings {
  gap: 8px;
  display: grid;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}

.t7 .lab-reading {
  -webkit-backdrop-filter: blur(16px) saturate(1.6);
  background: #ffffffb8;
  border: 1px solid #fffc;
  border-radius: 18px;
  gap: 2px;
  padding: 9px 14px;
  line-height: 1.2;
  display: grid;
  box-shadow: 0 8px 20px -12px #0b0d1266;
}

.t7 .lab-reading__label {
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--lab-faint);
  font-size: 9.5px;
}

.t7 .lab-reading__value {
  color: var(--lab-ink);
  font-size: 13px;
  font-weight: 600;
}

.t7 .lab-cards {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  display: grid;
}

.t7 .lab-card {
  border: 1px solid #ffffffb3;
  border-radius: 28px;
  flex-direction: column;
  min-height: 300px;
  padding: 12px 26px 28px;
  display: flex;
}

.t7 .lab-card__top {
  align-items: center;
  gap: 12px;
  display: flex;
}

.t7 .lab-card__title {
  letter-spacing: -.01em;
  margin-top: 22px;
  font-size: 19px;
  font-weight: 600;
}

.t7 .lab-card__body {
  color: #0b0d129e;
  max-width: 30ch;
  margin: 16px 0 0;
  font-size: 15.5px;
  line-height: 1.55;
}

.t7 .lab-card__value {
  letter-spacing: -.05em;
  margin-top: auto;
  padding-top: 28px;
  font-size: 64px;
  font-weight: 600;
  line-height: 1;
}

.t7 .lab-split {
  grid-template-columns: 1fr 1.1fr;
  align-items: center;
  gap: 64px;
  display: grid;
}

.t7 .lab-chat {
  border: 1px solid var(--lab-line);
  height: 560px;
  box-shadow: var(--lab-shadow);
  background: linear-gradient(160deg, #f4f7fd 0%, #eef1f7 100%);
  border-radius: 28px;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  display: flex;
}

.t7 .lab-chat__bar {
  border-bottom: 1px solid var(--lab-line);
  align-items: center;
  gap: 12px;
  padding: 6px 8px 10px;
  display: flex;
}

.t7 .lab-chat__who {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  display: grid;
}

.t7 .lab-chat__status {
  color: var(--lab-faint);
  font-size: 12.5px;
  font-weight: 500;
}

.t7 .lab-chat__body {
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  gap: 10px;
  padding: 4px 4px 8px;
  display: flex;
  overflow-y: auto;
}

.t7 .lab-chat__body::-webkit-scrollbar {
  display: none;
}

.t7 .lab-chat__row--me {
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  animation: .45s cubic-bezier(.22, 1, .36, 1) both labIn;
  display: flex;
}

.t7 .lab-chat__msg {
  border: 1px solid var(--lab-line);
  color: #0b0d12cc;
  background: #fff;
  border-radius: 20px 20px 20px 6px;
  align-self: flex-start;
  max-width: 86%;
  padding: 12px 15px;
  font-size: 14.5px;
  line-height: 1.5;
  box-shadow: 0 1px 2px #0b0d120a;
}

.t7 .lab-chat__msg--me {
  background: var(--lab-blue);
  max-width: 78%;
  color: var(--lab-ink);
  border-color: #2f6fed1f;
  border-radius: 20px 20px 6px;
  align-self: flex-end;
  font-weight: 500;
}

.t7 .lab-in {
  animation: .45s cubic-bezier(.22, 1, .36, 1) both labIn;
}

@keyframes labIn {
  from {
    opacity: 0;
    transform: translateY(10px)scale(.98);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.t7 .lab-upload {
  border: 1px solid var(--lab-line);
  background: #fff;
  border-radius: 18px;
  align-items: center;
  gap: 12px;
  width: 260px;
  padding: 8px;
  display: flex;
  box-shadow: 0 1px 2px #0b0d120a;
}

.t7 .lab-upload__thumb {
  aspect-ratio: 9 / 16;
  background: var(--lab-grey);
  border-radius: 10px;
  flex: none;
  width: 52px;
  position: relative;
  overflow: hidden;
}

.t7 .lab-upload__thumb video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.t7 .lab-upload__play {
  color: #fff;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #0b0d1259;
  border-radius: 99px;
  place-items: center;
  width: 24px;
  height: 24px;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.t7 .lab-upload__meta {
  flex: 1;
  gap: 6px;
  min-width: 0;
  display: grid;
}

.t7 .lab-upload__file {
  font-size: 13.5px;
  font-weight: 600;
}

.t7 .lab-upload__bar {
  background: #0b0d1212;
  border-radius: 99px;
  height: 4px;
  overflow: hidden;
}

.t7 .lab-upload__bar span {
  background: linear-gradient(90deg, #a9c5f6, #86a9ea);
  border-radius: 99px;
  height: 100%;
  transition: width 60ms linear;
  display: block;
}

.t7 .lab-upload__state {
  color: var(--lab-faint);
  align-items: center;
  gap: 4px;
  font-size: 12px;
  display: inline-flex;
}

.t7 .lab-tips {
  border: 1px solid var(--lab-line);
  background: #ffffffb3;
  border-radius: 20px;
  align-self: flex-start;
  gap: 8px;
  width: 86%;
  padding: 10px;
  display: grid;
}

.t7 .lab-tip {
  background: #fff;
  border-radius: 14px;
  align-items: center;
  gap: 10px;
  padding: 6px;
  display: flex;
}

.t7 .lab-tip__text {
  line-height: 1.25;
  display: grid;
}

.t7 .lab-tip__label {
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--lab-faint);
  font-size: 9.5px;
}

.t7 .lab-tip__value {
  font-size: 13.5px;
  font-weight: 600;
}

.t7 .lab-hooks {
  align-self: flex-start;
  gap: 8px;
  width: 86%;
  display: grid;
}

.t7 .lab-hook {
  border: 1px solid var(--lab-line);
  background: #fff;
  border-radius: 16px;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.t7 .lab-hook__n {
  background: var(--lab-peach);
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 11.5px;
  font-weight: 700;
  display: grid;
}

.t7 .lab-typing {
  border: 1px solid var(--lab-line);
  background: #fff;
  border-radius: 20px 20px 20px 6px;
  align-self: flex-start;
  gap: 5px;
  padding: 14px 16px;
  display: inline-flex;
}

.t7 .lab-typing span {
  background: #0b0d124d;
  border-radius: 99px;
  width: 7px;
  height: 7px;
  animation: 1.1s ease-in-out infinite labDot;
}

.t7 .lab-typing span:nth-child(2) {
  animation-delay: .15s;
}

.t7 .lab-typing span:nth-child(3) {
  animation-delay: .3s;
}

@keyframes labDot {
  0%, 60%, 100% {
    opacity: .4;
    transform: translateY(0);
  }

  30% {
    opacity: 1;
    transform: translateY(-4px);
  }
}

.t7 .lab-chat__input {
  border: 1px solid var(--lab-line);
  color: #0b0d1280;
  background: #fff;
  border-radius: 99px;
  align-items: center;
  gap: 12px;
  padding: 10px 10px 10px 16px;
  display: flex;
}

.t7 .lab-chat__placeholder {
  flex: 1;
  font-size: 14.5px;
}

.t7 .lab-chat__send {
  color: #fff;
  background: #0b0d12;
  border-radius: 99px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.evai-avatar {
  background: radial-gradient(circle at 30% 28%, #fffffff2 0 12%, #0000 34%), radial-gradient(circle at 70% 70%, #7fb2ff 0%, #0000 55%), radial-gradient(circle at 25% 75%, #f3a6d2 0%, #0000 55%), radial-gradient(circle at 75% 25%, #c3b5f2 0%, #0000 60%), #e9e2fb;
  border-radius: 99px;
  flex: none;
  animation: 9s linear infinite evaiSpin;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffffe6, 0 4px 14px -4px #7f78f28c;
}

.evai-avatar:after {
  content: "";
  border-radius: inherit;
  mix-blend-mode: overlay;
  background: repeating-linear-gradient(#ffffff29 0 1px, #0000 1px 3px);
  position: absolute;
  inset: 0;
}

.evai-avatar.is-thinking {
  animation: 3s linear infinite evaiSpin, 1.2s ease-in-out infinite evaiPulse;
}

@keyframes evaiSpin {
  to {
    filter: hue-rotate(360deg);
  }
}

@keyframes evaiPulse {
  0%, 100% {
    box-shadow: inset 0 0 0 1px #ffffffe6, 0 4px 14px -4px #7f78f28c;
  }

  50% {
    box-shadow: inset 0 0 0 1px #ffffffe6, 0 0 0 6px #c3b5f259, 0 6px 20px -4px #f3a6d2b3;
  }
}

@media (prefers-reduced-motion: reduce) {
  .evai-avatar, .evai-avatar.is-thinking, .t7 .lab-in, .t7 .lab-chat__row--me, .t7 .lab-typing span {
    animation: none;
  }
}

@media (max-width: 900px) {
  .t7 .lab-chat {
    height: 520px;
  }

  .t7 .lab-upload {
    width: 230px;
  }
}

.t7 .lab-steps {
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  display: grid;
}

.t7 .lab-step {
  background: var(--lab-glass);
  border: 1px solid var(--lab-line);
  box-shadow: var(--lab-shadow);
  border-radius: 26px;
  padding: 10px 10px 24px;
}

.t7 .lab-step__title {
  letter-spacing: -.01em;
  margin: 20px 14px 8px;
  font-size: 20px;
  font-weight: 600;
}

.t7 .lab-step__body {
  color: var(--lab-dim);
  margin: 0 14px;
  font-size: 15.5px;
  line-height: 1.55;
}

.t7 .lab-office {
  aspect-ratio: 16 / 9;
  background: var(--lab-grey);
  border-radius: 28px;
  margin-bottom: 18px;
  overflow: hidden;
}

.t7 .lab-office img, .t7 .lab-member__photo img, .t7 .lab-office video, .t7 .lab-member__photo video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.t7 .lab-team {
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  display: grid;
}

.t7 .lab-member__photo {
  aspect-ratio: 4 / 5;
  background: var(--lab-grey);
  border-radius: 24px;
  overflow: hidden;
}

.t7 .lab-member__name {
  margin: 14px 0 2px;
  font-size: 17px;
  font-weight: 600;
}

.t7 .lab-member__name span {
  filter: blur(6px);
  -webkit-user-select: none;
  user-select: none;
  opacity: .8;
}

.t7 .lab-member__role {
  color: var(--lab-dim);
  margin: 0;
  font-size: 14.5px;
}

@media (max-width: 1100px) {
  .t7 .lab-reel {
    width: 200px;
  }

  .t7 .lab-reel:nth-child(5) {
    display: none;
  }
}

@media (max-width: 900px) {
  .t7 .lab-container {
    padding: 0 22px;
  }

  .t7 .lab-pad {
    padding-top: 88px;
  }

  .t7 .lab > section:last-child {
    padding-bottom: 88px;
  }

  .t7 .lab-feed {
    padding-top: 88px;
  }

  .t7 .lab-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 36px;
  }

  .t7 .lab-reels {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    justify-content: flex-start;
    padding: 48px 22px 32px;
    overflow-x: auto;
  }

  .t7 .lab-reels::-webkit-scrollbar {
    display: none;
  }

  .t7 .lab-reel {
    scroll-snap-align: center;
    width: 200px;
  }

  .t7 .lab-reel:nth-child(5) {
    display: block;
  }

  .t7 .lab-cards, .t7 .lab-steps {
    grid-template-columns: 1fr;
  }

  .t7 .lab-split {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .t7 .lab-team {
    grid-template-columns: 1fr 1fr;
  }

  .t7 .lab-office {
    aspect-ratio: 16 / 9;
  }
}

@media (prefers-reduced-motion: reduce) {
  .t7 .lab-reel {
    transition: none;
  }
}

.t7 .close {
  background: #fff;
  padding: 20px 12px 12px;
}

.t7 .close-panel {
  background: radial-gradient(700px 420px at 12% 0, #d3e1f9f2, #0000 65%), radial-gradient(600px 420px at 100% 100%, #f8e8d2b3, #0000 60%), linear-gradient(160deg, #f6f8fc 0%, #eef2f8 100%);
  border: 1px solid #0b0d120f;
  border-radius: 32px;
  grid-template-columns: 1.3fr .7fr;
  align-items: center;
  gap: 56px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 64px;
  display: grid;
  box-shadow: inset 0 1px #ffffffe6, 0 40px 80px -50px #18285059;
}

.t7 .close-line-mask {
  padding: 6px 0;
  overflow: hidden;
}

.t7 .close-line {
  letter-spacing: -.04em;
  color: #0b0d12;
  margin: 0;
  font-size: clamp(40px, 4.6vw, 72px);
  font-weight: 600;
  line-height: 1.02;
}

.t7 .close-lead {
  color: #0b0d1294;
  max-width: 46ch;
  margin: 22px 0 36px;
  font-size: 19px;
  line-height: 1.6;
}

.t7 .close-actions {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.t7 .close-btn {
  color: #fff;
  background: #0b0d12;
  border-radius: 99px;
  align-items: center;
  height: 52px;
  padding: 0 26px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  display: inline-flex;
  box-shadow: 0 10px 24px -12px #0b0d1299;
}

.t7 .close-btn:hover {
  opacity: 1;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 14px 28px -12px #0b0d12a6;
}

.t7 .close-btn--ghost {
  color: #0b0d12;
  background: #fffc;
  border: 1px solid #0b0d1214;
  box-shadow: 0 1px 2px #0b0d120d;
}

.t7 .close-btn--ghost:hover {
  color: #0b0d12;
  box-shadow: 0 6px 16px -10px #0b0d124d;
}

.t7 .close-reel {
  aspect-ratio: 9 / 16;
  background: #e4e5e9;
  border-radius: 30px;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transform: rotate(2deg);
  box-shadow: 0 40px 80px -40px #0b0d1273, 0 0 0 1px #0b0d120f;
}

.t7 .close-reel video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.t7 .close-reel__card {
  -webkit-backdrop-filter: blur(16px) saturate(1.6);
  background: #ffffffb8;
  border: 1px solid #fffc;
  border-radius: 18px;
  gap: 2px;
  padding: 10px 14px;
  display: grid;
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
}

.t7 .close-reel__label {
  font-family: var(--font-plex), "IBM Plex Mono", monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #0b0d1266;
  font-size: 9.5px;
}

.t7 .close-reel__value {
  color: #0b0d12;
  font-size: 13px;
  font-weight: 600;
}

.t7 .lab-footer {
  background: #fff;
}

.t7 .lab-footer__inner {
  border-top: 1px solid #0b0d1212;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  max-width: 1200px;
  margin: 60px auto 0;
  padding: 36px 40px 44px;
  display: flex;
}

.t7 .lab-footer__brand {
  align-items: center;
  gap: 10px;
  font-size: 17px;
  font-weight: 600;
  display: flex;
}

.t7 .lab-footer__tag {
  color: #0b0d1273;
  margin-left: 6px;
  font-size: 14px;
  font-weight: 500;
}

.t7 .lab-footer__links {
  gap: 26px;
  display: flex;
}

.t7 .lab-footer__links a {
  color: #0b0d1299;
  font-size: 14.5px;
  font-weight: 500;
  text-decoration: none;
}

.t7 .lab-footer__links a:hover {
  color: #0b0d12;
  opacity: 1;
}

.t7 .lab-footer__copy {
  color: #0b0d1273;
  font-size: 14px;
}

@media (max-width: 900px) {
  .t7 .close {
    padding: 8px;
  }

  .t7 .close-panel {
    border-radius: 26px;
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 40px 24px;
  }

  .t7 .close-reel {
    max-width: 220px;
  }

  .t7 .lab-footer__inner {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 40px;
    padding: 28px 22px 36px;
  }

  .t7 .lab-footer__links {
    flex-wrap: wrap;
    gap: 16px 22px;
  }
}

.t7 .lab-card__media, .t7 .lab-step__media {
  background: #ffffff80;
  position: relative;
  overflow: hidden;
}

.t7 .lab-card__media {
  aspect-ratio: 4 / 3;
  border-radius: 20px;
  margin: 0 -14px;
}

.t7 .lab-step__media {
  aspect-ratio: 4 / 5;
  border-radius: 18px;
}

.t7 .lab-card__media video, .t7 .lab-step__media video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.t7 .hero-eyebrow {
  flex-wrap: wrap;
  row-gap: 6px;
}

.t7 .hero-eyebrow svg {
  width: auto;
  height: clamp(22px, 2.2vw, 30px);
}

.t7 .hero-eyebrow__tag {
  white-space: nowrap;
}

.t7 .lab-step__media--square {
  aspect-ratio: 1;
}

.t7 button.nav-tg, .t7 button.btn-scan {
  cursor: pointer;
  text-align: left;
}

.t7 button.close-btn {
  cursor: pointer;
  border: 0;
  font-family: inherit;
}

.t7 .wl-backdrop {
  --lab-ink: #0b0d12;
  --lab-dim: #0b0d1294;
  z-index: 100;
  -webkit-backdrop-filter: blur(10px);
  background: #0b0d1247;
  place-items: center;
  padding: 16px;
  animation: .2s t7fade;
  display: grid;
  position: fixed;
  inset: 0;
}

.t7 .wl-panel {
  width: 100%;
  max-width: 440px;
  color: var(--lab-ink);
  background: radial-gradient(420px 240px at 0 0, #f8e8d2e6, #0000 70%), radial-gradient(420px 260px at 100% 100%, #d3e1f9e6, #0000 70%), #fff;
  border: 1px solid #ffffffe6;
  border-radius: 28px;
  padding: 30px 28px 28px;
  position: relative;
  box-shadow: 0 40px 90px -30px #0b0d1273;
}

.t7 .wl-close {
  width: 34px;
  height: 34px;
  color: var(--lab-ink);
  cursor: pointer;
  background: #0b0d120f;
  border: 0;
  border-radius: 99px;
  font-size: 20px;
  line-height: 1;
  position: absolute;
  top: 14px;
  right: 16px;
}

.t7 .wl-title {
  letter-spacing: -.03em;
  margin: 22px 0 8px;
  font-size: 30px;
  font-weight: 600;
}

.t7 .wl-lead {
  color: var(--lab-dim);
  margin: 0 0 18px;
  font-size: 15.5px;
  line-height: 1.55;
}

.t7 .wl-form {
  gap: 12px;
  display: grid;
}

.t7 .wl-form .wl-title {
  margin-bottom: 0;
}

.t7 .wl-form .wl-lead {
  margin-bottom: 6px;
}

.t7 .wl-field {
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  display: grid;
}

.t7 .wl-field em {
  color: var(--lab-dim);
  margin-left: 4px;
  font-style: normal;
  font-weight: 400;
}

.t7 .wl-field input {
  font: inherit;
  color: var(--lab-ink);
  background: #ffffffd9;
  border: 1px solid #0b0d121f;
  border-radius: 14px;
  outline: none;
  padding: 13px 15px;
  font-size: 16px;
}

.t7 .wl-field input:focus {
  border-color: #0b0d1273;
  box-shadow: 0 0 0 4px #d3e1f9cc;
}

.t7 .wl-hp {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  left: -9999px;
}

.t7 .wl-error {
  color: #9a3b2e;
  margin: 0;
  font-size: 13.5px;
}

.t7 .wl-submit {
  justify-content: center;
  width: 100%;
  margin-top: 6px;
}

.t7 .wl-submit:disabled {
  opacity: .6;
  cursor: default;
}

.t7 .wl-done .close-btn {
  margin-top: 4px;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__0k48jw5._.css.map*/

/* handoff: hidden states stay hidden */
[hidden] { display: none !important; }