/*
 * Fonts local to the AttentionHome component.
 * Family names are prefixed with "Attention" to avoid collisions with
 * styles in the consuming Webflow/DevLink project.
 *
 * @font-face src must be absolute hosted URLs — never relative files.
 * Webflow CLI packs SSR assets as UTF-8, so relative font urls become
 * corrupted data URIs and staging falls back to system sans.
 */

@property --nav-offset {
  syntax: "<length>";
  inherits: true;
  initial-value: 80px;
}

:host {
  --nav-h: 80px;
  --nav-offset: 80px;
}

html {
  overflow-x: clip;
}

@media (max-width: 1023px) {
  :host {
    --nav-h: 72px;
    --nav-offset: 72px;
  }
}

@font-face {
  font-family: "AttentionRoobert";
  src:
    url("https://attention-home-preview.vercel.app/fonts/Roobert-Medium.woff2")
      format("woff2"),
    url("https://attention-home-preview.vercel.app/fonts/Roobert-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AttentionOverusedGrotesk";
  src: url("https://attention-home-preview.vercel.app/fonts/OverusedGrotesk-Roman.woff2")
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AttentionOverusedGrotesk";
  src: url("https://attention-home-preview.vercel.app/fonts/OverusedGrotesk-Medium.woff2")
    format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AttentionDepartureMono";
  src: url("https://attention-home-preview.vercel.app/fonts/DepartureMono-Regular.woff2")
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.ViLGPYor1UWnxXK0ECqH {
  background: #fafafa;
  margin-top: -1px;
  --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
  --duration-fast: 160ms;
  --duration-hover: 220ms;
}

.cc3dwlAlMWjoo7ScykKw {
  background: transparent;
  margin-top: -1px;
  --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
  --duration-fast: 160ms;
  --duration-hover: 220ms;
}

.ViLGPYor1UWnxXK0ECqH,
.cc3dwlAlMWjoo7ScykKw,
.ViLGPYor1UWnxXK0ECqH *,
.cc3dwlAlMWjoo7ScykKw * {
  box-sizing: border-box;
}

.mHzkmJrM7lWlmHhYNzlm {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 16px;
}

@media (max-width: 1023px) {
  .mHzkmJrM7lWlmHhYNzlm {
    padding: 0;
  }
}

.SSCDBE8S_WISFFyTVTp7 {
  display: flex;
  align-items: stretch;
  width: 100%;
}

.zjbP1MYNLd80pCHJmjBV {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #ededed;
  border-radius: 8px;
}

.zjbP1MYNLd80pCHJmjBV + .zjbP1MYNLd80pCHJmjBV {
  margin-left: -1px;
}

.CGBoxf5Y11zkguPXzzxd {
  position: relative;
  display: grid;
  justify-items: center;
  height: 312px;
  overflow: hidden;
  background: #1e0d40;
  border-radius: 8px;
}

.NwZRQhpN683rNKT43ViO {
  position: relative;
  width: min(416px, 100%);
  height: 312px;
}

.matWokY2jAqV3dZiwt6s {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 554px;
  height: 312px;
  object-fit: cover;
  pointer-events: none;
  transform: translate(-50%, -50%);
  mix-blend-mode: luminosity;
  opacity: 0.1;
}

.kAxC1q1d0SB5cTwqkU7a {
  position: absolute;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 20px;
  width: min(352px, calc(100% - 40px));
  transform: translateX(-50%);
  background: #180a33;
  border: 1px solid #2e1f4d;
  border-radius: 8px;
}

.RPlbkGePmpgZq4Fdrsdw {
  top: 32px;
  padding-right: 16px;
}

.BgI5_VadmApZXFFkzJki {
  top: 80px;
  padding-right: 16px;
  gap: 12px;
}

.edkDOaGNSGqGleL51Byx {
  top: 128px;
  height: 48px;
  padding-right: 24px;
  gap: 20px;
}

.Tz6yAlV3IvHgQNOA4Cy6 {
  top: 32px;
  padding-left: 20px;
  gap: 12px;
}

.hPgPu5DcmtZ7BPKiA1fQ,
.tbEMdsfGFAK196NHohjZ,
.x0IIAHxCF348dTciPpZT {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border: 1px solid #2e1f4d;
  border-radius: 8px;
  overflow: hidden;
}

.tbEMdsfGFAK196NHohjZ img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: cover;
  border-radius: 8px;
}

.L6yY7VxtrDnpDNLUVsei {
  display: block;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}

.q_RZWauWlx9Lbdu4HzWa {
  margin: 0;
  flex: 1 1 0;
  min-width: 0;
  font-family: "AttentionDepartureMono", monospace;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  color: #fafafa;
}

.VeZDs5GlVGkY0knNG5Ph {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  font-family: "AttentionDepartureMono", monospace;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  color: #c8f249;
}

.sX28acxXG9Jkw24uPAuH {
  margin: 0;
  font-family: "AttentionDepartureMono", monospace;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  color: #fafafa;
  white-space: nowrap;
}

.m0_lN08m26a9jEyTEktg {
  position: absolute;
  left: 50%;
  top: 176px;
  width: min(352px, calc(100% - 40px));
  height: 136px;
  transform: translateX(-50%);
  overflow: hidden;
  padding: 20px 20px 20px 68px;
  border: 1px solid #2e1f4d;
  border-radius: 8px;
  font-family: "AttentionDepartureMono", monospace;
  font-size: 10px;
  line-height: 12px;
  color: #766c8a;
}

.m0_lN08m26a9jEyTEktg p {
  margin: 0 0 8px;
}

.zhWJ9T4_fT3beglazk1D {
  color: #cecbd5;
}

.WlABEA4Dq1u6LmKvnG0q {
  margin: 0;
  flex: 1 1 0;
  min-width: 0;
  font-family: "AttentionOverusedGrotesk", sans-serif;
  font-size: 11px;
  line-height: 1.3;
  color: #fafafa;
}

.x0IIAHxCF348dTciPpZT img {
  display: block;
  transform: rotate(-90deg);
}

.rDAnx27Npniv9o7xcAGe {
  position: absolute;
  left: 50%;
  top: 80px;
  display: flex;
  width: min(352px, calc(100% - 40px));
  transform: translateX(-50%);
}

.rDAnx27Npniv9o7xcAGe span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 20px;
  border: 1px solid #2e1f4d;
  border-radius: 8px;
  font-family: "AttentionDepartureMono", monospace;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  color: #a29bb0;
  white-space: nowrap;
}

