/* /integrations — the marketplace agent kit, shared editorial language. */
.KitLanding_root__viAOu {
  background: #ffffff;
  color: #0a0a0a;
}

.KitLanding_kicker__ZsGMN {
  display: block;
  color: #8b8b83;
  font-family: var(--font-editorial-mono), ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
}

/* ============================== hero ============================== */

.KitLanding_hero__1JlTn {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 880px;
  margin: 0 auto;
  padding: clamp(56px, 8vh, 96px) 24px clamp(28px, 4vh, 48px);
  text-align: center;
}

.KitLanding_pill__4MeXe {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #62625b;
  font-family: var(--font-editorial-mono), ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: 0.02em;
}

.KitLanding_pill__4MeXe i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--agenc-success, #1fb567);
}

.KitLanding_hero__1JlTn h1 {
  margin: 18px 0 0;
  font-size: clamp(32px, 4.8vw, 58px);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.05;
  text-wrap: balance;
}

.KitLanding_hero__1JlTn h1 span {
  color: #8b8b83;
  font-weight: 300;
}

.KitLanding_lede__khRy_ {
  max-width: 660px;
  margin: 16px 0 0;
  color: #75756d;
  font-size: clamp(15px, 1.3vw, 17px);
  line-height: 1.6;
}

.KitLanding_heroCtas__17AAp {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}

/* Same segmented control as the home hero. */
.KitLanding_ctaGroup__jV0_m {
  display: inline-flex;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid #0a0a0a;
  border-radius: 9px;
  background: #ffffff;
  box-shadow: 0 1px 0 rgb(10 10 10 / 4%);
  transition: box-shadow 200ms ease, transform 200ms ease;
}

.KitLanding_ctaGroup__jV0_m:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgb(10 10 10 / 10%);
}

.KitLanding_ctaPrimary__veAKk,
.KitLanding_ctaGhost__xbNAf {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 12px 21px;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
  white-space: nowrap;
  transition: background 180ms ease;
}

.KitLanding_ctaPrimary__veAKk {
  background: #0a0a0a;
  color: #ffffff !important;
}

