/* Cohelion corporate site — element styles.
   Lifted out of the markup at build time: one class per unique set of
   declarations, shared across every page. Loaded after style.css. */

.u1 {
  position: sticky;
  top: 0px;
  z-index: 50;
}
.u2 {
  max-width: 1280px;
  margin: 0px auto;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.u3 {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  text-decoration: none;
}
.u4 {
  height: 77px;
  width: auto;
  display: block;
}
.u5 {
  display: flex;
  gap: 28px;
  align-items: center;
}
.u6 {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  color: var(--fg-2);
  padding: 8px 2px;
  border-bottom: 2px solid transparent;
  transition: color 150ms, border-color 150ms;
}
.u7 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.u8 {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 15px;
  padding: 12px 22px;
  border-radius: 10px;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background 150ms var(--ease-std), color 150ms var(--ease-std), border-color 150ms var(--ease-std), transform 100ms;
  text-decoration: none;
  transform: none;
  white-space: nowrap;
  background: var(--accent-500);
  color: rgb(255, 255, 255);
}
.u9 {
  display: none;
  background: transparent;
  border: 0px;
  padding: 6px;
  color: var(--fg-1);
  cursor: pointer;
}
.u10 {
  border-top:1px solid var(--border-1);
  background:var(--bg-1-pure);
  padding:12px 24px 20px;
}
.u11 {
  display:flex;
  flex-direction:column;
  gap:2px;
}
.u12 {
  font-family:var(--font-body);
  font-size:16px;
  font-weight:600;
  color:var(--fg-1);
  text-decoration:none;
  padding:12px 0;
  border-bottom:1px solid var(--border-1);
}
.u13 {
  font-family:var(--font-body);
  font-size:16px;
  font-weight:700;
  color:#fff;
  background:var(--brand-500);
  text-decoration:none;
  padding:13px 20px;
  border-radius:10px;
  margin-top:14px;
  text-align:center;
}
.u14 {
  position: relative;
  padding: 32px 24px clamp(64px, 8vw, 112px);
  background: var(--bg-1-pure);
  overflow: hidden;
}
.u15 {
  position: absolute;
  inset: 0px;
  background-image: radial-gradient(circle at 1px 1px, rgba(168, 178, 192, 0.4) 1px, transparent 0px);
  background-size: 24px 24px;
  mask-image: radial-gradient(at 50% 30%, black 0%, transparent 75%);
  pointer-events: none;
}
.u16 {
  position: relative;
  max-width: 1280px;
  margin: 0px auto;
  text-align: left;
}
.u17 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(40px, 5.2vw, 72px);
  line-height: 1.06;
  letter-spacing: -0.03em;
  margin: 0px 0px 28px;
  color: var(--fg-1);
  text-wrap: wrap;
  max-width: 1040px;
}
.u18 {
  font-family: var(--font-body);
  font-size: clamp(18px, 1.6vw, 23px);
  line-height: 1.45;
  color: var(--fg-2);
  margin: 0px 0px 40px;
  max-width: 620px;
}
.u19 {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.u20 {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 16px;
  padding: 14px 26px;
  border-radius: 10px;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background 150ms var(--ease-std), color 150ms var(--ease-std), border-color 150ms var(--ease-std), transform 100ms;
  text-decoration: none;
  transform: none;
  white-space: nowrap;
  background: var(--accent-500);
  color: rgb(255, 255, 255);
}
.u21 {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 16px;
  padding: 14px 26px;
  border-radius: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--ink-900);
  border-image: initial;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background 150ms var(--ease-std), color 150ms var(--ease-std), border-color 150ms var(--ease-std), transform 100ms;
  text-decoration: none;
  transform: none;
  white-space: nowrap;
  background: transparent;
  color: var(--ink-900);
}
.u22 {
  padding: 56px 24px 64px;
  border-top: 1px solid var(--border-1);
  border-bottom: 1px solid var(--border-1);
  background: var(--bg-1-pure);
}
.u23 {
  max-width: 1100px;
  margin: 0px auto;
}
.u24 {
  text-align: center;
  margin-bottom: 32px;
}
.u25 {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--eyebrow-plain);
  line-height: 1;
}
.u26 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  align-items: center;
}
.u27 {
  height: clamp(31px, 2.75vw, 44px);
  width: auto;
  max-width: 100%;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.78;
  transition: filter 200ms, opacity 200ms;
}
.u28 {
  height: clamp(43px, 3.88vw, 62px);
  width: auto;
  max-width: 100%;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.78;
  transition: filter 200ms, opacity 200ms;
}
.u29 {
  height: clamp(39px, 3.5vw, 56px);
  width: auto;
  max-width: 100%;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.78;
  transition: filter 200ms, opacity 200ms;
}
.u30 {
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid var(--border-1);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}
.u31 {
  height: 46px;
  width: auto;
  flex: 0 0 auto;
}
.u32 {
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--fg-2);
  max-width: 460px;
}
.u33 {
  color: var(--fg-1);
}
.u34 {
  padding: var(--sec-pad-y) var(--sec-pad-x);
  background: var(--sec-pure);
  color: var(--fg-1);
}
.u35 {
  max-width: 1280px;
  margin: 0px auto;
}
.u36 {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
  gap: clamp(40px, 6vw, 96px);
  align-items: center;
}
.u37 {
  transition-delay: 0ms;
}
.u38 {
  margin-top: 16px;
  font-size: clamp(30px, 3.1vw, 46px);
  line-height: 1.12;
  text-wrap: pretty;
}
.u39 {
  color: var(--brand-500);
}
.u40 {
  margin-top: 20px;
}
.u41 {
  margin-top: 18px;
}
.u42 {
  margin-top: 22px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--fg-1);
  text-wrap: pretty;
}
.u43 {
  transition-delay: 120ms;
}
.u44 {
  position: relative;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 14px;
  padding: clamp(28px, 3vw, 40px);
  overflow: hidden;
  min-height: 360px;
}
.u45 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 16px;
  flex-wrap: wrap;
}
.u46 {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.u47 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  background: rgba(255, 106, 44, 0.1);
  border-radius: 6px;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent-500);
}
.u48 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--accent-500);
}
.u49 {
  position: relative;
  min-height: 260px;
}
.u50 {
  position: absolute;
  top: 0px;
  left: 0%;
  transform: rotate(-2deg);
  opacity: 1;
  max-width: 240px;
}
.u51 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 56px;
  letter-spacing: -0.03em;
  color: var(--ink-900);
  line-height: 0.95;
}
.u52 {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 500;
  color: var(--fg-2);
  margin-top: 4px;
}
.u53 {
  font-family: var(--font-mono);
  font-size: 9px;
  color: var(--fg-muted);
  margin-top: 2px;
}
.u54 {
  position: absolute;
  top: 22px;
  left: 36%;
  transform: rotate(1deg);
  opacity: 0.92;
  max-width: 240px;
}
.u55 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 48px;
  letter-spacing: -0.03em;
  color: var(--ink-900);
  line-height: 0.95;
}
.u56 {
  position: absolute;
  top: 70px;
  left: 64%;
  transform: rotate(-1deg);
  opacity: 0.88;
  max-width: 240px;
}
.u57 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 44px;
  letter-spacing: -0.03em;
  color: var(--ink-900);
  line-height: 0.95;
}
.u58 {
  position: absolute;
  top: 120px;
  left: 4%;
  transform: rotate(2deg);
  opacity: 0.78;
  max-width: 240px;
}
.u59 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 40px;
  letter-spacing: -0.03em;
  color: var(--ink-900);
  line-height: 0.95;
}
.u60 {
  position: absolute;
  top: 142px;
  left: 40%;
  transform: rotate(-2deg);
  opacity: 0.72;
  max-width: 240px;
}
.u61 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 36px;
  letter-spacing: -0.03em;
  color: var(--ink-900);
  line-height: 0.95;
}
.u62 {
  position: absolute;
  top: 168px;
  left: 70%;
  transform: rotate(1deg);
  opacity: 0.62;
  max-width: 240px;
}
.u63 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 32px;
  letter-spacing: -0.03em;
  color: var(--ink-900);
  line-height: 0.95;
}
.u64 {
  position: absolute;
  top: 210px;
  left: 8%;
  transform: rotate(-1deg);
  opacity: 0.5;
  max-width: 240px;
}
.u65 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 30px;
  letter-spacing: -0.03em;
  color: var(--ink-900);
  line-height: 0.95;
}
.u66 {
  position: absolute;
  top: 222px;
  left: 46%;
  transform: rotate(2deg);
  opacity: 0.4;
  max-width: 240px;
}
.u67 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 26px;
  letter-spacing: -0.03em;
  color: var(--ink-900);
  line-height: 0.95;
}
.u68 {
  position: absolute;
  top: 230px;
  left: 74%;
  transform: rotate(0deg);
  opacity: 0.32;
  max-width: 240px;
}
.u69 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 24px;
  letter-spacing: -0.03em;
  color: var(--ink-900);
  line-height: 0.95;
}
.u70 {
  position: absolute;
  inset: 0px;
  background: linear-gradient(135deg, transparent 30%, rgba(251, 250, 247, 0.85) 95%);
  pointer-events: none;
}
.u71 {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--border-1);
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--fg-2);
}
.u72 {
  padding: var(--sec-pad-y) var(--sec-pad-x);
  background: var(--sec-cool);
  color: var(--fg-1);
}
.u73 {
  display: grid;
  grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr);
  gap: clamp(40px, 6vw, 88px);
  align-items: start;
}
.u74 {
  margin-top: 16px;
  font-size: clamp(28px, 2.7vw, 40px);
  line-height: 1.14;
  text-wrap: pretty;
}
.u75 {
  margin-top: 24px;
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.6;
  color: var(--fg-2);
  max-width: 380px;
}
.u76 {
  margin-top: 22px;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(20px, 1.8vw, 26px);
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: var(--fg-1);
}
.u77 {
  color: var(--accent-500);
}
.u78 {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.u79 {
  padding: var(--sec-pad-y) var(--sec-pad-x);
  background: var(--bg-1);
  color: var(--fg-1);
}
.u80 {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.4fr);
  gap: clamp(32px, 5vw, 64px);
  margin-bottom: 56px;
  align-items: start;
}
.u81 {
  margin-top: 16px;
}
.u82 {
  transition-delay: 100ms;
}
.u83 {
  margin-top: 14px;
}
.u84 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.u85 {
  position: relative;
  background: var(--bg-1-pure);
  color: var(--fg-1);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 28px;
  cursor: pointer;
  transform: none;
  transition: all 150ms var(--ease-std);
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 200px;
}
.u86 {
  position: absolute;
  top: 14px;
  right: 14px;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--brand-700);
  background: rgba(0, 126, 255, 0.1);
  padding: 5px 9px;
  border-radius: 6px;
}
.u87 {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgb(239, 247, 255);
  color: rgb(25, 118, 224);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}
.u88 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -0.01em;
  margin: 0px;
  color: var(--fg-1);
}
.u89 {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-3);
}
.u90 {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  color: rgb(25, 118, 224);
}
.u91 {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgb(226, 232, 240);
  color: rgb(51, 65, 85);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}