.rDAnx27Npniv9o7xcAGe span:first-child {
  flex: 1 1 0;
}

.jcbjeWhq_PRP6gCfrfCl {
  position: absolute;
  left: 50%;
  top: 128px;
  display: flex;
  align-items: flex-end;
  gap: 33px;
  width: min(352px, calc(100% - 40px));
  transform: translateX(-50%);
  height: 184px;
  padding: 0 32px;
  overflow: hidden;
  background: #180a33;
  border: 1px solid #2e1f4d;
  border-radius: 8px;
}

.PV6Dp3hBcbFuJ9Hb4ZTU {
  width: 32px;
  border: 1px solid #fafafa;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(#fafafa, rgba(250, 250, 250, 0));
  opacity: 0.2;
}

.vj5AtSbrsIWzCedU0O4u {
  border-color: #f75c03;
  background: linear-gradient(#f75c03, rgba(247, 92, 3, 0));
  opacity: 0.4;
}

.T_N6TY4z1Een1kfSIOeb {
  position: absolute;
  left: 50%;
  top: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(352px, calc(100% - 40px));
  transform: translateX(-50%);
  padding: 18px 20px;
  border: 1px solid #2e1f4d;
  border-radius: 8px;
}

.LQZ4ZDYM8t166ODMwUgq {
  margin: 0;
  font-family: "AttentionDepartureMono", monospace;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  color: #fafafa;
  white-space: nowrap;
}

.yfmwvvZEKeRTY6gaySkj {
  display: block;
  width: 12px;
  height: 12px;
}

.gzspwFWhmB2_H8IwBiwg {
  position: absolute;
  left: 50%;
  top: 80px;
  display: flex;
  flex-direction: column;
  width: 352px;
  height: 232px;
  overflow: hidden;
  background: #180a33;
  border: 1px solid #2e1f4d;
  border-radius: 8px 8px 0 0;
  transform: translateX(-50%);
}

.gVjO7wcVcWmc1n2TbZ62 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 16px;
  color: #fafafa;
}

.pIl1pMzQnZ7md06uN55B {
  margin: 0;
  font-family: "AttentionOverusedGrotesk", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: normal;
}

.yh1NUxAXMZdXatajhENv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "AttentionDepartureMono", monospace;
  font-size: 8px;
  line-height: 12px;
  text-transform: uppercase;
  text-align: center;
}

.yh1NUxAXMZdXatajhENv p {
  margin: 0;
  color: #766c8a;
  white-space: nowrap;
}

.kmSq2YQ6cnuHq10exRGf {
  font-family: "AttentionOverusedGrotesk", sans-serif;
  font-size: 11px;
  line-height: 1.3;
  color: #766c8a;
}

.kmSq2YQ6cnuHq10exRGf p,
.kmSq2YQ6cnuHq10exRGf ul {
  margin: 0 0 8px;
  padding: 0;
}

.kmSq2YQ6cnuHq10exRGf ul {
  padding-left: 16px;
}

.zQRF6psJsL0F2pHmiFIM {
  font-weight: 500;
}

.w_umverPsFmaA5lkHtTa {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 64px;
  object-fit: cover;
  pointer-events: none;
}

.X5S7_cJy7_E3dVbfhJlj {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 32px;
  color: inherit;
  text-decoration: none;
}

.SMxRaifjPytgtuuowDlB {
  margin: 0;
  font-family: "AttentionOverusedGrotesk", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  color: #14131a;
}

.y6CUVboxc9jRE51TrnNd {
  margin: 0;
  font-family: "AttentionOverusedGrotesk", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #706f74;
}

@media (prefers-reduced-motion: reduce) {
  .matWokY2jAqV3dZiwt6s {
    display: none;
  }
}

@media (max-width: 1023px) {
  .SSCDBE8S_WISFFyTVTp7 {
    flex-direction: column;
  }

  .zjbP1MYNLd80pCHJmjBV {
    flex: none;
    width: 100%;
  }

  .zjbP1MYNLd80pCHJmjBV + .zjbP1MYNLd80pCHJmjBV {
    margin-left: 0;
    margin-top: -1px;
  }

  .CGBoxf5Y11zkguPXzzxd {
    width: 100%;
    height: 312px;
    overflow: hidden;
  }

  .X5S7_cJy7_E3dVbfhJlj {
    padding: 20px 20px 40px;
    gap: 4px;
  }

  .SMxRaifjPytgtuuowDlB {
    font-size: 18px;
  }

  .y6CUVboxc9jRE51TrnNd {
    font-size: 16px;
  }

  .BgI5_VadmApZXFFkzJki,
  .Tz6yAlV3IvHgQNOA4Cy6 {
    gap: 20px;
  }
}

