/* Turf booking landing page - the design's own styles.
   Ported from the Claude Design project "CrickHunt Turf Booking v4".

   The .dc.html styles every element with an inline style attribute. Those were lifted
   out verbatim into the .tb-sN classes below - same declarations, same order, one class
   per distinct declaration block - so the markup carries no inline CSS.

   Scoped to .tb-page. Generated; edit the design and re-run rather than hand-editing. */

.tb-page {
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-wrap: pretty;
  overflow-x: hidden;
}
.tb-page *, .tb-page *::before, .tb-page *::after { box-sizing: border-box; }
.tb-page a { color: #0C7A47; text-decoration: none; }
/* only bare text links shift colour on hover - every button on the page is an <a> too, and
   each of those carries its own colour in its .tb-sN class, which must survive hover */
.tb-page a:not([class]):hover { color: #17B26A; }
.tb-page a:hover { text-decoration: none; }
/* the store-badge cards carry their text colour on inner spans, so the anchor itself keeps its resting colour */
.tb-page .tb-s503:hover, .tb-page .tb-s620:hover { color: #0C7A47; }

/* the design's `animation:` values reference these three by name */
@keyframes chPulse { 0%, 100% { opacity: .4; transform: scale(1); } 50% { opacity: 1; transform: scale(1.6); } }
@keyframes chFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes chPop   { 0% { transform: scale(.94); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }

/* the four empty <image-slot> venue placeholders */
.tb-page .tb-turffill {
  display: block; width: 100%; height: 100%; min-height: inherit;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .10), rgba(0, 0, 0, .10)),
    repeating-linear-gradient(90deg, #2E8B57 0 14px, #359960 14px 28px);
  background-color: #2E8B57;
}

/* hover states - the design carries these as style-hover attributes */
.tb-page .scp0:hover { background: #31C77E; }
.tb-page .scp1:hover { background: rgba(255, 255, 255, .1); }
.tb-page .scp2:hover { border-color: #0A0F0D; }
.tb-page .scp3:hover { background: #0A1F16; }

/* ---------- the design's element styles ---------- */
.tb-page .tb-s1 {
  position: relative;
  background: rgb(10, 16, 13);
  padding: 88px 0px 120px;
  overflow: hidden;
}
.tb-page .tb-s2 {
  position: absolute;
  inset: 0px;
  background: repeating-linear-gradient(122deg, rgb(13, 23, 18) 0px, rgb(13, 23, 18) 14px, rgb(16, 30, 23) 14px, rgb(16, 30, 23) 28px);
}
.tb-page .tb-s3 {
  position: absolute;
  inset: 0px;
  pointer-events: none;
  background: radial-gradient(26% 40% at 18% -8%, rgba(198, 216, 255, 0.5) 0%, rgba(198, 216, 255, 0.12) 38%, rgba(11, 16, 32, 0) 72%), radial-gradient(26% 40% at 54% -10%, rgba(198, 216, 255, 0.55) 0%, rgba(198, 216, 255, 0.14) 38%, rgba(11, 16, 32, 0) 72%), radial-gradient(26% 40% at 90% -8%, rgba(198, 216, 255, 0.5) 0%, rgba(198, 216, 255, 0.12) 38%, rgba(11, 16, 32, 0) 72%);
}
.tb-page .tb-s4 {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 52%;
  pointer-events: none;
  background: linear-gradient(rgba(20, 42, 36, 0) 0%, rgba(22, 58, 45, 0.7) 40%, rgba(16, 44, 34, 0.94) 100%);
}
.tb-page .tb-s5 {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 52%;
  pointer-events: none;
  opacity: 0.45;
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0px, rgba(255, 255, 255, 0.05) 46px, rgba(255, 255, 255, 0) 46px, rgba(255, 255, 255, 0) 92px);
}
.tb-page .tb-s6 {
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 130%;
  height: 30%;
  transform: translateX(-50%);
  pointer-events: none;
  border-radius: 50% 50% 0px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: radial-gradient(60% 100% at 50% 100%, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 70%);
}
.tb-page .tb-s7 {
  position: absolute;
  inset: 0px;
  pointer-events: none;
  background: linear-gradient(100deg, rgba(11, 16, 32, 0.86) 0%, rgba(11, 16, 32, 0.6) 46%, rgba(11, 16, 32, 0.24) 100%);
}
.tb-page .tb-s8 {
  position: absolute;
  inset: 0px;
  pointer-events: none;
  background: radial-gradient(120% 90% at 78% 8%, rgba(23, 178, 106, 0.22) 0%, rgba(11, 16, 32, 0) 60%);
}
.tb-page .tb-s9 {
  position: relative;
  width: 1240px;
  max-width: 100%;
  margin: 0px auto;
  padding: 0px 24px;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 56px;
  align-items: center;
}
.tb-page .tb-s10 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(23, 178, 106, 0.12);
  border: 1px solid rgba(23, 178, 106, 0.32);
  border-radius: 999px;
  padding: 8px 14px;
  margin-bottom: 26px;
}
.tb-page .tb-s11 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgb(23, 178, 106);
  animation: 2.4s ease-in-out 0s infinite normal none running chPulse;
}
.tb-page .tb-s12 {
  font: 600 12px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.1em;
  color: rgb(127, 224, 172);
}
.tb-page .tb-s13 {
  margin: 0px 0px 22px;
  font: 800 74px / 0.98 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.035em;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s14 {
  color: rgb(23, 178, 106);
}
.tb-page .tb-s15 {
  margin: 0px 0px 38px;
  font: 400 20px / 1.55 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.66);
  max-width: 520px;
}
.tb-page .tb-s16 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  max-width: 560px;
}
.tb-page .tb-s17 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  padding: 20px;
}
.tb-page .tb-s18 {
  display: block;
  text-align: center;
  font: 700 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 15px;
  border-radius: 11px;
  margin-bottom: 12px;
}
.tb-page .tb-s19 {
  margin: 0px;
  font: 400 13px / 1.5 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.68);
}
.tb-page .tb-s20 {
  display: block;
  text-align: center;
  font: 700 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, 0.46);
  padding: 15px;
  border-radius: 11px;
  margin-bottom: 12px;
}
.tb-page .tb-s21 {
  position: relative;
  min-height: 620px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
}
.tb-page .tb-s22 {
  width: min(330px, 100%);
  background: rgb(255, 255, 255);
  border-radius: 22px;
  padding: 22px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 30px 70px;
  animation: 7s ease-in-out 0s infinite normal none running chFloat;
}
.tb-page .tb-s23 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.tb-page .tb-s24 {
  font: 600 11px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.12em;
  color: rgb(110, 119, 115);
}
.tb-page .tb-s25 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 700 11px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(12, 122, 71);
  background: rgb(232, 248, 239);
  padding: 6px 10px;
  border-radius: 999px;
}
.tb-page .tb-s26 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgb(23, 178, 106);
  display: inline-block;
}
.tb-page .tb-s27 {
  font: 800 26px / 1.1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.02em;
  color: rgb(10, 15, 13);
  margin-bottom: 6px;
}
.tb-page .tb-s28 {
  font: 500 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
  margin-bottom: 18px;
}
.tb-page .tb-s29 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-top: 16px;
  border-top: 1px solid rgb(238, 241, 239);
}
.tb-page .tb-s30 {
  font: 800 30px / 1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.03em;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s31 {
  font: 500 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(110, 119, 115);
  margin-top: 6px;
}
.tb-page .tb-s32 {
  font: 700 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 12px 16px;
  border-radius: 10px;
}
.tb-page .tb-s33 {
  width: min(300px, 100%);
  align-self: flex-start;
  margin-top: -4px;
  background: rgb(15, 26, 21);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 22px;
  padding: 22px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 70px;
  animation: 8.5s ease-in-out 0.8s infinite normal none running chFloat;
}
.tb-page .tb-s34 {
  font: 600 11px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.62);
}
.tb-page .tb-s35 {
  display: flex;
  align-items: flex-end;
  gap: 14px;
  margin: 14px 0px 18px;
}
.tb-page .tb-s36 {
  font: 800 52px / 1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.04em;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s37 {
  font: 600 12px / 1.3 "Plus Jakarta Sans", sans-serif;
  color: rgb(127, 224, 172);
  padding-bottom: 8px;
}
.tb-page .tb-s38 {
  display: flex;
  align-items: end;
  gap: 6px;
  height: 46px;
  margin-bottom: 18px;
}
.tb-page .tb-s39 {
  flex: 1 1 0%;
  height: 40%;
  background: rgba(23, 178, 106, 0.3);
  border-radius: 4px;
}
.tb-page .tb-s40 {
  flex: 1 1 0%;
  height: 62%;
  background: rgba(23, 178, 106, 0.4);
  border-radius: 4px;
}
.tb-page .tb-s41 {
  flex: 1 1 0%;
  height: 48%;
  background: rgba(23, 178, 106, 0.3);
  border-radius: 4px;
}
.tb-page .tb-s42 {
  flex: 1 1 0%;
  height: 80%;
  background: rgba(23, 178, 106, 0.55);
  border-radius: 4px;
}
.tb-page .tb-s43 {
  flex: 1 1 0%;
  height: 66%;
  background: rgba(23, 178, 106, 0.4);
  border-radius: 4px;
}
.tb-page .tb-s44 {
  flex: 1 1 0%;
  height: 100%;
  background: rgb(23, 178, 106);
  border-radius: 4px;
}
.tb-page .tb-s45 {
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tb-page .tb-s46 {
  font: 500 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.6);
}
.tb-page .tb-s47 {
  font: 800 20px / 1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.02em;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s48 {
  width: min(238px, 100%);
  margin-top: -6px;
  background: rgb(255, 255, 255);
  border-radius: 18px;
  padding: 18px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 24px 60px;
  animation: 6.4s ease-in-out 1.6s infinite normal none running chFloat;
}
.tb-page .tb-s49 {
  display: flex;
  gap: 6px;
  margin-bottom: 14px;
}
.tb-page .tb-s50 {
  flex: 1 1 0%;
  height: 32px;
  border-radius: 8px;
  background: rgb(232, 248, 239);
  display: grid;
  place-items: center;
  font: 700 11px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(12, 122, 71);
}
.tb-page .tb-s51 {
  flex: 1 1 0%;
  height: 32px;
  border-radius: 8px;
  background: rgb(241, 243, 242);
  display: grid;
  place-items: center;
  font: 700 11px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(124, 133, 127);
}
.tb-page .tb-s52 {
  font: 800 17px / 1.2 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
  margin-bottom: 4px;
}
.tb-page .tb-s53 {
  font: 600 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(23, 178, 106);
}
.tb-page .tb-s54 {
  background: rgb(10, 16, 13);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0px;
}
.tb-page .tb-s55 {
  width: 1240px;
  max-width: 100%;
  margin: 0px auto;
  padding: 0px 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.tb-page .tb-s56 {
  padding: 36px 32px 36px 0px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.tb-page .tb-s57 {
  font: 800 22px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(23, 178, 106);
  margin-bottom: 10px;
}
.tb-page .tb-s58 {
  font: 700 17px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  margin-bottom: 7px;
}
.tb-page .tb-s59 {
  font: 400 14px / 1.5 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.68);
}
.tb-page .tb-s60 {
  padding: 36px 32px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.tb-page .tb-s61 {
  padding: 36px 0px 36px 32px;
}
.tb-page .tb-s62 {
  background: rgb(250, 250, 248);
  padding: 48px 0px 24px;
}
.tb-page .tb-s63 {
  width: 1240px;
  max-width: 100%;
  margin: 0px auto;
  padding: 0px 24px;
}
.tb-page .tb-s64 {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 24px;
  overflow: hidden;
}
.tb-page .tb-s65 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr));
}
.tb-page .tb-s66 {
  padding: 30px 28px;
  min-width: 0px;
}
.tb-page .tb-s67 {
  font: 800 44px / 1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.045em;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s68 {
  width: 26px;
  height: 3px;
  border-radius: 2px;
  background: rgb(23, 178, 106);
  margin: 16px 0px 12px;
}
.tb-page .tb-s69 {
  font: 600 11px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.14em;
  color: rgb(110, 119, 115);
  white-space: nowrap;
}
.tb-page .tb-s70 {
  padding: 30px 28px;
  min-width: 0px;
  border-left: 1px solid rgb(238, 241, 239);
}
.tb-page .tb-s71 {
  padding: 50px 0px;
}
.tb-page .tb-s72 {
  text-align: center;
  margin-bottom: 48px;
}
.tb-page .tb-s73 {
  font: 600 12px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.16em;
  color: rgb(12, 122, 71);
  margin-bottom: 18px;
}
.tb-page .tb-s74 {
  margin: 0px 0px 14px;
  font: 800 52px / 1.05 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.03em;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s75 {
  margin: 0px auto;
  font: 400 18px / 1.55 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
  max-width: 520px;
}
.tb-page .tb-s76 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.tb-page .tb-s77 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-height: 400px;
  height: 100%;
  padding: 32px;
  border-radius: 26px;
  transition: 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
  background: rgb(10, 16, 13);
  color: rgb(255, 255, 255);
  border: 1px solid rgb(23, 178, 106);
  box-shadow: rgba(10, 16, 13, 0.28) 0px 30px 70px;
  transform: translateY(-4px);
}
.tb-page .tb-s78 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: auto;
}
.tb-page .tb-s79 {
  width: 52px;
  height: 52px;
  border-radius: 15px;
  background: rgba(23, 178, 106, 0.14);
  display: grid;
  place-items: center;
}
.tb-page .tb-s80 {
  flex: 0 0 auto;
  display: block;
}
.tb-page .tb-s81 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgb(23, 178, 106);
  box-shadow: rgba(23, 178, 106, 0.2) 0px 0px 0px 5px;
}
.tb-page .tb-s82 {
  margin: 26px 0px 10px;
  font: 800 30px / 1.15 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.02em;
}
.tb-page .tb-s83 {
  margin: 0px 0px 22px;
  font: 400 16px / 1.55 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.66);
  max-width: 400px;
}
.tb-page .tb-s84 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 22px;
  max-height: 130px;
  opacity: 1;
  overflow: hidden;
  transition: max-height 0.4s, opacity 0.3s, margin-bottom 0.4s;
}
.tb-page .tb-s85 {
  font: 600 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(127, 224, 172);
  background: rgba(23, 178, 106, 0.14);
  border: 1px solid rgba(23, 178, 106, 0.3);
  padding: 9px 13px;
  border-radius: 999px;
}
.tb-page .tb-s86 {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
  font: 700 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 15px 22px;
  border-radius: 12px;
  text-decoration: none;
}
.tb-page .tb-s87 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-height: 400px;
  height: 100%;
  padding: 32px;
  border-radius: 26px;
  transition: 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
  background: rgb(255, 255, 255);
  color: rgb(10, 15, 13);
  border: 1px solid rgb(230, 233, 231);
  box-shadow: none;
  transform: none;
}
.tb-page .tb-s88 {
  width: 52px;
  height: 52px;
  border-radius: 15px;
  background: rgb(232, 248, 239);
  display: grid;
  place-items: center;
}
.tb-page .tb-s89 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid rgb(220, 225, 222);
}
.tb-page .tb-s90 {
  margin: 0px 0px 22px;
  font: 400 16px / 1.55 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
  max-width: 400px;
}
.tb-page .tb-s91 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 0px;
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s, opacity 0.3s, margin-bottom 0.4s;
}
.tb-page .tb-s92 {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
  font: 700 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
  border: 1px solid rgb(220, 225, 222);
  padding: 15px 22px;
  border-radius: 12px;
  text-decoration: none;
}
.tb-page .tb-s93 {
  background: rgb(10, 16, 13);
  padding: 50px 0px 0px;
  position: relative;
  overflow: hidden;
}
.tb-page .tb-s94 {
  position: absolute;
  inset: 0px;
  background: radial-gradient(90% 60% at 50% 0%, rgba(23, 178, 106, 0.16) 0%, rgba(10, 16, 13, 0) 70%);
}
.tb-page .tb-s95 {
  position: relative;
  width: 1240px;
  max-width: 100%;
  margin: 0px auto;
  padding: 0px 24px;
}
.tb-page .tb-s96 {
  max-width: 760px;
  margin-bottom: 52px;
}
.tb-page .tb-s97 {
  font: 600 12px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.16em;
  color: rgb(127, 224, 172);
  margin-bottom: 18px;
}
.tb-page .tb-s98 {
  margin: 0px 0px 18px;
  font: 800 58px / 1.03 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.035em;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s99 {
  margin: 0px;
  font: 400 19px / 1.6 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.6);
  max-width: 620px;
}
.tb-page .tb-s100 {
  display: grid;
  grid-template-columns: minmax(0px, 2.35fr) minmax(210px, 1fr);
  gap: 22px;
  align-items: stretch;
}
.tb-page .tb-s101 {
  background: rgb(255, 255, 255);
  border-radius: 22px 22px 0px 0px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.5) 0px -20px 90px;
}
.tb-page .tb-s102 {
  height: 46px;
  background: rgb(244, 246, 245);
  border-bottom: 1px solid rgb(230, 233, 231);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0px 18px;
}
.tb-page .tb-s103 {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: rgb(220, 225, 222);
}
.tb-page .tb-s104 {
  margin-left: 14px;
  font: 500 11px / 1 "JetBrains Mono", monospace;
  color: rgb(110, 119, 115);
}
.tb-page .tb-s105 {
  display: block;
  width: 100%;
  height: auto;
  background: rgb(250, 250, 248);
  border-radius: 0px 0px 2px 2px;
}
.tb-page .tb-s106 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  min-width: 0px;
  padding-bottom: 60px;
}
.tb-page .tb-s107 {
  flex: 0 0 auto;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  padding: 20px;
}
.tb-page .tb-s108 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 9px;
}
.tb-page .tb-s109 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgb(23, 178, 106);
  flex: 0 0 auto;
}
.tb-page .tb-s110 {
  font: 700 16px / 1.3 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  min-width: 0px;
}
.tb-page .tb-s111 {
  text-align: center;
  font: 700 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 16px;
  border-radius: 12px;
  margin-top: 6px;
}
.tb-page .tb-s112 {
  padding: 50px 0px;
  background: rgb(250, 250, 248);
}
.tb-page .tb-s113 {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 44px;
}
.tb-page .tb-s114 {
  max-width: 620px;
}
.tb-page .tb-s115 {
  margin: 0px 0px 14px;
  font: 800 48px / 1.06 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.03em;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s116 {
  margin: 0px;
  font: 400 18px / 1.6 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
}
.tb-page .tb-s117 {
  white-space: nowrap;
  font: 700 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
  border: 1px solid rgb(220, 225, 222);
  padding: 15px 22px;
  border-radius: 12px;
}
.tb-page .tb-s118 {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 20px;
}
.tb-page .tb-s119 {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 24px;
  padding: 26px;
}
.tb-page .tb-s120 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}
.tb-page .tb-s121 {
  font: 700 18px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s122 {
  font: 600 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
}
.tb-page .tb-s123 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 118px 118px;
  gap: 10px;
}
.tb-page .tb-s124 {
  grid-row: span 2;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: rgb(27, 81, 56);
}
.tb-page .tb-s125 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tb-page .tb-s126 {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  background: linear-gradient(rgb(22, 64, 47) 0%, rgb(30, 90, 62) 100%);
}
.tb-page .tb-s127 {
  position: absolute;
  inset: 0px;
  background: repeating-linear-gradient(0deg, rgba(226, 236, 255, 0.3) 0px, rgba(226, 236, 255, 0.3) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 9px), repeating-linear-gradient(90deg, rgba(226, 236, 255, 0.3) 0px, rgba(226, 236, 255, 0.3) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 9px);
}
.tb-page .tb-s128 {
  position: absolute;
  inset: 0px;
  background: linear-gradient(rgba(11, 16, 32, 0.34) 0%, rgba(11, 16, 32, 0) 55%);
}
.tb-page .tb-s129 {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  background: linear-gradient(rgb(23, 64, 46) 0%, rgb(15, 42, 32) 100%);
}
.tb-page .tb-s130 {
  position: absolute;
  inset: 0px;
  background: radial-gradient(70% 54% at 50% 0%, rgba(214, 230, 255, 0.34) 0%, rgba(15, 42, 32, 0) 74%);
}
.tb-page .tb-s131 {
  position: absolute;
  inset: 0px;
  opacity: 0.4;
  background: repeating-linear-gradient(94deg, rgba(255, 255, 255, 0.06) 0px, rgba(255, 255, 255, 0.06) 14px, rgba(0, 0, 0, 0.05) 14px, rgba(0, 0, 0, 0.05) 28px);
}
.tb-page .tb-s132 {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  background: linear-gradient(rgb(22, 56, 42) 0%, rgb(14, 42, 32) 100%);
}
.tb-page .tb-s133 {
  position: absolute;
  inset: 0px;
  background: radial-gradient(80% 60% at 30% 8%, rgba(168, 198, 255, 0.24) 0%, rgba(17, 26, 51, 0) 72%);
}
.tb-page .tb-s134 {
  position: absolute;
  inset: 0px;
  opacity: 0.3;
  background: repeating-linear-gradient(rgba(255, 255, 255, 0.06) 0px, rgba(255, 255, 255, 0.06) 12px, rgba(0, 0, 0, 0.06) 12px, rgba(0, 0, 0, 0.06) 24px);
}
.tb-page .tb-s135 {
  border-radius: 14px;
  background: rgb(15, 26, 21);
  display: grid;
  place-items: center;
  font: 700 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(127, 224, 172);
}
.tb-page .tb-s136 {
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid rgb(238, 241, 239);
}
.tb-page .tb-s137 {
  font: 700 19px / 1.2 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.01em;
  color: rgb(27, 26, 70);
  margin-bottom: 16px;
}
.tb-page .tb-s138 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(158px, 100%), 1fr));
  gap: 12px;
}
.tb-page .tb-s139 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(228, 230, 242);
  border-radius: 14px;
  padding: 15px 18px;
}
.tb-page .tb-s140 {
  font: 500 15px / 1.2 "Plus Jakarta Sans", sans-serif;
  color: rgb(27, 26, 70);
  min-width: 0px;
}
.tb-page .tb-s141 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tb-page .tb-s142 {
  font: 700 18px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
  margin-bottom: 6px;
}
.tb-page .tb-s143 {
  font: 400 14px / 1.55 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
  margin-bottom: 18px;
}
.tb-page .tb-s144 {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.tb-page .tb-s145 {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid rgb(230, 233, 231);
  border-radius: 12px;
  padding: 13px;
}
.tb-page .tb-s146 {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: rgb(232, 248, 239);
  display: grid;
  place-items: center;
  font: 700 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(12, 122, 71);
}
.tb-page .tb-s147 {
  flex: 1 1 0%;
}
.tb-page .tb-s148 {
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s149 {
  font: 500 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(110, 119, 115);
  margin-top: 5px;
}
.tb-page .tb-s150 {
  font: 700 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s151 {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px dashed rgb(220, 225, 222);
  border-radius: 12px;
  padding: 13px;
  color: rgb(124, 133, 127);
}
.tb-page .tb-s152 {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: rgb(244, 246, 245);
  display: grid;
  place-items: center;
  font: 700 16px / 1 "Plus Jakarta Sans", sans-serif;
}
.tb-page .tb-s153 {
  font: 600 14px / 1 "Plus Jakarta Sans", sans-serif;
}
.tb-page .tb-s154 {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 24px;
  padding: 26px;
  flex: 1 1 0%;
}
.tb-page .tb-s155 {
  font: 400 14px / 1.55 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
  margin-bottom: 16px;
}
.tb-page .tb-s156 {
  height: 132px;
  border-radius: 14px;
  background: repeating-linear-gradient(45deg, rgb(237, 241, 238) 0px, rgb(237, 241, 238) 11px, rgb(245, 248, 246) 11px, rgb(245, 248, 246) 22px);
  border: 1px solid rgb(230, 233, 231);
  position: relative;
}
.tb-page .tb-s157 {
  position: absolute;
  top: 50%;
  left: 44%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgb(23, 178, 106);
  box-shadow: rgba(23, 178, 106, 0.22) 0px 0px 0px 7px;
}
.tb-page .tb-s158 {
  position: absolute;
  bottom: 12px;
  left: 12px;
  background: rgb(255, 255, 255);
  border-radius: 9px;
  padding: 9px 12px;
  font: 600 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 18px;
}
.tb-page .tb-s159 {
  padding: 50px 0px;
  background: rgb(241, 244, 242);
  border-top: 1px solid rgb(230, 233, 231);
  border-bottom: 1px solid rgb(230, 233, 231);
}
.tb-page .tb-s160 {
  max-width: 660px;
  margin-bottom: 44px;
}
.tb-page .tb-s161 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.tb-page .tb-s162 {
  font: 600 12px / 1 "JetBrains Mono", monospace;
  color: rgb(110, 119, 115);
}
.tb-page .tb-s163 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tb-page .tb-s164 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 16px;
  border-radius: 14px;
  background: rgb(247, 249, 248);
  border: 1px solid rgb(238, 241, 239);
}
.tb-page .tb-s165 {
  font: 700 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s166 {
  font: 500 13px / 1 "JetBrains Mono", monospace;
  color: rgb(110, 119, 115);
  margin-top: 7px;
}
.tb-page .tb-s167 {
  font: 800 20px / 1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.02em;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s168 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 16px;
  border-radius: 14px;
  background: rgb(10, 16, 13);
  border: 1px solid rgb(10, 16, 13);
}
.tb-page .tb-s169 {
  display: flex;
  align-items: center;
  gap: 9px;
}
.tb-page .tb-s170 {
  font: 700 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s171 {
  font: 700 10px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.08em;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 5px 7px;
  border-radius: 5px;
}
.tb-page .tb-s172 {
  font: 500 13px / 1 "JetBrains Mono", monospace;
  color: rgba(255, 255, 255, 0.66);
  margin-top: 7px;
}
.tb-page .tb-s173 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px;
  border-radius: 14px;
  border: 1px dashed rgb(220, 225, 222);
  font: 600 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(124, 133, 127);
}
.tb-page .tb-s174 {
  font: 700 18px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
  margin-bottom: 5px;
}
.tb-page .tb-s175 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.tb-page .tb-s176 {
  cursor: pointer;
  border-radius: 14px;
  padding: 16px;
  transition: 0.25s;
  background: rgb(247, 249, 248);
  border: 1px solid rgb(238, 241, 239);
}
.tb-page .tb-s177 {
  font: 600 11px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.08em;
  color: rgb(110, 119, 115);
}
.tb-page .tb-s178 {
  font: 800 19px / 1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.02em;
  margin: 11px 0px 7px;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s179 {
  font: 500 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(110, 119, 115);
}
.tb-page .tb-s180 {
  cursor: pointer;
  border-radius: 14px;
  padding: 16px;
  transition: 0.25s;
  background: rgb(10, 16, 13);
  border: 1px solid rgb(23, 178, 106);
}
.tb-page .tb-s181 {
  font: 600 11px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.68);
}
.tb-page .tb-s182 {
  font: 800 19px / 1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.02em;
  margin: 11px 0px 7px;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s183 {
  font: 500 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.68);
}
.tb-page .tb-s184 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  flex: 1 1 0%;
}
.tb-page .tb-s185 {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 24px;
  padding: 24px;
}
.tb-page .tb-s186 {
  display: inline-flex;
  font: 700 11px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.08em;
  color: rgb(138, 90, 0);
  background: rgb(255, 246, 230);
  padding: 7px 9px;
  border-radius: 6px;
  margin-bottom: 14px;
}
.tb-page .tb-s187 {
  font: 700 17px / 1.25 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
  margin-bottom: 7px;
}
.tb-page .tb-s188 {
  font: 400 14px / 1.55 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
}
.tb-page .tb-s189 {
  display: flex;
  gap: 5px;
  margin-bottom: 14px;
}
.tb-page .tb-s190 {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: rgb(232, 248, 239);
}
.tb-page .tb-s191 {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: repeating-linear-gradient(45deg, rgb(220, 225, 222) 0px, rgb(220, 225, 222) 4px, rgb(241, 243, 242) 4px, rgb(241, 243, 242) 8px);
}
.tb-page .tb-s192 {
  max-width: 680px;
  margin-bottom: 44px;
}
.tb-page .tb-s193 {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 20px;
  align-items: start;
}
.tb-page .tb-s194 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.tb-page .tb-s195 {
  font: 800 22px / 1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.02em;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s196 {
  font: 500 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(110, 119, 115);
  margin-top: 7px;
}
.tb-page .tb-s197 {
  display: flex;
  gap: 7px;
}
.tb-page .tb-s198 {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  border: 1px solid rgb(220, 225, 222);
  display: grid;
  place-items: center;
  font: 600 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
}
.tb-page .tb-s199 {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: middle;
}
.tb-page .tb-s200 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 7px;
  margin-bottom: 9px;
}
.tb-page .tb-s201 {
  text-align: center;
  font: 600 11px / 1 "JetBrains Mono", monospace;
  color: rgb(137, 145, 141);
}
.tb-page .tb-s202 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 7px;
}
.tb-page .tb-s203 {
  height: 62px;
}
.tb-page .tb-s204 {
  cursor: pointer;
  height: 62px;
  border-radius: 11px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.18s;
  box-shadow: none;
  transform: none;
  background: rgb(23, 178, 106);
  border: 1px solid rgb(23, 178, 106);
}
.tb-page .tb-s205 {
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
}
.tb-page .tb-s206 {
  font: 600 9px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.04em;
  color: rgba(7, 19, 13, 0.7);
}
.tb-page .tb-s207 {
  cursor: pointer;
  height: 62px;
  border-radius: 11px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.18s;
  box-shadow: none;
  transform: none;
  background: rgb(255, 246, 230);
  border: 1px solid rgb(240, 178, 61);
}
.tb-page .tb-s208 {
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(138, 90, 0);
}
.tb-page .tb-s209 {
  font: 600 9px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.04em;
  color: rgb(138, 90, 0);
}
.tb-page .tb-s210 {
  cursor: pointer;
  height: 62px;
  border-radius: 11px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.18s;
  box-shadow: none;
  transform: none;
  background: rgb(232, 248, 239);
  border: 1px dashed rgb(23, 178, 106);
}
.tb-page .tb-s211 {
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(12, 122, 71);
}
.tb-page .tb-s212 {
  font: 600 9px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.04em;
  color: rgb(12, 122, 71);
}
.tb-page .tb-s213 {
  cursor: pointer;
  height: 62px;
  border-radius: 11px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.18s;
  box-shadow: none;
  transform: none;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(220, 225, 222);
}
.tb-page .tb-s214 {
  font: 600 9px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.04em;
  color: rgb(137, 145, 141);
}
.tb-page .tb-s215 {
  cursor: pointer;
  height: 62px;
  border-radius: 11px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.18s;
  box-shadow: none;
  transform: none;
  background: rgb(241, 243, 242);
  border: 1px solid rgb(220, 225, 222);
}
.tb-page .tb-s216 {
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(124, 133, 127);
}
.tb-page .tb-s217 {
  font: 600 9px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.04em;
  color: rgb(124, 133, 127);
}
.tb-page .tb-s218 {
  cursor: pointer;
  height: 62px;
  border-radius: 11px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.18s;
  box-shadow: rgba(23, 178, 106, 0.32) 0px 0px 0px 3px;
  transform: translateY(-2px);
  background: rgb(23, 178, 106);
  border: 1px solid rgb(23, 178, 106);
}
.tb-page .tb-s219 {
  cursor: pointer;
  height: 62px;
  border-radius: 11px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.18s;
  box-shadow: none;
  transform: none;
  background: rgb(253, 236, 238);
  border: 1px solid rgb(228, 160, 168);
}
.tb-page .tb-s220 {
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(163, 50, 65);
}
.tb-page .tb-s221 {
  font: 600 9px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.04em;
  color: rgb(163, 50, 65);
}
.tb-page .tb-s222 {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid rgb(238, 241, 239);
}
.tb-page .tb-s223 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font: 600 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
}
.tb-page .tb-s224 {
  width: 11px;
  height: 11px;
  border-radius: 4px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(220, 225, 222);
}
.tb-page .tb-s225 {
  width: 11px;
  height: 11px;
  border-radius: 4px;
  background: rgb(255, 246, 230);
  border: 1px solid rgb(240, 178, 61);
}
.tb-page .tb-s226 {
  width: 11px;
  height: 11px;
  border-radius: 4px;
  background: rgb(232, 248, 239);
  border: 1px dashed rgb(23, 178, 106);
}
.tb-page .tb-s227 {
  width: 11px;
  height: 11px;
  border-radius: 4px;
  background: rgb(23, 178, 106);
}
.tb-page .tb-s228 {
  width: 11px;
  height: 11px;
  border-radius: 4px;
  background: rgb(241, 243, 242);
  border: 1px solid rgb(220, 225, 222);
}
.tb-page .tb-s229 {
  width: 11px;
  height: 11px;
  border-radius: 4px;
  background: rgb(253, 236, 238);
  border: 1px solid rgb(228, 160, 168);
}
.tb-page .tb-s230 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.tb-page .tb-s231 {
  background: rgb(10, 16, 13);
  border-radius: 22px;
  padding: 24px;
}
.tb-page .tb-s232 {
  font: 800 16px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s233 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
.tb-page .tb-s234 {
  font: 800 24px / 1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.03em;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s235 {
  font: 500 11px / 1 "JetBrains Mono", monospace;
  color: rgba(255, 255, 255, 0.62);
  margin-top: 8px;
}
.tb-page .tb-s236 {
  font: 800 24px / 1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.03em;
  color: rgb(127, 224, 172);
}
.tb-page .tb-s237 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.tb-page .tb-s238 {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 20px;
  padding: 22px;
}
.tb-page .tb-s239 {
  font: 700 16px / 1.25 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
  margin-bottom: 7px;
}
.tb-page .tb-s240 {
  font: 400 13px / 1.55 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
}
.tb-page .tb-s241 {
  padding: 50px 0px;
  background: rgb(10, 16, 13);
}
.tb-page .tb-s243 {
  margin: 0px 0px 14px;
  font: 800 48px / 1.06 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.03em;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s244 {
  margin: 0px;
  font: 400 18px / 1.6 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.6);
}
.tb-page .tb-s245 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}
.tb-page .tb-s246 {
  background: rgb(23, 178, 106);
  border-radius: 24px;
  padding: 34px;
  color: rgb(7, 19, 13);
}
.tb-page .tb-s247 {
  font: 800 88px / 1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.05em;
}
.tb-page .tb-s248 {
  font: 800 24px / 1.2 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.02em;
  margin: 14px 0px 10px;
}
.tb-page .tb-s249 {
  font: 500 16px / 1.5 "Plus Jakarta Sans", sans-serif;
  opacity: 0.72;
  max-width: 340px;
}
.tb-page .tb-s250 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  padding: 34px;
}
.tb-page .tb-s251 {
  font: 800 88px / 1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.05em;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s252 {
  font: 800 24px / 1.2 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.02em;
  color: rgb(255, 255, 255);
  margin: 14px 0px 10px;
}
.tb-page .tb-s253 {
  font: 500 16px / 1.5 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.68);
  max-width: 360px;
}
.tb-page .tb-s254 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.tb-page .tb-s255 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 24px;
}
.tb-page .tb-s256 {
  font: 700 17px / 1.25 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  margin-bottom: 8px;
}
.tb-page .tb-s257 {
  font: 400 14px / 1.5 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.68);
  margin-bottom: 16px;
}
.tb-page .tb-s258 {
  font: 700 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 9px 11px;
  border-radius: 8px;
}
.tb-page .tb-s259 {
  font: 700 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 9px 11px;
  border-radius: 8px;
}
.tb-page .tb-s260 {
  display: flex;
  align-items: end;
  gap: 6px;
  height: 44px;
}
.tb-page .tb-s261 {
  flex: 1 1 0%;
  height: 100%;
  background: rgb(23, 178, 106);
  border-radius: 5px;
}
.tb-page .tb-s262 {
  flex: 1 1 0%;
  height: 64%;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
}
.tb-page .tb-s263 {
  flex: 1 1 0%;
  height: 30%;
  background: rgb(240, 178, 61);
  border-radius: 5px;
}
.tb-page .tb-s264 {
  display: flex;
  align-items: center;
  gap: 9px;
  background: rgba(23, 178, 106, 0.14);
  border-radius: 10px;
  padding: 11px;
}
.tb-page .tb-s265 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgb(23, 178, 106);
}
.tb-page .tb-s266 {
  font: 700 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(127, 224, 172);
}
.tb-page .tb-s267 {
  height: 44px;
  border-radius: 10px;
  background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0px, rgba(255, 255, 255, 0.06) 8px, rgba(255, 255, 255, 0.1) 8px, rgba(255, 255, 255, 0.1) 16px);
  border: 1px dashed rgba(255, 255, 255, 0.22);
  display: grid;
  place-items: center;
  font: 500 10px / 1 "JetBrains Mono", monospace;
  color: rgba(255, 255, 255, 0.4);
}
.tb-page .tb-s268 {
  width: 1240px;
  max-width: 100%;
  margin: 0px auto;
  padding: 0px 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.tb-page .tb-s269 {
  margin: 0px 0px 14px;
  font: 800 44px / 1.06 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.03em;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s270 {
  margin: 0px 0px 28px;
  font: 400 18px / 1.6 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
  max-width: 470px;
}
.tb-page .tb-s271 {
  display: flex;
  flex-direction: column;
  gap: 11px;
  max-width: 470px;
}
.tb-page .tb-s272 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tb-page .tb-s273 {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: rgb(232, 248, 239);
  display: grid;
  place-items: center;
  font: 700 11px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(12, 122, 71);
}
.tb-page .tb-s274 {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: -2px;
}
.tb-page .tb-s275 {
  font: 500 15px / 1.4 "Plus Jakarta Sans", sans-serif;
  color: rgb(63, 71, 68);
}
.tb-page .tb-s276 {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 24px;
  padding: 28px;
}
.tb-page .tb-s277 {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 22px;
}
.tb-page .tb-s278 {
  font: 600 11px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.12em;
  color: rgb(110, 119, 115);
  margin-bottom: 12px;
}
.tb-page .tb-s279 {
  font: 800 44px / 1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.04em;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s280 {
  font: 700 11px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.08em;
  color: rgb(12, 122, 71);
  background: rgb(232, 248, 239);
  padding: 8px 10px;
  border-radius: 7px;
}
.tb-page .tb-s281 {
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
  margin-bottom: 14px;
}
.tb-page .tb-s282 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
.tb-page .tb-s283 {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px;
  border-radius: 13px;
  background: rgb(247, 249, 248);
}
.tb-page .tb-s284 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgb(15, 26, 21);
  display: grid;
  place-items: center;
  font: 700 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(127, 224, 172);
}
.tb-page .tb-s285 {
  font: 800 17px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s286 {
  font: 500 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(192, 138, 0);
  margin-top: 5px;
}
.tb-page .tb-s287 {
  display: flex;
  justify-content: space-between;
  padding-top: 18px;
  border-top: 1px solid rgb(238, 241, 239);
}
.tb-page .tb-s288 {
  font: 500 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
}
.tb-page .tb-s289 {
  width: 1240px;
  max-width: 100%;
  margin: 0px auto;
  padding: 0px 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
}
.tb-page .tb-s290 {
  display: flex;
  align-items: center;
  gap: 13px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(238, 241, 239);
  margin-bottom: 20px;
}
.tb-page .tb-s291 {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgb(232, 248, 239);
  display: grid;
  place-items: center;
  font: 700 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(12, 122, 71);
}
.tb-page .tb-s292 {
  font: 700 16px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s293 {
  font: 500 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(110, 119, 115);
  margin-top: 6px;
}
.tb-page .tb-s294 {
  font: 600 11px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.12em;
  color: rgb(110, 119, 115);
  margin-bottom: 14px;
}
.tb-page .tb-s295 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tb-page .tb-s296 {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 16px;
  border-radius: 13px;
  transition: background 0.2s;
  background: rgb(243, 250, 246);
}
.tb-page .tb-s297 {
  width: 44px;
  height: 25px;
  border-radius: 13px;
  padding: 3px;
  display: flex;
  transition: 0.22s;
  background: rgb(23, 178, 106);
  justify-content: flex-end;
}
.tb-page .tb-s298 {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 3px;
}
.tb-page .tb-s299 {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 16px;
  border-radius: 13px;
  transition: background 0.2s;
  background: rgb(247, 249, 248);
}
.tb-page .tb-s300 {
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
}
.tb-page .tb-s301 {
  font: 500 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(137, 145, 141);
  margin-top: 5px;
}
.tb-page .tb-s302 {
  width: 44px;
  height: 25px;
  border-radius: 13px;
  padding: 3px;
  display: flex;
  transition: 0.22s;
  background: rgb(220, 225, 222);
  justify-content: flex-start;
}
.tb-page .tb-s303 {
  margin: 0px 0px 26px;
  font: 400 18px / 1.6 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
  max-width: 460px;
}
.tb-page .tb-s304 {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  background: rgb(10, 16, 13);
  border-radius: 14px;
  padding: 16px 20px;
}
.tb-page .tb-s305 {
  max-width: 640px;
  margin-bottom: 44px;
}
.tb-page .tb-s306 {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 26px;
  padding: 28px;
}
.tb-page .tb-s307 {
  display: flex;
  gap: 9px;
  margin-bottom: 24px;
}
.tb-page .tb-s308 {
  font: 700 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 11px 15px;
  border-radius: 9px;
}
.tb-page .tb-s309 {
  font: 700 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
  border: 1px solid rgb(220, 225, 222);
  padding: 11px 15px;
  border-radius: 9px;
}
.tb-page .tb-s310 {
  margin-left: auto;
  font: 600 12px / 1 "JetBrains Mono", monospace;
  color: rgb(110, 119, 115);
  align-self: center;
}
.tb-page .tb-s311 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 24px;
}
.tb-page .tb-s312 {
  border: 1px solid rgb(230, 233, 231);
  border-radius: 16px;
  padding: 20px;
}
.tb-page .tb-s313 {
  font: 600 11px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.1em;
  color: rgb(110, 119, 115);
  margin-bottom: 12px;
}
.tb-page .tb-s314 {
  font: 600 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(23, 178, 106);
  margin-top: 9px;
}
.tb-page .tb-s315 {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 5px;
}
.tb-page .tb-s316 {
  height: 5px;
  border-radius: 3px;
  background: rgb(238, 241, 239);
  margin-top: 13px;
  display: flex;
  overflow: hidden;
}
.tb-page .tb-s317 {
  width: 64%;
  background: rgb(23, 178, 106);
}
.tb-page .tb-s318 {
  width: 36%;
  background: rgb(15, 26, 21);
}
.tb-page .tb-s319 {
  font: 600 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(192, 138, 0);
  margin-top: 9px;
}
.tb-page .tb-s320 {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 16px;
}
.tb-page .tb-s321 {
  border: 1px solid rgb(230, 233, 231);
  border-radius: 18px;
  padding: 22px;
}
.tb-page .tb-s322 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px;
}
.tb-page .tb-s323 {
  display: flex;
  gap: 14px;
}
.tb-page .tb-s324 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 600 11px / 1 "JetBrains Mono", monospace;
  color: rgb(110, 119, 115);
}
.tb-page .tb-s325 {
  width: 9px;
  height: 9px;
  border-radius: 3px;
  background: rgb(23, 178, 106);
}
.tb-page .tb-s326 {
  width: 9px;
  height: 9px;
  border-radius: 3px;
  background: rgb(15, 26, 21);
}
.tb-page .tb-s327 {
  display: flex;
  align-items: end;
  gap: 16px;
  height: 170px;
}
.tb-page .tb-s328 {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 100%;
  gap: 3px;
}
.tb-page .tb-s329 {
  height: 34%;
  background: rgb(23, 178, 106);
  border-radius: 6px 6px 0px 0px;
}
.tb-page .tb-s330 {
  height: 18%;
  background: rgb(15, 26, 21);
  border-radius: 0px 0px 6px 6px;
}
.tb-page .tb-s331 {
  height: 48%;
  background: rgb(23, 178, 106);
  border-radius: 6px 6px 0px 0px;
}
.tb-page .tb-s332 {
  height: 22%;
  background: rgb(15, 26, 21);
  border-radius: 0px 0px 6px 6px;
}
.tb-page .tb-s333 {
  height: 40%;
  background: rgb(23, 178, 106);
  border-radius: 6px 6px 0px 0px;
}
.tb-page .tb-s334 {
  height: 30%;
  background: rgb(15, 26, 21);
  border-radius: 0px 0px 6px 6px;
}
.tb-page .tb-s335 {
  height: 62%;
  background: rgb(23, 178, 106);
  border-radius: 6px 6px 0px 0px;
}
.tb-page .tb-s336 {
  height: 26%;
  background: rgb(15, 26, 21);
  border-radius: 0px 0px 6px 6px;
}
.tb-page .tb-s337 {
  height: 56%;
  background: rgb(23, 178, 106);
  border-radius: 6px 6px 0px 0px;
}
.tb-page .tb-s338 {
  height: 72%;
  background: rgb(23, 178, 106);
  border-radius: 6px 6px 0px 0px;
}
.tb-page .tb-s339 {
  height: 24%;
  background: rgb(15, 26, 21);
  border-radius: 0px 0px 6px 6px;
}
.tb-page .tb-s340 {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  font: 600 11px / 1 "JetBrains Mono", monospace;
  color: rgb(137, 145, 141);
}
.tb-page .tb-s341 {
  font: 700 16px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
  margin-bottom: 20px;
}
.tb-page .tb-s342 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.tb-page .tb-s343 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 9px;
}
.tb-page .tb-s344 {
  font: 600 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(63, 71, 68);
}
.tb-page .tb-s345 {
  height: 7px;
  border-radius: 4px;
  background: rgb(238, 241, 239);
}
.tb-page .tb-s346 {
  width: 82%;
  height: 7px;
  border-radius: 4px;
  background: rgb(23, 178, 106);
}
.tb-page .tb-s347 {
  width: 58%;
  height: 7px;
  border-radius: 4px;
  background: rgb(23, 178, 106);
}
.tb-page .tb-s348 {
  width: 33%;
  height: 7px;
  border-radius: 4px;
  background: rgb(23, 178, 106);
}
.tb-page .tb-s349 {
  width: 18%;
  height: 7px;
  border-radius: 4px;
  background: rgb(23, 178, 106);
}
.tb-page .tb-s350 {
  padding: 50px 0px;
  background: rgb(250, 250, 248);
  border-top: 1px solid rgb(234, 237, 235);
}
.tb-page .tb-s351 {
  font: 600 12px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.16em;
  color: rgb(23, 178, 106);
  margin-bottom: 18px;
}
.tb-page .tb-s352 {
  margin: 0px 0px 30px;
  font: 400 18px / 1.6 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
  max-width: 450px;
}
.tb-page .tb-s353 {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 20px;
  padding: 24px;
  max-width: 450px;
}
.tb-page .tb-s354 {
  font: 600 11px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.12em;
  color: rgb(110, 119, 115);
  margin-bottom: 16px;
}
.tb-page .tb-s355 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border-radius: 12px;
  background: rgb(232, 248, 239);
  margin-bottom: 9px;
}
.tb-page .tb-s356 {
  font: 700 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(12, 122, 71);
  flex: 1 1 0%;
}
.tb-page .tb-s357 {
  font: 800 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(12, 122, 71);
}
.tb-page .tb-s358 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border-radius: 12px;
  background: rgb(253, 236, 238);
}
.tb-page .tb-s359 {
  font: 700 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(163, 50, 65);
  flex: 1 1 0%;
}
.tb-page .tb-s360 {
  font: 800 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(163, 50, 65);
}
.tb-page .tb-s361 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(238, 241, 239);
  margin-bottom: 20px;
}
.tb-page .tb-s362 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0px;
}
.tb-page .tb-s363 {
  width: 46px;
  height: 26px;
  border-radius: 14px;
  background: rgb(23, 178, 106);
  padding: 3px;
  display: flex;
  justify-content: flex-end;
}
.tb-page .tb-s364 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
}
.tb-page .tb-s365 {
  height: 1px;
  background: rgb(238, 241, 239);
}
.tb-page .tb-s366 {
  padding: 19px 0px;
}
.tb-page .tb-s367 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}
.tb-page .tb-s368 {
  font: 700 14px / 1 "JetBrains Mono", monospace;
  color: rgb(12, 122, 71);
}
.tb-page .tb-s369 {
  height: 6px;
  border-radius: 4px;
  background: rgb(238, 241, 239);
  position: relative;
}
.tb-page .tb-s370 {
  width: 48%;
  height: 6px;
  border-radius: 4px;
  background: rgb(23, 178, 106);
}
.tb-page .tb-s371 {
  position: absolute;
  left: 48%;
  top: -6px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(23, 178, 106);
  transform: translateX(-50%);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px;
}
.tb-page .tb-s372 {
  display: flex;
  justify-content: space-between;
  margin-top: 11px;
  font: 600 11px / 1 "JetBrains Mono", monospace;
  color: rgb(137, 145, 141);
}
.tb-page .tb-s373 {
  font: 700 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
  margin-bottom: 14px;
}
.tb-page .tb-s374 {
  display: flex;
  gap: 8px;
}
.tb-page .tb-s375 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 19px;
}
.tb-page .tb-s376 {
  padding: 50px 0px;
  background: rgb(241, 244, 242);
  border-top: 1px solid rgb(230, 233, 231);
}
.tb-page .tb-s377 {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 40px;
}
.tb-page .tb-s378 {
  text-align: right;
}
.tb-page .tb-s379 {
  font: 800 52px / 1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.04em;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s380 {
  font: 600 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(240, 178, 61);
  margin-top: 10px;
  display: flex;
  gap: 3px;
  justify-content: flex-end;
}
.tb-page .tb-s381 {
  font: 500 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(110, 119, 115);
  margin-top: 9px;
}
.tb-page .tb-s382 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.tb-page .tb-s383 {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 20px;
  padding: 24px;
}
.tb-page .tb-s384 {
  font: 600 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(240, 178, 61);
  margin-bottom: 14px;
  display: flex;
  gap: 3px;
}
.tb-page .tb-s385 {
  margin: 0px 0px 20px;
  font: 500 16px / 1.55 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s386 {
  display: flex;
  align-items: center;
  gap: 11px;
  padding-top: 18px;
  border-top: 1px solid rgb(238, 241, 239);
}
.tb-page .tb-s387 {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgb(232, 248, 239);
  display: grid;
  place-items: center;
  font: 700 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(12, 122, 71);
}
.tb-page .tb-s388 {
  background: rgb(10, 16, 13);
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.tb-page .tb-s389 {
  font: 700 18px / 1.3 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  margin-bottom: 10px;
}
.tb-page .tb-s390 {
  margin: 0px 0px 20px;
  font: 400 15px / 1.55 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.68);
}
.tb-page .tb-s391 {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.tb-page .tb-s392 {
  display: flex;
  align-items: center;
  gap: 10px;
  font: 600 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.86);
}
.tb-page .tb-s393 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgb(23, 178, 106);
}
.tb-page .tb-s394 {
  background: rgb(10, 16, 13);
  padding: 50px 0px;
  position: relative;
  overflow: hidden;
}
.tb-page .tb-s395 {
  position: absolute;
  inset: 0px;
  background: radial-gradient(80% 60% at 20% 100%, rgba(23, 178, 106, 0.16) 0%, rgba(10, 16, 13, 0) 70%);
}
.tb-page .tb-s396 {
  position: relative;
  width: 1240px;
  max-width: 100%;
  margin: 0px auto;
  padding: 0px 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.tb-page .tb-s397 {
  margin: 0px 0px 18px;
  font: 800 56px / 1.03 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.035em;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s398 {
  margin: 0px 0px 34px;
  font: 400 19px / 1.6 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.6);
  max-width: 480px;
}
.tb-page .tb-s399 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  max-width: 460px;
  margin-bottom: 34px;
}
.tb-page .tb-s400 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 18px;
}
.tb-page .tb-s401 {
  font: 700 15px / 1.3 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  margin-bottom: 7px;
}
.tb-page .tb-s402 {
  font: 400 13px / 1.5 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.68);
}
.tb-page .tb-s403 {
  display: inline-block;
  font: 700 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 16px 24px;
  border-radius: 12px;
}
.tb-page .tb-s404 {
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: start;
}
.tb-page .tb-s405 {
  flex: 0 1 288px;
  min-width: 0px;
  border-radius: 38px;
  background: rgb(21, 30, 25);
  border: 1px solid rgba(255, 255, 255, 0.14);
  padding: 9px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 40px 90px;
}
.tb-page .tb-s406 {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 30px;
  background: rgb(250, 250, 248);
}
.tb-page .tb-s407 {
  flex: 0 1 268px;
  min-width: 0px;
  border-radius: 36px;
  background: rgb(21, 30, 25);
  border: 1px solid rgba(255, 255, 255, 0.14);
  padding: 9px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 40px 90px;
  margin-top: 56px;
}
.tb-page .tb-s408 {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 28px;
  background: rgb(250, 250, 248);
}
.tb-page .tb-s409 {
  text-align: center;
  max-width: 620px;
  margin: 0px auto 52px;
}
.tb-page .tb-s410 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  position: relative;
}
.tb-page .tb-s411 {
  position: absolute;
  top: 44px;
  left: 16%;
  right: 16%;
  height: 2px;
  background: repeating-linear-gradient(90deg, rgb(220, 225, 222) 0px, rgb(220, 225, 222) 7px, transparent 7px, transparent 14px);
}
.tb-page .tb-s412 {
  position: relative;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 24px;
  padding: 28px;
}
.tb-page .tb-s413 {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: rgb(10, 16, 13);
  display: grid;
  place-items: center;
  font: 800 19px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(127, 224, 172);
  margin-bottom: 22px;
}
.tb-page .tb-s414 {
  margin: 0px 0px 9px;
  font: 800 24px / 1.2 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.02em;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s415 {
  margin: 0px 0px 22px;
  font: 400 15px / 1.55 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
}
.tb-page .tb-s416 {
  border-radius: 14px;
  border: 1px solid rgb(238, 241, 239);
  background: rgb(247, 249, 248);
  padding: 16px;
}
.tb-page .tb-s417 {
  display: flex;
  align-items: center;
  gap: 9px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 10px;
  padding: 11px 12px;
  margin-bottom: 11px;
  font: 500 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(110, 119, 115);
}
.tb-page .tb-s418 {
  font: 600 11px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(12, 122, 71);
  background: rgb(232, 248, 239);
  padding: 8px 10px;
  border-radius: 7px;
}
.tb-page .tb-s419 {
  font: 600 11px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  padding: 8px 10px;
  border-radius: 7px;
}
.tb-page .tb-s420 {
  display: flex;
  gap: 6px;
  margin-bottom: 11px;
}
.tb-page .tb-s421 {
  flex: 1 1 0%;
  border-radius: 9px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  padding: 9px;
  text-align: center;
}
.tb-page .tb-s422 {
  font: 600 9px / 1 "JetBrains Mono", monospace;
  color: rgb(110, 119, 115);
}
.tb-page .tb-s423 {
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
  margin-top: 6px;
}
.tb-page .tb-s424 {
  flex: 1 1 0%;
  border-radius: 9px;
  background: rgb(23, 178, 106);
  padding: 9px;
  text-align: center;
}
.tb-page .tb-s425 {
  font: 600 9px / 1 "JetBrains Mono", monospace;
  color: rgba(7, 19, 13, 0.6);
}
.tb-page .tb-s426 {
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  margin-top: 6px;
}
.tb-page .tb-s427 {
  display: flex;
  gap: 6px;
}
.tb-page .tb-s428 {
  flex: 1 1 0%;
  text-align: center;
  font: 600 11px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(124, 133, 127);
  background: rgb(241, 243, 242);
  padding: 10px 0px;
  border-radius: 8px;
}
.tb-page .tb-s429 {
  flex: 1 1 0%;
  text-align: center;
  font: 600 11px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  padding: 10px 0px;
  border-radius: 8px;
}
.tb-page .tb-s430 {
  flex: 1 1 0%;
  text-align: center;
  font: 600 11px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 10px 0px;
  border-radius: 8px;
}
.tb-page .tb-s431 {
  display: flex;
  gap: 7px;
  margin-bottom: 12px;
}
.tb-page .tb-s432 {
  flex: 1 1 0%;
  text-align: center;
  font: 700 11px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 11px 0px;
  border-radius: 8px;
}
.tb-page .tb-s433 {
  flex: 1 1 0%;
  text-align: center;
  font: 700 11px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  padding: 11px 0px;
  border-radius: 8px;
}
.tb-page .tb-s434 {
  display: flex;
  align-items: center;
  gap: 9px;
  font: 600 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(12, 122, 71);
}
.tb-page .tb-s435 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgb(23, 178, 106);
  color: rgb(7, 19, 13);
  display: grid;
  place-items: center;
  font: 700 9px / 1 "Plus Jakarta Sans", sans-serif;
}
.tb-page .tb-s436 {
  max-width: 620px;
  margin-bottom: 44px;
}
.tb-page .tb-s437 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  align-items: start;
}
.tb-page .tb-s438 {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 24px;
  padding: 30px;
  text-align: center;
  animation: 0.5s ease 0s 1 normal both running chPop;
}
.tb-page .tb-s439 {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgb(232, 248, 239);
  display: grid;
  place-items: center;
  font: 700 26px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(23, 178, 106);
  margin: 0px auto 20px;
}
.tb-page .tb-s440 {
  font: 800 24px / 1.2 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.02em;
  color: rgb(10, 15, 13);
  margin-bottom: 8px;
}
.tb-page .tb-s441 {
  font: 500 14px / 1.5 "Plus Jakarta Sans", sans-serif;
  color: rgb(110, 119, 115);
  margin-bottom: 24px;
}
.tb-page .tb-s442 {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 22px;
  border-top: 1px solid rgb(238, 241, 239);
}
.tb-page .tb-s443 {
  display: flex;
  justify-content: space-between;
}
.tb-page .tb-s444 {
  font: 500 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(110, 119, 115);
}
.tb-page .tb-s445 {
  margin-top: 24px;
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 15px;
  border-radius: 11px;
}
.tb-page .tb-s446 {
  background: rgb(10, 16, 13);
  border-radius: 24px;
  padding: 28px;
  position: relative;
  overflow: hidden;
}
.tb-page .tb-s447 {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 24px;
}
.tb-page .tb-s448 {
  font: 600 11px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.62);
  margin-bottom: 11px;
}
.tb-page .tb-s449 {
  font: 700 18px / 1 "JetBrains Mono", monospace;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s450 {
  font: 700 10px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.08em;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 7px 9px;
  border-radius: 6px;
}
.tb-page .tb-s451 {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 20px;
  border-radius: 18px;
  background: rgb(255, 255, 255);
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.tb-page .tb-s452 {
  width: 104px;
  height: 104px;
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(13, 1fr);
  grid-template-rows: repeat(13, 1fr);
  gap: 1px;
}
.tb-page .tb-s453 {
  background: rgb(10, 15, 13);
  border-radius: 1px;
}
.tb-page .tb-s454 {
  background: transparent;
  border-radius: 1px;
}
.tb-page .tb-s455 {
  flex: 1 1 130px;
  min-width: 0px;
}
.tb-page .tb-s456 {
  font: 800 18px / 1.25 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.02em;
  color: rgb(10, 15, 13);
  margin-bottom: 9px;
}
.tb-page .tb-s457 {
  font: 500 13px / 1.5 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
}
.tb-page .tb-s458 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding-bottom: 22px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
  margin-bottom: 22px;
}
.tb-page .tb-s459 {
  font: 500 11px / 1 "JetBrains Mono", monospace;
  color: rgba(255, 255, 255, 0.62);
  margin-bottom: 9px;
}
.tb-page .tb-s460 {
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s461 {
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(127, 224, 172);
}
.tb-page .tb-s462 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
}
.tb-page .tb-s463 {
  text-align: center;
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 15px;
  border-radius: 11px;
}
.tb-page .tb-s464 {
  text-align: center;
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, 0.46);
  padding: 15px;
  border-radius: 11px;
}
.tb-page .tb-s465 {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 24px;
  padding: 30px;
}
.tb-page .tb-s466 {
  font: 600 11px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.12em;
  color: rgb(110, 119, 115);
  margin-bottom: 20px;
}
.tb-page .tb-s467 {
  font: 800 22px / 1.2 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.02em;
  color: rgb(10, 15, 13);
  margin-bottom: 8px;
}
.tb-page .tb-s468 {
  font: 500 14px / 1.5 "Plus Jakarta Sans", sans-serif;
  color: rgb(110, 119, 115);
  margin-bottom: 22px;
}
.tb-page .tb-s469 {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}
.tb-page .tb-s470 {
  cursor: pointer;
  display: grid;
  transition: transform 0.18s;
  transform: scale(1.08);
}
.tb-page .tb-s471 {
  cursor: pointer;
  display: grid;
  transition: transform 0.18s;
  transform: scale(1);
}
.tb-page .tb-s472 {
  border: 1px solid rgb(230, 233, 231);
  border-radius: 13px;
  padding: 14px;
  font: 500 13px / 1.5 "Plus Jakarta Sans", sans-serif;
  color: rgb(137, 145, 141);
  min-height: 74px;
  margin-bottom: 16px;
}
.tb-page .tb-s473 {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 20px;
}
.tb-page .tb-s474 {
  font: 600 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(12, 122, 71);
  background: rgb(232, 248, 239);
  padding: 9px 12px;
  border-radius: 8px;
}
.tb-page .tb-s475 {
  font: 600 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
  border: 1px solid rgb(230, 233, 231);
  padding: 9px 12px;
  border-radius: 8px;
}
.tb-page .tb-s476 {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 38px;
  flex-wrap: wrap;
}
.tb-page .tb-s477 {
  margin: 0px;
  font: 400 18px / 1.6 "Plus Jakarta Sans", sans-serif;
  color: rgb(90, 99, 96);
}
.tb-page .tb-s478 {
  display: flex;
  gap: 6px;
  background: rgb(237, 241, 238);
  border: 1px solid rgb(223, 228, 225);
  border-radius: 14px;
  padding: 6px;
  flex-wrap: wrap;
}
.tb-page .tb-s479 {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 16px;
  border-radius: 10px;
  transition: 0.22s;
  background: transparent;
}
.tb-page .tb-s480 {
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(63, 71, 68);
}
.tb-page .tb-s481 {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 16px;
  border-radius: 10px;
  transition: 0.22s;
  background: rgb(10, 16, 13);
}
.tb-page .tb-s482 {
  background: rgb(10, 16, 13);
  border-radius: 30px;
  padding: 30px;
  position: relative;
  overflow: hidden;
}
.tb-page .tb-s483 {
  position: absolute;
  inset: 0px;
  background: radial-gradient(75% 75% at 22% 108%, rgba(23, 178, 106, 0.22) 0%, rgba(10, 16, 13, 0) 68%);
}
.tb-page .tb-s484 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0px, 2.05fr) minmax(230px, 1fr);
  gap: 30px;
  align-items: center;
}
.tb-page .tb-s485 {
  position: relative;
  min-width: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 500px;
}
.tb-page .tb-s486 {
  position: absolute;
  left: 50%;
  bottom: 34px;
  transform: translateX(-50%);
  width: 86%;
  height: 120px;
  pointer-events: none;
  background: radial-gradient(50% 50%, rgba(23, 178, 106, 0.3) 0%, rgba(11, 16, 32, 0) 72%);
  filter: blur(2px);
}
.tb-page .tb-s487 {
  position: absolute;
  left: 50%;
  bottom: 48px;
  transform: translateX(-50%);
  width: 56%;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(168, 198, 255, 0) 0%, rgba(168, 198, 255, 0.42) 50%, rgba(168, 198, 255, 0) 100%);
}
.tb-page .tb-s488 {
  position: relative;
  min-width: 0px;
  display: flex;
  justify-content: center;
  width: 100%;
}
.tb-page .tb-s489 {
  width: 286px;
  max-width: 100%;
  flex: 0 0 auto;
  border-radius: 42px;
  background: rgb(20, 29, 24);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 9px;
  box-shadow: rgba(0, 0, 0, 0.55) 0px 40px 90px;
  animation: 0.35s ease 0s 1 normal both running chPop;
  position: relative;
}
.tb-page .tb-s490 {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 34px;
  background: rgb(250, 250, 248);
}
.tb-page .tb-s491 {
  min-width: 0px;
}
.tb-page .tb-s492 {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 22px;
  padding: 28px;
}
.tb-page .tb-s493 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}
.tb-page .tb-s494 {
  font: 600 11px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.12em;
  color: rgb(127, 224, 172);
  min-width: 0px;
}
.tb-page .tb-s495 {
  margin-left: auto;
  flex: 0 0 auto;
  font: 700 10px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.08em;
  color: rgb(127, 224, 172);
  background: rgba(23, 178, 106, 0.18);
  border: 1px solid rgba(23, 178, 106, 0.36);
  padding: 7px 9px;
  border-radius: 7px;
  white-space: nowrap;
}
.tb-page .tb-s496 {
  font: 800 26px / 1.2 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.02em;
  color: rgb(255, 255, 255);
  margin-bottom: 12px;
}
.tb-page .tb-s497 {
  margin: 0px 0px 22px;
  font: 400 15px / 1.6 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.68);
}
.tb-page .tb-s498 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
  gap: 9px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.tb-page .tb-s499 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0px;
  padding: 12px 13px;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font: 600 13px / 1.35 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.88);
}
.tb-page .tb-s500 {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgb(23, 178, 106);
  flex: 0 0 auto;
}
.tb-page .tb-s501 {
  margin-top: 28px;
}
.tb-page .tb-s502 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.tb-page .tb-s503 {
  text-decoration: none;
  flex: 0 0 auto;
  transition: transform 0.2s, box-shadow 0.2s;
}
.tb-page .tb-s503 img {
  height: 50px;
  object-fit: contain;
}
.tb-page .tb-s504 {
  font: 600 9px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 6px;
}
.tb-page .tb-s505 {
  font: 700 16px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s506 {
  flex: 1 1 0%;
  min-width: 220px;
  text-align: right;
  font: 500 13px / 1.4 "Plus Jakarta Sans", sans-serif;
  color: rgb(90, 99, 96);
}
.tb-page .tb-s507 {
  text-align: center;
  max-width: 600px;
  margin: 0px auto 48px;
}
.tb-page .tb-s508 {
  background: rgb(10, 16, 13);
  border-radius: 26px;
  padding: 34px;
}
.tb-page .tb-s509 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 26px;
}
.tb-page .tb-s510 {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: rgba(23, 178, 106, 0.16);
  display: grid;
  place-items: center;
  font: 700 18px / 1 "Plus Jakarta Sans", sans-serif;
}
.tb-page .tb-s511 {
  font: 800 22px / 1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.02em;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s512 {
  font: 500 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.66);
  margin-top: 7px;
}
.tb-page .tb-s513 {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.tb-page .tb-s514 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font: 600 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.85);
}
.tb-page .tb-s515 {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgb(23, 178, 106);
}
.tb-page .tb-s516 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 0px;
  font: 600 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.85);
}
.tb-page .tb-s517 {
  display: block;
  text-align: center;
  font: 700 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 16px;
  border-radius: 12px;
  margin-top: 26px;
}
.tb-page .tb-s518 {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 26px;
  padding: 34px;
}
.tb-page .tb-s519 {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: rgb(232, 248, 239);
  display: grid;
  place-items: center;
  font: 700 18px / 1 "Plus Jakarta Sans", sans-serif;
}
.tb-page .tb-s520 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 0px;
  border-bottom: 1px solid rgb(238, 241, 239);
  font: 600 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(63, 71, 68);
}
.tb-page .tb-s521 {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgb(10, 16, 13);
}
.tb-page .tb-s522 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 0px;
  font: 600 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(63, 71, 68);
}
.tb-page .tb-s523 {
  display: block;
  text-align: center;
  font: 700 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
  border: 1px solid rgb(220, 225, 222);
  padding: 16px;
  border-radius: 12px;
  margin-top: 26px;
}
.tb-page .tb-s524 {
  max-width: 700px;
  margin-bottom: 48px;
}
.tb-page .tb-s525 {
  margin: 0px 0px 14px;
  font: 800 50px / 1.05 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.03em;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s526 {
  display: grid;
  grid-template-columns: 1fr 88px 1fr;
  gap: 20px;
  align-items: center;
}
.tb-page .tb-s527 {
  background: rgb(241, 244, 242);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 24px;
  padding: 28px;
}
.tb-page .tb-s528 {
  font: 600 11px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.12em;
  color: rgb(124, 133, 127);
  margin-bottom: 20px;
}
.tb-page .tb-s529 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.tb-page .tb-s530 {
  background: rgb(255, 255, 255);
  border: 1px dashed rgb(220, 225, 222);
  border-radius: 13px;
  padding: 16px;
  font: 600 14px / 1.3 "Plus Jakarta Sans", sans-serif;
  color: rgb(110, 119, 115);
}
.tb-page .tb-s531 {
  display: grid;
  place-items: center;
}
.tb-page .tb-s532 {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgb(10, 16, 13);
  display: grid;
  place-items: center;
  font: 700 20px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(127, 224, 172);
}
.tb-page .tb-s533 {
  background: rgb(10, 16, 13);
  border-radius: 24px;
  padding: 34px;
  position: relative;
  overflow: hidden;
}
.tb-page .tb-s534 {
  position: absolute;
  inset: 0px;
  background: radial-gradient(80% 80% at 90% 10%, rgba(23, 178, 106, 0.2) 0%, rgba(10, 16, 13, 0) 70%);
}
.tb-page .tb-s535 {
  position: relative;
}
.tb-page .tb-s536 {
  font: 600 11px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.12em;
  color: rgb(127, 224, 172);
  margin-bottom: 20px;
}
.tb-page .tb-s537 {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 16px;
}
.tb-page .tb-s538 {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgb(23, 178, 106);
  display: grid;
  place-items: center;
}
.tb-page .tb-s539 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgb(10, 16, 13);
}
.tb-page .tb-s540 {
  font: 800 26px / 1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.03em;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s541 {
  font: 700 20px / 1.3 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  margin-bottom: 22px;
}
.tb-page .tb-s542 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tb-page .tb-s543 {
  font: 600 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(127, 224, 172);
  background: rgba(23, 178, 106, 0.14);
  border: 1px solid rgba(23, 178, 106, 0.3);
  padding: 10px 13px;
  border-radius: 9px;
}
.tb-page .tb-s544 {
  padding: 50px 0px;
  background: rgb(23, 178, 106);
}
.tb-page .tb-s545 {
  width: 1240px;
  max-width: 100%;
  margin: 0px auto;
  padding: 0px 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.tb-page .tb-s546 {
  font: 800 190px / 0.85 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.06em;
  color: rgb(7, 19, 13);
}
.tb-page .tb-s547 {
  font: 800 38px / 1.1 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.03em;
  color: rgb(7, 19, 13);
  margin-top: 12px;
}
.tb-page .tb-s548 {
  margin: 0px 0px 30px;
  font: 600 24px / 1.45 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
}
.tb-page .tb-s549 {
  background: rgba(11, 16, 32, 0.46);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 18px;
  padding: 24px;
  margin-bottom: 26px;
}
.tb-page .tb-s550 {
  font: 800 20px / 1.3 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  margin-bottom: 9px;
}
.tb-page .tb-s551 {
  font: 500 16px / 1.55 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s552 {
  display: inline-block;
  font: 700 16px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(23, 178, 106);
  background: rgb(7, 19, 13);
  padding: 18px 26px;
  border-radius: 12px;
}
.tb-page .tb-s553 {
  padding: 50px 0px;
  background: rgb(241, 244, 242);
  border-bottom: 1px solid rgb(230, 233, 231);
}
.tb-page .tb-s554 {
  display: flex;
  gap: 24px;
  align-items: start;
  flex-wrap: wrap;
}
.tb-page .tb-s555 {
  width: 768px;
  max-width: 100%;
  flex: 1 1 560px;
}
.tb-page .tb-s556 {
  background: rgb(21, 30, 25);
  border-radius: 22px;
  padding: 9px;
}
.tb-page .tb-s557 {
  background: rgb(250, 250, 248);
  border-radius: 15px;
  overflow: hidden;
}
.tb-page .tb-s558 {
  background: rgb(10, 16, 13);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.tb-page .tb-s559 {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  background: rgb(23, 178, 106);
}
.tb-page .tb-s560 {
  font: 800 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  flex: 1 1 0%;
}
.tb-page .tb-s561 {
  font: 700 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 9px 12px;
  border-radius: 8px;
}
.tb-page .tb-s562 {
  font: 700 15px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  display: flex;
}
.tb-page .tb-s563 {
  background: rgb(10, 16, 13);
  padding: 26px 18px 30px;
}
.tb-page .tb-s564 {
  margin: 0px 0px 12px;
  font: 800 38px / 1.05 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.03em;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s565 {
  margin: 0px 0px 18px;
  font: 400 15px / 1.5 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.6);
  max-width: 440px;
}
.tb-page .tb-s566 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
  max-width: 420px;
}
.tb-page .tb-s567 {
  text-align: center;
  font: 700 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 14px;
  border-radius: 10px;
}
.tb-page .tb-s568 {
  text-align: center;
  font: 700 13px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, 0.46);
  padding: 14px;
  border-radius: 10px;
}
.tb-page .tb-s569 {
  padding: 20px 18px;
}
.tb-page .tb-s570 {
  font: 600 10px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.12em;
  color: rgb(110, 119, 115);
  margin-bottom: 12px;
}
.tb-page .tb-s571 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
  margin-bottom: 18px;
}
.tb-page .tb-s572 {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 14px;
  padding: 16px;
}
.tb-page .tb-s573 {
  font: 800 17px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(23, 178, 106);
  margin-bottom: 9px;
}
.tb-page .tb-s574 {
  font: 700 14px / 1.2 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s575 {
  display: flex;
  gap: 11px;
  overflow: hidden;
}
.tb-page .tb-s576 {
  width: 210px;
  flex: 0 0 auto;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 14px;
  overflow: hidden;
}
.tb-page .tb-s577 {
  height: 74px;
  position: relative;
  overflow: hidden;
}
.tb-page .tb-s578 {
  padding: 12px;
}
.tb-page .tb-s579 {
  font: 700 13px / 1.2 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
}
.tb-page .tb-s580 {
  font: 600 11px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(240, 178, 61);
  margin-top: 8px;
}
.tb-page .tb-s581 {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: -1px;
}
.tb-page .tb-s582 {
  width: 350px;
  max-width: 100%;
  flex: 0 1 350px;
}
.tb-page .tb-s583 {
  background: rgb(21, 30, 25);
  border-radius: 34px;
  padding: 9px;
}
.tb-page .tb-s584 {
  background: rgb(250, 250, 248);
  border-radius: 26px;
  overflow: hidden;
  position: relative;
}
.tb-page .tb-s585 {
  background: rgb(10, 16, 13);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.tb-page .tb-s586 {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: rgb(23, 178, 106);
}
.tb-page .tb-s587 {
  font: 800 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  flex: 1 1 0%;
}
.tb-page .tb-s588 {
  background: rgb(10, 16, 13);
  padding: 22px 16px 26px;
}
.tb-page .tb-s589 {
  margin: 0px 0px 10px;
  font: 800 30px / 1.06 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.03em;
  color: rgb(255, 255, 255);
}
.tb-page .tb-s590 {
  margin: 0px 0px 16px;
  font: 400 14px / 1.5 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.6);
}
.tb-page .tb-s591 {
  padding: 18px 16px 88px;
}
.tb-page .tb-s592 {
  font: 600 10px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.12em;
  color: rgb(110, 119, 115);
  margin-bottom: 11px;
}
.tb-page .tb-s593 {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 11px;
}
.tb-page .tb-s594 {
  height: 100px;
  position: relative;
  overflow: hidden;
}
.tb-page .tb-s595 {
  padding: 14px;
}
.tb-page .tb-s596 {
  font: 700 15px / 1.2 "Plus Jakarta Sans", sans-serif;
  color: rgb(10, 15, 13);
  margin-bottom: 9px;
}
.tb-page .tb-s597 {
  display: flex;
  gap: 12px;
  font: 600 12px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(107, 116, 114);
  margin-bottom: 12px;
}
.tb-page .tb-s598 {
  color: rgb(240, 178, 61);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.tb-page .tb-s599 {
  font: 600 10px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.12em;
  color: rgb(110, 119, 115);
  margin: 16px 0px 11px;
}
.tb-page .tb-s600 {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 233, 231);
  border-radius: 13px;
  padding: 14px;
}
.tb-page .tb-s601 {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: rgb(10, 16, 13);
  color: rgb(127, 224, 172);
  display: grid;
  place-items: center;
  font: 800 11px / 1 "Plus Jakarta Sans", sans-serif;
}
.tb-page .tb-s602 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgb(255, 255, 255);
  border-top: 1px solid rgb(230, 233, 231);
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.tb-page .tb-s603 {
  font: 500 10px / 1 "JetBrains Mono", monospace;
  color: rgb(110, 119, 115);
  margin-bottom: 6px;
}
.tb-page .tb-s604 {
  font: 700 14px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 15px 22px;
  border-radius: 11px;
}
.tb-page .tb-s605 {
  position: relative;
  padding: 50px 0px;
  background: rgb(10, 16, 13);
  overflow: hidden;
}
.tb-page .tb-s606 {
  position: absolute;
  inset: 0px;
  pointer-events: none;
  background: radial-gradient(30% 42% at 14% -6%, rgba(198, 216, 255, 0.5) 0%, rgba(198, 216, 255, 0.12) 38%, rgba(11, 16, 32, 0) 72%), radial-gradient(30% 42% at 50% -8%, rgba(198, 216, 255, 0.55) 0%, rgba(198, 216, 255, 0.14) 38%, rgba(11, 16, 32, 0) 72%), radial-gradient(30% 42% at 86% -6%, rgba(198, 216, 255, 0.5) 0%, rgba(198, 216, 255, 0.12) 38%, rgba(11, 16, 32, 0) 72%);
}
.tb-page .tb-s607 {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 46%;
  pointer-events: none;
  background: linear-gradient(rgba(20, 42, 36, 0) 0%, rgba(22, 58, 45, 0.72) 38%, rgba(16, 44, 34, 0.95) 100%);
}
.tb-page .tb-s608 {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 46%;
  pointer-events: none;
  opacity: 0.5;
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0px, rgba(255, 255, 255, 0.05) 44px, rgba(255, 255, 255, 0) 44px, rgba(255, 255, 255, 0) 88px);
}
.tb-page .tb-s609 {
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 120%;
  height: 34%;
  transform: translateX(-50%);
  pointer-events: none;
  border-radius: 50% 50% 0px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  background: radial-gradient(60% 100% at 50% 100%, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 70%);
}
.tb-page .tb-s610 {
  position: absolute;
  inset: 0px;
  pointer-events: none;
  background: linear-gradient(rgba(11, 16, 32, 0.8) 0%, rgba(11, 16, 32, 0.5) 52%, rgba(11, 16, 32, 0.72) 100%);
}
.tb-page .tb-s611 {
  position: absolute;
  inset: 0px;
  pointer-events: none;
  background: radial-gradient(90% 90% at 50% 110%, rgba(23, 178, 106, 0.26) 0%, rgba(11, 16, 32, 0) 65%);
}
.tb-page .tb-s612 {
  position: relative;
  width: 1240px;
  max-width: 100%;
  margin: 0px auto;
  padding: 0px 24px;
  text-align: center;
}
.tb-page .tb-s613 {
  margin: 0px auto 20px;
  font: 800 68px / 1.02 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.035em;
  color: rgb(255, 255, 255);
  max-width: 820px;
}
.tb-page .tb-s614 {
  margin: 0px auto 40px;
  font: 400 20px / 1.55 "Plus Jakarta Sans", sans-serif;
  color: rgba(255, 255, 255, 0.6);
  max-width: 560px;
}
.tb-page .tb-s615 {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-bottom: 0;
}
.tb-page .tb-s616 {
  font: 700 16px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(7, 19, 13);
  background: rgb(23, 178, 106);
  padding: 19px 30px;
  border-radius: 13px;
}
.tb-page .tb-s617 {
  font: 700 16px / 1 "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 19px 30px;
  border-radius: 13px;
}
.tb-page .tb-s618 {
  font: 600 13px / 1 "JetBrains Mono", monospace;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.62);
  margin-bottom: 24px;
}
.tb-page .tb-s619 {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.tb-page .tb-s620 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 22px;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.26);
  text-decoration: none;
  text-align: left;
  transition: background 0.22s;
}