.u92 {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  color: rgb(51, 65, 85);
}
.u93 {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgb(230, 242, 255);
  color: rgb(0, 102, 204);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}
.u94 {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  color: rgb(0, 102, 204);
}
.u95 {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgb(214, 224, 240);
  color: rgb(0, 26, 51);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}
.u96 {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  color: rgb(0, 26, 51);
}
.u97 {
  margin-top: 32px;
  padding: 24px 32px;
  background: var(--ink-50);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
}
.u98 {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.u99 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: var(--fg-1);
  letter-spacing: -0.01em;
  margin-top: 2px;
}
.u100 {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  color: var(--fg-2);
}
.u101 {
  color: var(--ink-300);
}
.u102 {
  padding: var(--sec-pad-y) var(--sec-pad-x);
  background: var(--ink-900);
  color: rgb(255, 255, 255);
  position: relative;
  overflow: hidden;
}
.u103 {
  position: absolute;
  inset: 0px;
  background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.06) 1px, transparent 0px);
  background-size: 24px 24px;
  mask-image: linear-gradient(black 0%, transparent 95%);
  pointer-events: none;
}
.u104 {
  position: relative;
}
.u105 {
  max-width: 880px;
  margin-bottom: 56px;
}
.u106 {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--eyebrow-accent);
  line-height: 1;
}
.u107 {
  color: rgb(255, 255, 255);
  margin-top: 16px;
}
.u108 {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 16px;
}
.u109 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  align-items: stretch;
}
.u110 {
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 14px;
  padding: 28px 24px 22px;
  cursor: pointer;
  transform: none;
  box-shadow: none;
  transition: all 150ms var(--ease-std);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 380px;
}
.u111 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  min-height: 36px;
}
.u112 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgb(239, 247, 255);
  color: rgb(25, 118, 224);
  border: 1px solid rgb(184, 218, 255);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.005em;
  white-space: nowrap;
  text-decoration: none;
  cursor: default;
  transition: transform 120ms var(--ease-std), filter 120ms;
}
.u113 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgb(51, 153, 255);
  flex: 0 0 auto;
}
.u114 {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  background: var(--ink-900);
  color: rgb(255, 255, 255);
  padding: 8px 12px;
  border-radius: 8px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.005em;
  width: max-content;
  max-width: 240px;
  white-space: normal;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 24px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 120ms var(--ease-std), transform 120ms var(--ease-std);
  z-index: 50;
}
.u115 {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--ink-900);
}
.u116 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(28px, 2.6vw, 36px);
  color: var(--accent-500);
  letter-spacing: -0.02em;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.u117 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgb(226, 232, 240);
  color: rgb(51, 65, 85);
  border: 1px solid rgb(148, 163, 184);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.005em;
  white-space: nowrap;
  text-decoration: none;
  cursor: default;
  transition: transform 120ms var(--ease-std), filter 120ms;
}
.u118 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgb(71, 85, 105);
  flex: 0 0 auto;
}
.u119 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px 0px 12px;
}
.u120 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(22px, 2vw, 26px);
  letter-spacing: -0.02em;
  margin: 0px 0px 12px;
  color: var(--fg-1);
  line-height: 1.1;
  text-wrap: pretty;
  text-align: center;
}
.u121 {
  font-family: var(--font-body);
  font-size: 14px;
  font-style: italic;
  line-height: 1.45;
  color: var(--brand-700);
  margin: 0px 0px 12px;
  text-align: center;
  text-wrap: pretty;
  font-weight: 500;
}
.u122 {
  font-family: var(--font-body);
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0px;
  text-align: center;
  text-wrap: pretty;
}
.u123 {
  margin-top: auto;
  padding-top: 18px;
  text-align: center;
}
.u124 {
  justify-content: center;
}
.u125 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgb(230, 242, 255);
  color: rgb(0, 102, 204);
  border: 1px solid rgb(153, 204, 255);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.005em;
  white-space: nowrap;
  text-decoration: none;
  cursor: default;
  transition: transform 120ms var(--ease-std), filter 120ms;
}
.u126 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgb(0, 126, 255);
  flex: 0 0 auto;
}
.u127 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgb(214, 224, 240);
  color: rgb(0, 26, 51);
  border: 1px solid rgb(148, 168, 200);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.005em;
  white-space: nowrap;
  text-decoration: none;
  cursor: default;
  transition: transform 120ms var(--ease-std), filter 120ms;
}
.u128 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgb(0, 51, 102);
  flex: 0 0 auto;
}
.u129 {
  margin-top: 20px;
  padding: 20px 16px 8px;
  display: flex;
  justify-content: center;
}
.u130 {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 16px;
  padding: 14px 26px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background 150ms var(--ease-std), color 150ms var(--ease-std), border-color 150ms var(--ease-std), transform 100ms;
  text-decoration: none;
  transform: none;
  white-space: nowrap;
  background: transparent;
  color: rgb(255, 255, 255);
}
.u131 {
  max-width: 880px;
  margin-bottom: 48px;
}
.u132 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.u133 {
  transition-delay: 0ms;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.u134 {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(0, 126, 255, 0.1);
  color: var(--brand-600);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.u135 {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.u136 {
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0px;
}
.u137 {
  margin-top: auto;
  padding: 12px 16px;
  background: var(--ink-50);
  border: 1px solid var(--border-1);
  border-radius: 8px;
  font-family: var(--font-mono);
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--fg-2);
}
.u138 {
  margin-top: 4px;
  font-size: 13.5px;
  text-decoration: none;
}
.u139 {
  transition-delay: 80ms;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.u140 {
  transition-delay: 160ms;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.u141 {
  transition-delay: 240ms;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.u142 {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.15fr);
  gap: clamp(40px, 6vw, 96px);
  align-items: start;
}
.u143 {
  font-weight: 600;
}
.u144 {
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 14px;
  padding: 28px;
}
.u145 {
  background: var(--ink-900);
  color: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 20px 24px;
}
.u146 {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 106, 44, 0.9);
  margin-bottom: 6px;
}
.u147 {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.u148 {
  display: flex;
  justify-content: space-around;
  padding: 10px 12px 4px;
  color: var(--ink-300);
}
.u149 {
  margin-bottom: 16px;
}
.u150 {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 10px;
}
.u151 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.u152 {
  padding: 12px 10px;
  background: var(--ink-50);
  border: 1px solid var(--border-1);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.u153 {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 700;
  color: var(--fg-1);
  letter-spacing: -0.01em;
}
.u154 {
  font-family: var(--font-body);
  font-size: 10px;
  color: var(--fg-3);
}
.u155 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}
.u156 {
  padding: 12px 8px;
  background: var(--ink-50);
  border: 1px solid var(--border-1);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.u157 {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  color: var(--fg-2);
}
.u158 {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--border-1);
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--fg-3);
  font-family: var(--font-body);
  font-size: 12px;
}
.u159 {
  padding: var(--sec-pad-y) var(--sec-pad-x);
  background: var(--sec-warm);
  color: var(--fg-1);
}
.u160 {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) auto;
  gap: clamp(32px, 5vw, 64px);
  align-items: start;
}
.u161 {
  margin-top: 18px;
  max-width: 640px;
}
.u162 {
  margin-top: 16px;
  max-width: 640px;
}
.u163 {
  transition-delay: 80ms;
}
.u164 {
  list-style: none;
  margin: 40px 0px 0px;
  padding: 0px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0px;
  border: 1px solid var(--border-1);
  border-radius: 12px;
  background: var(--bg-1-pure);
  overflow: hidden;
}
.u165 {
  padding: 22px 20px;
  border-left-width: medium;
  border-left-style: none;
  border-left-color: currentcolor;
}
.u166 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 10px;
}
.u167 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 13px;
  color: var(--brand-500);
  font-variant-numeric: tabular-nums;
}
.u168 {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.u169 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: var(--fg-1);
  margin-bottom: 6px;
}
.u170 {
  font-family: var(--font-body);
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--fg-2);
  margin: 0px;
}
.u171 {
  padding: 22px 20px;
  border-left: 1px solid var(--border-1);
}
.u172 {
  margin-top: 28px;
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  align-items: baseline;
}
.u173 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 30px;
  letter-spacing: -0.02em;
  color: var(--fg-1);
  line-height: 1;
  display: block;
  font-variant-numeric: tabular-nums;
}
.u174 {
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--fg-3);
  margin-top: 5px;
  display: block;
}
.u175 {
  text-align: left;
  margin: 0px 0px 56px;
}
.u176 {
  margin-bottom: 14px;
}
.u177 {
  color: var(--fg-2);
  max-width: 680px;
  margin-left: 0px;
  margin-right: 0px;
}
.u178 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.u179 {
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  transform: none;
  transition: all 150ms var(--ease-std);
  display: flex;
  flex-direction: column;
}
.u180 {
  padding: 24px 28px;
  border-bottom: 1px solid var(--border-1);
  background: var(--bg-1);
}
.u181 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 28px;
  letter-spacing: -0.02em;
  color: var(--ink-700);
  filter: grayscale(1);
}
.u182 {
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1 1 0%;
}
.u183 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin: 0px;
  color: var(--fg-1);
  text-wrap: pretty;
}
.u184 {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0px;
}
.u185 {
  margin: 4px 0px 0px;
  padding: 12px 16px;
  border-left: 3px solid var(--brand-500);
  font-family: var(--font-body);
  font-size: 14px;
  font-style: italic;
  color: var(--fg-2);
  line-height: 1.45;
}
.u186 {
  margin-top: 10px;
  font-style: normal;
}
.u187 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.u188 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
  border: 1px solid var(--border-1);
}
.u189 {
  font-family: var(--font-body);
  font-size: 12.5px;
  line-height: 1.4;
}
.u190 {
  display: block;
  font-weight: 600;
  color: var(--fg-1);
}
.u191 {
  display: block;
  color: var(--fg-3);
}
.u192 {
  margin-top: auto;
  padding-top: 6px;
}
.u193 {
  background: var(--ink-950);
  color: rgb(255, 255, 255);
  padding: 120px 24px;
}
.u194 {
  max-width: 980px;
  margin: 0px auto;
  text-align: center;
}
.u195 {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-on-dark-2);
  line-height: 1;
}
.u196 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(36px, 5vw, 60px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: rgb(255, 255, 255);
  margin: 18px auto 22px;
  text-wrap: pretty;
  max-width: 880px;
}
.u197 {
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.72);
  margin: 0px auto 40px;
  max-width: 600px;
}
.u198 {
  display: inline-flex;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
}
.u199 {
  background: var(--ink-950);
  color: rgb(255, 255, 255);
  padding: 64px 24px 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.u200 {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr;
  gap: 48px;
  padding-bottom: 56px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.u201 {
  height: 40px;
  width: auto;
  display: block;
}
.u202 {
  margin-top: 18px;
  font-family: var(--font-body);
  font-size: 14px;
  color: rgba(255, 255, 255, 0.62);
  line-height: 1.55;
  max-width: 320px;
}
.u203 {
  margin-top: 14px;
  font-family: var(--font-body);
  font-size: 12px;
  color: rgba(255, 255, 255, 0.42);
}
.u204 {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.48);
  margin-bottom: 16px;
}
.u205 {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.u206 {
  color: rgba(255, 255, 255, 0.78);
  font-family: var(--font-body);
  font-size: 14px;
  text-decoration: none;
  transition: color 150ms;
}
.u207 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  font-family: var(--font-body);
  font-size: 12px;
  color: rgba(255, 255, 255, 0.48);
  flex-wrap: wrap;
  gap: 12px;
}
.u208 {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  color: var(--fg-1);
  padding: 8px 2px;
  border-bottom: 2px solid var(--accent-500);
  transition: color 150ms, border-color 150ms;
}
.u209 {
  background: var(--bg-1-pure);
  padding: 32px 24px 80px;
  border-bottom: 1px solid var(--border-1);
}
.u210 {
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--fg-3);
  margin-bottom: 28px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.u211 {
  color: var(--fg-3);
  text-decoration: none;
}
.u212 {
  color: var(--ink-300);
  margin: 0px 6px;
}
.u213 {
  color: var(--fg-1);
  font-weight: 600;
}
.u214 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(40px, 5vw, 68px);
  line-height: 1.05;
  letter-spacing: -0.025em;
  margin: 18px 0px 24px;
  max-width: 1040px;
  text-wrap: pretty;
}
.u215 {
  max-width: 720px;
}
.u216 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.u217 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.u218 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 13px;
  color: var(--brand-600);
  letter-spacing: 0.04em;
}
.u219 {
  height: 1px;
  width: 32px;
  background: var(--border-1);
}
.u220 {
  margin: 0px;
}
.u221 {
  margin-top: 14px;
  max-width: 580px;
}
.u222 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.u223 {
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 14px;
  padding: 28px;
  cursor: pointer;
  transform: none;
  transition: all 150ms var(--ease-std);
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 240px;
  position: relative;
}
.u224 {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgb(239, 247, 255);
  color: rgb(25, 118, 224);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.u225 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 24px;
  letter-spacing: -0.01em;
  margin: 0px 0px 4px;
  color: var(--fg-1);
}
.u226 {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.u227 {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0px;
  flex: 1 1 0%;
}
.u228 {
  color: rgb(25, 118, 224);
}
.u229 {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgb(226, 232, 240);
  color: rgb(51, 65, 85);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.u230 {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent-500);
  background: var(--accent-10);
  padding: 6px 10px;
  border-radius: 6px;
  display: inline-flex;
}
.u231 {
  color: rgb(51, 65, 85);
}
.u232 {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgb(230, 242, 255);
  color: rgb(0, 102, 204);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.u233 {
  color: rgb(0, 102, 204);
}
.u234 {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgb(214, 224, 240);
  color: rgb(0, 26, 51);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.u235 {
  color: rgb(0, 26, 51);
}
.u236 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 13px;
  color: var(--accent-500);
  letter-spacing: 0.04em;
}
.u237 {
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 14px;
  padding: 28px;
  cursor: pointer;
  transform: none;
  transition: all 150ms var(--ease-std);
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 240px;
}
.u238 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-height: 24px;
}
.u239 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 22px;
  color: var(--accent-500);
  letter-spacing: -0.02em;
  line-height: 1;
}
.u240 {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.u241 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 28px;
  color: var(--accent-500);
  letter-spacing: -0.02em;
  line-height: 1;
}
.u242 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 26px;
  letter-spacing: -0.02em;
  margin: 0px;
  color: var(--fg-1);
  line-height: 1.1;
  text-wrap: pretty;
}
.u243 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.u244 {
  margin-left: auto;
}
.u245 {
  padding: 32px 24px clamp(48px, 5vw, 72px);
  background: var(--bg-1-pure);
}
.u246 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(40px, 5vw, 68px);
  line-height: 1.06;
  letter-spacing: -0.025em;
  margin: 14px 0px 22px;
  max-width: 1040px;
  text-wrap: pretty;
}
.u247 {
  max-width: 680px;
}
.u248 {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--border-1);
  border-bottom: 1px solid var(--border-1);
}
.u249 {
  padding: 24px 20px;
  border-right: 1px solid var(--border-1);
}
.u250 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(30px, 3vw, 40px);
  letter-spacing: -0.03em;
  color: var(--brand-500);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.u251 {
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--fg-3);
  margin-top: 8px;
}
.u252 {
  padding: 24px 20px;
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}
.u253 {
  display: grid;
  grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr);
  gap: clamp(40px, 6vw, 96px);
  align-items: start;
}
.u254 {
  list-style: none;
  margin: 28px 0px 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.u255 {
  display: grid;
  grid-template-columns: 54px 1fr;
  column-gap: 16px;
  align-items: baseline;
  padding: 11px 0px;
  border-top-width: medium;
  border-top-style: none;
  border-top-color: currentcolor;
}
.u256 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 13px;
  color: var(--brand-600);
  font-variant-numeric: tabular-nums;
}
.u257 {
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.45;
  color: var(--fg-2);
}
.u258 {
  display: grid;
  grid-template-columns: 54px 1fr;
  column-gap: 16px;
  align-items: baseline;
  padding: 11px 0px;
  border-top: 1px solid var(--border-1);
}
.u259 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 13px;
  color: var(--ink-300);
  font-variant-numeric: tabular-nums;
}
.u260 {
  max-width: 880px;
}
.u261 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 40px;
}
.u262 {
  transition-delay: 0ms;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 28px;
  display: flex;
  flex-direction: column;
}
.u263 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.u264 {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  background: var(--brand-600);
  padding: 5px 9px;
  border-radius: 6px;
}
.u265 {
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--fg-3);
}
.u266 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 24px;
  letter-spacing: -0.015em;
  margin: 0px 0px 10px;
  color: var(--fg-1);
}
.u267 {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.6;
  color: var(--fg-2);
  margin: 0px 0px 22px;
}
.u268 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  padding: 14px 16px;
  background: var(--ink-50);
  border: 1px solid var(--border-1);
  border-radius: 8px;
  margin-bottom: 22px;
}
.u269 {
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  color: var(--fg-1);
}
.u270 {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 12px;
}
.u271 {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.u272 {
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--brand-600);
}
.u273 {
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--fg-2);
}
.u274 {
  transition-delay: 90ms;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 28px;
  display: flex;
  flex-direction: column;
}
.u275 {
  transition-delay: 140ms;
}
.u276 {
  margin-top: 20px;
  padding: 20px 26px;
  border: 1px solid var(--brand-300);
  border-radius: 12px;
  background: rgba(0, 126, 255, 0.04);
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.u277 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: var(--brand-600);
  flex: 0 0 auto;
}
.u278 {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.55;
  color: var(--fg-2);
  flex: 1 1 320px;
}
.u279 {
  transition-delay: 160ms;
}
.u280 {
  margin-top: 48px;
  padding-top: 36px;
  border-top: 1px solid var(--border-1);
}
.u281 {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 8px;
}
.u282 {
  margin: 0px 0px 28px;
  max-width: 720px;
}
.u283 {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0px;
  border: 1px solid var(--border-1);
  border-radius: 12px;
  background: var(--bg-1-pure);
  overflow: hidden;
}
.u284 {
  padding: 24px 22px;
  border-left-width: medium;
  border-left-style: none;
  border-left-color: currentcolor;
}
.u285 {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(0, 126, 255, 0.1);
  color: var(--brand-600);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}