.KitLanding_ctaPrimary__veAKk span { transition: transform 200ms ease; }
.KitLanding_ctaPrimary__veAKk:hover { background: #1d1d1d; }
.KitLanding_ctaPrimary__veAKk:hover span { transform: translateX(3px); }

.KitLanding_ctaGhost__xbNAf {
  border-left: 1px solid #0a0a0a;
  background: #ffffff;
  color: #0a0a0a !important;
}

.KitLanding_ctaGhost__xbNAf:hover {
  background: #f4f4f1;
}

.KitLanding_heroSmall__BobeE {
  margin: 18px 0 0;
  color: #9a9a94;
  font-family: var(--font-editorial-mono), ui-monospace, monospace;
  font-size: 9.5px;
  letter-spacing: 0.04em;
}

/* ============================== media ============================= */

.KitLanding_media__hZFMc {
  max-width: 1080px;
  margin: 0 auto;
  padding: clamp(6px, 1.2vh, 16px) 24px clamp(20px, 3.2vh, 36px);
}

.KitLanding_ticker__joFzP {
  margin: 0;
  color: #9a9a94;
  font-family: var(--font-editorial-mono), ui-monospace, monospace;
  font-size: 9.5px;
  letter-spacing: 0.05em;
  text-align: center;
}

/* ============================== blocks ============================ */

.KitLanding_block__aNk_w {
  max-width: 1080px;
  margin: 0 auto;
  padding: clamp(24px, 4vh, 44px) 24px;
  border-top: 1px solid #ececea;
}

.KitLanding_fourCols__31Atf,
.KitLanding_threeCols__H4_7E {
  display: grid;
  gap: clamp(18px, 2.4vw, 36px);
  margin-top: 22px;
}

.KitLanding_fourCols__31Atf { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.KitLanding_threeCols__H4_7E { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.KitLanding_fourCols__31Atf article > span,
.KitLanding_threeCols__H4_7E article > span {
  color: #8b8b83;
  font-family: var(--font-editorial-mono), ui-monospace, monospace;
  font-size: 9.5px;
  letter-spacing: 0.06em;
}

.KitLanding_fourCols__31Atf h3,
.KitLanding_threeCols__H4_7E h3 {
  margin: 8px 0 0;
  font-size: 16.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.KitLanding_fourCols__31Atf p,
.KitLanding_threeCols__H4_7E p {
  margin: 7px 0 0;
  color: #55554f;
  font-size: 13px;
  line-height: 1.55;
}

.KitLanding_callouts__92gF2 {
  margin: 26px 0 0;
  color: #9a9a94;
  font-family: var(--font-editorial-mono), ui-monospace, monospace;
  font-size: 9.5px;
  letter-spacing: 0.05em;
}

.KitLanding_parts__g_00y {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}

.KitLanding_parts__g_00y > div {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid #e7e7e2;
  border-radius: 10px;
  background: #ffffff;
}

.KitLanding_parts__g_00y span {
  color: #9a9a94;
  font-family: var(--font-editorial-mono), ui-monospace, monospace;
  font-size: 10px;
}

.KitLanding_parts__g_00y strong {
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
}



/* Full-bleed engineering-grid band, same texture as the home live section. */
.KitLanding_gridBand__dQYWv {
  border-top: 1px solid #ececea;
  background-image:
    linear-gradient(#f2f2f2 1px, transparent 1px),
    linear-gradient(90deg, #f2f2f2 1px, transparent 1px);
  background-size: 56px 56px;
}

.KitLanding_gridBand__dQYWv .KitLanding_block__aNk_w { border-top: 0; }


/* ============================ prose block ========================= */

.KitLanding_prose__7FQaA {
  margin-top: 14px;
}

.KitLanding_prose__7FQaA h2 {
  margin: 0;
  font-size: clamp(22px, 2.6vw, 32px);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.KitLanding_prose__7FQaA p {
  margin: 14px 0 0;
  color: #55554f;
  font-size: 15px;
  line-height: 1.65;
}

.KitLanding_prose__7FQaA > a {
  display: inline-block;
  margin-top: 16px;
  color: #0a0a0a !important;
  font-size: 14px;
  font-weight: 600;
}

.KitLanding_prose__7FQaA > a:hover { text-decoration: underline; }

.KitLanding_ledgerBanner__AX5GN {
  display: block;
  max-width: 728px;
  margin-top: 20px;
  transition: transform 200ms ease, box-shadow 200ms ease;
}

.KitLanding_ledgerBanner__AX5GN:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgb(10 10 10 / 10%);
}

.KitLanding_ledgerBanner__AX5GN img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #e7e7e2;
  border-radius: 8px;
}

.KitLanding_ledgerNote__F7duL {
  display: block;
  margin-top: 8px;
  color: #9a9a94;
  font-family: var(--font-editorial-mono), ui-monospace, monospace;
  font-size: 9px;
  letter-spacing: 0.05em;
}

/* ======================== install + commands ====================== */

.KitLanding_install__i28yd {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  margin-top: 26px;
  padding: 13px 18px;
  border: 1px solid #d9d9d3;
  border-radius: 9px;
  background: #0d0d0d;
  color: #e8e8e8;
  font-family: var(--font-editorial-mono), ui-monospace, monospace;
  font-size: 12.5px;
  cursor: pointer;
  transition: border-color 180ms ease, transform 180ms ease;
}

.KitLanding_install__i28yd:hover {
  border-color: #0a0a0a;
  transform: translateY(-1px);
}

.KitLanding_install__i28yd b { color: #6f6f6f; font-weight: 500; }

.KitLanding_install__i28yd span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.KitLanding_install__i28yd small {
  padding-left: 8px;
  border-left: 1px solid #2c2c2c;
  color: #8d8d8d;
  font-size: 9px;
  letter-spacing: 0.05em;
}

.KitLanding_install__i28yd[data-copied="true"] small { color: var(--agenc-success, #1fb567); }

/* ============================== facts ============================= */

.KitLanding_grid__Yd_lV {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(22px, 3vw, 34px) clamp(20px, 2.6vw, 36px);
  margin-top: 24px;
}

.KitLanding_cell__HTU6c strong {
  display: block;
  font-size: 15.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.KitLanding_cell__HTU6c span {
  display: block;
  margin-top: 6px;
  color: #55554f;
  font-size: 13px;
  line-height: 1.55;
}

.KitLanding_next__CLNab {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.KitLanding_next__CLNab li { margin-top: 8px; }

.KitLanding_next__CLNab a {
  color: #0a0a0a !important;
  font-size: 14px;
  font-weight: 500;
}

.KitLanding_next__CLNab a:hover { text-decoration: underline; }

/* ============================ responsive ========================== */

@media (max-width: 1020px) {
  .KitLanding_fourCols__31Atf { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .KitLanding_threeCols__H4_7E { grid-template-columns: 1fr; }
  .KitLanding_grid__Yd_lV { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .KitLanding_fourCols__31Atf,
  .KitLanding_grid__Yd_lV { grid-template-columns: 1fr; }
}