/* ============================================================
   Interactive states, driven by Content/js/turf-booking-landing.js.
   The design expresses these through the editor's runtime; ported here as classes.
   A CSS `fill` beats an SVG `fill` presentation attribute, which is how the icons
   recolour without touching the markup.
   ============================================================ */

/* the chosen calendar day - laid over whichever status colour the day already has */
.tb-page .tb-daysel {
  box-shadow: rgba(23, 178, 106, .32) 0 0 0 3px;
  transform: translateY(-2px);
}

/* rating stars */
.tb-page .tb-star-on  { transform: scale(1.08); }
.tb-page .tb-star-off { transform: scale(1); }
.tb-page .tb-star-on svg, .tb-page .tb-star-on svg path    { fill: #F0B23D; }
.tb-page .tb-star-off svg, .tb-page .tb-star-off svg path  { fill: #DCE1DE; }

/* platform tabs - the active tab's icon takes the accent */
.tb-page .tb-s481 svg, .tb-page .tb-s481 svg path { fill: #17B26A; }
.tb-page .tb-s479 svg, .tb-page .tb-s479 svg path { fill: #5A6360; }

/* every control the script wires up should say so on hover and focus */
.tb-page [role="button"], .tb-page [role="switch"], .tb-page [role="radio"] { cursor: pointer; }
.tb-page [role="button"]:focus-visible,
.tb-page [role="switch"]:focus-visible,
.tb-page [role="radio"]:focus-visible {
  outline: 2px solid #17B26A; outline-offset: 3px;
}

/* ============================================================
   Platform tabs - Bootstrap 4.5.3 nav tabs (data-toggle="tab").
   The look is the design's own pill row; Bootstrap only supplies the switching, via
   .active on the tab and .tab-pane.active on the pane.
   ============================================================ */
.tb-page .tb-plat-tabs { padding: 6px; }
.tb-page .tb-plat-tab {
  cursor: pointer; display: flex; align-items: center; gap: 9px;
  padding: 11px 16px; border-radius: 10px; background: transparent;
  text-decoration: none; transition: all .22s ease;
}
.tb-page .tb-plat-tab:hover { background: rgba(10, 16, 13, .06); text-decoration: none; }
.tb-page .tb-plat-tab.active, .tb-page .tb-plat-tab.active:hover { background: #0A100D; }
.tb-page .tb-plat-tab-label { font: 700 14px / 1 "Plus Jakarta Sans", sans-serif; color: #3F4744; }
.tb-page .tb-plat-tab.active .tb-plat-tab-label { color: #fff; }
.tb-page .tb-plat-tab svg, .tb-page .tb-plat-tab svg path { fill: #5A6360; }
.tb-page .tb-plat-tab.active svg, .tb-page .tb-plat-tab.active svg path { fill: #17B26A; }
.tb-page .tb-plat-glyph, .tb-page .tb-plat-glyph path { fill: #17B26A; }

/* the Web tab's device is a browser frame, as the design draws it */
.tb-page .tb-plat-web {
  width: 100%; max-width: 780px; flex: none; border-radius: 18px; padding: 9px;
  background: #141D18; border: 1px solid rgba(255, 255, 255, .2);
  box-shadow: rgba(0, 0, 0, .55) 0 40px 90px; animation: chPop .35s ease both;
}
.tb-page .tb-plat-web-chrome { display: flex; align-items: center; gap: 7px; padding: 3px 5px 10px; }
.tb-page .tb-plat-web-dot { display: block; width: 9px; height: 9px; border-radius: 50%; background: rgba(255, 255, 255, .3); }
.tb-page .tb-plat-web-url {
  margin-left: 10px; flex: 1; border-radius: 7px; padding: 7px 11px;
  background: rgba(255, 255, 255, .08); font: 500 10px / 1 "JetBrains Mono", monospace; color: rgba(255, 255, 255, .66);
}
.tb-page .tb-plat-web-img { display: block; width: 100%; height: auto; border-radius: 12px; background: #FAFAF8; }
/* the device pops in again each time its pane is shown */
.tb-page .tab-pane.active .tb-s488 { animation: chPop .35s ease both; }

/* ---------- RESPONSIVE section: the tablet and phone frames show real page screenshots ---------- */
/* both screens are capped and scroll inside their bezel (scrollbar hidden so they still read as devices) */
.tb-page .tb-s557, .tb-page .tb-s584 { max-height: 640px; overflow-y: auto; overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.tb-page .tb-s557::-webkit-scrollbar, .tb-page .tb-s584::-webkit-scrollbar { display: none; }
.tb-page .tb-mock-shot { display: block; width: 100%; height: auto; }

/* side by side, the phone matches the tablet's height exactly: the column stretches and the frame
   fills it. Size containment keeps the phone's tall screenshot from setting the row height. */
@media (min-width: 1200px) {
  .tb-page .tb-s554 { align-items: stretch; }
  .tb-page .tb-s582 { display: flex; flex-direction: column; }
  .tb-page .tb-s583 { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; }
  .tb-page .tb-s584 { flex: 1 1 0; contain: size; min-height: 400px; max-height: none; }
}

/* ---------- Venue management: the "Easy to find" map ---------- */
/* a real map screenshot fills the box; taller than the design's placeholder so the streets read,
   and the pin and distance chip sit on top of it as before */
.tb-page .tb-s156 { height: 190px; overflow: hidden; }
.tb-page .tb-map-shot { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%;
  /* zoomed in on the venue marker so the street names read at card size */
  transform: scale(1.9); transform-origin: 50% 50%; }
/* the map carries its own red marker, so the design's green dot is dropped; the distance chip stays on top */
.tb-page .tb-s157 { display: none; }
.tb-page .tb-s158 { z-index: 1; }

/* ---------- Cancellations: custom refund % input, styled like the chips beside it ---------- */
/* declared longhand so the theme's global input rules (height, border, shadow) don't leak in */
.tb-page input.tb-refund-input {
  display: inline-block; width: 96px; height: auto; margin: 0; padding: 10px 12px; box-sizing: border-box;
  border: 1px solid rgb(220, 225, 222); border-radius: 9px; background: #fff; box-shadow: none; outline: none; appearance: none;
  font: 700 13px / 1 "Plus Jakarta Sans", sans-serif; color: rgb(10, 15, 13); text-align: center; transition: border-color .15s ease;
}
.tb-page input.tb-refund-input::placeholder { color: rgb(107, 116, 114); font-weight: 600; opacity: 1; }
.tb-page input.tb-refund-input:focus { border-color: rgb(23, 178, 106); box-shadow: 0 0 0 3px rgba(23, 178, 106, .18); }
/* selected (a value typed in): same green as the picked chip */
.tb-page input.tb-refund-input.tb-s308 { border-color: rgb(23, 178, 106); background: rgb(23, 178, 106); color: rgb(7, 19, 13); }
.tb-page input.tb-refund-input.tb-s308::placeholder { color: rgba(7, 19, 13, .6); }

/* ---------- Staff & partners: heading + copy up top, the partners table in a browser frame below ---------- */
.tb-page .tb-part-head { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 32px 72px; align-items: center; margin-bottom: 36px; }
.tb-page .tb-part-intro .tb-s269 { margin-bottom: 16px; }
.tb-page .tb-part-intro .tb-s303 { margin: 0; max-width: 540px; }
/* three feature tiles: same card language as the rest of the page */
.tb-page .tb-part-points { display: grid; gap: 10px; }
.tb-page .tb-part-point { display: flex; align-items: center; gap: 14px; padding: 14px 18px; background: #fff; border: 1px solid rgb(230, 233, 231); border-radius: 16px; transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.tb-page .tb-part-point:hover { border-color: rgba(23, 178, 106, .45); transform: translateY(-1px); box-shadow: rgba(10, 16, 13, .06) 0 10px 26px; }
.tb-page .tb-part-ico { flex: none; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: rgba(23, 178, 106, .12); color: rgb(12, 122, 71); }
.tb-page .tb-part-ico svg { display: block; }
.tb-page .tb-part-pt { font: 700 15px / 1.2 "Plus Jakarta Sans", sans-serif; color: rgb(10, 15, 13); margin-bottom: 3px; }
.tb-page .tb-part-pd { font: 400 13px / 1.5 "Plus Jakarta Sans", sans-serif; color: rgb(107, 116, 114); }

.tb-page .tb-part-frame { border-radius: 20px; padding: 10px; background: rgb(20, 29, 24); border: 1px solid rgba(255, 255, 255, .16); box-shadow: rgba(10, 16, 13, .28) 0 30px 70px; }
.tb-page .tb-part-chrome { display: flex; align-items: center; gap: 7px; padding: 4px 6px 12px; }
.tb-page .tb-part-chrome .tb-plat-web-url { flex: 1; }
.tb-page .tb-part-live { display: inline-flex; align-items: center; gap: 8px; margin-left: 10px; font: 600 11px / 1 "JetBrains Mono", monospace; letter-spacing: .06em; color: rgba(255, 255, 255, .7); }
.tb-page .tb-part-scroll { border-radius: 12px; background: #fff; overflow: hidden; }
.tb-page .tb-part-shot { display: block; width: 100%; height: auto; }

/* ---------- Confirmation: the real booking-confirmed screen, in a card ---------- */
/* copy on the left, the screen on the right - half the height of stacking them */
.tb-page .tb-conf-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.35fr); gap: 32px 56px; align-items: center; }
.tb-page .tb-conf-grid .tb-s436 { margin-bottom: 0; }
.tb-page .tb-conf-grid .tb-s116 { max-width: 420px; }
.tb-page .tb-conf-frame { max-width: 760px; margin: 0; padding: 14px; border-radius: 26px; background: #fff; border: 1px solid rgb(230, 233, 231); box-shadow: rgba(10, 16, 13, .08) 0 24px 60px; }
.tb-page .tb-conf-shot { display: block; width: 100%; height: auto; border-radius: 16px; }