.BFaGfqi9kNOy2p8b_UnW {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.rtoDNARQH0RT31OCdRWx {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    width: 100%;
    padding: 103px 31px;
    border: 1px solid #ededed;
    border-radius: 8px;
}

.vyw38IePGJDo8cIXislI {
    margin: 0;
    font-family: "AttentionDepartureMono", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    color: #9e9ea0;
}

.oKJm5AE3u8YAFxbjNNeJ {
    margin: 0;
    font-family: "AttentionRoobert", sans-serif;
    font-weight: 500;
    font-size: 48px;
    line-height: 1.1;
    letter-spacing: -1.44px;
    color: #14131a;
    text-align: center;
    font-feature-settings: "ss11" 1;
}

._z7n4CyrXDfdnXiG7ybe {
    --tab-stack: 47px;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: -1px;
    overflow-anchor: none;
}

.snA8heb9kDPxrFGqT_rg {
    position: sticky;
    top: calc(var(--nav-offset, var(--nav-h, 80px)) - 1px + var(--tab-index, 0) * var(--tab-stack));
    z-index: calc(2 + var(--tab-index, 0));
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 100%;
    background: #fafafa;
}

.snA8heb9kDPxrFGqT_rg~.snA8heb9kDPxrFGqT_rg {
    margin-top: -1px;
}

/* After the last tab docks under the previous bar, unlock sticky so the
   whole stack scrolls away under the header with normal document flow. */
.Iu8ntrDxe4T8r01fSK9g .snA8heb9kDPxrFGqT_rg {
    position: relative;
    top: auto;
}

.EHOYTgsAsFu3UyqIj03D {
    height: 0;
    overflow: hidden;
    pointer-events: none;
}

.MLaWbyVGCtQ5Js8Gpfkd {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 48px;
    padding: 0;
    border: none;
    background: #fafafa;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
    appearance: none;
}

.q4Isa0lONMu6pKXGQWLG {
    display: flex;
    align-items: stretch;
    width: 50%;
    min-width: 0;
    height: 48px;
}

._Rogjp_NSTf6_yaIv35r {
    flex: 1 1 0;
    min-width: 0;
    margin-left: -1px;
    background: #fafafa;
    border: 1px solid #ededed;
    border-radius: 8px;
}

.DH0Vo7rNAIfHCDuZMIaF {
    display: flex;
    align-items: stretch;
    width: 100%;
    margin-top: -1px;
}

.sU_A0Lu6hkqlfilcLlwV {
    position: relative;
    z-index: 1;
    margin-top: -1px;
    overflow-anchor: none;
}

.BYxIl8suCpu4fRlgCsJU {
    display: none;
}

.g7roQvNHLOr94QSmRAjO {
    display: flex;
    flex-direction: column;
    width: 50%;
    min-width: 0;
}

.DgmJ_42s_8xoNzHg6y9_ {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    background: #fafafa;
    border: 1px solid #ededed;
    border-radius: 8px;
    overflow: hidden;
}

.dSF_3SyfHweKm4hgjtft {
    background: #4545e5;
}

.dSF_3SyfHweKm4hgjtft .JH8y0jHhLa9xHnFFE2kz {
    filter: brightness(0) invert(1);
}

.JH8y0jHhLa9xHnFFE2kz {
    display: block;
    width: 16px;
    height: 16px;
}

.w6OdejlTjnb81aBjOTXD {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    min-width: 0;
    padding: 0 20px;
    margin-left: -1px;
    background: #fafafa;
    border: 1px solid #ededed;
    border-radius: 8px;
}

._1APPixLtGhYcxuolZy6n {
    margin: 0;
    font-family: "AttentionDepartureMono", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    color: #14131a;
}

.K9094yaS_Eh_jMAF8D2_ {
    color: #706f74;
}

.Aqj_9j9PmkaLsHeZWPai {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    flex: 1 1 auto;
    padding: 63px 103px 63px 47px;
    border: 1px solid #ededed;
    border-radius: 8px;
}

.kLDSvHbnz2cpYDhf7cqC {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    width: 100%;
}

.q2Seuyg1_PJrUW_fxQwb {
    margin: 0;
    font-family: "AttentionRoobert", sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: -1.08px;
    color: #14131a;
}

.PcbkcinjtaznRMRFncTc {
    margin: 0;
    font-family: "AttentionOverusedGrotesk", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #424147;
}

.exbqbwB6wFCZSOjz_Phy {
    position: relative;
    width: 100%;
    max-width: 470px;
}

.sihaOglmDhNJgF968rhm {
    display: grid;
    visibility: hidden;
    pointer-events: none;
}

.sihaOglmDhNJgF968rhm .qE2TQ62T6XQWcBkfQJqw {
    grid-area: 1 / 1;
}

.z0KCoulk0NtQ8ZN1phBG {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.qE2TQ62T6XQWcBkfQJqw {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}

.z0KCoulk0NtQ8ZN1phBG .qE2TQ62T6XQWcBkfQJqw {
    position: absolute;
    inset: 0;
}

.VVNficWnYNyZTj7tBXoQ {
    display: block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 3px;
}

.YxWFvbWZ4KZw4NYuQYLK {
    margin: 0;
    font-family: "AttentionOverusedGrotesk", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #14131a;
}

.kOpo9dZhJenKXedul2A4 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px;
    background: rgba(20, 19, 26, 0.08);
    border-radius: 8px;
    font-family: "AttentionOverusedGrotesk", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #14131a;
    text-decoration: none;
    white-space: nowrap;
}

.kOpo9dZhJenKXedul2A4:hover {
    background: rgba(20, 19, 26, 0.12);
}

._Ca27gxpErgATWXLVE_z {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    padding: 31px 103px 31px 47px;
    margin-top: -1px;
    border: 1px solid #ededed;
    border-radius: 8px;
}

.PTeA9_73eBujQEd9WEPo {
    margin: 0;
    font-family: "AttentionOverusedGrotesk", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #14131a;
}

.aBEPsHaljCrPmSySSQbf {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.xBo3pn6x7eyR7njjwm5s {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #fafafa;
    border: 1px solid #ededed;
    flex-shrink: 0;
}

.pb4LCJ6jm0Y3AgTLg27O {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
}

.C48Xsjfu_voBYton4UVg {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-width: 0;
}

.efXBw95DDF3J9ww5sQU1 {
    margin: 0;
    font-family: "AttentionOverusedGrotesk", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #14131a;
}

.m7UNC90FvKdUIxAuyEu_ {
    margin: 0;
    font-family: "AttentionDepartureMono", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    color: #706f74;
}

.tX9BZ0pZWBe7_ni77yT3 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 32px 0 20px;
    border: 1px solid #ededed;
    border-radius: 10px;
    text-decoration: none;
}

.lDEWK80FhmIq59Egplbo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 20px;
    border: 1px solid #ededed;
    border-radius: 10px;
}