.u286 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: var(--fg-1);
}
.u287 {
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--brand-600);
  margin: 6px 0px 10px;
}
.u288 {
  font-family: var(--font-body);
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0px;
}
.u289 {
  padding: 24px 22px;
  border-left: 1px solid var(--border-1);
}
.u290 {
  padding: var(--sec-pad-y) var(--sec-pad-x);
  background: var(--sec-dark);
  color: rgb(255, 255, 255);
}
.u291 {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
  gap: clamp(40px, 6vw, 96px);
  align-items: start;
}
.u292 {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
}
.u293 {
  padding: 20px 0px;
  border-top-width: medium;
  border-top-style: none;
  border-top-color: currentcolor;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.u294 {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(255, 106, 44, 0.18);
  color: var(--accent-400);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.u295 {
  display: block;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 17px;
  color: rgb(255, 255, 255);
  letter-spacing: -0.01em;
}
.u296 {
  display: block;
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.55;
  color: var(--fg-on-dark-2);
  margin-top: 4px;
}
.u297 {
  padding: 20px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.u298 {
  background: var(--bg-1-pure);
  padding: 32px 24px 56px;
}
.u299 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(40px, 5vw, 68px);
  line-height: 1.05;
  letter-spacing: -0.025em;
  margin: 18px 0px 0px;
  max-width: 1040px;
  text-wrap: pretty;
}
.u300 {
  background: var(--bg-1-pure);
  padding: 0px 24px 8px;
}
.u301 {
  max-width: 1280px;
  margin: 0px auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.u302 {
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--fg-3);
}
.u303 {
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 32px;
}
.u304 {
  background: var(--ink-900);
  color: rgb(255, 255, 255);
  padding: clamp(28px, 4vw, 48px);
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.4fr);
  gap: clamp(24px, 4vw, 64px);
  align-items: center;
}
.u305 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(36px, 4vw, 56px);
  letter-spacing: -0.02em;
  color: rgb(255, 255, 255);
  opacity: 0.95;
  filter: grayscale(1);
}
.u306 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin: 0px 0px 12px;
  color: rgb(255, 255, 255);
  text-wrap: pretty;
}
.u307 {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.5;
  margin: 0px;
  color: var(--fg-on-dark-2);
}
.u308 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0px;
  border-bottom: 1px solid var(--border-1);
}
.u309 {
  padding: clamp(20px, 3vw, 32px);
  border-right: 1px solid var(--border-1);
}
.u310 {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 10px;
}
.u311 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(28px, 3.4vw, 44px);
  letter-spacing: -0.02em;
  color: var(--brand-500);
  line-height: 1;
}
.u312 {
  padding: clamp(20px, 3vw, 32px);
  border-right: 0px;
}
.u313 {
  padding: clamp(28px, 4vw, 48px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(24px, 4vw, 48px);
}
.u314 {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  color: var(--brand-600);
  letter-spacing: 0.12em;
}
.u315 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.01em;
  margin: 8px 0px 12px;
  color: var(--fg-1);
}
.u316 {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0px;
}
.u317 {
  padding: clamp(28px, 4vw, 48px);
  border-top: 1px solid var(--border-1);
  background: var(--bg-1);
}
.u318 {
  margin: 0px;
  border-left: 4px solid var(--brand-500);
  padding: 6px 24px;
}
.u319 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(20px, 2.4vw, 28px);
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin: 0px 0px 16px;
  text-wrap: pretty;
  color: var(--fg-1);
}
.u320 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
  border: 1px solid var(--border-1);
}
.u321 {
  font-family: var(--font-body);
  font-size: 13.5px;
  line-height: 1.4;
}
.u322 {
  transition-delay: 60ms;
}
.u323 {
  background: var(--bg-2);
  color: var(--fg-1);
  padding: clamp(28px, 4vw, 48px);
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.4fr);
  gap: clamp(24px, 4vw, 64px);
  align-items: center;
}
.u324 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(36px, 4vw, 56px);
  letter-spacing: -0.02em;
  color: var(--ink-700);
  opacity: 0.85;
  filter: grayscale(1);
}
.u325 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin: 0px 0px 12px;
  color: var(--fg-1);
  text-wrap: pretty;
}
.u326 {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.5;
  margin: 0px;
  color: var(--fg-2);
}
.u327 {
  margin-top: 18px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
}
.u328 {
  height: 32px;
  width: auto;
  flex: 0 0 auto;
}
.u329 {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-1);
}
.u330 {
  background: var(--bg-1-pure);
  padding: 32px 24px 96px;
}
.u331 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(36px, 4.4vw, 60px);
  line-height: 1.05;
  letter-spacing: -0.025em;
  margin: 14px 0px 18px;
  max-width: 1100px;
  text-wrap: pretty;
}
.u332 {
  display: grid;
  grid-template-columns: minmax(0px, 3fr) minmax(0px, 2fr);
  gap: clamp(32px, 5vw, 80px);
  margin-top: 12px;
}
.u333 {
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0px 0px 36px;
  max-width: 600px;
}
.u334 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 20px;
}
.u335 {
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}
.u336 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.u337 {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-2);
}
.u338 {
  color: var(--fg-3);
  font-weight: 400;
}
.u339 {
  grid-column: 1 / -1;
}
.u340 {
  background: var(--ink-50);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 16px 18px 18px;
  margin-top: 10px;
}
.u341 {
  margin-top: 0px;
}
.u342 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.u343 {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.u344 {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.u345 {
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--fg-3);
  margin: 0px;
  max-width: 320px;
}
.u346 {
  background: var(--bg-1);
  border: 1px solid var(--border-1);
  border-radius: 14px;
  padding: 28px;
  margin-bottom: 16px;
}
.u347 {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.u348 {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 4px;
}
.u349 {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  color: var(--fg-1);
  line-height: 1.45;
}
.u350 {
  color: inherit;
  text-decoration: none;
}
.u351 {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid var(--border-1);
}
.u352 {
  background: var(--bg-1-pure);
  padding: 32px 24px 24px;
}
.u353 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(40px, 5vw, 68px);
  line-height: 1.05;
  letter-spacing: -0.025em;
  margin: 14px 0px 0px;
}
.u354 {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--fg-2);
  margin: 18px 0px 0px;
}
.u355 {
  margin-left: 12px;
  font-family: var(--font-display);
  font-weight: 800;
  color: var(--brand-600);
  font-variant-numeric: tabular-nums;
}
.u356 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: start;
}
.u357 {
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 28px;
}
.u358 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -0.01em;
  color: var(--brand-600);
  text-decoration: none;
}
.u359 {
  list-style: none;
  margin: 16px 0px 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.u360 {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--fg-3);
  display: flex;
  gap: 10px;
  align-items: baseline;
  cursor: pointer;
  user-select: none;
  text-decoration: line-through;
}
.u361 {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  align-self: center;
  border: 1px solid var(--brand-600);
  background: var(--brand-600);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  transition: background 120ms, border-color 120ms;
}
.u362 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 11px;
  color: var(--ink-300);
  font-variant-numeric: tabular-nums;
}
.u363 {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--fg-2);
  display: flex;
  gap: 10px;
  align-items: baseline;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
}
.u364 {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  align-self: center;
  border: 1px solid var(--ink-300);
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  transition: background 120ms, border-color 120ms;
}
.u365 {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--border-1);
}
.u366 {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 10px;
}
.u367 {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.u368 {
  display: flex;
  gap: 10px;
  align-items: center;
}
.u369 {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid var(--ink-300);
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  transition: background 120ms, border-color 120ms;
}
.u370 {
  text-decoration: none;
  opacity: 1;
}
.u371 {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0px;
  color: var(--brand-600);
  text-decoration: none;
}
.u372 {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid var(--brand-600);
  background: var(--brand-600);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  transition: background 120ms, border-color 120ms;
}
.u373 {
  text-decoration: line-through;
  opacity: 0.55;
}
.u374 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(32px, 3.6vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.025em;
  margin: 14px 0px 10px;
  text-wrap: pretty;
}
.u375 {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--fg-3);
  margin: 0px;
}
.u376 {
  background: var(--bg-1-pure);
  padding: 24px 24px 96px;
}
.u377 {
  max-width: 760px;
  margin: 0px 0px 0px max(0px, 50% - 640px);
}
.u378 {
  margin-top: 8px;
}
.u379 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 20px;
  letter-spacing: -0.01em;
  margin: 0px 0px 10px;
}
.u380 {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0px;
  text-wrap: pretty;
}
.u381 {
  margin-top: 36px;
}
.u382 {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 10px 0px 0px;
  text-wrap: pretty;
}
.u383 {
  background: var(--bg-1-pure);
  color: var(--fg-1);
  padding: 32px 24px 80px;
  position: relative;
  overflow: hidden;
}
.u384 {
  position: relative;
  max-width: 1280px;
  margin: 0px auto;
}
.u385 {
  display: grid;
  grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 1fr);
  gap: clamp(32px, 5vw, 80px);
  align-items: center;
}
.u386 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.u387 {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(0, 126, 255, 0.1);
  color: var(--brand-600);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.u388 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(36px, 4.8vw, 60px);
  line-height: 1.05;
  letter-spacing: -0.025em;
  margin: 0px 0px 20px;
  color: var(--fg-1);
  text-wrap: pretty;
}
.u389 {
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0px 0px 28px;
  max-width: 580px;
}
.u390 {
  width: 100%;
  height: auto;
  display: block;
}
.u391 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.u392 {
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.u393 {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: rgba(0, 126, 255, 0.08);
  color: var(--brand-600);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.u394 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.01em;
  margin: 0px;
  color: var(--fg-1);
}
.u395 {
  display: grid;
  grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: start;
}
.u396 {
  margin-top: 16px;
  font-size: clamp(28px, 3vw, 40px);
}
.u397 {
  margin-top: 26px;
  padding: 20px 20px 12px;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
}
.u398 {
  display: block;
}
.u399 {
  margin: 10px 0px 4px;
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.55;
  color: var(--fg-3);
}
.u400 {
  margin-top: 24px;
  padding: 14px 18px;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 8px;
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-2);
}
.u401 {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.u402 {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 20px 0px;
  border-top-width: medium;
  border-top-style: none;
  border-top-color: currentcolor;
}
.u403 {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(0, 126, 255, 0.1);
  color: var(--brand-600);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.u404 {
  display: block;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: var(--fg-1);
  margin-bottom: 5px;
}
.u405 {
  display: block;
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--fg-2);
}
.u406 {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 20px 0px;
  border-top: 1px solid var(--border-1);
}
.u407 {
  margin-top: 24px;
  padding: 18px 20px;
  border: 1px solid var(--border-1);
  border-radius: 12px;
  background: var(--bg-1-pure);
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.u408 {
  height: 44px;
  width: auto;
  flex: 0 0 auto;
}
.u409 {
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--fg-2);
  flex: 1 1 260px;
}
.u410 {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: start;
}
.u411 {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 14px;
}
.u412 {
  font-family: var(--font-body);
  font-size: 13.5px;
  font-weight: 500;
  color: var(--fg-2);
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 999px;
  padding: 8px 14px;
}
.u413 {
  margin: 22px 0px 0px;
  padding-top: 22px;
  border-top: 1px solid var(--border-1);
  font-family: var(--font-body);
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--fg-2);
}
.u414 {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.2fr);
  gap: clamp(28px, 4vw, 64px);
}
.u415 {
  color: var(--fg-3);
}
.u416 {
  margin-top: 28px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.u417 {
  padding: 8px 14px;
  background: var(--bg-1-pure);
  border-color: var(--brand-300);
  border-top-style:;
  border-top-width:;
  border-right-style:;
  border-right-width:;
  border-bottom-style:;
  border-bottom-width:;
  border-left-style:;
  border-left-width:;
  border-image-source:;
  border-image-slice:;
  border-image-width:;
  border-image-outset:;
  border-image-repeat:;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-1);
}
.u418 {
  padding: 8px 14px;
  background: var(--bg-1-pure);
  border-color: var(--border-1);
  border-top-style:;
  border-top-width:;
  border-right-style:;
  border-right-width:;
  border-bottom-style:;
  border-bottom-width:;
  border-left-style:;
  border-left-width:;
  border-image-source:;
  border-image-slice:;
  border-image-width:;
  border-image-outset:;
  border-image-repeat:;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-2);
}
.u419 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: stretch;
}
.u420 {
  margin: 0px;
  padding: 32px 36px;
  background: var(--bg-1-pure);
  border-top-color:;
  border-top-style:;
  border-top-width:;
  border-right-color:;
  border-right-style:;
  border-right-width:;
  border-bottom-color:;
  border-bottom-style:;
  border-bottom-width:;
  border-left: 4px solid var(--brand-500);
  border-image-source:;
  border-image-slice:;
  border-image-width:;
  border-image-outset:;
  border-image-repeat:;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
}
.u421 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(20px, 2.4vw, 28px);
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin: 0px 0px 22px;
  color: var(--fg-1);
  text-wrap: pretty;
}
.u422 {
  margin-top: auto;
}
.u423 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
  border: 1px solid var(--border-1);
}
.u424 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.u425 {
  display: block;
  padding: 24px;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  transition: all 150ms var(--ease-std);
}
.u426 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.u427 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: var(--fg-1);
  letter-spacing: -0.01em;
}
.u428 {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.5;
  color: var(--fg-2);
  margin: 0px;
}
.u429 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.u430 {
  display: block;
  text-decoration: none;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 24px;
  height: 100%;
  transition: border-color 150ms, transform 150ms;
}
.u431 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin-bottom: 14px;
}
.u432 {
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 5px;
  background: var(--brand-500);
  color: rgb(255, 255, 255);
}
.u433 {
  color: var(--ink-300);
  font-size: 12px;
}
.u434 {
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 5px;
  background: rgba(0, 126, 255, 0.08);
  color: var(--brand-700);
}
.u435 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 20px;
  letter-spacing: -0.01em;
  margin: 0px 0px 8px;
  color: var(--fg-1);
}
.u436 {
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0px 0px 14px;
}
.u437 {
  font-size: 13.5px;
}
.u438 {
  background: var(--ink-900);
  color: rgb(255, 255, 255);
  padding: 32px 24px 80px;
  position: relative;
  overflow: hidden;
}
.u439 {
  position: absolute;
  inset: 0px;
  background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.06) 1px, transparent 0px);
  background-size: 24px 24px;
  mask-image: linear-gradient(black 0%, transparent 80%);
}
.u440 {
  font-family: var(--font-body);
  font-size: 13px;
  color: rgba(255, 255, 255, 0.58);
  margin-bottom: 28px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.u441 {
  color: rgba(255, 255, 255, 0.58);
  text-decoration: none;
}
.u442 {
  color: rgba(255, 255, 255, 0.32);
  margin: 0px 6px;
}
.u443 {
  color: rgb(255, 255, 255);
  font-weight: 600;
}
.u444 {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.05fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
  margin-top: 16px;
}
.u445 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(40px, 5.4vw, 68px);
  line-height: 1.06;
  letter-spacing: -0.025em;
  margin: 20px 0px 22px;
  color: rgb(255, 255, 255);
  text-wrap: pretty;
}
.u446 {
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.55;
  color: var(--fg-on-dark-2);
  margin: 0px 0px 28px;
  max-width: 560px;
}
.u447 {
  margin-bottom: 22px;
}
.u448 {
  background: rgb(15, 22, 32);
  border-radius: 14px;
  padding: 22px 22px 18px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  position: relative;
  overflow: hidden;
}
.u449 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.u450 {
  color: rgba(255, 255, 255, 0.62);
}
.u451 {
  color: var(--accent-400);
}
.u452 {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 8px;
  margin-bottom: 8px;
  font-family: var(--font-mono);
  font-size: 10px;
  color: rgba(255, 255, 255, 0.42);
}
.u453 {
  display: flex;
  justify-content: space-between;
}
.u454 {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.u455 {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 8px;
  align-items: center;
}
.u456 {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 600;
  color: rgb(255, 255, 255);
  text-align: right;
}
.u457 {
  position: relative;
  height: 18px;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 4px;
}
.u458 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 0%;
  width: 16%;
  background: rgb(0, 126, 255);
  border-radius: 3px;
  opacity: 0.95;
  box-shadow: rgba(255, 255, 255, 0.18) 0px 0px 0px 1px;
}
.u459 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 17%;
  width: 13%;
  background: rgb(0, 126, 255);
  border-radius: 3px;
  opacity: 0.95;
  box-shadow: rgba(255, 255, 255, 0.18) 0px 0px 0px 1px;
}
.u460 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 31%;
  width: 17%;
  background: rgb(0, 126, 255);
  border-radius: 3px;
  opacity: 0.95;
  box-shadow: rgba(255, 255, 255, 0.18) 0px 0px 0px 1px;
}
.u461 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 49%;
  width: 20%;
  background: rgb(0, 126, 255);
  border-radius: 3px;
  opacity: 0.95;
  box-shadow: rgba(255, 255, 255, 0.18) 0px 0px 0px 1px;
}
.u462 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 70%;
  width: 13%;
  background: rgb(0, 126, 255);
  border-radius: 3px;
  opacity: 0.95;
  box-shadow: rgba(255, 255, 255, 0.18) 0px 0px 0px 1px;
}
.u463 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 84%;
  width: 14%;
  background: rgb(0, 126, 255);
  border-radius: 3px;
  opacity: 0.95;
  box-shadow: rgba(255, 255, 255, 0.18) 0px 0px 0px 1px;
}
.u464 {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.66);
  text-align: right;
}
.u465 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 9%;
  width: 23%;
  background: rgb(51, 153, 255);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u466 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 33%;
  width: 22%;
  background: rgb(51, 153, 255);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u467 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 56%;
  width: 23%;
  background: rgb(51, 153, 255);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u468 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 80%;
  width: 19%;
  background: rgb(51, 153, 255);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u469 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 20%;
  width: 26%;
  background: rgb(0, 102, 204);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u470 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 47%;
  width: 24%;
  background: rgb(0, 102, 204);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u471 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 72%;
  width: 20%;
  background: rgb(0, 102, 204);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u472 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 5%;
  width: 23%;
  background: rgb(25, 118, 224);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u473 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 29%;
  width: 20%;
  background: rgb(25, 118, 224);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u474 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 50%;
  width: 19%;
  background: rgb(25, 118, 224);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u475 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 70%;
  width: 17%;
  background: rgb(25, 118, 224);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u476 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 88%;
  width: 12%;
  background: rgb(25, 118, 224);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u477 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 12%;
  width: 28%;
  background: rgb(102, 178, 255);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u478 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 41%;
  width: 24%;
  background: rgb(102, 178, 255);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u479 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 66%;
  width: 23%;
  background: rgb(102, 178, 255);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u480 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 60%;
  width: 24%;
  background: rgb(0, 77, 153);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u481 {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 85%;
  width: 14%;
  background: rgb(0, 77, 153);
  border-radius: 3px;
  opacity: 0.55;
  box-shadow: none;
}
.u482 {
  margin-top: 18px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px dashed rgba(255, 255, 255, 0.16);
  border-radius: 10px;
  position: relative;
}
.u483 {
  font-size: 10px;
}
.u484 {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
}
.u485 {
  background: rgba(255, 126, 44, 0.1);
  border: 1px solid rgba(255, 126, 44, 0.32);
  border-radius: 6px;
  padding: 8px 10px;
}
.u486 {
  font-family: var(--font-mono);
  font-size: 9.5px;
  color: rgba(255, 255, 255, 0.62);
  margin-bottom: 4px;
  letter-spacing: 0.04em;
}
.u487 {
  font-size: 14px;
}
.u488 {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-family: var(--font-body);
  font-size: 11px;
  color: rgba(255, 255, 255, 0.66);
}
.u489 {
  color: rgb(255, 255, 255);
  font-weight: 700;
}
.u490 {
  max-width: 920px;
}
.u491 {
  margin-top: 18px;
  font-size: clamp(17px, 1.4vw, 19px);
}
.u492 {
  transition-delay: 40ms;
}
.u493 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 8px 0px 18px;
}
.u494 {
  flex: 0 0 auto;
  color: var(--fg-3);
}
.u495 {
  flex: 1 1 0%;
}
.u496 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 26px;
  min-height: 220px;
}
.u497 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.u498 {
  font-size: 11px;
}
.u499 {
  text-align: right;
  flex: 0 0 auto;
}
.u500 {
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1;
  display: inline-block;
}
.u501 {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 600;
  color: var(--fg-3);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  display: block;
  margin-top: 4px;
}
.u502 {
  font-size: 19px;
  margin-bottom: 0px;
}
.u503 {
  pointer-events: none;
}
.u504 {
  transition-delay: 200ms;
}
.u505 {
  transition-delay: 280ms;
}
.u506 {
  margin-top: 32px;
  padding: 20px 24px;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.u507 {
  margin: 0px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 18px;
  color: var(--fg-1);
  letter-spacing: -0.01em;
}
.u508 {
  color: rgb(255, 255, 255);
  margin-top: 14px;
}
.u509 {
  margin-top: 40px;
}
.u510 {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 20px;
}
.u511 {
  display: grid;
  grid-template-columns: minmax(160px, 1.1fr) 28px minmax(0px, 1.6fr) 28px minmax(160px, 1fr);
  gap: 8px;
  align-items: stretch;
}
.u512 {
  font-size: 9.5px;
  color: rgba(255, 255, 255, 0.62);
  margin-bottom: 10px;
}
.u513 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.u514 {
  font-family: var(--font-mono);
  font-size: 10px;
  color: rgba(255, 255, 255, 0.62);
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  letter-spacing: 0.02em;
}
.u515 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-500);
}
.u516 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 3px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
}
.u517 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.18);
  border-radius: 2px;
}
.u518 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.55);
  border-radius: 2px;
}
.u519 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.22);
  border-radius: 2px;
}
.u520 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.59);
  border-radius: 2px;
}
.u521 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.26);
  border-radius: 2px;
}
.u522 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.63);
  border-radius: 2px;
}
.u523 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.3);
  border-radius: 2px;
}
.u524 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.67);
  border-radius: 2px;
}
.u525 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.34);
  border-radius: 2px;
}
.u526 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.71);
  border-radius: 2px;
}
.u527 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.38);
  border-radius: 2px;
}
.u528 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.75);
  border-radius: 2px;
}
.u529 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.42);
  border-radius: 2px;
}
.u530 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.79);
  border-radius: 2px;
}
.u531 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.46);
  border-radius: 2px;
}
.u532 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.83);
  border-radius: 2px;
}
.u533 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.5);
  border-radius: 2px;
}
.u534 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.87);
  border-radius: 2px;
}
.u535 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.54);
  border-radius: 2px;
}
.u536 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.21);
  border-radius: 2px;
}
.u537 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.58);
  border-radius: 2px;
}
.u538 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.25);
  border-radius: 2px;
}
.u539 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.62);
  border-radius: 2px;
}
.u540 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.29);
  border-radius: 2px;
}
.u541 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.66);
  border-radius: 2px;
}
.u542 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.33);
  border-radius: 2px;
}
.u543 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.7);
  border-radius: 2px;
}
.u544 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.37);
  border-radius: 2px;
}
.u545 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.74);
  border-radius: 2px;
}
.u546 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.41);
  border-radius: 2px;
}
.u547 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.78);
  border-radius: 2px;
}
.u548 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.45);
  border-radius: 2px;
}
.u549 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.82);
  border-radius: 2px;
}
.u550 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.49);
  border-radius: 2px;
}
.u551 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.86);
  border-radius: 2px;
}
.u552 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.53);
  border-radius: 2px;
}
.u553 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.2);
  border-radius: 2px;
}
.u554 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.57);
  border-radius: 2px;
}
.u555 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.24);
  border-radius: 2px;
}
.u556 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.61);
  border-radius: 2px;
}
.u557 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.28);
  border-radius: 2px;
}
.u558 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.65);
  border-radius: 2px;
}
.u559 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.32);
  border-radius: 2px;
}
.u560 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.69);
  border-radius: 2px;
}
.u561 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.36);
  border-radius: 2px;
}
.u562 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.73);
  border-radius: 2px;
}
.u563 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.4);
  border-radius: 2px;
}
.u564 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.77);
  border-radius: 2px;
}
.u565 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.44);
  border-radius: 2px;
}
.u566 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.81);
  border-radius: 2px;
}
.u567 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.48);
  border-radius: 2px;
}
.u568 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.85);
  border-radius: 2px;
}
.u569 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.52);
  border-radius: 2px;
}
.u570 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.19);
  border-radius: 2px;
}
.u571 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.56);
  border-radius: 2px;
}
.u572 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.23);
  border-radius: 2px;
}
.u573 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.6);
  border-radius: 2px;
}
.u574 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.27);
  border-radius: 2px;
}
.u575 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.64);
  border-radius: 2px;
}
.u576 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.31);
  border-radius: 2px;
}
.u577 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.68);
  border-radius: 2px;
}
.u578 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.35);
  border-radius: 2px;
}
.u579 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.72);
  border-radius: 2px;
}
.u580 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.39);
  border-radius: 2px;
}
.u581 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.76);
  border-radius: 2px;
}
.u582 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.43);
  border-radius: 2px;
}
.u583 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.8);
  border-radius: 2px;
}
.u584 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.47);
  border-radius: 2px;
}
.u585 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.84);
  border-radius: 2px;
}
.u586 {
  aspect-ratio: 1 / 1;
  background: rgba(0, 126, 255, 0.51);
  border-radius: 2px;
}
.u587 {
  margin-top: 10px;
  font-family: var(--font-body);
  font-size: 11px;
  color: rgba(255, 255, 255, 0.56);
  text-align: center;
  line-height: 1.45;
}
.u588 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.u589 {
  background: rgba(255, 126, 44, 0.08);
  border: 1px solid rgba(255, 126, 44, 0.32);
  border-radius: 8px;
  padding: 12px;
}
.u590 {
  font-size: 9.5px;
}
.u591 {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: rgba(255, 255, 255, 0.78);
}
.u592 {
  color: rgb(255, 255, 255);
}
.u593 {
  background: rgba(0, 126, 255, 0.1);
  border: 1px solid rgba(0, 126, 255, 0.32);
  border-radius: 8px;
  padding: 12px;
}
.u594 {
  font-size: 9.5px;
  color: var(--brand-300);
}
.u595 {
  margin-top: 14px;
  padding: 10px 14px;
  background: rgba(255, 126, 44, 0.08);
  border: 1px solid rgba(255, 126, 44, 0.32);
  border-radius: 6px;
  text-align: center;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  color: rgb(255, 255, 255);
  letter-spacing: -0.005em;
}
.u596 {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.u597 {
  padding: 18px 20px;
  border-left: 2px solid var(--accent-500);
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.82);
}
.u598 {
  margin: 6px 0px 0px;
}
.u599 {
  margin-top: 48px;
  padding: 32px 0px;
  border-top: 1px solid var(--accent-500);
  border-bottom: 1px solid var(--accent-500);
  text-align: center;
}
.u600 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(22px, 2.6vw, 30px);
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: rgb(255, 255, 255);
  margin: 0px auto;
  text-wrap: pretty;
  max-width: 880px;
}
.u601 {
  transition-delay: 260ms;
}
.u602 {
  margin-top: 24px;
  padding: 0px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
}
.u603 {
  padding: 18px 24px;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: rgb(255, 255, 255);
  letter-spacing: -0.005em;
}
.u604 {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 500;
  margin-left: 6px;
}
.u605 {
  color: var(--accent-500);
  font-size: 14px;
  white-space: nowrap;
  flex: 0 0 auto;
}
.u606 {
  padding: 0px 24px 24px;
  color: rgba(255, 255, 255, 0.78);
}
.u607 {
  border-color: rgba(255, 255, 255, 0.1);
  margin: 0px 0px 24px;
}
.u608 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0px 0px 14px;
}
.u609 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 28px;
}
.u610 {
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
}
.u611 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 14px;
  color: rgb(255, 255, 255);
  margin-bottom: 6px;
}
.u612 {
  font-size: 13px;
  line-height: 1.5;
}
.u613 {
  display: flex;
  height: 24px;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.u614 {
  width: 73%;
  background: var(--brand-500);
}
.u615 {
  width: 19%;
  background: var(--brand-300);
}
.u616 {
  width: 8%;
  background: rgba(255, 255, 255, 0.2);
}
.u617 {
  display: flex;
  justify-content: space-between;
  font-family: var(--font-mono);
  font-size: 11px;
  color: rgba(255, 255, 255, 0.66);
  margin-bottom: 18px;
}
.u618 {
  font-size: 13px;
  line-height: 1.55;
  margin: 0px 0px 24px;
  color: rgba(255, 255, 255, 0.72);
  font-style: italic;
}
.u619 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.u620 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 14px;
  color: rgb(255, 255, 255);
  margin-bottom: 8px;
}
.u621 {
  font-size: 13px;
  margin-bottom: 6px;
}
.u622 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.62);
  margin-bottom: 6px;
}
.u623 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 600;
}
.u624 {
  font-size: 12px;
  color: var(--accent-400);
  font-weight: 600;
}
.u625 {
  padding: 14px 18px;
  background: rgba(255, 126, 44, 0.08);
  border: 1px solid rgba(255, 126, 44, 0.32);
  border-radius: 8px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 15px;
  color: rgb(255, 255, 255);
  letter-spacing: -0.005em;
}
.u626 {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.1fr);
  gap: clamp(32px, 4vw, 56px);
  align-items: center;
}
.u627 {
  font-size: clamp(28px, 3vw, 38px);
  margin-top: 14px;
}
.u628 {
  padding: 0px;
  overflow: hidden;
}
.u629 {
  padding: 16px 20px;
  background: var(--bg-2);
  border-bottom: 1px solid var(--border-1);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.2fr;
  gap: 12px;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--fg-3);
  text-transform: uppercase;
}
.u630 {
  padding: 14px 20px;
  border-bottom: 1px solid var(--border-1);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.2fr;
  gap: 12px;
  align-items: center;
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--fg-2);
}
.u631 {
  font-family: var(--font-mono);
}
.u632 {
  font-size: 18px;
}
.u633 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--fg-1);
  font-weight: 600;
}
.u634 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--brand-500);
}
.u635 {
  padding: 14px 20px;
  border-bottom: 0px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.2fr;
  gap: 12px;
  align-items: center;
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--fg-2);
}
.u636 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--ink-400);
}
.u637 {
  padding: 14px 20px;
  background: var(--bg-1);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-family: var(--font-body);
  font-size: 13px;
}
.u638 {
  font-size: 22px;
}
.u639 {
  max-width: 800px;
}
.u640 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-top: 32px;
}
.u641 {
  font-size: 13.5px;
  pointer-events: none;
}
.u642 {
  transition-delay: 180ms;
}
.u643 {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: clamp(28px, 4vw, 56px);
  align-items: center;
  max-width: 1100px;
}
.u644 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  height: 96px;
}
.u645 {
  max-width: 100%;
  max-height: 56px;
  filter: grayscale(1);
  opacity: 0.78;
}
.u646 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(22px, 2.6vw, 32px);
  line-height: 1.25;
  letter-spacing: -0.015em;
  color: var(--fg-1);
  margin: 0px 0px 16px;
  text-wrap: pretty;
}
.u647 {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.u648 {
  font-size: clamp(48px, 5vw, 72px);
  line-height: 0.9;
}
.u649 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(20px, 2vw, 26px);
  letter-spacing: -0.01em;
  color: var(--fg-1);
}
.u650 {
  margin-bottom: 0px;
}
.u651 {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.6;
  color: var(--fg-2);
  margin: 0px;
}
.u652 {
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.55;
  color: var(--fg-3);
  margin: 0px;
  font-style: italic;
  border-top: 1px solid var(--border-1);
  padding-top: 14px;
}
.u653 {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.u654 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(36px, 4vw, 52px);
  color: var(--accent-500);
  line-height: 0.9;
}
.u655 {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-3);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-left: auto;
}
.u656 {
  max-width: 820px;
}
.u657 {
  margin-top: 32px;
  padding: 20px;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  overflow-x: auto;
}
.u658 {
  min-width: 720px;
}
.u659 {
  max-width: 860px;
  margin-bottom: 36px;
}
.u660 {
  transition-delay: 0ms;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 26px;
}
.u661 {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(0, 126, 255, 0.1);
  color: var(--brand-600);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.u662 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 19px;
  letter-spacing: -0.01em;
  margin: 0px 0px 8px;
  color: var(--fg-1);
}
.u663 {
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--fg-2);
  margin: 0px;
}
.u664 {
  transition-delay: 70ms;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 26px;
}
.u665 {
  transition-delay: 140ms;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 26px;
}
.u666 {
  transition-delay: 210ms;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 26px;
}
.u667 {
  max-width: 880px;
  margin-bottom: 40px;
}
.u668 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0px;
  border: 1px solid var(--border-1);
  border-radius: 12px;
  background: var(--bg-1-pure);
  overflow: hidden;
  margin-bottom: 32px;
}
.u669 {
  padding: 24px 26px;
  border-left-width: medium;
  border-left-style: none;
  border-left-color: currentcolor;
}
.u670 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 22px;
  letter-spacing: -0.02em;
  color: var(--brand-500);
  line-height: 1.1;
}
.u671 {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 8px 0px 0px;
}
.u672 {
  padding: 24px 26px;
  border-left: 1px solid var(--border-1);
}
.u673 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--fg-1);
  margin: 0px 0px 14px;
  text-wrap: pretty;
}
.u674 {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.6;
  color: var(--fg-2);
  margin: 0px;
  padding-left: 16px;
  border-left: 3px solid var(--brand-500);
}
.u675 {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid var(--border-1);
}
.u676 {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 20px;
}
.u677 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 40px;
}
.u678 {
  display: block;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 700;
  color: var(--fg-1);
  margin-bottom: 4px;
}
.u679 {
  display: block;
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--fg-2);
}
.u680 {
  margin-top: 26px;
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--fg-3);
  max-width: 720px;
  font-style: italic;
}
.u681 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0px, 1fr));
  gap: 20px;
  align-items: stretch;
}
.u682 {
  margin: 0px;
  padding: 28px 30px;
  background: var(--bg-1-pure);
  border-top-color:;
  border-top-style:;
  border-top-width:;
  border-right-color:;
  border-right-style:;
  border-right-width:;
  border-bottom-color:;
  border-bottom-style:;
  border-bottom-width:;
  border-left: 4px solid var(--brand-500);
  border-image-source:;
  border-image-slice:;
  border-image-width:;
  border-image-outset:;
  border-image-repeat:;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
}
.u683 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(17px, 1.7vw, 22px);
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin: 0px 0px 22px;
  color: var(--fg-1);
  text-wrap: pretty;
}
.u684 {
  width: 100%;
  display: block;
}
.u685 {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.5;
}
.u686 {
  background: var(--bg-1-pure);
  padding: 32px 24px 80px;
  border-bottom: 1px solid var(--border-1);
  position: relative;
  overflow: hidden;
}
.u687 {
  position: absolute;
  inset: 0px;
  background-image: radial-gradient(circle at 1px 1px, rgba(168, 178, 192, 0.32) 1px, transparent 0px);
  background-size: 24px 24px;
  mask-image: linear-gradient(black 0%, transparent 80%);
  pointer-events: none;
}
.u688 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
  margin-bottom: 22px;
}
.u689 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  background: rgb(230, 242, 255);
  color: rgb(0, 102, 204);
  border: 1px solid rgb(153, 204, 255);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.005em;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: transform 120ms var(--ease-std), filter 120ms;
}
.u690 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(28px, 3vw, 36px);
  color: var(--accent-500);
  letter-spacing: -0.02em;
  line-height: 1;
}
.u691 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  background: rgb(226, 232, 240);
  color: rgb(51, 65, 85);
  border: 1px solid rgb(148, 163, 184);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.005em;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: transform 120ms var(--ease-std), filter 120ms;
}
.u692 {
  padding: 10px 18px;
  border-radius: 999px;
  background: var(--ink-900);
  color: rgb(255, 255, 255);
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.01em;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.u693 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--accent-500);
}
.u694 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(36px, 5vw, 64px);
  line-height: 1.05;
  letter-spacing: -0.025em;
  margin: 0px 0px 24px;
  max-width: 1000px;
  text-wrap: pretty;
}
.u695 {
  max-width: 760px;
  font-size: clamp(17px, 1.5vw, 20px);
}
.u696 {
  margin-top: 32px;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.u697 {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.4fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: start;
}
.u698 {
  margin-top: 16px;
  font-size: clamp(28px, 3.4vw, 44px);
}
.u699 {
  font-size: clamp(17px, 1.5vw, 20px);
}
.u700 {
  margin-top: 28px;
  padding: 20px 20px 12px;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
}
.u701 {
  display: grid;
  grid-template-columns: repeat(5, auto);
  gap: 0px;
  align-items: stretch;
}
.u702 {
  padding: 20px;
  background: var(--bg-1);
  color: var(--fg-1);
  border: 1px solid var(--border-1);
  border-radius: 10px;
  min-width: 180px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.u703 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 13px;
  color: var(--brand-600);
  letter-spacing: 0.04em;
}
.u704 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: var(--fg-1);
}
.u705 {
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-2);
  margin: 0px;
}
.u706 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 10px;
  color: var(--ink-300);
}
.u707 {
  padding: 20px;
  background: var(--ink-900);
  color: rgb(255, 255, 255);
  border: 1px solid var(--ink-800);
  border-radius: 10px;
  min-width: 180px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.u708 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 13px;
  color: var(--accent-400);
  letter-spacing: 0.04em;
}
.u709 {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}
.u710 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: rgb(255, 255, 255);
}
.u711 {
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-on-dark-2);
  margin: 0px;
}
.u712 {
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.u713 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 38px;
  letter-spacing: -0.02em;
  color: var(--brand-500);
  line-height: 1;
}
.u714 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--fg-1);
  margin: 0px;
  text-wrap: pretty;
}
.u715 {
  max-width: 900px;
  margin: 0px auto;
  text-align: center;
}
.u716 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(28px, 3.6vw, 48px);
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin: 24px 0px;
  color: rgb(255, 255, 255);
  text-wrap: pretty;
}
.u717 {
  display: flex;
  justify-content: center;
}
.u718 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.u719 {
  display: block;
  font-weight: 600;
  color: rgb(255, 255, 255);
}
.u720 {
  display: block;
  color: var(--fg-on-dark-2);
}
.u721 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  background: rgb(239, 247, 255);
  color: rgb(25, 118, 224);
  border: 1px solid rgb(184, 218, 255);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.005em;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: transform 120ms var(--ease-std), filter 120ms;
}
.u722 {
  margin-top: 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent-500);
}
.u723 {
  position: absolute;
  inset: 0px;
  background-image: radial-gradient(circle at 1px 1px, rgba(168, 178, 192, 0.28) 1px, transparent 0px);
  background-size: 24px 24px;
  mask-image: linear-gradient(black 0%, transparent 80%);
  pointer-events: none;
}
.u724 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 16px 0px 18px;
}
.u725 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgb(226, 232, 240);
  color: rgb(51, 65, 85);
  border: 1px solid rgb(148, 163, 184);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.005em;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: transform 120ms var(--ease-std), filter 120ms;
}
.u726 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 22px;
  color: var(--accent-500);
  line-height: 1;
}
.u727 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgb(214, 224, 240);
  color: rgb(0, 26, 51);
  border: 1px solid rgb(148, 168, 200);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.005em;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: transform 120ms var(--ease-std), filter 120ms;
}
.u728 {
  padding: 6px 12px;
  background: var(--ink-900);
  color: rgb(255, 255, 255);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: -0.005em;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.u729 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(40px, 5.4vw, 68px);
  line-height: 1.02;
  letter-spacing: -0.025em;
  margin: 0px 0px 22px;
  color: var(--fg-1);
  text-wrap: pretty;
}
.u730 {
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0px 0px 28px;
  max-width: 560px;
}
.u731 {
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 14px;
  padding: 24px;
  position: relative;
}
.u732 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 18px;
  gap: 12px;
}
.u733 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 18px;
  color: var(--fg-1);
  margin: 6px 0px 0px;
  letter-spacing: -0.01em;
}
.u734 {
  text-align: right;
}
.u735 {
  font-size: 28px;
}
.u736 {
  font-size: 10px;
  margin-top: 2px;
}
.u737 {
  position: relative;
  height: 240px;
  padding-top: 18px;
}
.u738 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 58.3333%;
  border-top: 1px dashed var(--ink-300);
  z-index: 1;
}
.u739 {
  position: absolute;
  right: 0px;
  top: 58.3333%;
  transform: translateY(-100%);
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--fg-3);
  padding: 0px 4px;
}
.u740 {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  gap: 4px;
  height: 100%;
  align-items: stretch;
  position: relative;
}
.u741 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 5%;
  height: 53.3333%;
  background: var(--brand-500);
  border-radius: 3px 3px 0px 0px;
  opacity: 0.55;
}
.u742 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 10.8333%;
  height: 47.5%;
  background: var(--brand-500);
  border-radius: 3px 3px 0px 0px;
  opacity: 0.55;
}
.u743 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 18.3333%;
  height: 40%;
  background: var(--brand-500);
  border-radius: 3px 3px 0px 0px;
  opacity: 0.55;
}
.u744 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 21.25%;
  height: 37.0833%;
  background: var(--brand-500);
  border-radius: 3px 3px 0px 0px;
  opacity: 0.55;
}
.u745 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 25.8333%;
  height: 32.5%;
  background: var(--brand-500);
  border-radius: 3px 3px 0px 0px;
  opacity: 0.55;
}
.u746 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 32.5%;
  height: 25.8333%;
  background: var(--brand-500);
  border-radius: 3px 3px 0px 0px;
  opacity: 0.55;
}
.u747 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 37.0833%;
  height: 21.25%;
  background: var(--brand-500);
  border-radius: 3px 3px 0px 0px;
  opacity: 0.55;
}
.u748 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 40%;
  height: 18.3333%;
  background: var(--brand-500);
  border-radius: 3px 3px 0px 0px;
  opacity: 0.55;
}
.u749 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 45.4167%;
  height: 12.9167%;
  background: var(--brand-500);
  border-radius: 3px 3px 0px 0px;
  opacity: 0.55;
}
.u750 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 48.3333%;
  height: 10%;
  background: var(--brand-500);
  border-radius: 3px 3px 0px 0px;
  opacity: 0.55;
}
.u751 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 53.3333%;
  height: 5%;
  background: var(--brand-500);
  border-radius: 3px 3px 0px 0px;
  opacity: 0.55;
}
.u752 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 58.3333%;
  height: 10%;
  background: var(--accent-500);
  border-radius: 0px 0px 3px 3px;
  opacity: 0.92;
}
.u753 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 58.3333%;
  height: 20%;
  background: var(--accent-500);
  border-radius: 0px 0px 3px 3px;
  opacity: 0.92;
}
.u754 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 58.3333%;
  height: 31.6667%;
  background: var(--accent-500);
  border-radius: 0px 0px 3px 3px;
  opacity: 0.92;
}
.u755 {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  gap: 4px;
  margin-top: 8px;
  font-family: var(--font-mono);
  font-size: 9px;
  color: var(--fg-3);
  text-align: center;
}
.u756 {
  transform: rotate(-40deg);
  transform-origin: center center;
  white-space: nowrap;
  color: var(--fg-3);
  font-weight: 400;
}
.u757 {
  transform: rotate(-40deg);
  transform-origin: center center;
  white-space: nowrap;
  color: var(--accent-600);
  font-weight: 700;
}
.u758 {
  margin-top: 30px;
  padding: 12px 14px;
  background: rgba(255, 106, 44, 0.08);
  border: 1px solid rgba(255, 106, 44, 0.32);
  border-radius: 8px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  color: var(--fg-1);
  display: flex;
  align-items: center;
  gap: 10px;
}
.u759 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--accent-500);
  flex: 0 0 auto;
}
.u760 {
  max-width: 1000px;
  padding: 28px 32px;
  border-left: 3px solid var(--brand-500);
  background: var(--bg-1);
  border-radius: 0px 12px 12px 0px;
}
.u761 {
  font-size: clamp(18px, 1.6vw, 22px);
  line-height: 1.5;
  font-style: italic;
  color: var(--fg-1);
  margin: 0px;
  text-wrap: pretty;
}
.u762 {
  color: var(--brand-600);
  font-style: normal;
}
.u763 {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.3fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: start;
}
.u764 {
  margin-top: 14px;
  font-size: clamp(28px, 3.4vw, 42px);
  text-wrap: wrap;
}
.u765 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.u766 {
  margin: 0px;
  color: var(--fg-1);
  font-weight: 500;
}
.u767 {
  padding: var(--sec-pad-y) var(--sec-pad-x);
  background: var(--bg-2);
  color: var(--fg-1);
}
.u768 {
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 320px;
}
.u769 {
  margin-bottom: 18px;
}
.u770 {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  height: 48px;
}
.u771 {
  flex: 1 1 0%;
  position: relative;
  height: 100%;
}
.u772 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 100%;
  background: var(--brand-500);
  border-radius: 4px;
  opacity: 0.92;
}
.u773 {
  position: absolute;
  bottom: -16px;
  left: 0px;
  right: 0px;
  text-align: center;
  font-family: var(--font-mono);
  font-size: 9px;
  color: var(--fg-3);
}
.u774 {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--accent-500);
  align-self: center;
  font-size: 14px;
}
.u775 {
  flex: 0.7 1 0%;
  position: relative;
  height: 100%;
}
.u776 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 64%;
  background: var(--ink-700);
  border-radius: 4px;
}
.u777 {
  flex: 0.9 1 0%;
  position: relative;
  height: 100%;
}
.u778 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 36%;
  background: var(--accent-500);
  border-radius: 4px;
}
.u779 {
  position: absolute;
  bottom: -16px;
  left: 0px;
  right: 0px;
  text-align: center;
  font-family: var(--font-mono);
  font-size: 9px;
  color: var(--accent-600);
  font-weight: 700;
}
.u780 {
  height: 20px;
}
.u781 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 38px;
  letter-spacing: -0.02em;
  color: var(--accent-500);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  margin-top: 6px;
}
.u782 {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-3);
  letter-spacing: 0.02em;
}
.u783 {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.55;
  color: var(--fg-1);
  margin: 6px 0px 0px;
  font-weight: 500;
}
.u784 {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--border-1);
}
.u785 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 20%;
  background: var(--ink-700);
  border-radius: 4px;
}
.u786 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 20%;
  background: var(--accent-500);
  border-radius: 4px;
}
.u787 {
  margin-top: 40px;
  padding: 28px 32px;
  text-align: center;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}
