.hero {
  position: relative;
  padding-top: 180px;
  padding-bottom: 0;
  overflow: hidden;
}

.hero__wrap { display: flex; align-items: flex-start; }

.hero__text { position: relative; z-index: 4; flex: 0 0 740px; }

.hero__title { width: 740px; letter-spacing: var(--track); }

.hero__lede {
  margin-top: var(--s-4);
  width: 660px;
  font-size: 18px;
  line-height: 28px;
  font-weight: var(--w-medium);
  color: var(--text-body);
}

.hero__join {
  margin-top: var(--s-6);
  display: flex;
  align-items: center;
  gap: var(--s-2);
}

.hero__email {
  width: 300px;
  flex: 0 0 auto;
  height: 44px;
  padding-inline: 14px;
  font-size: 15px;
}

.hero__cta {
  height: 44px;
  padding-inline: 18px;
  font-size: 15px;
  white-space: nowrap;
}

.hero__note {
  margin-top: var(--s-3);
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
}

.hero__status { text-wrap: balance; }

.hero__live {
  width: 7px;
  height: 7px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #9aaaff;
  box-shadow: 0 0 10px rgba(154, 170, 255, 0.8);
}

.hero__artwrap {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  margin-left: -24px;
  margin-top: -64px;
  height: 433px;
  overflow: hidden;
  pointer-events: none;
}
.hero__artwrap::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(180deg, var(--page) 0, rgba(7, 8, 10, 0) 16%, rgba(7, 8, 10, 0) 80%, var(--page) 100%),
    linear-gradient(90deg, var(--page) 0, rgba(7, 8, 10, 0) 18%, rgba(7, 8, 10, 0) 82%, var(--page) 100%);
}

.hero__art {
  position: relative;
  width: 620px;
  height: 676px;
  margin-top: -122px;
  margin-left: calc(50% - 305px);
}