.oqmDn6Nv5z0t8RRBR21G {
    display: block;
    max-height: 24px;
    width: auto;
}

.nWkvzJtGfTaYA5hJw2eq {
    position: absolute;
    top: -1px;
    right: -1px;
    display: block;
    width: 32px;
    height: 32px;
}

.WSoE6rL8xXMuoEYb5nJP {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    margin-left: -1px;
    height: 624px;
    overflow: clip;
    border: 1px solid #ededed;
    border-radius: 8px;
    background: #fafafa;
    container-type: inline-size;
}

.gicUPeRFmszrQ0wi0NQH {
    position: absolute;
    top: 0;
    left: 50%;
    width: 624px;
    height: 624px;
    transform: translateX(-50%) scale(calc(100cqw / 624px));
    transform-origin: top center;
}

.uWuRZYT0dasA73Nwlo8A {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.xq9Q6eiAOSsqP0hjvF7Q,
.OAwBm2pecSHAE8WsmyTk {
    position: absolute;
    border: 1px solid #ededed;
    border-radius: 8px;
    pointer-events: none;
    z-index: 1;
}

.xq9Q6eiAOSsqP0hjvF7Q {
    top: -0.5px;
    left: 50%;
    width: 528px;
    height: 624px;
    margin-left: -264px;
}

.OAwBm2pecSHAE8WsmyTk {
    left: -1px;
    width: calc(100% + 2px);
    height: 160px;
}

.eUYgCpmPWk9_2XZjjE7k {
    top: 47.5px;
}

.M41XOGnJjfuvZThKPD0a {
    top: 231.5px;
}

.LDDVx2YlZWn8973wUMO5 {
    top: 415.5px;
}

.oo0A2ZdiXZJmlbqN1YRg {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 24px;
    padding: 48px;
    width: 100%;
    height: 100%;
}

.c3_gLo4F_ng_ooQlQR6Q {
    display: flex;
    flex-direction: column;
    width: 252px;
    height: 160px;
}

.TXarsINAmlmdshcnFrEO {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding: 0 24px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}

.btmI8dWmDeTkZUGXI0ws {
    background: linear-gradient(90deg, rgba(52, 52, 184, 0.04), rgba(52, 52, 184, 0.04)), #fff;
    color: #3434b8;
}

.GfW6yyIFzI6jjUccultg {
    background: linear-gradient(90deg, rgba(8, 123, 108, 0.04), rgba(8, 123, 108, 0.04)), #fff;
    color: #087b6c;
}

.lF3pV93jRKjOunuq0BJA {
    background: linear-gradient(90deg, rgba(166, 42, 116, 0.04), rgba(166, 42, 116, 0.04)), #fff;
    color: #a62a74;
}

.lavkAp78I_hsBoUrSXHQ {
    background: linear-gradient(90deg, rgba(112, 71, 168, 0.04), rgba(112, 71, 168, 0.04)), #fff;
    color: #7047a8;
}

.htPJUhNtahEfrPYMMBDo {
    background: linear-gradient(90deg, rgba(138, 101, 0, 0.04), rgba(138, 101, 0, 0.04)), #fff;
    color: #8a6500;
}

.e8FvSgHxFJKudvUPB6Rx {
    margin: 0;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    color: inherit;
    white-space: nowrap;
}

.gWG3xbvXB92uzsJTYixT {
    display: block;
    width: 8px;
    height: 12px;
    background: currentColor;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCA4IDEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBpZD0iU3VidHJhY3QiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCA2LjcyOTc4TDQuOTUxNzUgMFY1LjI3MDIyTDggNS4yNzAyM0wzLjA0ODI1IDEyTDMuMDQ4MjUgNi43Mjk3OEgwWiIgZmlsbD0iIzM0MzRCOCIvPgo8L3N2Zz4K) center / contain no-repeat;
    mask: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCA4IDEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBpZD0iU3VidHJhY3QiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCA2LjcyOTc4TDQuOTUxNzUgMFY1LjI3MDIyTDggNS4yNzAyM0wzLjA0ODI1IDEyTDMuMDQ4MjUgNi43Mjk3OEgwWiIgZmlsbD0iIzM0MzRCOCIvPgo8L3N2Zz4K) center / contain no-repeat;
}