.u788 {
  margin: 0px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(20px, 2.2vw, 26px);
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: var(--fg-1);
  text-wrap: pretty;
}
.u789 {
  transition-delay: 240ms;
}
.u790 {
  margin-top: 28px;
  background: var(--bg-1-pure);
  border: 1px solid var(--border-1);
  border-radius: 12px;
}
.u791 {
  padding: 18px 24px;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: var(--fg-1);
  letter-spacing: -0.005em;
}
.u792 {
  color: var(--fg-3);
  font-weight: 500;
  margin-left: 6px;
}
.u793 {
  padding: 0px 24px 24px;
  color: var(--fg-2);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.u794 {
  border-top: 1px solid var(--border-1);
  padding-top: 18px;
}
.u795 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: var(--fg-1);
  margin: 8px 0px;
  letter-spacing: -0.005em;
}
.u796 {
  font-size: 13px;
  line-height: 1.55;
  margin: 0px;
  color: var(--fg-2);
}
.u797 {
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.u798 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 36px;
  letter-spacing: -0.02em;
  color: var(--brand-500);
  line-height: 1;
}
.u799 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 17px;
  line-height: 1.4;
  letter-spacing: -0.005em;
  color: var(--fg-1);
  margin: 0px;
  text-wrap: pretty;
}
.u800 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  height: 96px;
  background: rgb(255, 255, 255);
  border-radius: 12px;
}
.u801 {
  max-width: 100%;
  max-height: 56px;
}
.u802 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(24px, 2.8vw, 36px);
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: rgb(255, 255, 255);
  margin: 0px 0px 16px;
  text-wrap: pretty;
}
.u803 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.u804 {
  margin-top: 14px;
  display: inline-flex;
}
.u805 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  background: rgb(214, 224, 240);
  color: rgb(0, 26, 51);
  border: 1px solid rgb(148, 168, 200);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.005em;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: transform 120ms var(--ease-std), filter 120ms;
}
.u806 {
  display: grid;
  grid-template-columns: repeat(7, auto);
  gap: 0px;
  align-items: stretch;
}