.hero__mask {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.hero__mask::after {
  content: "";
  position: absolute;
  inset: -2px;
  pointer-events: none;
  background: radial-gradient(ellipse 60% 55% at 52% 50%,
    rgba(7, 8, 10, 0) 42%, var(--page) 100%);
}

.hero__cols {
  position: absolute;
  left: 10px;
  top: 0;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.hero__col {
  width: 50px;
  padding-bottom: var(--s-2);
  display: flex;
  flex-direction: column;
  gap: var(--s-2);
  will-change: transform;
}

.hero__cell {
  width: 50px;
  height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: var(--r-2);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0;
}

.hero__cell--off {
  background: rgba(255, 255, 255, 0.012);
  border-color: rgba(255, 255, 255, 0.03);
  color: var(--grey-500);
}

.hero__cell--grey {
  background: rgba(255, 255, 255, 0.022);
  border-color: rgba(255, 255, 255, 0.045);
  color: var(--grey-400);
}

.hero__g1 { background: rgba(89,212,153,0.06); border-color: rgba(89,212,153,0.18); color: #c4f2dc; }
.hero__g2 { background: rgba(89,212,153,0.08); border-color: rgba(89,212,153,0.20); color: #c4f2dc; }
.hero__g3 { background: rgba(89,212,153,0.10); border-color: rgba(89,212,153,0.22); color: #c4f2dc; }
.hero__g4 { background: rgba(89,212,153,0.11); border-color: rgba(89,212,153,0.23); color: #c4f2dc; }
.hero__g5 { background: rgba(89,212,153,0.13); border-color: rgba(89,212,153,0.25); color: #c4f2dc; }
.hero__g6 { background: rgba(89,212,153,0.12); border-color: rgba(89,212,153,0.24); color: #c4f2dc; }
.hero__g7 { background: rgba(89,212,153,0.10); border-color: rgba(89,212,153,0.22); color: #c4f2dc; }
.hero__g8 { background: rgba(89,212,153,0.08); border-color: rgba(89,212,153,0.20); color: #c4f2dc; }
.hero__g9 { background: rgba(89,212,153,0.07); border-color: rgba(89,212,153,0.19); color: #c4f2dc; }
.hero__g14 { background: rgba(89,212,153,0.42); border-color: rgba(89,212,153,0.54); color: #ffffff; }
.hero__g15 { background: rgba(89,212,153,0.50); border-color: rgba(89,212,153,0.62); color: #ffffff; }
.hero__g16 { background: rgba(89,212,153,0.55); border-color: rgba(89,212,153,0.67); color: #ffffff; }
.hero__g17 { background: rgba(89,212,153,0.58); border-color: rgba(89,212,153,0.70); color: #ffffff; }
.hero__g18 { background: rgba(89,212,153,0.54); border-color: rgba(89,212,153,0.66); color: #ffffff; }
.hero__g19 { background: rgba(89,212,153,0.47); border-color: rgba(89,212,153,0.59); color: #ffffff; }
.hero__g20 { background: rgba(89,212,153,0.38); border-color: rgba(89,212,153,0.50); color: #ffffff; }
.hero__g21 { background: rgba(89,212,153,0.30); border-color: rgba(89,212,153,0.42); color: #c4f2dc; }
.hero__g22 { background: rgba(89,212,153,0.23); border-color: rgba(89,212,153,0.35); color: #c4f2dc; }
.hero__g23 { background: rgba(89,212,153,0.17); border-color: rgba(89,212,153,0.29); color: #c4f2dc; }
.hero__g24 { background: rgba(89,212,153,0.13); border-color: rgba(89,212,153,0.25); color: #c4f2dc; }

.hero__band {
  position: absolute;
  left: 0;
  top: 318px;
  width: 620px;
  height: 40px;
  background: linear-gradient(90deg, rgba(154, 170, 255, 0), rgba(154, 170, 255, 0.07) 30%, rgba(154, 170, 255, 0.07) 70%, rgba(154, 170, 255, 0));
}

.hero__rule {
  position: absolute;
  left: 0;
  width: 620px;
  height: 1px;
  background: linear-gradient(90deg, rgba(154, 170, 255, 0), rgba(154, 170, 255, 0.3) 50%, rgba(154, 170, 255, 0));
}

.hero__rule--top { top: 318px; }
.hero__rule--bot { top: 357px; }

@media (prefers-reduced-motion: no-preference) {
  @keyframes heroDriftUp   { from { transform: translateY(0); }      to { transform: translateY(-50%); } }
  @keyframes heroDriftDown { from { transform: translateY(-50%); }   to { transform: translateY(0); } }
  @keyframes heroPulse     { 0%, 100% { opacity: 0.45; } 50% { opacity: 1; } }

  .hero__d1 { animation-delay: 0.15s; }
  .hero__d2 { animation-delay: 0.3s; }
  .hero__d3 { animation-delay: 0.45s; }

  .hero__live { animation: heroPulse 2.4s ease-in-out infinite; }

  .hero__col:nth-child(1) { animation: heroDriftUp 70s linear infinite; }
  .hero__col:nth-child(2) { animation: heroDriftDown 79s linear infinite; }
  .hero__col:nth-child(3) { animation: heroDriftUp 88s linear infinite; }
  .hero__col:nth-child(4) { animation: heroDriftDown 97s linear infinite; }
  .hero__col:nth-child(5) { animation: heroDriftUp 106s linear infinite; }
  .hero__col:nth-child(6) { animation: heroDriftDown 115s linear infinite; }
  .hero__col:nth-child(7) { animation: heroDriftUp 174s linear infinite; }
  .hero__col:nth-child(8) { animation: heroDriftDown 133s linear infinite; }
  .hero__col:nth-child(9) { animation: heroDriftUp 142s linear infinite; }
  .hero__col:nth-child(10) { animation: heroDriftDown 151s linear infinite; }
  .hero__g1 { animation: heroPulse 6s ease-in-out -2.10s infinite; }
  .hero__g2 { animation: heroPulse 6s ease-in-out -2.45s infinite; }
  .hero__g3 { animation: heroPulse 6s ease-in-out -2.80s infinite; }
  .hero__g4 { animation: heroPulse 6s ease-in-out -3.15s infinite; }
  .hero__g5 { animation: heroPulse 6s ease-in-out -3.50s infinite; }
  .hero__g6 { animation: heroPulse 6s ease-in-out -3.85s infinite; }
  .hero__g7 { animation: heroPulse 6s ease-in-out -4.20s infinite; }
  .hero__g8 { animation: heroPulse 6s ease-in-out -4.55s infinite; }
  .hero__g9 { animation: heroPulse 6s ease-in-out -4.90s infinite; }
  .hero__g14 { animation: heroPulse 6s ease-in-out -2.10s infinite; }
  .hero__g15 { animation: heroPulse 6s ease-in-out -2.45s infinite; }
  .hero__g16 { animation: heroPulse 6s ease-in-out -2.80s infinite; }
  .hero__g17 { animation: heroPulse 6s ease-in-out -3.15s infinite; }
  .hero__g18 { animation: heroPulse 6s ease-in-out -3.50s infinite; }
  .hero__g19 { animation: heroPulse 6s ease-in-out -3.85s infinite; }
  .hero__g20 { animation: heroPulse 6s ease-in-out -4.20s infinite; }
  .hero__g21 { animation: heroPulse 6s ease-in-out -4.55s infinite; }
  .hero__g22 { animation: heroPulse 6s ease-in-out -4.90s infinite; }
  .hero__g23 { animation: heroPulse 6s ease-in-out -5.25s infinite; }
  .hero__g24 { animation: heroPulse 6s ease-in-out -5.60s infinite; }
}

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

  .hero__text { flex: none; width: 100%; max-width: 640px; }

  .hero__title,
  .hero__lede { width: auto; }

  .hero__artwrap {
    flex: none;
    width: 100%;
    height: 400px;
    margin: var(--s-6) 0 0;
  }

  .hero__art { margin-top: -138px; }
}

@media (max-width: 720px) {
  .hero { padding-top: calc(12px + 56px + var(--s-8)); }

  .hero__lede { margin-top: var(--s-5); }

  .hero__join {
    margin-top: var(--s-7);
    flex-direction: column;
    align-items: stretch;
    gap: var(--s-3);
  }

  .hero__email { width: 100%; }
  .hero__cta   { width: 100%; }

  .hero__note { margin-top: var(--s-5); align-items: flex-start; }
  .hero__live { margin-top: 6px; }

  .hero__artwrap { height: 232px; margin-top: var(--s-4); }

  .hero__art {
    margin-top: -75px;
    transform: scale(0.6);
    transform-origin: top center;
  }
}

.win { padding-top: 0; }

.win .ax-grade--hero { margin-inline: auto; }

.win__captions {
  margin-top: var(--s-6);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s-7);
}
.win__caption {
  display: flex;
  gap: var(--s-3);
  font-size: var(--t-body);
  line-height: 22px;
  font-weight: var(--w-medium);
  color: var(--grey-200);
}
.win__caption-num {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #c9d1ff;
  color: var(--page);
  font-size: 11px;
  font-weight: 700;
}
.win__caption-lead { color: var(--white); font-weight: inherit; }

.win__caption > span:last-child { text-wrap: pretty; }

.win__legend {
  margin: var(--s-5) 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s-3) 28px;
  font-size: 13px;
  line-height: 22px;
  font-weight: var(--w-medium);
  color: var(--grey-200);
}
.win__key { display: flex; align-items: center; gap: var(--s-2); }

.win__sw {
  flex: 0 0 auto;
  width: 22px;
  height: 16px;
  border: 1px solid transparent;
  border-radius: 5px;
}
.win__sw--long  { background: rgba(39, 166, 68, 0.45); }
.win__sw--short { background: rgba(235, 87, 87, 0.45); }
.win__sw--at    { background: rgba(39, 166, 68, 0.45); border-color: #ffffff; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35); }
.win__sw--steps {
  width: 33px;
  background: linear-gradient(90deg, rgba(39, 166, 68, 0.14) 0 33.3%, rgba(39, 166, 68, 0.45) 33.3% 66.6%, rgba(39, 166, 68, 0.66) 66.6% 100%);
}

@media (max-width: 720px) {
  .win__captions { margin-top: var(--s-6); grid-template-columns: 1fr; gap: var(--s-5); }
  .win__legend { gap: var(--s-2) var(--s-6); }
}

.word { padding-top: var(--s-12); }

.word__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 360px);
  column-gap: var(--s-11);
  row-gap: var(--s-8);
  align-items: center;
}

.word--flip .word__text { order: 2; }

.word--discipline .word__grid { grid-template-columns: minmax(0, 320px) minmax(0, 1fr); }

.word__num {
  line-height: 18px;
  letter-spacing: 0.12em;
  color: var(--text-body);
}

.word__title {
  margin-top: var(--s-4);
  font-size: var(--t-h1);
  line-height: 52px;
  font-weight: var(--w-semi);
  letter-spacing: -0.4px;
  color: var(--text);
}

.word__head {
  margin-top: var(--s-4);
  font-size: var(--t-lede);
  line-height: var(--lh-lede);
  font-weight: var(--w-medium);
  color: var(--text);
}

.word__body {
  margin-top: var(--s-4);
  font-size: var(--t-lg);
  line-height: 26px;
  font-weight: var(--w-medium);
  color: var(--text-body);
}

.word__text { max-width: 560px; }

.word__art { min-width: 0; }

.word__art--card .ax { max-width: 360px; }
.word--analysis .word__grid { grid-template-columns: minmax(0, 560px) minmax(0, 1fr); }
.word--analysis .word__art--card .ax { margin-inline: auto; }

@media (max-width: 960px) {
  .word__grid,
  .word--flip .word__grid,
  .word--analysis .word__grid,
  .word--discipline .word__grid { grid-template-columns: minmax(0, 1fr); }
  .word--analysis .word__art--card .ax { margin-inline: 0; }
  .word--flip .word__text { order: 0; }
  .word__text { max-width: 640px; }
}

@media (max-width: 720px) {
  .word__grid { row-gap: var(--s-7); }
  .word__title { line-height: var(--lh-h1); }
  .word__head { font-size: var(--t-h3); line-height: var(--lh-h3); }
}

.also { padding-top: var(--s-12); }

.also__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--s-11);
}

.also__eyebrow {
  margin: 0;
  line-height: 18px;
  letter-spacing: 0.12em;
  color: var(--text-body);
}

.also__title {
  margin: var(--s-4) 0 0;
  font-size: var(--t-h1);
  line-height: 52px;
  font-weight: var(--w-semi);
  letter-spacing: -0.4px;
}

.also__lede {
  flex: 0 1 420px;
  margin: 0 0 2px;
  font-size: var(--t-lg);
  line-height: 26px;
  font-weight: var(--w-medium);
  color: var(--text-body);
}

.also__grid {
  margin-top: var(--s-9);
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: var(--s-6);
  align-items: start;
}

.also__stack {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--s-11);
}

.also__card {
  min-width: 0;
  padding-top: var(--s-5);
  border-top: 1px solid var(--line-strong);
}

.also__name {
  margin: 0;
  font-size: var(--t-h3);
  line-height: var(--lh-h3);
  font-weight: var(--w-medium);
  color: var(--text);
}

.also__note {
  margin-top: 6px;
  max-width: 560px;
  font-size: var(--t-body);
  line-height: 22px;
  font-weight: var(--w-medium);
  color: var(--text-body);
}

.also__art { margin-top: var(--s-6); }
.also__card--phone .ax { margin-inline: auto; }

.also__card--accounts .also__art { max-width: 460px; margin-inline: auto; }

@media (min-width: 1240px) {
  .also__card--accounts {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 460px);
    grid-template-rows: auto 1fr;
    column-gap: var(--s-6);
  }
  .also__card--accounts .also__name,
  .also__card--accounts .also__note { grid-column: 1; }
  .also__card--accounts .also__art { grid-column: 2; grid-row: 1 / span 2; margin: 0; max-width: none; }
}

@media (max-width: 1120px) {
  .also__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "maker maker"
      "journal phone"
      "accounts phone";
    
    grid-template-rows: auto auto 1fr;
    row-gap: var(--s-11);
  }
  .also__stack { display: contents; }
  .also__card--maker    { grid-area: maker; }
  .also__card--journal  { grid-area: journal; }
  .also__card--accounts { grid-area: accounts; }
  .also__card--phone    { grid-area: phone; }
}

@media (max-width: 720px) {
  .also { padding-top: var(--s-12); }
  .also__head { flex-direction: column; align-items: flex-start; gap: var(--s-5); }
  .also__title { line-height: var(--lh-h1); }
  .also__lede { flex: 1 1 auto; margin-bottom: 0; }
  .also__grid {
    margin-top: var(--s-7);
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "maker" "journal" "accounts" "phone";
    grid-template-rows: none;
    row-gap: var(--s-9);
  }
  
  .also__card--phone .also__art { display: none; }
}

  .facts {
    padding-block: 84px 0;
  }

  .facts__grid {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 0.95fr) minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1.05fr);
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
  }

  .facts__item {
    min-width: 0;
    padding: var(--s-7) 28px 34px;
    border-left: 1px solid var(--line);
  }

  .facts__item:first-child {
    padding-left: 0;
    border-left: 0;
  }

  .facts__item:last-child {
    padding-right: 0;
  }

  .facts__num {
    margin: 0;
    display: flex;
    align-items: baseline;
    gap: var(--s-2);
    color: var(--text);
    font-size: var(--t-display);
    line-height: 64px;
    font-weight: var(--w-semi);
    font-feature-settings: var(--font-features-display);
    letter-spacing: 0;
    white-space: nowrap;
  }

  .facts__label {
    margin-top: var(--s-3);
    color: var(--text);
    font-size: var(--t-lg);
    line-height: var(--lh-lg);
    font-weight: var(--w-medium);
  }

  .facts__note {
    margin-top: var(--s-1);
    color: var(--text-body);
    font-size: var(--t-body);
    line-height: 22px;
    font-weight: var(--w-medium);
  }

  
  .facts__item:first-child .facts__note { text-wrap: balance; }

  
  @media (max-width: 1120px) {
    .facts__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .facts__item { grid-column: span 2; }
    .facts__item:nth-child(n+4) { grid-column: span 3; border-top: 1px solid var(--line); }
    .facts__item:nth-child(3) { padding-right: 0; }
    .facts__item:nth-child(4) { padding-left: 0; border-left: 0; }
  }

  @media (max-width: 720px) {
    .facts {
      padding-block: var(--s-11) 0;
    }

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

    .facts__item:nth-child(n) {
      grid-column: auto;
      padding: var(--s-6) var(--s-4) var(--s-6) 0;
      border-left: 0;
      border-top: 1px solid var(--line);
    }

    .facts__item:nth-child(even) {
      padding-left: var(--s-5);
      border-left: 1px solid var(--line);
    }

    .facts__item:nth-child(-n+2) {
      border-top: 0;
    }

    .facts__item:nth-child(5) {
      grid-column: 1 / -1;
    }

    .facts__num {
      line-height: var(--lh-display);
    }
  }

  
  @media (max-width: 360px) {
    .facts__num { font-size: 30px; line-height: 36px; }
  }

.rules { padding: var(--s-12) 0 var(--s-2); }

.rules__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--s-6);
  flex-wrap: wrap;
}

.rules__title {
  margin: 0;
  font-size: var(--t-h1);
  line-height: 52px;
  font-weight: var(--w-semi);
  letter-spacing: -0.4px;
  color: var(--text);
}

.rules__more {
  margin-bottom: 6px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--t-body);
  font-weight: var(--w-medium);
  color: var(--text-body);
  transition: color var(--e-hover);
}
.rules__more:hover { color: var(--text); }
.rules__more svg { transition: transform var(--e-link); }
.rules__more:hover svg { transform: translateX(2px); }

.rules__grid {
  margin-top: var(--s-7);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s-6);
}

.rules__item {
  padding-top: var(--s-5);
  border-top: 1px solid var(--line-strong);
}

.rules__num {
  margin: 0;
  height: 18px;
  font-family: var(--font-mono);
  font-size: var(--t-small);
  line-height: 18px;
  letter-spacing: 0;
  color: var(--text-body);
}

.rules__name {
  margin: var(--s-3) 0 0;
  font-size: var(--t-h3);
  line-height: var(--lh-h3);
  font-weight: var(--w-medium);
  color: var(--text);
}

.rules__note {
  margin: 6px 0 0;
  font-size: var(--t-body);
  line-height: 22px;
  font-weight: var(--w-medium);
  color: var(--text-body);
}

@media (prefers-reduced-motion: reduce) {
  .rules__more svg { transition: none; }
  .rules__more:hover svg { transform: none; }
}

@media (max-width: 720px) {
  .rules { padding: var(--s-12) 0 0; }
  .rules__head {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--s-4);
  }
  .rules__title { line-height: var(--lh-h1); }
  .rules__more { margin-bottom: 0; }
  .rules__grid {
    margin-top: var(--s-6);
    grid-template-columns: 1fr;
    gap: var(--s-5);
  }
}

.cta { padding-block: var(--s-11) 30px; }

.cta__panel {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--s-9);
  min-height: 200px;
  padding: var(--s-9);
  overflow: hidden;
  border: 1px solid var(--line-strong);
  border-radius: var(--r-6);
  background: linear-gradient(137deg, #1a1b1e 4.87%, #0f1012 75.88%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.cta__art {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 198px;
  opacity: 0.5;
  pointer-events: none;
  -webkit-mask-image: none; mask-image: none;
}

.cta__text { position: relative; flex: 1 1 auto; min-width: 0; }
.cta__h { max-width: 560px; letter-spacing: -0.2px; }

.cta__act {
  position: relative;
  flex: 0 0 auto;
  width: 460px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.cta__form { display: flex; gap: var(--s-2); }
.cta__form .field {
  flex: 1 1 auto;
  min-width: 0;
  height: 44px;
  padding-inline: 14px;
  font-size: 15px;
}
.cta__btn {
  flex: 0 0 auto;
  height: 44px;
  padding-inline: 18px;
  font-size: 15px;
  white-space: nowrap;
}

.cta__note {
  margin-top: var(--s-3);
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
}

.cta__status { text-wrap: balance; }

.cta__live {
  width: 7px;
  height: 7px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #9aaaff;
  box-shadow: 0 0 10px rgba(154, 170, 255, 0.8);
}

.cta__act .consent { margin-top: var(--s-2); }

.cta__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2) var(--s-6);
}

.cta__arrow {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--t-body);
  font-weight: var(--w-medium);
  color: var(--text-body);
  transition: color var(--e-link);
}
.cta__arrow svg { transition: transform var(--e-link); }
.cta__arrow:hover { color: var(--text); }
.cta__arrow:hover svg { transform: translateX(2px); }

@media (prefers-reduced-motion: reduce) {
  .cta__arrow svg { transition: none; }
  .cta__arrow:hover svg { transform: none; }
}

@media (max-width: 1120px) {
  .cta__panel {
    flex-direction: column;
    align-items: stretch;
    gap: var(--s-7);
    min-height: 0;
    padding: var(--s-8) var(--s-9);
  }

  .cta__h { max-width: none; }

  .cta__act { width: 100%; max-width: 460px; }
}

@media (max-width: 720px) {
  .cta { padding-block: var(--s-9) var(--s-6); }

  .cta__panel {
    gap: var(--s-6);
    padding: var(--s-6);
  }

  .cta__form { flex-direction: column; }
  .cta__btn { width: 100%; }

  .cta__note { align-items: flex-start; }
  .cta__live { margin-top: 6px; }
}