.bg0jPU29CwLE7UUwoljz {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    height: 48px;
    margin-top: -1px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}

.HR1LjMXhwDp3wjV_VSgo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border: 1px solid #ededed;
    border-radius: 8px;
    margin-left: -1px;
}

.LQwlkbJxWPQX3qoQ15BC {
    display: block;
    width: 16px;
    height: 16px;
}

.zGaKJ_i4noXokuabZbJL {
    margin: 0;
    font-family: "AttentionOverusedGrotesk", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #14131a;
    white-space: nowrap;
}

.TS7BCmgDvkLb8JXLyXix {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 0;
    padding: 12px 16px;
    margin-top: -1px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}

.IA2Dc_X3Fv6igQYKbJEO {
    margin: 0;
    font-family: "AttentionOverusedGrotesk", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 1.3;
    color: #9e9ea0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
    .uWuRZYT0dasA73Nwlo8A {
        display: none;
    }
}

.mvsY7yNpN6Vd1Hu2gfXs {
    opacity: 0.12;
    mix-blend-mode: luminosity;
}

.pZlBoxVINEuwQLTeivEM,
.pxOV0dS9lsVPpXnwwpdj,
.MQMNyqdMouBE8hEqX3TZ,
.IjVJTstvRCUKjMxa0EpX {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.pZlBoxVINEuwQLTeivEM {
    display: flex;
    gap: 16px;
    padding: 48px;
}

.OQurr3qk4yl63lwR8Qfo {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px 24px;
    background: #fafafa;
    border: 1px solid #ededed;
    border-radius: 8px;
}

.dY0wyvoRGDmfNAJQPSCe {
    margin: 0;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    color: #9e9ea0;
}

.iBbF2c6ek0IicVsA2MFH,
.kHTlkBaZmCnrWlynTaIa {
    margin: 0;
    font-family: "AttentionOverusedGrotesk", sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #14131a;
}

.kHTlkBaZmCnrWlynTaIa {
    color: #706f74;
}

.f389uTDXix377iN2Btny {
    position: absolute;
    width: 264px;
    height: 200px;
    overflow: hidden;
    background: #fafafa;
    border: 1px solid #ededed;
    border-radius: 8px;
}

.f389uTDXix377iN2Btny:nth-child(1) {
    top: 48px;
    left: 48px;
    border: 2px solid #c8f249;
}

.f389uTDXix377iN2Btny:nth-child(2) {
    top: 48px;
    left: 312px;
}

.f389uTDXix377iN2Btny:nth-child(3) {
    top: 248px;
    left: 48px;
}

.f389uTDXix377iN2Btny:nth-child(4) {
    top: 248px;
    left: 312px;
}

.nDGn5ebGAZxo9QpjFqOO {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.YyuaHXRpQa3LFyzIGVjX::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(20, 19, 26, 0.24);
    pointer-events: none;
}

.nafoJVAUd4SFbJwpplwk {
    position: absolute;
    top: 448px;
    left: 48px;
    display: flex;
    align-items: stretch;
    width: 528px;
    height: 64px;
}

.OMxAq5O88D1ljyhuYLUO {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    gap: 20px;
    min-width: 0;
    padding-right: 24px;
    background: #ffffff;
    border: 1px solid #ededed;
    border-radius: 8px;
}

.YEH23yucYNEz1743xmwE {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border: 1px solid #ededed;
    border-radius: 8px;
    flex-shrink: 0;
    margin-left: -1px;
}

.gTL6wNiuwGwjnMZRoFQi {
    display: block;
    width: 32px;
    height: 32px;
    object-fit: cover;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    flex-shrink: 0;
}

.MQSJlu5yb1bxsGNiqfqz {
    margin: 0;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    color: #14131a;
    white-space: nowrap;
}

.PuBatagMHSsAK6UzShuw {
    display: flex;
    align-items: center;
    padding: 0 32px;
    margin-left: -1px;
    background: #ffffff;
    border: 1px solid #ededed;
    border-radius: 8px;
}

.PuBatagMHSsAK6UzShuw p {
    margin: 0;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    color: #14131a;
    opacity: 0.6;
    white-space: nowrap;
}

.uWemyxSFNqqSgYz1JTXu {
    position: absolute;
    top: 511px;
    left: 48px;
    width: 528px;
    height: 64px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #ededed;
    border-radius: 8px;
}

.uWemyxSFNqqSgYz1JTXu p {
    position: absolute;
    left: 84px;
    right: 24px;
    margin: 0;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 12px;
    line-height: 16px;
}

.xCbuENMeCCDRKK6PKKJR {
    color: #9e9ea0;
}

.xCbuENMeCCDRKK6PKKJR:first-child {
    top: 0;
}

.H5uH6H4ea1gI9CF0suDO {
    top: 24px;
    color: #14131a;
}

.xCbuENMeCCDRKK6PKKJR:last-of-type {
    top: 48px;
}

.__CSsyqe2CkEiPtq0tZI {
    position: absolute;
    inset: 0;
    background: linear-gradient(#ffffff, rgba(255, 255, 255, 0) 50%, #ffffff);
    pointer-events: none;
}

.MQMNyqdMouBE8hEqX3TZ {
    display: flex;
    flex-direction: column;
    padding: 48px;
}

.wTBgWgJFSTQ_smxQM0Kc,
.As0fQqfdMms2K6NlznMv {
    padding: 20px 24px;
    background: #fafafa;
    border: 1px solid #ededed;
    border-radius: 8px;
}

.As0fQqfdMms2K6NlznMv {
    margin-top: -1px;
}

.CiXUdKOk4n4ldjdRcS2G,
.fnZJg89NeLDVTOPO9vtQ {
    margin: 0;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    color: #14131a;
}

.KRVdd29nYrmCYw7UPfMQ {
    margin: 8px 0 0;
    font-family: "AttentionOverusedGrotesk", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #706f74;
}

.Yi2dBBWmmZvv59yXyL1V {
    margin: 16px 0 0;
    padding: 0 0 0 18px;
    font-family: "AttentionOverusedGrotesk", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #706f74;
}

.QNxb6cD40pBt1VtolwHY {
    flex: 1 1 auto;
}

.Nlt9MefD21HN6t3xMX2E,
.uRzbMCJf36HZ2MCppq1Q {
    position: absolute;
    background: #fafafa;
    border: 1px solid #ededed;
    border-radius: 8px;
}

.Nlt9MefD21HN6t3xMX2E {
    top: 48px;
    left: 48px;
    width: 528px;
    height: 400px;
}

.uRzbMCJf36HZ2MCppq1Q {
    width: 264px;
    height: 64px;
}

.uRzbMCJf36HZ2MCppq1Q:nth-child(2) {
    top: 448px;
    left: 48px;
}

.uRzbMCJf36HZ2MCppq1Q:nth-child(3) {
    top: 448px;
    left: 312px;
}

.uRzbMCJf36HZ2MCppq1Q:nth-child(4) {
    top: 512px;
    left: 48px;
}

.uRzbMCJf36HZ2MCppq1Q:nth-child(5) {
    top: 512px;
    left: 312px;
}

@media (max-width: 1023px) {
    .rtoDNARQH0RT31OCdRWx {
        gap: 8px;
        padding: 60px 20px;
    }

    .oKJm5AE3u8YAFxbjNNeJ {
        font-size: 32px;
        letter-spacing: -0.96px;
    }

    .snA8heb9kDPxrFGqT_rg {
        position: relative;
        top: auto;
        z-index: 1;
    }

    .Iu8ntrDxe4T8r01fSK9g .snA8heb9kDPxrFGqT_rg {
        position: relative;
        top: auto;
    }

    .sU_A0Lu6hkqlfilcLlwV {
        z-index: 2;
    }

    ._Rogjp_NSTf6_yaIv35r {
        display: none;
    }

    .q4Isa0lONMu6pKXGQWLG {
        width: 100%;
    }

    .snA8heb9kDPxrFGqT_rg:not([aria-current="true"]) .DH0Vo7rNAIfHCDuZMIaF {
        display: none;
    }

    .DH0Vo7rNAIfHCDuZMIaF {
        flex-direction: column;
    }

    .g7roQvNHLOr94QSmRAjO {
        width: 100%;
    }

    .Aqj_9j9PmkaLsHeZWPai {
        padding: 40px 20px;
        gap: 40px;
    }

    .q2Seuyg1_PJrUW_fxQwb {
        font-size: 26px;
        letter-spacing: -0.78px;
    }

    .PcbkcinjtaznRMRFncTc,
    .YxWFvbWZ4KZw4NYuQYLK {
        font-size: 14px;
    }

    .exbqbwB6wFCZSOjz_Phy {
        max-width: 100%;
    }

    .kOpo9dZhJenKXedul2A4 {
        padding: 10px 16px;
    }

    ._Ca27gxpErgATWXLVE_z {
        padding: 40px 20px;
        gap: 20px;
    }

    .WSoE6rL8xXMuoEYb5nJP {
        flex: none;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        margin-left: 0;
        margin-top: -1px;
    }

    .BYxIl8suCpu4fRlgCsJU {
        display: flex;
        align-items: stretch;
        width: 100%;
        height: 48px;
        margin-top: -1px;
        overflow: hidden;
        background: #fafafa;
        border: 1px solid #ededed;
        border-radius: 8px;
    }

    .BYxIl8suCpu4fRlgCsJU span {
        border: 1px solid #ededed;
        border-radius: 8px;
    }

    .BYxIl8suCpu4fRlgCsJU span:first-child,
    .BYxIl8suCpu4fRlgCsJU span:last-child {
        width: 48px;
        flex-shrink: 0;
    }

    .BYxIl8suCpu4fRlgCsJU span:nth-child(2) {
        flex: 1 1 0;
        min-width: 0;
    }
}

.YqyfOPbiy2Ok_tvY71FH,
.ff_7IUZipwvESTNRZqod,
.uiAjeInEAsNSYpxmGJ7g {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 528px;
    margin: 48px auto 0;
}

.kUKICg_noxDZEWkhLxxm,
.gqBr4J4iyckY359IJ4dn,
.G4IDEUet3Xq7XPDZiZrk,
.U9Fg8xCCtWWdUOTwtiqv,
.I7VCi3eSItMbVI8ybbtu,
.h4xnHTuKtmSHAZ4NDWl1,
.yi9GvqQiiA1rKSdQMujt,
.tDiI_W38BEICXqcVK1VH,
.pru4TMR0ktARUo0doe9P,
.hXTEfsrT8sCIT76Blf_C,
.l1HRi8ZiVMzRDWdxwKUi,
.fG1cH7rJ2xR5opm90ENf,
.vlal426vzZGKGOYSH8HJ,
.aiqKTmga7SGGThXIhN1O,
.dae0V9aRyLR7PMMq5GUA {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}

.mcTE7LXWt8qpZoPPh4vH {
    display: flex;
    align-items: stretch;
    width: 528px;
    height: 64px;
}

.kUKICg_noxDZEWkhLxxm {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    height: 64px;
    padding: 0 16px 0 24px;
}

.YVVG4RgpPYoqcCO9tKzA {
    margin: 0;
    font-family: "AttentionOverusedGrotesk", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #14131a;
    white-space: nowrap;
}

.fMY1uNx6ZVddvm_sDJNw {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #ededed;
    border-radius: 8px;
}

.fMY1uNx6ZVddvm_sDJNw img {
    transform: rotate(-90deg);
}

.Gna_jCxujLT12AVk8wlZ,
.Sp_4l67e4OAvTvZJL3Iq {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-left: -1px;
    flex-shrink: 0;
    border-radius: 8px;
}

.Gna_jCxujLT12AVk8wlZ {
    background: #180a33;
    border: 1px solid #2e1f4d;
}

.Sp_4l67e4OAvTvZJL3Iq {
    background: #d97757;
    border: 1px solid #e5e5e5;
}

.gqBr4J4iyckY359IJ4dn {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 144px;
    margin-top: -1px;
    padding: 24px;
    overflow: hidden;
}

.b7MJQ1MYQ_67kAr8dQiW {
    display: flex;
    align-items: center;
    gap: 16px;
}

.b7MJQ1MYQ_67kAr8dQiW p {
    margin: 0;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    color: #706f74;
    white-space: nowrap;
}

.b7MJQ1MYQ_67kAr8dQiW img {
    display: block;
    width: 16px;
    height: 16px;
    object-fit: contain;
    flex-shrink: 0;
}

.G4IDEUet3Xq7XPDZiZrk,
.U9Fg8xCCtWWdUOTwtiqv,
.fG1cH7rJ2xR5opm90ENf {
    display: flex;
    align-items: center;
    min-height: 88px;
    margin-top: -1px;
    padding: 24px;
}

.G4IDEUet3Xq7XPDZiZrk p,
.U9Fg8xCCtWWdUOTwtiqv p,
.fG1cH7rJ2xR5opm90ENf p {
    margin: 0;
    font-family: "AttentionOverusedGrotesk", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #14131a;
}

.P1YMH18XiJEOn8_7tsuy {
    color: #706f74;
}

.kG9kL9ZgatX5YuhqIkvJ,
.PstDLRBTST70m4zXlyqc,
.zYiMfE1Z0ZEAVaYeK08n,
.vjukCRUolzX0Ol2bSIkq {
    display: flex;
    align-items: stretch;
    width: 100%;
    margin-top: -1px;
}

.kG9kL9ZgatX5YuhqIkvJ {
    margin-top: 32px;
}

.PstDLRBTST70m4zXlyqc {
    margin-top: 64px;
}

.I7VCi3eSItMbVI8ybbtu,
.hXTEfsrT8sCIT76Blf_C {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    gap: 20px;
    min-width: 0;
    height: 64px;
    padding-right: 24px;
    overflow: hidden;
}

.XtaJAchQPxhCUDucqEo9,
.geuoVM3NbPsond_a_62R,
.RJuG2gPNXZfHbNK_hT7q {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    overflow: hidden;
}

.XtaJAchQPxhCUDucqEo9,
.geuoVM3NbPsond_a_62R {
    border: 1px solid #ededed;
    border-radius: 8px;
    margin-left: -1px;
}

.XtaJAchQPxhCUDucqEo9 img,
.geuoVM3NbPsond_a_62R img {
    display: block;
    width: 100%;
    height: 100%;
}

.RJuG2gPNXZfHbNK_hT7q {
    background: #4545e5;
    border-radius: 8px;
}

.RJuG2gPNXZfHbNK_hT7q img {
    filter: brightness(0) invert(1);
}

.I7VCi3eSItMbVI8ybbtu p,
.hXTEfsrT8sCIT76Blf_C p,
.uikmtkRqvEaPYTYQzPQA {
    margin: 0;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    color: #14131a;
}

.h4xnHTuKtmSHAZ4NDWl1,
.l1HRi8ZiVMzRDWdxwKUi {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 64px;
    margin-left: -1px;
    padding: 0 32px;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    color: #9e9ea0;
    white-space: nowrap;
}

.h4xnHTuKtmSHAZ4NDWl1 p,
.l1HRi8ZiVMzRDWdxwKUi p {
    margin: 0;
}

.yi9GvqQiiA1rKSdQMujt {
    margin-left: -1px;
    display: flex;
    align-items: center;
    gap: 20px;
    height: 48px;
    padding-right: 24px;
    overflow: hidden;
}

.f2UqbH42AfNSYkqAtGKX {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid #ededed;
    border-radius: 8px;
    flex-shrink: 0;
    margin-left: -1px;
}

.yi9GvqQiiA1rKSdQMujt p {
    margin: 0;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    color: #9e9ea0;
    white-space: nowrap;
}

.yi9GvqQiiA1rKSdQMujt span {
    color: #14131a;
}

.ZIyeoBdunWlDpI1T5_AA {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    height: 48px;
    margin: 0 0 0 -1px;
    padding: 0 20px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    color: #4545e5;
    white-space: nowrap;
}

.tDiI_W38BEICXqcVK1VH {
    display: flex;
    align-items: center;
    gap: 20px;
    height: 64px;
    overflow: hidden;
    padding-right: 24px;
}

.uikmtkRqvEaPYTYQzPQA {
    flex: 1 1 0;
    min-width: 0;
}

.yE9jGXW5JQRQ0WmgREVW {
    margin: 0;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    color: #9e9ea0;
    white-space: nowrap;
}

.eL9H4PN6rPQ5pMRF10RP {
    display: flex;
    margin-top: -1px;
}

.pru4TMR0ktARUo0doe9P {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 176px;
    padding: 20px;
}

.pru4TMR0ktARUo0doe9P+.pru4TMR0ktARUo0doe9P {
    margin-left: -1px;
}

._l7PJek5BfYIY1SylDaf {
    margin: 0;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 24px;
    line-height: 1;
    color: #4545e5;
    white-space: nowrap;
}

.vC09mqLMHo7GQB_OQ_bl {
    margin: 0;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    color: #9e9ea0;
}

.RaveMSzaEdVGw37XNouj {
    color: #14131a;
}

.ptQdWZKwaMCNHRDd39LI {
    color: #f75c03;
}

.vlal426vzZGKGOYSH8HJ {
    margin-top: -1px;
    padding: 24px;
}

.vlal426vzZGKGOYSH8HJ p {
    margin: 0;
    overflow: hidden;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 12px;
    line-height: 16px;
    color: #9e9ea0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aiqKTmga7SGGThXIhN1O {
    position: relative;
    width: 528px;
    height: 400px;
    overflow: hidden;
    border-color: rgba(20, 19, 26, 0.04);
}

._OtEj3X2n3vyTcco83Pv {
    position: absolute;
    top: -0.5px;
    left: -0.5px;
    display: block;
    width: 528px;
    height: 400px;
    pointer-events: none;
}

.ErKwbzs50KZcO_VNAHow {
    position: absolute;
    top: 95.5px;
    left: 35.5px;
    display: block;
    width: 456px;
    height: 256px;
    pointer-events: none;
}

.yxVP7EuL1uHQ2b9aM5ud {
    position: absolute;
    top: 140.5px;
    left: -0.5px;
    display: block;
    width: 528px;
    height: 259px;
    pointer-events: none;
}

.Mk7Iy9SKUOp0c1OGZJTX {
    position: absolute;
    top: 140.5px;
    left: -0.5px;
    display: block;
    width: 528.742px;
    height: 158.427px;
    pointer-events: none;
}

.E_0lU8sTuM3RlAlZTbiC {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 96px;
    padding: 8px 20px 8px 24px;
}

.rdkx4Yj01O5jNJcH67bC {
    display: flex;
    align-items: center;
    gap: 16px;
}

.h0zLvjKrLt5CerLlkFp0 {
    display: block;
    width: 48px;
    height: 48px;
    overflow: hidden;
    background: rgba(200, 242, 73, 0.5);
    border: 1px solid #e5e5e5;
    border-radius: 12px;
}

.h0zLvjKrLt5CerLlkFp0 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ke0JygHnRUCFpBGIUG4N {
    margin: 0;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    color: #9e9ea0;
}

.bDF08Ya8siXMBiRcv0Om {
    margin: 0;
    font-family: "AttentionOverusedGrotesk", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    color: #14131a;
}

.b2ZG375p67brMt5iEfxh {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px 0 8px;
    background: #c8f249;
    border-radius: 8px;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -8px;
    color: #14131a;
}

.qob8Oh32zHKpJZQNunVM {
    position: absolute;
    z-index: 1;
    top: 351.5px;
    left: -0.5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 528px;
    height: 48px;
    padding: 0 24px;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    color: #9e9ea0;
}

.N4RjYudJXtqLWqgCuKdN {
    display: flex;
    flex-wrap: wrap;
    width: 528px;
    margin-top: -1px;
}

.dae0V9aRyLR7PMMq5GUA {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 264px;
    height: 64px;
    padding-left: 24px;
    overflow: hidden;
}

.dae0V9aRyLR7PMMq5GUA:nth-child(2),
.dae0V9aRyLR7PMMq5GUA:nth-child(4) {
    margin-left: -1px;
}

.dae0V9aRyLR7PMMq5GUA:nth-child(3),
.dae0V9aRyLR7PMMq5GUA:nth-child(4) {
    margin-top: -1px;
}

.dae0V9aRyLR7PMMq5GUA p {
    margin: 0;
    font-family: "AttentionOverusedGrotesk", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    color: #14131a;
    white-space: nowrap;
}

.cd1VlRTj5SDz0KhAAfqO,
.R64a67u7e7nBsIsHjoiO {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border: 1px solid #ededed;
    border-radius: 8px;
    font-family: "AttentionDepartureMono", monospace;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -4.8px;
    margin-right: -1px;
}

.cd1VlRTj5SDz0KhAAfqO {
    color: #4545e5;
}

.R64a67u7e7nBsIsHjoiO {
    color: #f75c03;
}