/* Section-level rules, mostly responsive overrides. */

@media (max-width: 768px) {
  .coh-nav-desktop { display: none !important; }
  .coh-nav-mobile-toggle { display: inline-flex !important; }
  header img { height: 52px !important; }
}
@media (max-width: 560px) {
  header img { height: 42px !important; }
}

@media (max-width: 1024px) {
  .coh-problem-grid { grid-template-columns: 1fr !important; }
}

@media (min-width: 1025px) {
  .coh-questions-aside { position: sticky; top: 100px; }
}
@media (max-width: 1024px) {
  .coh-questions-grid { grid-template-columns: 1fr !important; }
}
.coh-q-item {
  display: grid;
  grid-template-columns: 88px 1fr;
  column-gap: 18px;
  align-items: baseline;
  padding: 13px 0;
  border-top: 1px solid var(--border-1);
  transition: background 140ms var(--ease-out);
}
.coh-q-item:last-child { border-bottom: 1px solid var(--border-1); }
.coh-q-role {
  justify-self: start;
  font-family: var(--font-body); font-weight: 700;
  font-size: 9.5px; letter-spacing: 0.13em; text-transform: uppercase;
  color: var(--brand-700);
  background: rgba(0,126,255,0.08);
  padding: 4px 7px; border-radius: 5px;
  white-space: nowrap;
}
.coh-q-text {
  font-family: var(--font-display); font-weight: 600;
  font-size: clamp(15px, 1.2vw, 18px); line-height: 1.45;
  letter-spacing: -0.01em; color: var(--fg-1); text-wrap: pretty;
  font-style: italic;
}
.coh-q-item:hover .coh-q-role {
  background: var(--brand-600); color: #fff;
}
@media (max-width: 560px) {
  .coh-q-item { grid-template-columns: 1fr; row-gap: 6px; }
}

@media (max-width: 1024px) {
  .coh-products-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .coh-stack-bar { grid-template-columns: 1fr !important; }
}
@media (max-width: 768px) {
  .coh-products-grid { grid-template-columns: 1fr !important; }
  .coh-what-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 1024px) {
  .coh-eq-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 560px) {
  .coh-eq-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 1024px) { .coh-ai-grid { grid-template-columns: 1fr !important; } }

@media (max-width: 1024px) {
  .coh-fits-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 560px) {
  .coh-fits-card { padding: 18px !important; }
  .coh-fits-sources { grid-template-columns: repeat(2, 1fr) !important; }
  .coh-fits-infra { grid-template-columns: repeat(3, 1fr) !important; }
}

@media (max-width: 1024px) {
  .coh-rollout-steps { grid-template-columns: repeat(3, 1fr) !important; }
  .coh-rollout-steps > li:nth-child(4) { border-left: none !important; }
  .coh-rollout-steps > li:nth-child(n+4) { border-top: 1px solid var(--border-1); }
}
@media (max-width: 768px) {
  .coh-rollout-teaser { grid-template-columns: 1fr !important; }
  .coh-rollout-steps { grid-template-columns: 1fr !important; }
  .coh-rollout-steps > li { border-left: none !important; border-top: 1px solid var(--border-1); }
  .coh-rollout-steps > li:first-child { border-top: none; }
  .coh-rollout-figs { gap: 24px !important; }
}

@media (max-width: 1024px) { .coh-cases-grid { grid-template-columns: 1fr !important; } }

@media (max-width: 1024px) {
  .coh-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 40px !important;
  }
}

@media (max-width: 1024px) {
  .coh-solidx-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 1024px) {
  .coh-about-proof { grid-template-columns: repeat(2, 1fr) !important; }
  .coh-about-proof > div:nth-child(2) { border-right: none !important; }
  .coh-about-proof > div:nth-child(-n+2) { border-bottom: 1px solid var(--border-1); }
}

@media (max-width: 1024px) { .coh-about-grid { grid-template-columns: 1fr !important; } }

@media (max-width: 1024px) {
  .coh-phase-grid { grid-template-columns: 1fr !important; }
  .coh-steps-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .coh-steps-grid > li:nth-child(3) { border-left: none !important; }
  .coh-steps-grid > li:nth-child(n+3) { border-top: 1px solid var(--border-1); }
}
@media (max-width: 560px) {
  .coh-steps-grid { grid-template-columns: 1fr !important; }
  .coh-steps-grid > li { border-left: none !important; border-top: 1px solid var(--border-1); }
  .coh-steps-grid > li:first-child { border-top: none; }
}

@media (max-width: 1024px) {
  .coh-case-head { grid-template-columns: 1fr !important; }
  .coh-car-grid { grid-template-columns: 1fr !important; }
  .coh-metrics-grid { grid-template-columns: 1fr !important; }
  .coh-metrics-grid > * { border-right: 0 !important; border-bottom: 1px solid var(--border-1); }
  .coh-metrics-grid > *:last-child { border-bottom: 0; }
}

@media (max-width: 1024px) {
  .coh-contact-grid { grid-template-columns: 1fr !important; }
  .coh-form-grid { grid-template-columns: 1fr !important; }
}
.coh-int input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.coh-int span { display: inline-flex; align-items: center; padding: 9px 14px; border: 1px solid var(--border-1); border-radius: 8px; background: var(--bg-1-pure); font-family: var(--font-body); font-size: 13.5px; font-weight: 500; color: var(--fg-2); cursor: pointer; transition: border-color 150ms, background 150ms, color 150ms; }
.coh-int span:hover { border-color: var(--brand-300); }
.coh-int input:checked + span { border-color: var(--brand-500); background: var(--brand-50); color: var(--brand-700); font-weight: 600; }
.coh-int input:focus-visible + span { outline: 2px solid var(--brand-500); outline-offset: 2px; }
.coh-input-err { border-color: var(--danger) !important; }
.coh-input-err:focus { outline-color: var(--danger) !important; }

@media (max-width: 1024px) { .coh-sitemap-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 560px) { .coh-sitemap-grid { grid-template-columns: 1fr !important; } }

@media (max-width: 1024px) { .coh-caps-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 560px) { .coh-caps-grid { grid-template-columns: 1fr !important; } }

@media (max-width: 1024px) { .coh-aai-grid { grid-template-columns: 1fr !important; } }

@media (max-width: 1024px) { .coh-base-grid { grid-template-columns: 1fr !important; } }

@media (max-width: 1024px) {
  .coh-aud-grid { grid-template-columns: 1fr !important; }
  .coh-pp-proof-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 1024px) { .coh-fits-grid-3 { grid-template-columns: 1fr !important; } }

@media (max-width: 1024px) { .coh-into-grid { grid-template-columns: 1fr !important; } }

@media (max-width: 1024px) { .coh-insight-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 560px) { .coh-insight-grid { grid-template-columns: 1fr !important; } }

@media (max-width: 1024px) {
  .coh-alloc-grid {
    grid-template-columns: 1fr !important;
  }
.coh-alloc-arrow { transform: rotate(90deg); padding: 6px 0; }
}

details[open] summary span:last-child::before { content: '− collapse'; }
details[open] summary span:last-child { font-size: 0 !important; }
details[open] summary span:last-child::before { font-size: 14px; color: var(--accent-500); }
@media (max-width: 768px) {
  .coh-method-caps { grid-template-columns: 1fr !important; }
  .coh-method-detail { grid-template-columns: 1fr !important; }
}

@media (max-width: 1024px) { .coh-delay-grid { grid-template-columns: 1fr !important; } }

@media (max-width: 768px) {
  .coh-proof-grid { grid-template-columns: 1fr !important; text-align: left; }
}

@media (max-width: 1024px) {
  .coh-commercial-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 1024px) { .coh-access-grid { grid-template-columns: 1fr !important; } }

@media (max-width: 1024px) {
  .coh-ask-kinds, .coh-ask-trust { grid-template-columns: 1fr !important; }
}
@media (max-width: 768px) {
  .coh-ask-pillars { grid-template-columns: 1fr !important; }
  .coh-ask-pillars > div { border-left: none !important; border-top: 1px solid var(--border-1); }
  .coh-ask-pillars > div:first-child { border-top: none; }
}

@media (max-width: 1024px) { .coh-do-grid { grid-template-columns: 1fr !important; } }

@media (max-width: 1024px) { .coh-sol-prob { grid-template-columns: 1fr !important; } }

@media (max-width: 1024px) {
  .coh-flow-grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
.coh-flow-arrow {
  transform: rotate(90deg);
  padding: 10px 0 !important;
}
}

@media (max-width: 1024px) { .coh-shifts-grid { grid-template-columns: 1fr !important; } }

@media (max-width: 1024px) {
  .coh-cm-grid { grid-template-columns: 1fr !important; }
  .coh-cm-detail { grid-template-columns: 1fr !important; }
}
details[open] > summary span:last-child { font-size: 0 !important; }
details[open] > summary span:last-child::before { content: '− collapse'; font-size: 14px; color: var(--accent-500); }

@media (max-width: 1024px) { .coh-usecase-grid { grid-template-columns: 1fr !important; } }

@media (max-width: 1024px) { .coh-changes-grid { grid-template-columns: 1fr !important; } }

@media (max-width: 768px) {
  .coh-proof-grid { grid-template-columns: 1fr !important; }
}