/* Mount Inflection cross-page normalization layer */

:root {
  --mi-page-max: 1180px;
  --mi-page-pad-x: 22px;
  --mi-header-gap: 28px;
  --mi-section-gap: 70px;
  --mi-card-radius: 26px;
}

/* Make all pages feel like the same site */
body {
  font-size: 16px;
  line-height: 1.58;
}

.wrap {
  max-width: var(--mi-page-max) !important;
  margin: 0 auto !important;
  padding: 28px var(--mi-page-pad-x) 58px !important;
}

header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 18px !important;
  margin-bottom: var(--mi-header-gap) !important;
}

.brand img {
  width: 58px !important;
  height: 44px !important;
  object-fit: contain !important;
}

nav {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 18px !important;
}

nav a {
  font-size: 14px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Normalize page hero typography */
main h1 {
  font-size: clamp(42px, 5.6vw, 68px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  margin-top: 0 !important;
  margin-bottom: 22px !important;
  max-width: 900px;
}

main h2 {
  font-size: clamp(30px, 4vw, 46px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.048em !important;
}

.lead,
.section-lead,
.hero-lead,
.hero-copy {
  font-size: clamp(18px, 2vw, 21px) !important;
  line-height: 1.55 !important;
  color: var(--muted, #bac8d3) !important;
  max-width: 860px !important;
}

/* Normalize content section spacing */
section.content,
.faq-hero,
.tier-hero {
  margin-top: 0 !important;
  margin-bottom: 34px !important;
}

.content {
  max-width: 1180px !important;
}

/* Normalize cards */
.card,
.panel,
.tier,
.faq-card,
.coming-soon-card,
.signup-panel,
.pricing-note,
.faq-boundary,
.faq-final-note {
  border-radius: var(--mi-card-radius) !important;
}

.card p,
.panel p,
.tier p,
.faq-card p,
.coming-soon-card p {
  font-size: 16px !important;
  line-height: 1.58 !important;
}

/* Normalize CTA sizing */
.button,
button.button {
  min-height: 52px !important;
  padding: 14px 22px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

/* FAQ page: keep it calm and symmetric */
.faq-grid {
  align-items: stretch !important;
}

.faq-card {
  min-height: 220px;
}

.faq-card h3 {
  font-size: 21px !important;
}

/* Tiers page: keep all tier cards visually balanced */
.tier-grid {
  align-items: stretch !important;
}

.tier {
  min-height: 700px;
}

/* Mobile consistency */
@media (max-width: 860px) {
  header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  nav {
    justify-content: flex-start !important;
    gap: 12px !important;
  }

  main h1 {
    font-size: clamp(42px, 12vw, 60px) !important;
  }

  .tier {
    min-height: auto;
  }

  .faq-card {
    min-height: auto;
  }
}

/* Final cross-page symmetry pass */

body {
  min-width: 320px;
}

.wrap {
  width: min(1180px, calc(100% - 44px)) !important;
  max-width: 1180px !important;
  padding-top: 28px !important;
  padding-bottom: 58px !important;
}

header {
  min-height: 58px !important;
  margin-bottom: 42px !important;
}

.brand {
  min-width: max-content;
}

.brand span {
  font-size: 18px !important;
  font-weight: 850 !important;
  letter-spacing: -.025em !important;
}

.brand img {
  width: 52px !important;
  height: 42px !important;
  object-fit: contain !important;
}

nav {
  row-gap: 10px !important;
  column-gap: 18px !important;
}

nav a {
  font-size: 14px !important;
  font-weight: 700 !important;
  opacity: .92;
}

main {
  display: block;
}

main > section:first-child {
  margin-top: 0 !important;
}

.kicker {
  font-size: 12px !important;
  letter-spacing: .14em !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

main h1 {
  font-size: clamp(44px, 5.4vw, 68px) !important;
  line-height: .98 !important;
  letter-spacing: -.058em !important;
  margin-bottom: 20px !important;
}

main h2 {
  font-size: clamp(30px, 3.8vw, 44px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.048em !important;
}

main h3 {
  letter-spacing: -.025em !important;
}

.lead,
.hero-lead,
.section-lead {
  font-size: clamp(18px, 1.8vw, 21px) !important;
  line-height: 1.55 !important;
  max-width: 880px !important;
}

.card,
.tier,
.faq-card,
.coming-soon-card,
.signup-panel,
.pricing-note,
.faq-boundary,
.faq-final-note,
.positioning-card {
  border-radius: 26px !important;
}

.button,
button.button,
a.button {
  min-height: 52px !important;
  padding: 14px 22px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}

.cta-row,
.page-actions,
.button-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  align-items: center !important;
  margin-top: 26px !important;
}

footer {
  margin-top: 72px !important;
  padding-top: 24px !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

/* Page-specific symmetry */
.faq-grid,
.tier-grid {
  gap: 18px !important;
}

.faq-card {
  min-height: 220px !important;
}

.tier {
  min-height: 700px !important;
}

.signup-panel {
  align-items: stretch !important;
}

@media (max-width: 940px) {
  .wrap {
    width: min(100% - 32px, 1180px) !important;
  }

  header {
    align-items: flex-start !important;
    flex-direction: column !important;
    margin-bottom: 34px !important;
  }

  nav {
    justify-content: flex-start !important;
  }

  main h1 {
    font-size: clamp(40px, 11vw, 58px) !important;
  }

  .tier,
  .faq-card {
    min-height: auto !important;
  }

  .button,
  button.button,
  a.button {
    width: 100%;
    justify-content: center;
  }
}

/* How-it-works flow polish */
.engine-card {
  align-self: stretch;
}

.compact-flow .flow-step {
  padding: 16px 0;
}

.compact-flow .flow-step span {
  line-height: 1.48;
}

@media (min-width: 920px) {
  .engine-card {
    min-height: 100%;
  }
}


/* How-it-works: non-numbered BrainWave engine overview */
.engine-points {
  gap: 13px !important;
}

.engine-point {
  display: block !important;
  grid-template-columns: none !important;
  padding: 16px 18px !important;
}

.engine-point b {
  font-size: 16px;
  margin-bottom: 5px;
}

.engine-point span {
  display: block;
  line-height: 1.48;
}

.engine-point .flow-num {
  display: none !important;
}













/* How-it-works hero image: larger professional flow visual */
.engine-visual-card {
  padding: 0 !important;
  width: 100% !important;
  max-width: 520px !important;
  justify-self: end !important;
  align-self: center !important;
  aspect-ratio: 0.72 / 1 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(142,233,246,.14), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.028)) !important;
}

.engine-visual-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Keep hero CTAs clean */
.hero .cta {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin-top: 30px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}

.hero .cta .button {
  width: auto !important;
}

@media (max-width: 1000px) {
  .engine-visual-card {
    max-width: 100% !important;
    justify-self: stretch !important;
    aspect-ratio: 4 / 5 !important;
  }

  .hero .cta .button {
    width: 100% !important;
  }
}


/* How-it-works hero image: clean vertical infographic */
.engine-visual-card {
  padding: 0 !important;
  width: 100% !important;
  max-width: 500px !important;
  justify-self: end !important;
  align-self: center !important;
  aspect-ratio: 2 / 3 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(142,233,246,.14), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.028)) !important;
}

.engine-visual-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

.hero .cta {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin-top: 30px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}

.hero .cta .button {
  width: auto !important;
}

@media (max-width: 1000px) {
  .engine-visual-card {
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  .hero .cta .button {
    width: 100% !important;
  }
}

/* How-it-works: non-numbered signal state cards */
.signal-state-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 26px;
}

.signal-state-card {
  position: relative;
  min-height: 180px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 24px;
  padding: 20px;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.032));
  overflow: hidden;
}

.signal-state-card::after {
  content: "";
  position: absolute;
  right: -44px;
  bottom: -44px;
  width: 140px;
  height: 140px;
  border-radius: 999px;
  background: rgba(32,199,173,.08);
  filter: blur(18px);
}

.signal-state-card h3 {
  position: relative;
  z-index: 1;
  margin: 0 0 8px;
  font-size: 21px;
  letter-spacing: -.035em;
}

.signal-state-card p {
  position: relative;
  z-index: 1;
  color: var(--muted);
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}

@media (max-width: 1000px) {
  .signal-state-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .signal-state-grid {
    grid-template-columns: 1fr;
  }

  .signal-state-card {
    min-height: auto;
  }
}


/* Homepage Action Flow nutshell section */
.action-flow-section {
  margin-top: 34px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 34px;
  padding: 30px;
  background:
    radial-gradient(circle at 82% 0%, rgba(32,199,173,.12), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.026));
  box-shadow: 0 24px 80px rgba(0,0,0,.28);
}

.action-flow-copy {
  margin-bottom: 22px;
}

.action-flow-copy h2 {
  max-width: 980px;
}

.action-flow-image {
  border: 1px solid rgba(142,233,246,.20);
  border-radius: 30px;
  overflow: hidden;
  background: rgba(0,0,0,.22);
  box-shadow: 0 24px 70px rgba(0,0,0,.30);
}

.action-flow-image img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 760px) {
  .action-flow-section {
    padding: 22px;
    border-radius: 28px;
  }

  .action-flow-image {
    border-radius: 24px;
  }
}

/* Tiers copy/layout tuning */
.tier h2,
.tier h3 {
  text-wrap: balance;
}

.tier .price:empty,
.tier strong:empty {
  display: none !important;
}

.tier {
  display: flex !important;
  flex-direction: column !important;
}

.tier .button {
  margin-top: auto !important;
}

@media (min-width: 900px) {
  .tier-grid {
    align-items: stretch !important;
  }

  .tier {
    min-height: 720px !important;
  }
}


/* Homepage hero: modern wordless tech-market background */
.hero-full {
  background:
    linear-gradient(90deg, rgba(3,8,13,.94) 0%, rgba(3,8,13,.82) 42%, rgba(3,8,13,.42) 72%, rgba(3,8,13,.22) 100%),
    url("hero_signal_tech_bg.svg") center / cover no-repeat !important;
}

.hero-full-inner {
  max-width: 760px !important;
}

/* Confirm / unsubscribe transition pages */
.confirm-shell,
.unsubscribe-shell {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 34px;
  padding: 54px;
  background:
    linear-gradient(90deg, rgba(3,8,13,.94) 0%, rgba(3,8,13,.78) 48%, rgba(3,8,13,.25) 100%),
    url("path_signal_growth.svg") center / cover no-repeat;
  box-shadow: 0 24px 80px rgba(0,0,0,.30);
}

.confirm-shell h1,
.unsubscribe-shell h1 {
  max-width: 760px;
}

.confirm-shell .section-lead,
.unsubscribe-shell .section-lead {
  max-width: 760px;
}

.confirm-status-card {
  margin-top: 28px;
  max-width: 620px;
  border: 1px solid rgba(142,233,246,.20);
  border-radius: 24px;
  padding: 22px;
  background: rgba(0,0,0,.22);
}

.confirm-status-card strong {
  display: block;
  color: var(--text);
  margin-bottom: 6px;
}

.confirm-status-card span {
  color: var(--muted);
}

@media (max-width: 760px) {
  .confirm-shell,
  .unsubscribe-shell {
    padding: 28px;
    min-height: 420px;
  }
}

/* Signup page width correction */
.signup-card,
.signup-panel,
.signup-form-card,
form#free-signup-form {
  max-width: none;
}

.signup-grid,
.signup-box,
.signup-card {
  width: min(100%, 920px) !important;
}

@media (min-width: 900px) {
  .signup-card,
  .signup-box {
    display: grid !important;
    grid-template-columns: .9fr 1.1fr !important;
    gap: 32px !important;
    align-items: center !important;
  }
}

#free-signup-form input[type="email"] {
  width: 100% !important;
}

#free-signup-form button {
  width: 100% !important;
}

/* Signup page: widen and balance the join panel */
.signup-panel {
  width: min(100%, 980px) !important;
  max-width: 980px !important;
  display: grid !important;
  grid-template-columns: .85fr 1.15fr !important;
  gap: 34px !important;
  align-items: center !important;
  padding: 34px !important;
}

.signup-form {
  width: 100% !important;
  max-width: none !important;
}

.signup-form input[type="email"],
.signup-form button {
  width: 100% !important;
}

@media (max-width: 850px) {
  .signup-panel {
    grid-template-columns: 1fr !important;
    padding: 24px !important;
  }
}

/* Premium / Pro coming soon pages */
.coming-card,
.coming-panel,
.launch-card {
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 34px !important;
  padding: 34px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(32,199,173,.12), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.026)) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.28) !important;
}

.premium-grid,
.pro-grid,
.coming-grid {
  display: grid !important;
  gap: 16px !important;
}

.premium-grid > *,
.pro-grid > *,
.coming-grid > *,
.feature-row {
  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 20px !important;
  padding: 18px 20px !important;
  background: rgba(0,0,0,.18) !important;
}

.premium-grid h3,
.pro-grid h3,
.coming-grid h3,
.feature-row h3 {
  margin-top: 0 !important;
}

/* Signup page: final width/placement correction */
.signup-page .signup-panel,
main .signup-panel {
  width: min(100%, 1040px) !important;
  max-width: 1040px !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: minmax(280px, .85fr) minmax(420px, 1.15fr) !important;
  gap: 42px !important;
  align-items: center !important;
  padding: 38px !important;
}

.signup-panel .signup-form,
.signup-panel form,
#free-signup-form {
  width: 100% !important;
  max-width: none !important;
}

.signup-panel input,
.signup-panel button,
#free-signup-form input,
#free-signup-form button {
  width: 100% !important;
  max-width: none !important;
}

.signup-panel input[type="email"],
#free-signup-form input[type="email"] {
  min-height: 58px !important;
}

.signup-panel button,
#free-signup-form button {
  min-height: 62px !important;
}

@media (max-width: 900px) {
  .signup-page .signup-panel,
  main .signup-panel {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    padding: 26px !important;
    gap: 22px !important;
  }
}

/* Premium / Pro coming soon: actual card structure */
.coming-soon-card {
  max-width: 1040px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 34px !important;
  padding: 36px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(32,199,173,.12), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.026)) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.28) !important;
}

.coming-soon-card h2 {
  margin: 0 0 24px !important;
  font-size: clamp(32px, 4vw, 48px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.055em !important;
}

.coming-soon-card .feature-row,
.coming-soon-card > div:not(:first-child),
.coming-soon-card li {
  border-radius: 20px !important;
}

.coming-soon-card .feature-row {
  border: 1px solid rgba(255,255,255,.11) !important;
  padding: 18px 20px !important;
  background: rgba(0,0,0,.18) !important;
  margin-bottom: 14px !important;
}

.coming-soon-card .feature-row strong {
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 18px !important;
}

.coming-soon-card .feature-row p {
  margin: 0 !important;
  color: var(--muted) !important;
}

.coming-soon-card .cta,
.coming-soon-card .button-row {
  margin-top: 26px !important;
  display: flex !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

@media (max-width: 760px) {
  .coming-soon-card {
    padding: 24px !important;
  }
}

/* Signup page: prevent form/button bleed and rebalance columns */
.hero-full .signup-panel {
  width: min(100%, 860px) !important;
  max-width: 860px !important;
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 34px !important;
  padding: 34px 38px !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

.hero-full .signup-panel > * {
  min-width: 0 !important;
}

.hero-full .signup-form,
.hero-full #free-signup-form {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.hero-full #free-signup-form input[type="email"],
.hero-full #free-signup-form button {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  .hero-full .signup-panel {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
    padding: 26px !important;
  }
}

/* FINAL signup card correction: contained form, no visual bleed */
.hero-full .signup-panel {
  width: min(100%, 900px) !important;
  max-width: 900px !important;
  display: grid !important;
  grid-template-columns: 300px 1fr !important;
  gap: 34px !important;
  align-items: center !important;
  padding: 34px 38px !important;
  box-sizing: border-box !important;

  /* make the card feel like its own object, not part of the background */
  background:
    linear-gradient(145deg, rgba(5,11,18,.88), rgba(5,11,18,.70)) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 30px !important;
  backdrop-filter: blur(8px) !important;
  overflow: hidden !important;
}

.hero-full .signup-panel > * {
  min-width: 0 !important;
}

.hero-full .signup-form {
  width: 100% !important;
  max-width: 520px !important;
  justify-self: end !important;
  box-sizing: border-box !important;
}

.hero-full #free-signup-form {
  width: 100% !important;
  max-width: 520px !important;
  box-sizing: border-box !important;
}

.hero-full #free-signup-form input[type="email"] {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 58px !important;
  box-sizing: border-box !important;
}

.hero-full #free-signup-form button {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 60px !important;
  box-sizing: border-box !important;
  white-space: normal !important;
}

/* dim the hero image behind the signup card so it does not compete */
.signup-page .hero-full,
body:has(#free-signup-form) .hero-full {
  background:
    linear-gradient(90deg, rgba(3,8,13,.96) 0%, rgba(3,8,13,.86) 45%, rgba(3,8,13,.46) 75%, rgba(3,8,13,.28) 100%),
    url("hero_signal_tech_bg.svg") center / cover no-repeat !important;
}

@media (max-width: 900px) {
  .hero-full .signup-panel {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
    padding: 26px !important;
    gap: 24px !important;
  }

  .hero-full .signup-form,
  .hero-full #free-signup-form {
    max-width: 100% !important;
    justify-self: stretch !important;
  }
}

/* FINAL signup hero glass-card correction */
body:has(#free-signup-form) .signup-panel,
.hero-full .signup-panel {
  width: min(100%, 900px) !important;
  max-width: 900px !important;
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 34px !important;
  align-items: center !important;
  padding: 34px 38px !important;
  box-sizing: border-box !important;

  /* glass, not slab */
  background:
    linear-gradient(145deg, rgba(5,11,18,.58), rgba(5,11,18,.34)) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 30px !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  overflow: hidden !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.22) !important;
}

body:has(#free-signup-form) .signup-panel > *,
.hero-full .signup-panel > * {
  min-width: 0 !important;
}

body:has(#free-signup-form) .signup-form,
body:has(#free-signup-form) #free-signup-form,
.hero-full .signup-form,
.hero-full #free-signup-form {
  width: 100% !important;
  max-width: 460px !important;
  min-width: 0 !important;
  justify-self: end !important;
  box-sizing: border-box !important;
}

body:has(#free-signup-form) #free-signup-form input[type="email"],
body:has(#free-signup-form) #free-signup-form button,
.hero-full #free-signup-form input[type="email"],
.hero-full #free-signup-form button {
  width: 100% !important;
  max-width: 460px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body:has(#free-signup-form) #free-signup-form button,
.hero-full #free-signup-form button {
  min-height: 58px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
  white-space: normal !important;
}

/* Let the hero show through more on signup */
body:has(#free-signup-form) .hero-full {
  background:
    linear-gradient(90deg, rgba(3,8,13,.88) 0%, rgba(3,8,13,.70) 42%, rgba(3,8,13,.30) 74%, rgba(3,8,13,.16) 100%),
    url("hero_signal_tech_bg.svg") center / cover no-repeat !important;
}

@media (max-width: 900px) {
  body:has(#free-signup-form) .signup-panel,
  .hero-full .signup-panel {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 26px !important;
    gap: 24px !important;
  }

  body:has(#free-signup-form) .signup-form,
  body:has(#free-signup-form) #free-signup-form,
  .hero-full .signup-form,
  .hero-full #free-signup-form {
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  body:has(#free-signup-form) #free-signup-form input[type="email"],
  body:has(#free-signup-form) #free-signup-form button,
  .hero-full #free-signup-form input[type="email"],
  .hero-full #free-signup-form button {
    max-width: 100% !important;
  }
}

/* Mobile nav: prevent awkward two-line wrapping */
@media (max-width: 760px) {
  header {
    align-items: flex-start !important;
    gap: 14px !important;
  }

  header nav {
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 10px !important;
    padding-bottom: 6px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  header nav::-webkit-scrollbar {
    display: none;
  }

  header nav a {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    padding: 8px 10px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.08);
  }
}

/* Global mobile nav: prevent awkward wrapping on iPhone */
@media (max-width: 820px) {
  header {
    align-items: flex-start !important;
    gap: 14px !important;
  }

  header nav {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 10px !important;
    padding: 4px 0 8px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  header nav::-webkit-scrollbar {
    display: none !important;
  }

  header nav a {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    line-height: 1 !important;
    padding: 8px 10px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }
}

/* FINAL global iPhone/mobile header nav fix */
@media (max-width: 900px) {
  body header,
  .wrap > header,
  header {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  body header .brand,
  .wrap > header .brand,
  header .brand {
    width: fit-content !important;
    max-width: 100% !important;
  }

  body header nav,
  .wrap > header nav,
  header nav {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 9px !important;
    padding: 2px 0 9px !important;
    margin: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body header nav::-webkit-scrollbar,
  .wrap > header nav::-webkit-scrollbar,
  header nav::-webkit-scrollbar {
    display: none !important;
  }

  body header nav a,
  .wrap > header nav a,
  header nav a {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    font-size: 12.5px !important;
    line-height: 1 !important;
    padding: 8px 10px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }
}

/* FINAL mobile top nav simplification:
   keep primary actions in header; full nav remains in footer */
@media (max-width: 760px) {
  header nav {
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    gap: 8px !important;
    padding: 4px 0 0 !important;
  }

  header nav a {
    flex: 0 1 auto !important;
    white-space: nowrap !important;
    font-size: 12.5px !important;
    padding: 8px 10px !important;
  }

  /* Hide lower-priority header links on mobile.
     Full navigation still exists in the footer. */
  header nav a:nth-child(n+4) {
    display: none !important;
  }
}

/* Mobile nav: show first 4 primary links */
@media (max-width: 760px) {
  header nav a:nth-child(n+5) {
    display: none !important;
  }

  header nav a:nth-child(4) {
    display: inline-flex !important;
  }
}

/* Mobile nav: show How it works, Tiers, Free signup, FAQ, X */
@media (max-width: 760px) {
  header nav a:nth-child(5) {
    display: none !important; /* About */
  }

  header nav a:nth-child(6) {
    display: inline-flex !important; /* X */
  }

  header nav a:nth-child(n+7) {
    display: none !important; /* Legal and anything after */
  }

  header nav {
    gap: 7px !important;
  }

  header nav a {
    font-size: 12px !important;
    padding: 8px 9px !important;
  }
}

/* Sample Views page */
.proof-intro {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 28px;
  padding: 30px;
  background:
    radial-gradient(circle at 88% 0%, rgba(32,199,173,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
}

.tier-sample-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 34px 0;
}

.tier-sample-card {
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 28px;
  padding: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.024));
  box-shadow: 0 20px 70px rgba(0,0,0,.22);
}

.tier-sample-card.featured {
  border-color: rgba(142,233,246,.28);
  background:
    radial-gradient(circle at 92% 0%, rgba(32,199,173,.12), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.030));
}

.tier-label {
  color: #8ee9f6;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.tier-sample-card h2 {
  margin-top: 0;
}

.tier-sample-card ul,
.trust-box ul {
  color: var(--muted);
  line-height: 1.65;
  padding-left: 18px;
}

.mock-newsletter-card {
  margin-top: 22px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 22px;
  padding: 18px;
  background: rgba(0,0,0,.22);
}

.mock-newsletter-card.large {
  margin-top: 0;
}

.mock-title {
  color: var(--text);
  font-weight: 900;
  letter-spacing: .08em;
  font-size: 12px;
  margin-bottom: 14px;
}

.mock-title.spaced {
  margin-top: 20px;
}

.mock-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: var(--muted);
}

.mock-row strong {
  color: var(--text);
  text-align: right;
}

.mock-rule {
  color: var(--text);
  font-weight: 750;
  margin-top: 14px;
}

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

.issue-jump-card {
  display: block;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 24px;
  padding: 20px;
  background: rgba(0,0,0,.18);
}

.issue-jump-card strong {
  display: block;
  color: var(--text);
  margin-bottom: 8px;
}

.issue-jump-card span {
  color: var(--muted);
  line-height: 1.55;
}

.sample-issue-detail {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 22px;
  align-items: start;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 30px;
  padding: 26px;
  margin: 22px 0;
  background:
    radial-gradient(circle at 92% 0%, rgba(32,199,173,.10), transparent 38%),
    rgba(255,255,255,.025);
}

.sample-issue-copy h2 {
  margin-top: 0;
}

.trust-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 34px 0;
}

.trust-box {
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 28px;
  padding: 26px;
  background: rgba(255,255,255,.035);
}

.lifecycle-flow {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0;
}

.lifecycle-flow span {
  border: 1px solid rgba(142,233,246,.18);
  border-radius: 999px;
  padding: 10px 13px;
  color: var(--text);
  background: rgba(0,0,0,.18);
  font-size: 13px;
  font-weight: 750;
}

.final-cta {
  margin-top: 34px;
  border: 1px solid rgba(142,233,246,.20);
  border-radius: 32px;
  padding: 34px;
  background:
    radial-gradient(circle at 88% 0%, rgba(32,199,173,.13), transparent 40%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.026));
}

@media (max-width: 900px) {
  .tier-sample-grid,
  .trust-grid,
  .issue-sequence-grid,
  .sample-issue-detail {
    grid-template-columns: 1fr;
  }
}

/* Mobile header after adding Samples:
   show How it works, Tiers, Free signup, Samples, X */
@media (max-width: 760px) {
  header nav a:nth-child(5) {
    display: none !important; /* FAQ */
  }

  header nav a:nth-child(6) {
    display: inline-flex !important; /* X */
  }

  header nav a:nth-child(n+7) {
    display: none !important; /* Legal and later */
  }
}

/* Actual newsletter structure preview */
.newsletter-preview-section {
  margin: 38px 0;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 32px;
  padding: 30px;
  background:
    radial-gradient(circle at 90% 0%, rgba(32,199,173,.11), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.022));
}

.newsletter-preview-frame {
  margin-top: 24px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 28px;
  overflow: hidden;
  background: #071019;
  box-shadow: 0 24px 80px rgba(0,0,0,.28);
}

.newsletter-preview-top {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 24px;
  border-bottom: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 92% 0%, rgba(32,199,173,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.025));
}

.preview-brand {
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.03em;
}

.preview-tier {
  margin-top: 8px;
  color: #8ee9f6;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
}

.preview-badge {
  border: 1px solid rgba(142,233,246,.22);
  border-radius: 999px;
  padding: 8px 12px;
  color: #8ee9f6;
  font-size: 12px;
  font-weight: 850;
  background: rgba(0,0,0,.18);
}

.preview-alert {
  padding: 14px 24px;
  color: var(--text);
  background: rgba(32,199,173,.10);
  border-bottom: 1px solid rgba(255,255,255,.10);
  font-size: 14px;
  line-height: 1.55;
}

.preview-block {
  padding: 22px 24px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.preview-block h3 {
  margin: 0 0 14px;
}

.preview-label {
  color: #8ee9f6;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.preview-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.preview-stat-grid div {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,.035);
}

.preview-stat-grid span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  margin-bottom: 6px;
}

.preview-stat-grid strong {
  color: var(--text);
  font-size: 20px;
}

.preview-rule {
  color: var(--text);
  font-weight: 800;
}

.preview-table {
  margin-top: 14px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  overflow: hidden;
}

.preview-table-head,
.preview-table-row {
  display: grid;
  grid-template-columns: .55fr .75fr 1.7fr;
  gap: 12px;
  padding: 12px 14px;
}

.preview-table-head {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(255,255,255,.055);
}

.preview-table-row {
  color: var(--muted);
  border-top: 1px solid rgba(255,255,255,.08);
}

.preview-table-row span:first-child {
  color: var(--text);
  font-weight: 850;
}

.two-col-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.preview-footer-note {
  padding: 18px 24px;
  color: #8394a4;
  font-size: 12px;
  line-height: 1.55;
  background: rgba(0,0,0,.20);
}

@media (max-width: 760px) {
  .newsletter-preview-section {
    padding: 22px;
  }

  .newsletter-preview-top,
  .preview-block {
    padding: 18px;
  }

  .preview-stat-grid,
  .two-col-preview {
    grid-template-columns: 1fr;
  }

  .preview-table-head,
  .preview-table-row {
    grid-template-columns: .55fr .75fr 1.4fr;
    gap: 8px;
    font-size: 12px;
  }
}

/* Sample newsletter repair v8 */
.newsletter-sample {
  max-width: 860px;
  margin: 28px auto;
}

.sample-top {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  border-bottom: 1px solid var(--line, rgba(255,255,255,.12));
  padding-bottom: 18px;
  margin-bottom: 18px;
}

.sample-top h2 {
  margin: 0;
}

.sample-pill,
.tag {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  border: 1px solid var(--line, rgba(255,255,255,.14));
  white-space: nowrap;
}

.risk-note,
.sample-note {
  color: var(--muted, rgba(255,255,255,.72));
  line-height: 1.55;
}

.risk-note {
  border-left: 3px solid var(--accent, rgba(255,255,255,.35));
  padding: 12px 14px;
  margin-bottom: 16px;
  border-radius: 12px;
  background: rgba(255,255,255,.045);
}

.sample-block {
  border: 1px solid var(--line, rgba(255,255,255,.12));
  border-radius: 16px;
  padding: 16px;
  margin-top: 14px;
  background: rgba(255,255,255,.035);
}

.sample-block h3 {
  margin-top: 0;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.metric-grid div {
  border: 1px solid var(--line, rgba(255,255,255,.1));
  border-radius: 14px;
  padding: 14px;
}

.metric-grid strong {
  display: block;
  font-size: 24px;
}

.metric-grid span,
.sample-disclaimer {
  color: var(--muted, rgba(255,255,255,.65));
}

.sample-table {
  display: grid;
  gap: 0;
}

.sample-row {
  display: grid;
  grid-template-columns: .7fr .9fr 2fr;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid var(--line, rgba(255,255,255,.09));
  align-items: start;
}

.sample-head {
  color: var(--muted, rgba(255,255,255,.6));
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .08em;
}

.tag-sell {
  background: rgba(255,120,120,.12);
}

.tag-buy {
  background: rgba(120,220,170,.10);
}

.sample-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.sample-disclaimer {
  font-size: 13px;
  line-height: 1.5;
  margin-top: 18px;
}

@media (max-width: 760px) {
  .sample-top,
  .sample-two {
    display: block;
  }

  .metric-grid {
    grid-template-columns: 1fr;
  }

  .sample-row {
    grid-template-columns: .6fr .9fr 1.6fr;
    gap: 8px;
    font-size: 13px;
  }
}

/* Samples width repair v9 */
.samples-page {
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.samples-page .hero,
.samples-hero {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.newsletter-sample {
  max-width: 720px !important;
  margin: 32px auto !important;
  padding: 22px !important;
}

.samples-page .grid.three,
.samples-page .grid.two {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.sample-row {
  grid-template-columns: 72px 110px 1fr !important;
}

.sample-table {
  overflow-x: auto !important;
}

.sample-block {
  width: auto !important;
}

@media (max-width: 760px) {
  .samples-page {
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .newsletter-sample {
    max-width: 100% !important;
    padding: 16px !important;
  }

  .sample-row {
    grid-template-columns: 58px 92px minmax(180px, 1fr) !important;
    font-size: 12.5px !important;
  }
}

/* Samples hard repair v10: do not inherit homepage hero */
.samples-page {
  max-width: 980px;
  margin: 0 auto;
}

.samples-hero-card {
  position: relative;
  overflow: hidden;
  max-width: 860px;
  min-height: auto;
  margin: 10px auto 24px;
  padding: 56px 42px;
  border: 1px solid var(--line);
  border-radius: 34px;
  background:
    linear-gradient(90deg, rgba(5,7,11,.92), rgba(5,7,11,.66), rgba(5,7,11,.22)),
    url("assets/hero_signal_tech_bg.svg") center / cover no-repeat;
  box-shadow: 0 28px 90px rgba(0,0,0,.38);
}

.samples-hero-card h1 {
  max-width: 640px;
  font-size: clamp(42px, 5.3vw, 64px);
  line-height: .98;
  margin: 0 0 22px;
}

.samples-hero-card .lede {
  max-width: 620px;
  color: var(--muted);
  font-size: 18px;
  margin: 0;
}

.samples-hero-card .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.sample-note,
.newsletter-sample,
.final-cta {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.newsletter-sample {
  margin-top: 34px;
}

.samples-page .grid.three,
.samples-page .grid.two {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.sample-row {
  grid-template-columns: 72px 110px 1fr !important;
}

@media (max-width: 760px) {
  .samples-hero-card {
    padding: 36px 22px;
    border-radius: 26px;
  }

  .samples-hero-card h1 {
    font-size: clamp(38px, 12vw, 56px);
  }

  .sample-row {
    grid-template-columns: 56px 92px minmax(160px, 1fr) !important;
    font-size: 12.5px;
  }
}


/* Stage03 newsletter sample v11 START */
.mi-stage03-section {
  max-width: 820px !important;
  margin: 34px auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.mi-email-frame {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.mi-email-preview {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.11), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.032)) !important;
  box-shadow: 0 26px 84px rgba(0,0,0,.38) !important;
  color: var(--text, #f6f8fb) !important;
}

.mi-email-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 22px 24px !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(32,199,173,.16), transparent 38%),
    rgba(0,0,0,.18) !important;
}

.mi-brand-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.mi-email-logo {
  width: 44px !important;
  height: 36px !important;
  object-fit: contain !important;
  border-radius: 10px !important;
  padding: 4px 6px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  background: rgba(0,0,0,.25) !important;
}

.mi-brand-name {
  font-weight: 850 !important;
  letter-spacing: -.015em !important;
  line-height: 1.05 !important;
  color: #f6f8fb !important;
}

.mi-powered {
  margin-top: 3px !important;
  font-size: 12px !important;
  color: rgba(186,200,211,.78) !important;
}

.mi-tier-badge,
.mi-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  font-style: normal !important;
  font-weight: 850 !important;
}

.mi-tier-badge {
  padding: 7px 11px !important;
  border: 1px solid rgba(142,233,246,.26) !important;
  color: #c8fff7 !important;
  background: rgba(32,199,173,.10) !important;
  font-size: 11px !important;
  letter-spacing: .08em !important;
}

.mi-email-title {
  padding: 24px 24px 18px !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
}

.mi-kicker {
  margin: 0 0 8px !important;
  color: var(--accent2, #8ee9f6) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

.mi-email-title h2 {
  margin: 0 0 10px !important;
  max-width: none !important;
  color: #f6f8fb !important;
  font-size: clamp(28px, 4.4vw, 42px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
}

.mi-email-title p,
.mi-rule,
.mi-email-footer {
  color: rgba(186,200,211,.82) !important;
  line-height: 1.52 !important;
}

.mi-email-title p {
  margin: 0 !important;
  font-size: 14px !important;
}

.mi-alert {
  margin: 18px 24px 0 !important;
  padding: 13px 15px !important;
  border-left: 3px solid rgba(32,199,173,.72) !important;
  border-radius: 14px !important;
  background: rgba(32,199,173,.075) !important;
  color: rgba(246,248,251,.90) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.mi-card {
  margin: 14px 24px 0 !important;
  padding: 16px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 18px !important;
  background: rgba(0,0,0,.18) !important;
  box-shadow: none !important;
  min-height: 0 !important;
}

.mi-section-head {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

.mi-section-head h3 {
  margin: 0 !important;
  color: #f6f8fb !important;
  font-size: 17px !important;
  line-height: 1.15 !important;
  letter-spacing: -.025em !important;
}

.mi-section-head span {
  color: rgba(142,233,246,.78) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.mi-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
}

.mi-stat {
  padding: 13px 12px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.045) !important;
  min-width: 0 !important;
}

.mi-stat b {
  display: block !important;
  margin-bottom: 3px !important;
  color: #f6f8fb !important;
  font-size: 22px !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
}

.mi-stat span {
  display: block !important;
  color: rgba(186,200,211,.72) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

.mi-rule {
  margin: 0 0 12px !important;
  font-size: 13.5px !important;
}

.mi-table {
  width: 100% !important;
  display: grid !important;
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

.mi-tr {
  display: grid !important;
  align-items: start !important;
  gap: 10px !important;
  padding: 11px 12px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(186,200,211,.86) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.mi-tr:first-child {
  border-top: 0 !important;
}

.mi-th {
  background: rgba(255,255,255,.045) !important;
  color: rgba(142,233,246,.82) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

.mi-sell-table .mi-tr {
  grid-template-columns: 54px 76px 54px 48px minmax(0, 1fr) !important;
}

.mi-setup-table .mi-tr {
  grid-template-columns: 58px 82px 52px minmax(0, 1fr) !important;
}

.mi-rank-table .mi-tr {
  grid-template-columns: 44px 58px 58px minmax(0, 1fr) !important;
}

.mi-ticker {
  color: #f6f8fb !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}

.mi-pill {
  padding: 4px 8px !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

.mi-sell {
  color: #ffd0d0 !important;
  background: rgba(255,120,120,.13) !important;
  border-color: rgba(255,120,120,.28) !important;
}

.mi-buy {
  color: #c8fff7 !important;
  background: rgba(32,199,173,.13) !important;
  border-color: rgba(32,199,173,.28) !important;
}

.mi-pos {
  color: #b8fff3 !important;
  font-weight: 900 !important;
}

.mi-neg {
  color: #ffb8b8 !important;
  font-weight: 900 !important;
}

.mi-pulse-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  margin: 14px 24px 0 !important;
}

.mi-pulse-grid .mi-card {
  margin: 0 !important;
}

.mi-pulse-list {
  display: grid !important;
  gap: 9px !important;
}

.mi-pulse-list div {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-bottom: 9px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.mi-pulse-list div:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.mi-pulse-list span {
  color: rgba(186,200,211,.72) !important;
  font-size: 13px !important;
}

.mi-pulse-list b {
  color: #f6f8fb !important;
  font-size: 13px !important;
  text-align: right !important;
}

.mi-risk-list {
  margin: 0 !important;
  padding-left: 18px !important;
  color: rgba(186,200,211,.86) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.mi-risk-list li {
  margin: 0 0 5px !important;
}

.mi-email-footer {
  margin: 18px 24px 24px !important;
  padding-top: 15px !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  font-size: 12px !important;
  color: rgba(186,200,211,.62) !important;
}

@media (max-width: 760px) {
  .mi-stage03-section {
    max-width: 100% !important;
    margin-top: 26px !important;
  }

  .mi-email-preview {
    max-width: 100% !important;
    border-radius: 22px !important;
  }

  .mi-email-header,
  .mi-email-title {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .mi-email-header {
    align-items: flex-start !important;
  }

  .mi-email-logo {
    width: 40px !important;
    height: 32px !important;
  }

  .mi-email-title h2 {
    font-size: 30px !important;
  }

  .mi-alert,
  .mi-card,
  .mi-pulse-grid,
  .mi-email-footer {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }

  .mi-card {
    padding: 14px !important;
  }

  .mi-section-head {
    display: block !important;
  }

  .mi-section-head span {
    display: block !important;
    margin-top: 5px !important;
  }

  .mi-stat-grid,
  .mi-pulse-grid {
    grid-template-columns: 1fr !important;
  }

  .mi-table {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .mi-tr {
    min-width: 620px !important;
    font-size: 12.5px !important;
  }

  .mi-sell-table .mi-tr {
    grid-template-columns: 50px 70px 50px 42px 360px !important;
  }

  .mi-setup-table .mi-tr {
    grid-template-columns: 54px 78px 48px 390px !important;
  }

  .mi-rank-table .mi-tr {
    grid-template-columns: 42px 54px 52px 420px !important;
  }
}
/* Stage03 newsletter sample v11 END */


/* Premium Pro sample previews v12 START */
.mi-tier-preview-stack {
  max-width: 820px !important;
  margin: 30px auto 0 !important;
  display: grid !important;
  gap: 26px !important;
}

.mi-mini-preview {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 0 22px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.030)) !important;
  box-shadow: 0 24px 78px rgba(0,0,0,.34) !important;
}

.mi-premium-preview {
  border-color: rgba(142,233,246,.20) !important;
}

.mi-pro-preview {
  border-color: rgba(32,199,173,.28) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(32,199,173,.15), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.032)) !important;
}

.mi-mini-top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 18px !important;
  padding: 24px 24px 20px !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(0,0,0,.14) !important;
}

.mi-mini-top h2 {
  margin: 0 0 10px !important;
  max-width: none !important;
  font-size: clamp(28px, 4.2vw, 40px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
}

.mi-mini-top p:not(.mi-kicker) {
  max-width: 620px !important;
  margin: 0 !important;
  color: rgba(186,200,211,.82) !important;
  font-size: 14px !important;
  line-height: 1.52 !important;
}

.mi-pro-badge {
  border-color: rgba(32,199,173,.38) !important;
  background: rgba(32,199,173,.15) !important;
}

.mi-mini-alert {
  margin-top: 18px !important;
}

.mi-stat-grid-5 {
  grid-template-columns: repeat(5, 1fr) !important;
}

.mi-premium-action-table .mi-tr {
  grid-template-columns: 52px 58px 76px 50px 42px 62px minmax(0, 1fr) !important;
}

.mi-pro-action-table .mi-tr {
  grid-template-columns: 50px 54px 74px 46px 42px 46px 128px minmax(0, 1fr) !important;
}

.mi-pro-rank-table .mi-tr {
  grid-template-columns: 42px 56px 56px 48px 88px 92px minmax(0, 1fr) !important;
}

.mi-pro-open-table .mi-tr {
  grid-template-columns: 56px 58px 50px 42px 88px minmax(0, 1fr) !important;
}

.mi-crypto {
  color: #d7c8ff !important;
  background: rgba(150,120,255,.15) !important;
  border-color: rgba(150,120,255,.30) !important;
}

@media (max-width: 760px) {
  .mi-tier-preview-stack {
    max-width: 100% !important;
    gap: 22px !important;
  }

  .mi-mini-preview {
    max-width: 100% !important;
    border-radius: 22px !important;
  }

  .mi-mini-top {
    display: block !important;
    padding: 20px 16px 18px !important;
  }

  .mi-mini-top .mi-tier-badge {
    margin-top: 14px !important;
  }

  .mi-mini-top h2 {
    font-size: 30px !important;
  }

  .mi-stat-grid-5 {
    grid-template-columns: 1fr !important;
  }

  .mi-premium-action-table .mi-tr {
    min-width: 820px !important;
    grid-template-columns: 48px 56px 72px 48px 40px 60px 420px !important;
  }

  .mi-pro-action-table .mi-tr {
    min-width: 1040px !important;
    grid-template-columns: 48px 54px 72px 46px 40px 46px 128px 560px !important;
  }

  .mi-pro-rank-table .mi-tr {
    min-width: 900px !important;
    grid-template-columns: 40px 54px 56px 46px 86px 92px 500px !important;
  }

  .mi-pro-open-table .mi-tr {
    min-width: 820px !important;
    grid-template-columns: 54px 58px 48px 40px 88px 460px !important;
  }
}
/* Premium Pro sample previews v12 END */


/* Real Premium Pro newsletter samples v13 START */
.mi-tier-newsletter-stack {
  max-width: 820px !important;
  margin: 34px auto 0 !important;
  display: grid !important;
  gap: 34px !important;
}

.mi-premium-newsletter-section,
.mi-pro-newsletter-section {
  margin-top: 0 !important;
}

.mi-email-premium-preview {
  border-color: rgba(142,233,246,.22) !important;
}

.mi-email-pro-preview {
  border-color: rgba(32,199,173,.30) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(32,199,173,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.032)) !important;
}

.mi-premium-badge {
  border-color: rgba(142,233,246,.30) !important;
  background: rgba(142,233,246,.10) !important;
}

.mi-pro-badge {
  border-color: rgba(32,199,173,.42) !important;
  background: rgba(32,199,173,.16) !important;
}

.mi-premium-stat-grid {
  grid-template-columns: repeat(4, 1fr) !important;
}

.mi-premium-real-table .mi-tr {
  grid-template-columns: 54px 62px 84px 52px 44px 64px minmax(0, 1fr) !important;
}

.mi-premium-queue-table .mi-tr {
  grid-template-columns: 64px 58px 70px minmax(0, 1fr) !important;
}

.mi-pro-real-action-table .mi-tr {
  grid-template-columns: 50px 56px 84px 50px 44px 52px 142px minmax(0, 1fr) !important;
}

.mi-pro-real-rank-table .mi-tr {
  grid-template-columns: 44px 58px 58px 52px 70px 104px 132px minmax(0, 1fr) !important;
}

.mi-pro-real-open-table .mi-tr {
  grid-template-columns: 58px 58px 52px 44px 92px 88px minmax(0, 1fr) !important;
}

.mi-crypto {
  color: #d7c8ff !important;
  background: rgba(150,120,255,.15) !important;
  border-color: rgba(150,120,255,.30) !important;
}

@media (max-width: 760px) {
  .mi-tier-newsletter-stack {
    max-width: 100% !important;
    gap: 28px !important;
  }

  .mi-premium-real-table .mi-tr {
    min-width: 850px !important;
    grid-template-columns: 50px 58px 80px 50px 42px 62px 430px !important;
  }

  .mi-premium-queue-table .mi-tr {
    min-width: 700px !important;
    grid-template-columns: 60px 56px 70px 490px !important;
  }

  .mi-pro-real-action-table .mi-tr {
    min-width: 1080px !important;
    grid-template-columns: 48px 54px 82px 48px 42px 50px 142px 620px !important;
  }

  .mi-pro-real-rank-table .mi-tr {
    min-width: 1120px !important;
    grid-template-columns: 42px 56px 58px 50px 70px 104px 132px 608px !important;
  }

  .mi-pro-real-open-table .mi-tr {
    min-width: 940px !important;
    grid-template-columns: 56px 58px 50px 42px 92px 86px 520px !important;
  }
}
/* Real Premium Pro newsletter samples v13 END */


/* Samples hero and newsletter width repair v14 START */

/* Restore a real hero feel on Samples, with the same SVG/candle energy as home. */
.samples-page {
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.samples-hero-card {
  position: relative !important;
  overflow: hidden !important;
  max-width: 1040px !important;
  min-height: 500px !important;
  margin: 10px auto 28px !important;
  padding: 64px 48px !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 36px !important;
  background:
    linear-gradient(90deg, rgba(5,7,11,.94) 0%, rgba(5,7,11,.76) 44%, rgba(5,7,11,.34) 76%, rgba(5,7,11,.10) 100%),
    url("assets/hero_signal_tech_bg.svg") center / cover no-repeat !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.38) !important;
}

.samples-hero-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 82% 12%, rgba(32,199,173,.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(0,0,0,.16)) !important;
}

.samples-hero-card > * {
  position: relative !important;
  z-index: 2 !important;
}

.samples-hero-card h1 {
  max-width: 760px !important;
  font-size: clamp(42px, 6.1vw, 72px) !important;
  line-height: .98 !important;
  letter-spacing: -.052em !important;
  margin: 0 0 24px !important;
}

.samples-hero-card .lede {
  max-width: 760px !important;
  color: #d3dee7 !important;
  font-size: clamp(18px, 2.2vw, 22px) !important;
  line-height: 1.48 !important;
  margin: 0 !important;
}

.samples-hero-card .hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 32px !important;
}

/* Give the newsletter samples the same visual footprint as the hero. */
.mi-stage03-section,
.mi-tier-newsletter-stack {
  max-width: 1040px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.mi-email-frame {
  max-width: 1040px !important;
  width: 100% !important;
}

.mi-email-preview,
.mi-email-premium-preview,
.mi-email-pro-preview {
  max-width: 1040px !important;
  width: 100% !important;
}

/* Slightly roomier cards for real newsletter feel. */
.mi-card {
  margin-left: 24px !important;
  margin-right: 24px !important;
  padding: 18px !important;
}

.mi-email-title,
.mi-email-header {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.mi-alert,
.mi-email-footer {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

/* Keep table rows dense, but stop reason/context fields from getting crushed. */
.mi-tr {
  gap: 9px !important;
  font-size: 12.8px !important;
  line-height: 1.32 !important;
}

.mi-th {
  font-size: 10.2px !important;
}

/* Free sample tables */
.mi-sell-table .mi-tr {
  grid-template-columns: 58px 78px 58px 48px minmax(420px, 1fr) !important;
}

.mi-setup-table .mi-tr {
  grid-template-columns: 62px 88px 54px minmax(500px, 1fr) !important;
}

.mi-rank-table .mi-tr {
  grid-template-columns: 44px 62px 58px minmax(560px, 1fr) !important;
}

/* Premium actual sample */
.mi-premium-real-table .mi-tr {
  grid-template-columns: 54px 64px 88px 54px 46px 70px minmax(500px, 1fr) !important;
}

.mi-premium-queue-table .mi-tr {
  grid-template-columns: 68px 62px 76px minmax(680px, 1fr) !important;
}

/* Pro actual sample */
.mi-pro-real-action-table .mi-tr {
  grid-template-columns: 54px 60px 88px 52px 46px 54px 160px minmax(520px, 1fr) !important;
}

.mi-pro-real-rank-table .mi-tr {
  grid-template-columns: 46px 62px 62px 54px 78px 116px 150px minmax(500px, 1fr) !important;
}

.mi-pro-real-open-table .mi-tr {
  grid-template-columns: 62px 62px 54px 46px 104px 96px minmax(560px, 1fr) !important;
}

/* Make wide rows scroll inside the card instead of compressing text. */
.mi-table {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.mi-table .mi-tr {
  min-width: 900px !important;
}

.mi-premium-real-table .mi-tr {
  min-width: 1030px !important;
}

.mi-premium-queue-table .mi-tr {
  min-width: 900px !important;
}

.mi-pro-real-action-table .mi-tr {
  min-width: 1220px !important;
}

.mi-pro-real-rank-table .mi-tr {
  min-width: 1220px !important;
}

.mi-pro-real-open-table .mi-tr {
  min-width: 1080px !important;
}

/* More legible fields. */
.mi-ticker {
  letter-spacing: .025em !important;
}

.mi-pos,
.mi-neg {
  white-space: nowrap !important;
}

.mi-pill {
  white-space: nowrap !important;
}

/* Keep pulse cards aligned with the wider email. */
.mi-pulse-grid {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

/* Mobile: preserve width through horizontal scroll, not ugly wrapping. */
@media (max-width: 760px) {
  .samples-page {
    max-width: 100% !important;
  }

  .samples-hero-card {
    max-width: 100% !important;
    min-height: 560px !important;
    padding: 42px 24px !important;
    border-radius: 28px !important;
    background:
      linear-gradient(180deg, rgba(5,7,11,.94) 0%, rgba(5,7,11,.80) 52%, rgba(5,7,11,.42) 100%),
      url("assets/hero_signal_tech_bg.svg") center bottom / cover no-repeat !important;
  }

  .samples-hero-card h1 {
    font-size: clamp(42px, 13vw, 66px) !important;
  }

  .mi-email-title,
  .mi-email-header {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .mi-alert,
  .mi-card,
  .mi-pulse-grid,
  .mi-email-footer {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }

  .mi-card {
    padding: 14px !important;
  }

  .mi-table .mi-tr {
    font-size: 12.2px !important;
  }

  .mi-sell-table .mi-tr,
  .mi-setup-table .mi-tr,
  .mi-rank-table .mi-tr,
  .mi-premium-real-table .mi-tr,
  .mi-premium-queue-table .mi-tr,
  .mi-pro-real-action-table .mi-tr,
  .mi-pro-real-rank-table .mi-tr,
  .mi-pro-real-open-table .mi-tr {
    min-width: 880px !important;
  }

  .mi-pro-real-action-table .mi-tr,
  .mi-pro-real-rank-table .mi-tr {
    min-width: 1180px !important;
  }
}

/* Samples hero and newsletter width repair v14 END */


/* Free watchlist cleanup v15 START */

/* One aligned Free watchlist table instead of duplicated setup/rank tables. */
.mi-free-watchlist-table .mi-tr {
  grid-template-columns: 46px 68px 90px 58px minmax(520px, 1fr) !important;
  min-width: 860px !important;
}

.mi-free-watchlist-table .mi-th {
  align-items: center !important;
}

/* Tighten table rhythm so the sample feels less noisy. */
.mi-email-preview .mi-card {
  margin-top: 13px !important;
}

.mi-email-preview .mi-section-head {
  margin-bottom: 10px !important;
}

.mi-email-preview .mi-tr {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Keep context text readable instead of crushed/wrapped awkwardly. */
.mi-free-watchlist-table .mi-tr span:last-child,
.mi-sell-table .mi-tr span:last-child,
.mi-premium-real-table .mi-tr span:last-child,
.mi-pro-real-action-table .mi-tr span:last-child,
.mi-pro-real-rank-table .mi-tr span:last-child,
.mi-pro-real-open-table .mi-tr span:last-child {
  line-height: 1.35 !important;
}

/* Make small fields visually consistent across tables. */
.mi-table .mi-tr > span {
  min-width: 0 !important;
}

.mi-table .mi-th > span {
  color: rgba(142,233,246,.84) !important;
}

@media (max-width: 760px) {
  .mi-free-watchlist-table .mi-tr {
    min-width: 900px !important;
    grid-template-columns: 44px 64px 88px 56px 620px !important;
  }
}

/* Free watchlist cleanup v15 END */


/* Samples hero svg and note fix v16 START */

/* Force the Samples hero to use the same candle/SVG background as the homepage. */
.samples-hero-card {
  background-image:
    linear-gradient(90deg, rgba(5,7,11,.94) 0%, rgba(5,7,11,.76) 42%, rgba(5,7,11,.34) 74%, rgba(5,7,11,.10) 100%),
    url("/assets/hero_signal_tech_bg.svg") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* Add visual depth so the SVG/candle side is visible instead of flattened. */
.samples-hero-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 78% 14%, rgba(142,233,246,.18), transparent 32%),
    radial-gradient(circle at 84% 74%, rgba(32,199,173,.10), transparent 34%) !important;
  z-index: 1 !important;
}

.samples-hero-card::after {
  z-index: 1 !important;
}

.samples-hero-card > * {
  position: relative !important;
  z-index: 2 !important;
}

/* Turn the note below hero into a compact one-line pill/card. */
.sample-note {
  max-width: 1040px !important;
  margin: 0 auto 28px !important;
  padding: 12px 18px !important;
  border-radius: 999px !important;
  text-align: center !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: rgba(186,200,211,.82) !important;
  white-space: normal !important;
  overflow: hidden !important;
}

/* Keep it one line on desktop when possible. */
@media (min-width: 900px) {
  .sample-note {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }
}

@media (max-width: 760px) {
  .samples-hero-card {
    background-image:
      linear-gradient(180deg, rgba(5,7,11,.94) 0%, rgba(5,7,11,.80) 52%, rgba(5,7,11,.42) 100%),
      url("/assets/hero_signal_tech_bg.svg") !important;
    background-position: center bottom !important;
  }

  .sample-note {
    border-radius: 18px !important;
    text-align: left !important;
    white-space: normal !important;
  }
}

/* Samples hero svg and note fix v16 END */


/* Site-wide symmetry polish v1 */
.hero-proof-line {
  margin-top: -4px !important;
  margin-bottom: 14px !important;
  color: rgba(142,233,246,.88) !important;
  font-weight: 650 !important;
}

nav {
  align-items: center;
}

nav a {
  white-space: nowrap;
}

section.content,
.action-flow-section,
.home-tier-strip,
.home-links,
.signup-panel,
.preview-grid,
.blackbox,
.signal-preview {
  scroll-margin-top: 24px;
}

.content h1,
.content h2,
.action-flow-copy h2,
.home-link-card h3,
.tier-mini h3,
.card h3 {
  text-wrap: balance;
}

.section-lead,
.card p,
.tier-mini p,
.home-link-card p {
  max-width: 760px;
}

.card,
.tier-mini,
.home-link-card,
.newsletter-card,
.pulse-card,
.blackbox,
.signup-panel {
  border-color: rgba(255,255,255,.13);
}

.mi-email-title p,
.mi-mini-top p,
.section-lead,
.hero-lead {
  text-wrap: pretty;
}

/* A reusable compact page header for the next page rewrites */
.page-hero-compact {
  border: 1px solid var(--line);
  border-radius: 32px;
  padding: 46px 38px;
  background:
    radial-gradient(circle at 92% 0%, rgba(32,199,173,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.024));
  box-shadow: 0 22px 70px rgba(0,0,0,.28);
  margin: 10px 0 28px;
}

.page-hero-compact h1 {
  margin-bottom: 18px;
}

.page-hero-compact p {
  color: var(--muted);
  max-width: 780px;
  font-size: 18px;
}

.symmetry-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.symmetry-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.symmetry-card {
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 22px;
  background:
    radial-gradient(circle at 92% 0%, rgba(32,199,173,.07), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.022));
}

.symmetry-card h3 {
  margin: 0 0 8px;
  font-size: 22px;
  letter-spacing: -.035em;
}

.symmetry-card p,
.symmetry-card li {
  color: var(--muted);
}

.symmetry-card ul {
  margin: 12px 0 0;
  padding-left: 19px;
}

.symmetry-card.featured {
  border-color: rgba(32,199,173,.34);
  background:
    radial-gradient(circle at 92% 0%, rgba(32,199,173,.14), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.030));
}

.symmetry-cta {
  margin-top: 28px;
  border: 1px solid rgba(142,233,246,.24);
  border-radius: 28px;
  padding: 26px;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.13), transparent 36%),
    rgba(255,255,255,.04);
}

.symmetry-cta h2 {
  margin-bottom: 10px;
}

@media (max-width: 900px) {
  .symmetry-grid-3,
  .symmetry-grid-2 {
    grid-template-columns: 1fr;
  }

  .page-hero-compact {
    padding: 34px 24px;
    border-radius: 26px;
  }

  nav {
    gap: 12px;
  }
}

/* Site-wide symmetry polish v1 END */

/* Desktop/mobile nav repair v2 */
@media (min-width: 721px) {
  .nav-desktop-extra {
    display: inline-flex !important;
  }
}

@media (max-width: 720px) {
  nav .nav-desktop-extra {
    display: none !important;
  }

  nav {
    gap: 12px !important;
  }

  nav a {
    font-size: 14px !important;
  }
}
/* Desktop/mobile nav repair v2 END */

/* Site polish v3: Samples proof routing */
.featured-proof-card {
  border-color: rgba(32,199,173,.34) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(32,199,173,.14), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.030)) !important;
}

.tiers-sample-bumper {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  margin: 10px 0 30px;
  padding: 26px;
  border: 1px solid rgba(142,233,246,.24);
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.13), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.024));
  box-shadow: 0 18px 55px rgba(0,0,0,.22);
}

.tiers-sample-bumper h2 {
  margin: 0 0 10px;
  font-size: clamp(28px, 4vw, 42px);
  max-width: 760px;
}

.tiers-sample-bumper p {
  margin: 0;
  color: var(--muted);
  max-width: 760px;
}

@media (max-width: 850px) {
  .tiers-sample-bumper {
    grid-template-columns: 1fr;
  }

  .tiers-sample-bumper .button {
    width: fit-content;
  }
}
/* Site polish v3 END */

/* Site polish v3: Samples proof routing */
.featured-proof-card {
  border-color: rgba(32,199,173,.34) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(32,199,173,.14), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.030)) !important;
}

.tiers-sample-bumper {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  margin: 10px 0 30px;
  padding: 26px;
  border: 1px solid rgba(142,233,246,.24);
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.13), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.024));
  box-shadow: 0 18px 55px rgba(0,0,0,.22);
}

.tiers-sample-bumper h2 {
  margin: 0 0 10px;
  font-size: clamp(28px, 4vw, 42px);
  max-width: 760px;
}

.tiers-sample-bumper p {
  margin: 0;
  color: var(--muted);
  max-width: 760px;
}

@media (max-width: 850px) {
  .tiers-sample-bumper {
    grid-template-columns: 1fr;
  }

  .tiers-sample-bumper .button {
    width: fit-content;
  }
}
/* Site polish v3 END */

/* Site polish v4: Samples proof routing */
.featured-proof-card {
  border-color: rgba(32,199,173,.34) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(32,199,173,.14), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.030)) !important;
}

.tiers-sample-bumper {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  margin: 10px 0 30px;
  padding: 26px;
  border: 1px solid rgba(142,233,246,.24);
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.13), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.024));
  box-shadow: 0 18px 55px rgba(0,0,0,.22);
}

.tiers-sample-bumper h2 {
  margin: 0 0 10px;
  font-size: clamp(28px, 4vw, 42px);
  max-width: 760px;
}

.tiers-sample-bumper p {
  margin: 0;
  color: var(--muted);
  max-width: 760px;
}

@media (max-width: 850px) {
  .tiers-sample-bumper {
    grid-template-columns: 1fr;
  }

  .tiers-sample-bumper .button {
    width: fit-content;
  }
}
/* Site polish v4 END */

/* Site polish v5: homepage proof grid + tiers bumper placement */
.home-links-proof-grid {
  grid-template-columns: repeat(2, 1fr) !important;
  align-items: stretch !important;
}

.home-links-proof-grid .home-link-card {
  min-height: 0 !important;
}

.tiers-sample-bumper {
  margin-top: 42px !important;
  margin-bottom: 4px !important;
}

@media (max-width: 800px) {
  .home-links-proof-grid {
    grid-template-columns: 1fr !important;
  }
}
/* Site polish v5 END */

/* Site polish v6: homepage bottom order */
.home-links-proof-grid {
  grid-template-columns: repeat(2, 1fr) !important;
  align-items: stretch !important;
  margin-top: 28px !important;
}

.home-links-proof-grid .home-link-card {
  min-height: 0 !important;
}

.home-tier-section {
  margin-top: 34px !important;
  padding-top: 34px !important;
  border-top: 1px solid var(--line) !important;
}

.home-tier-heading {
  margin-bottom: 18px !important;
}

.home-tier-heading h2 {
  max-width: 880px !important;
  margin: 0 !important;
  font-size: clamp(30px, 4.2vw, 46px) !important;
}

.home-tier-section .home-tier-strip {
  margin-top: 18px !important;
}

@media (max-width: 800px) {
  .home-links-proof-grid {
    grid-template-columns: 1fr !important;
  }
}
/* Site polish v6 END */

/* Tiers rewrite v1 */
.tiers-hero {
  margin-bottom: 28px !important;
}

.tiers-choice-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  align-items: stretch;
}

.tier-choice-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border: 1px solid var(--line);
  border-radius: 28px;
  padding: 24px;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.08), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
  box-shadow: 0 18px 55px rgba(0,0,0,.20);
}

.tier-choice-card.featured {
  border-color: rgba(32,199,173,.38);
  background:
    radial-gradient(circle at 92% 0%, rgba(32,199,173,.16), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.030));
}

.tier-choice-top h2 {
  margin: 14px 0 8px;
  font-size: clamp(28px, 3.6vw, 40px);
  letter-spacing: -.055em;
}

.tier-choice-top p {
  color: var(--muted);
  margin: 0 0 18px;
}

.tier-row {
  border-top: 1px solid rgba(255,255,255,.10);
  padding: 13px 0;
}

.tier-row b {
  display: block;
  color: var(--accent2);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .09em;
  margin-bottom: 4px;
}

.tier-row span {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.45;
}

.tier-button {
  margin-top: auto;
  width: fit-content;
}

.tiers-positioning {
  margin-top: 34px;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 0%, rgba(32,199,173,.08), transparent 34%),
    rgba(255,255,255,.04);
}

.tiers-positioning h2 {
  max-width: 900px;
  margin-bottom: 12px;
}

.tiers-positioning p {
  color: var(--muted);
  max-width: 820px;
}

@media (max-width: 950px) {
  .tiers-choice-grid {
    grid-template-columns: 1fr;
  }
}
/* Tiers rewrite v1 END */

/* Tiers cleanup v2 */
.tiers-disclaimer-band {
  margin-top: 26px;
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

.tiers-disclaimer-band strong {
  color: var(--text);
}
/* Tiers cleanup v2 END */

/* How It Works rewrite v1 */
.how-hero {
  margin-bottom: 28px !important;
}

.how-flow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 28px;
}

.how-step {
  border: 1px solid var(--line);
  border-radius: 26px;
  padding: 22px;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.08), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
  min-height: 218px;
}

.how-step.final {
  border-color: rgba(32,199,173,.34);
  background:
    radial-gradient(circle at 92% 0%, rgba(32,199,173,.14), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.030));
}

.how-step span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--accent2);
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .09em;
}

.how-step h3 {
  margin: 0 0 8px;
  font-size: 22px;
  letter-spacing: -.035em;
}

.how-step p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

.how-spine-panel {
  display: grid;
  grid-template-columns: 1fr .9fr;
  gap: 24px;
  align-items: start;
  margin-top: 34px;
  padding: 28px;
  border: 1px solid rgba(142,233,246,.24);
  border-radius: 30px;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.13), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.024));
}

.how-spine-panel h2 {
  margin-bottom: 12px;
}

.how-spine-panel p {
  color: var(--muted);
  max-width: 760px;
}

.how-spine-list {
  display: grid;
  gap: 10px;
}

.how-spine-list div {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  background: rgba(0,0,0,.16);
}

.how-spine-list b {
  color: var(--accent2);
}

.how-spine-list span {
  color: var(--muted);
}

.how-tier-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 34px;
}

.how-sample-cta {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  margin-top: 34px;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 0%, rgba(32,199,173,.08), transparent 34%),
    rgba(255,255,255,.04);
}

.how-sample-cta h2 {
  margin-bottom: 10px;
}

.how-sample-cta p {
  margin: 0;
  color: var(--muted);
  max-width: 760px;
}

@media (max-width: 950px) {
  .how-flow,
  .how-spine-panel,
  .how-tier-strip,
  .how-sample-cta {
    grid-template-columns: 1fr;
  }

  .how-sample-cta .button {
    width: fit-content;
  }
}
/* How It Works rewrite v1 END */

/* How It Works symmetry v2 */
.how-flow-8 {
  grid-template-columns: repeat(4, 1fr) !important;
}

.how-flow-8 .how-step {
  min-height: 228px !important;
}

.how-flow-8 .how-step h3 {
  min-height: 54px;
}

@media (max-width: 1100px) {
  .how-flow-8 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 680px) {
  .how-flow-8 {
    grid-template-columns: 1fr !important;
  }

  .how-flow-8 .how-step h3 {
    min-height: 0;
  }
}
/* How It Works symmetry v2 END */

/* How It Works hero SVG v3 */
.how-hero-svg {
  position: relative !important;
  overflow: hidden !important;
  min-height: 440px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  border-radius: 36px !important;
  padding: 64px 48px !important;
  background:
    linear-gradient(90deg, rgba(5,7,11,.94) 0%, rgba(5,7,11,.76) 42%, rgba(5,7,11,.34) 74%, rgba(5,7,11,.10) 100%),
    url("/assets/hero_signal_tech_bg.svg") center / cover no-repeat !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.38) !important;
}

.how-hero-svg::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 78% 14%, rgba(142,233,246,.18), transparent 32%),
    radial-gradient(circle at 84% 74%, rgba(32,199,173,.10), transparent 34%) !important;
  z-index: 1 !important;
}

.how-hero-svg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(0,0,0,.16)) !important;
  z-index: 1 !important;
}

.how-hero-svg > * {
  position: relative !important;
  z-index: 2 !important;
  max-width: 780px !important;
}

.how-hero-svg h1 {
  max-width: 780px !important;
  font-size: clamp(42px, 6.1vw, 72px) !important;
  line-height: .98 !important;
  letter-spacing: -.052em !important;
}

.how-hero-svg p {
  max-width: 760px !important;
  color: #d3dee7 !important;
  font-size: clamp(18px, 2.2vw, 22px) !important;
  line-height: 1.48 !important;
}

@media (max-width: 760px) {
  .how-hero-svg {
    min-height: 560px !important;
    padding: 42px 24px !important;
    border-radius: 28px !important;
    background:
      linear-gradient(180deg, rgba(5,7,11,.94) 0%, rgba(5,7,11,.80) 52%, rgba(5,7,11,.42) 100%),
      url("/assets/hero_signal_tech_bg.svg") center bottom / cover no-repeat !important;
  }

  .how-hero-svg h1 {
    font-size: clamp(42px, 13vw, 66px) !important;
  }
}
/* How It Works hero SVG v3 END */

/* FAQ rewrite v1 */
.faq-hero {
  margin-bottom: 34px !important;
}

.faq-group {
  margin-top: 36px;
  padding-top: 30px;
  border-top: 1px solid var(--line);
}

.faq-group:first-of-type {
  margin-top: 0;
}

.faq-group-head {
  margin-bottom: 18px;
}

.faq-group-head h2 {
  margin-bottom: 8px;
}

.faq-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.faq-card {
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 22px;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.08), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
  min-height: 168px;
}

.faq-card.featured {
  border-color: rgba(32,199,173,.34);
  background:
    radial-gradient(circle at 92% 0%, rgba(32,199,173,.14), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.030));
}

.faq-card h3 {
  margin: 0 0 8px;
  font-size: 22px;
  letter-spacing: -.035em;
}

.faq-card p {
  margin: 0;
  color: var(--muted);
}

.faq-cta {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  margin-top: 38px;
  padding: 26px;
  border: 1px solid rgba(142,233,246,.24);
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.13), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.024));
}

.faq-cta h2 {
  margin-bottom: 10px;
}

.faq-cta p {
  margin: 0;
  color: var(--muted);
  max-width: 760px;
}

@media (max-width: 850px) {
  .faq-grid,
  .faq-cta {
    grid-template-columns: 1fr;
  }

  .faq-cta .button {
    width: fit-content;
  }
}
/* FAQ rewrite v1 END */

/* FAQ density tune v2 */
.faq-group {
  margin-top: 30px !important;
  padding-top: 24px !important;
}

.faq-group-head {
  margin-bottom: 14px !important;
}

.faq-group-head h2 {
  font-size: clamp(28px, 3.8vw, 42px) !important;
  margin-bottom: 6px !important;
}

.faq-grid {
  gap: 12px !important;
}

.faq-card {
  min-height: 0 !important;
  padding: 16px 18px !important;
  border-radius: 20px !important;
}

.faq-card h3 {
  font-size: 18px !important;
  margin-bottom: 6px !important;
  letter-spacing: -.025em !important;
}

.faq-card p {
  font-size: 14px !important;
  line-height: 1.42 !important;
}

.faq-cta {
  margin-top: 30px !important;
  padding: 22px !important;
  border-radius: 24px !important;
}

.faq-cta h2 {
  font-size: clamp(28px, 3.8vw, 42px) !important;
}

/* FAQ density tune v2 END */

/* About rewrite v1 */
.about-hero {
  margin-bottom: 30px !important;
}

.about-core {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 18px;
  align-items: stretch;
}

.about-lead-card,
.about-principles,
.about-ladder,
.about-boundary {
  border: 1px solid var(--line);
  border-radius: 30px;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.024));
  box-shadow: 0 20px 60px rgba(0,0,0,.22);
}

.about-lead-card {
  padding: 30px;
}

.about-lead-card h2 {
  margin-bottom: 14px;
}

.about-lead-card p {
  color: var(--muted);
  max-width: 820px;
}

.about-principles {
  display: grid;
  gap: 10px;
  padding: 18px;
  align-content: center;
}

.about-principle {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  background: rgba(0,0,0,.16);
}

.about-principle b {
  color: var(--accent2);
  font-size: 13px;
  letter-spacing: .08em;
}

.about-principle span {
  color: var(--muted);
  font-weight: 700;
}

.about-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 28px;
}

.about-ladder {
  margin-top: 28px;
  padding: 28px;
}

.about-ladder h2 {
  margin-bottom: 18px;
}

.about-ladder-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.about-ladder-grid article {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  padding: 18px;
  background: rgba(0,0,0,.14);
}

.about-ladder-grid article.featured {
  border-color: rgba(32,199,173,.34);
  background: rgba(32,199,173,.07);
}

.about-ladder-grid h3 {
  margin: 12px 0 8px;
  font-size: 22px;
  letter-spacing: -.035em;
}

.about-ladder-grid p {
  color: var(--muted);
  margin: 0;
}

.about-boundary {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  margin-top: 28px;
  padding: 26px;
}

.about-boundary h2 {
  margin-bottom: 10px;
}

.about-boundary p {
  color: var(--muted);
  margin: 0;
  max-width: 760px;
}

@media (max-width: 950px) {
  .about-core,
  .about-grid,
  .about-ladder-grid,
  .about-boundary {
    grid-template-columns: 1fr;
  }

  .about-boundary .button {
    width: fit-content;
  }
}
/* About rewrite v1 END */

/* Signup rewrite v1 */
.signup-hero {
  margin-bottom: 30px !important;
}

.signup-layout {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 18px;
  align-items: stretch;
}

.signup-copy-card,
.signup-form-card,
.signup-after {
  border: 1px solid var(--line);
  border-radius: 30px;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.024));
  box-shadow: 0 20px 60px rgba(0,0,0,.22);
}

.signup-copy-card,
.signup-form-card {
  padding: 28px;
}

.signup-copy-card h2,
.signup-form-card h2 {
  margin-bottom: 14px;
}

.signup-form-card p {
  color: var(--muted);
}

.signup-feature-list {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.signup-feature-list div {
  padding: 14px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  background: rgba(0,0,0,.16);
}

.signup-feature-list b {
  display: block;
  color: var(--text);
  margin-bottom: 4px;
}

.signup-feature-list span {
  color: var(--muted);
  font-size: 14px;
}

.clean-signup-box {
  margin-top: 18px;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.signup-small {
  font-size: 13px;
  color: var(--soft) !important;
  margin-top: 14px;
}

.signup-after {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  margin-top: 28px;
  padding: 26px;
}

.signup-after h2 {
  margin-bottom: 10px;
}

.signup-after p {
  color: var(--muted);
  margin: 0;
  max-width: 760px;
}

.signup-tier-nudge {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 28px;
}

@media (max-width: 900px) {
  .signup-layout,
  .signup-after,
  .signup-tier-nudge {
    grid-template-columns: 1fr;
  }

  .signup-after .button {
    width: fit-content;
  }
}
/* Signup rewrite v1 END */

/* Signup form restore v2 */
.restored-subscribe-box {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.restored-subscribe-box iframe {
  width: 100% !important;
  min-height: 320px !important;
  border: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

.restored-subscribe-box form {
  width: 100% !important;
}
/* Signup form restore v2 END */

/* Signup above-fold split v3 */
.signup-hero-split {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: 20px;
  align-items: stretch;
  margin-top: 10px;
}

.signup-hero-copy,
.signup-form-card-hero {
  border: 1px solid var(--line);
  border-radius: 34px;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.11), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.026));
  box-shadow: 0 24px 72px rgba(0,0,0,.28);
}

.signup-hero-copy {
  min-height: 430px;
  padding: 54px 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.signup-hero-copy h1 {
  margin-bottom: 20px;
}

.signup-hero-copy p {
  color: var(--muted);
  font-size: 18px;
  max-width: 660px;
}

.signup-form-card-hero {
  padding: 34px;
}

.signup-form-card-hero h2 {
  margin: 0 0 10px;
}

.signup-form-card-hero p {
  margin: 0 0 18px;
  color: var(--muted);
}

.signup-mini-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 24px 0 8px;
}

.signup-mini-proof span {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  padding: 8px 11px;
  color: rgba(246,248,251,.88);
  background: rgba(255,255,255,.055);
  font-size: 13px;
  font-weight: 750;
}

.signup-form-card-hero .restored-subscribe-box {
  margin-top: 16px;
}

.signup-form-card-hero #free-signup-form {
  display: grid;
  gap: 12px;
}

.signup-form-card-hero #free-signup-form input[type="email"] {
  width: 100%;
  min-height: 52px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.22);
  color: var(--text);
  padding: 0 18px;
  font-size: 16px;
}

.signup-form-card-hero #free-signup-form button {
  min-height: 52px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--text);
  color: #050b12;
  font-weight: 850;
  cursor: pointer;
}

.signup-after-compact {
  margin-top: 22px !important;
  padding: 22px 24px !important;
}

.signup-after-compact h2 {
  font-size: clamp(26px, 3.4vw, 38px);
}

@media (max-width: 900px) {
  .signup-hero-split {
    grid-template-columns: 1fr;
  }

  .signup-hero-copy {
    min-height: 0;
    padding: 38px 24px;
  }

  .signup-form-card-hero {
    padding: 26px 22px;
  }
}
/* Signup above-fold split v3 END */

/* Signup simple hero v4 */
.signup-simple-panel {
  max-width: 900px;
  margin: 10px auto 0;
  padding: 44px;
  border: 1px solid var(--line);
  border-radius: 34px;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.13), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.028));
  box-shadow: 0 24px 72px rgba(0,0,0,.28);
}

.signup-simple-copy {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 24px;
}

.signup-simple-copy h1 {
  margin-bottom: 16px;
}

.signup-simple-copy p {
  color: var(--muted);
  font-size: 18px;
  margin: 0 auto;
  max-width: 620px;
}

.signup-simple-form {
  max-width: 560px;
  margin: 0 auto;
}

.signup-simple-form .restored-subscribe-box {
  margin: 0 !important;
}

.signup-simple-form #free-signup-form {
  display: grid;
  gap: 12px;
}

.signup-simple-form #free-signup-form input[type="email"] {
  width: 100%;
  min-height: 54px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.22);
  color: var(--text);
  padding: 0 18px;
  font-size: 16px;
}

.signup-simple-form #free-signup-form button {
  min-height: 54px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--text);
  color: #050b12;
  font-weight: 850;
  cursor: pointer;
}

.signup-simple-form .signup-message,
.signup-simple-form #signup-message {
  margin-top: 10px;
  color: var(--muted);
  font-size: 14px;
  text-align: center;
}

.signup-after-compact {
  max-width: 900px;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 760px) {
  .signup-simple-panel {
    padding: 32px 22px;
    border-radius: 28px;
  }

  .signup-simple-copy {
    text-align: left;
  }

  .signup-simple-copy h1 {
    font-size: clamp(40px, 12vw, 58px);
  }
}
/* Signup simple hero v4 END */

/* Signup SVG hero v5 */
.signup-svg-hero {
  position: relative !important;
  overflow: hidden !important;
  min-height: 560px !important;
  display: flex !important;
  align-items: center !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 36px !important;
  margin-top: 10px !important;
  padding: 58px 48px !important;
  background:
    linear-gradient(90deg, rgba(5,7,11,.94) 0%, rgba(5,7,11,.76) 42%, rgba(5,7,11,.34) 74%, rgba(5,7,11,.10) 100%),
    url("/assets/hero_signal_tech_bg.svg") center / cover no-repeat !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.38) !important;
}

.signup-svg-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 78% 14%, rgba(142,233,246,.18), transparent 32%),
    radial-gradient(circle at 84% 74%, rgba(32,199,173,.10), transparent 34%) !important;
  z-index: 1 !important;
}

.signup-svg-content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 680px !important;
}

.signup-svg-content h1 {
  max-width: 680px !important;
  font-size: clamp(42px, 6.1vw, 72px) !important;
  line-height: .98 !important;
  letter-spacing: -.052em !important;
  margin: 0 0 20px !important;
}

.signup-svg-content p {
  color: #d3dee7 !important;
  font-size: clamp(18px, 2.1vw, 22px) !important;
  line-height: 1.45 !important;
  max-width: 620px !important;
  margin: 0 0 24px !important;
}

.signup-hero-form-shell {
  max-width: 520px !important;
  padding: 18px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 24px !important;
  background: rgba(0,0,0,.28) !important;
  backdrop-filter: blur(10px) !important;
}

.signup-hero-form-shell #free-signup-form,
.signup-hero-form-shell .signup-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin: 0 !important;
  width: 100% !important;
  text-align: left !important;
}

.signup-hero-form-shell input[type="email"] {
  width: 100% !important;
  min-height: 54px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(0,0,0,.34) !important;
  color: var(--text) !important;
  padding: 0 18px !important;
  font-size: 16px !important;
  outline: none !important;
}

.signup-hero-form-shell button {
  width: 100% !important;
  min-height: 54px !important;
  border-radius: 999px !important;
  border: 1px solid var(--line) !important;
  background: var(--text) !important;
  color: #050b12 !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  text-align: center !important;
}

.signup-hero-form-shell .signup-message,
.signup-hero-form-shell #signup-message {
  margin: 2px 0 0 !important;
  color: rgba(186,200,211,.82) !important;
  font-size: 13px !important;
  text-align: center !important;
}

.signup-sample-link {
  max-width: 980px !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 24px !important;
  align-items: center !important;
  margin: 24px auto 0 !important;
  padding: 22px 24px !important;
  border: 1px solid rgba(142,233,246,.24) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.13), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.024)) !important;
}

.signup-sample-link h2 {
  margin: 0 0 8px !important;
  font-size: clamp(26px, 3.4vw, 38px) !important;
}

.signup-sample-link p {
  margin: 0 !important;
  color: var(--muted) !important;
}

@media (max-width: 760px) {
  .signup-svg-hero {
    min-height: 620px !important;
    padding: 42px 24px !important;
    border-radius: 28px !important;
    background:
      linear-gradient(180deg, rgba(5,7,11,.94) 0%, rgba(5,7,11,.80) 52%, rgba(5,7,11,.42) 100%),
      url("/assets/hero_signal_tech_bg.svg") center bottom / cover no-repeat !important;
  }

  .signup-svg-content h1 {
    font-size: clamp(42px, 13vw, 66px) !important;
  }

  .signup-sample-link {
    grid-template-columns: 1fr !important;
  }

  .signup-sample-link .button {
    width: fit-content !important;
  }
}
/* Signup SVG hero v5 END */

/* Final mobile/nav/sample cleanup v1 */

/* 1) Mobile nav: keep only the essential links so About/Legal/FAQ cannot fall off-screen. */
@media (max-width: 720px) {
  header {
    width: 100% !important;
  }

  header nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 10px 12px !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  header nav .nav-desktop-extra {
    display: none !important;
  }

  header nav a {
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
}

/* Desktop keeps full nav. */
@media (min-width: 721px) {
  header nav .nav-desktop-extra {
    display: inline-flex !important;
  }
}

/* 2) Prevent mobile sample pages from expanding the viewport. */
html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.wrap,
.samples-page,
.mi-stage03-section,
.mi-tier-newsletter-stack,
.mi-email-frame,
.mi-email-preview,
.mi-email-premium-preview,
.mi-email-pro-preview {
  max-width: 100% !important;
}

/* 3) On mobile, the wide newsletter tables should scroll inside their own card, not stretch the whole page. */
@media (max-width: 760px) {
  .mi-email-preview,
  .mi-email-premium-preview,
  .mi-email-pro-preview {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .mi-card {
    overflow: hidden !important;
  }

  .mi-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    border-radius: 14px !important;
  }

  .mi-table .mi-tr {
    width: max-content !important;
    max-width: none !important;
  }

  /* Free tables */
  .mi-sell-table .mi-tr {
    min-width: 760px !important;
  }

  .mi-free-watchlist-table .mi-tr,
  .mi-setup-table .mi-tr,
  .mi-rank-table .mi-tr {
    min-width: 780px !important;
  }

  /* Premium tables */
  .mi-premium-real-table .mi-tr {
    min-width: 900px !important;
  }

  .mi-premium-queue-table .mi-tr {
    min-width: 760px !important;
  }

  /* Pro tables */
  .mi-pro-real-action-table .mi-tr,
  .mi-pro-real-rank-table {
    min-width: 980px !important;
  }

  .mi-pro-real-rank-table .mi-tr {
    min-width: 980px !important;
  }

  .mi-pro-real-open-table .mi-tr {
    min-width: 860px !important;
  }

  /* Keep table text dense but readable on iPhone. */
  .mi-tr {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  .mi-th {
    font-size: 10px !important;
  }

  .mi-pill {
    font-size: 10.5px !important;
    padding: 4px 7px !important;
  }

  /* Give a subtle visual cue that tables scroll horizontally. */
  .mi-table::after {
    content: "Swipe table →";
    display: block;
    padding: 8px 10px;
    color: rgba(186,200,211,.58);
    font-size: 11px;
    text-align: right;
    background: rgba(0,0,0,.12);
  }
}

/* 4) Signup hero: avoid accidental horizontal overflow on mobile. */
@media (max-width: 760px) {
  .signup-svg-hero,
  .how-hero-svg,
  .samples-hero-card {
    max-width: 100% !important;
  }

  .signup-hero-form-shell,
  .signup-hero-form-shell form,
  .signup-hero-form-shell input,
  .signup-hero-form-shell button {
    max-width: 100% !important;
  }
}

/* Final mobile/nav/sample cleanup v1 END */

/* Final mobile repair v2 */

/* Undo the too-aggressive global max-width:100% override from finalmobile1. */
@media (min-width: 761px) {
  .wrap {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .samples-page {
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .samples-hero-card,
  .mi-stage03-section,
  .mi-tier-newsletter-stack,
  .mi-email-frame,
  .mi-email-preview,
  .mi-email-premium-preview,
  .mi-email-pro-preview {
    max-width: 1040px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Mobile nav: make it scroll horizontally instead of clipping/cutting off. */
@media (max-width: 720px) {
  header {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  header nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 4px !important;
  }

  header nav .nav-desktop-extra {
    display: none !important;
  }

  header nav a {
    flex: 0 0 auto !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
}

/* Mobile page containment: only apply on mobile, never desktop. */
@media (max-width: 760px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .wrap,
  main,
  .samples-page {
    width: 100% !important;
    max-width: 100% !important;
  }

  .samples-hero-card,
  .mi-stage03-section,
  .mi-tier-newsletter-stack,
  .mi-email-frame,
  .mi-email-preview,
  .mi-email-premium-preview,
  .mi-email-pro-preview {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
  }

  .mi-card {
    overflow: hidden !important;
  }

  .mi-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .mi-table .mi-tr {
    width: max-content !important;
    max-width: none !important;
  }

  .mi-sell-table .mi-tr {
    min-width: 760px !important;
  }

  .mi-free-watchlist-table .mi-tr {
    min-width: 820px !important;
  }

  .mi-premium-real-table .mi-tr {
    min-width: 940px !important;
  }

  .mi-premium-queue-table .mi-tr {
    min-width: 780px !important;
  }

  .mi-pro-real-action-table .mi-tr,
  .mi-pro-real-rank-table .mi-tr {
    min-width: 1080px !important;
  }

  .mi-pro-real-open-table .mi-tr {
    min-width: 920px !important;
  }

  .mi-tr {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  .mi-th {
    font-size: 10px !important;
  }
}

/* Keep desktop samples centered and not stretched after mobile repair. */
@media (min-width: 761px) {
  .mi-table {
    overflow-x: auto !important;
  }

  .mi-table .mi-tr {
    width: auto !important;
  }
}

/* Final mobile repair v2 END */

/* Copy/nav cleanup v1 */

/* Hard mobile nav cleanup by href. This catches About even if class tagging missed. */
@media (max-width: 720px) {
  header nav a[href="faq.html"],
  header nav a[href="about.html"],
  header nav a[href="legal.html"],
  header nav a[href="privacy.html"],
  header nav a[href="terms.html"] {
    display: none !important;
  }

  header nav {
    flex-wrap: wrap !important;
    overflow: visible !important;
    gap: 10px 12px !important;
    max-width: 100% !important;
  }

  header nav a {
    font-size: 13px !important;
    white-space: nowrap !important;
  }
}

/* Slight headline differentiation after copy cleanup */
.hero-full h1,
.how-hero-svg h1,
.about-hero h1 {
  text-wrap: balance;
}

/* Copy/nav cleanup v1 END */

/* Mobile sample table card layout v1 */
/* Mobile only: stop wide newsletter tables from spilling off-screen. */
@media (max-width: 760px) {
  .mi-email-preview .mi-table {
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .mi-email-preview .mi-table::after {
    display: none !important;
    content: none !important;
  }

  .mi-email-preview .mi-tr {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px 10px !important;
    padding: 10px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.035) !important;
    font-size: 11.5px !important;
    line-height: 1.25 !important;
  }

  .mi-email-preview .mi-th {
    display: none !important;
  }

  .mi-email-preview .mi-tr span {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .mi-email-preview .mi-tr span::before {
    display: block !important;
    margin-bottom: 2px !important;
    color: rgba(142,233,246,.78) !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  .mi-email-preview .mi-pill {
    font-size: 10px !important;
    padding: 3px 6px !important;
    line-height: 1.05 !important;
  }

  .mi-email-preview .mi-ticker {
    font-size: 12px !important;
  }

  /* Free sells: Ticker | Signal | P/L | Days | Reason */
  .mi-sell-table .mi-tr span:nth-child(1)::before { content: "Ticker"; }
  .mi-sell-table .mi-tr span:nth-child(2)::before { content: "Signal"; }
  .mi-sell-table .mi-tr span:nth-child(3)::before { content: "P/L"; }
  .mi-sell-table .mi-tr span:nth-child(4)::before { content: "Days"; }
  .mi-sell-table .mi-tr span:nth-child(5)::before { content: "Reason"; }
  .mi-sell-table .mi-tr span:nth-child(5) {
    grid-column: 1 / -1 !important;
  }

  /* Free watchlist: Rank | Ticker | Status | Score | Context */
  .mi-free-watchlist-table .mi-tr span:nth-child(1)::before { content: "Rank"; }
  .mi-free-watchlist-table .mi-tr span:nth-child(2)::before { content: "Ticker"; }
  .mi-free-watchlist-table .mi-tr span:nth-child(3)::before { content: "Status"; }
  .mi-free-watchlist-table .mi-tr span:nth-child(4)::before { content: "Score"; }
  .mi-free-watchlist-table .mi-tr span:nth-child(5)::before { content: "Context"; }
  .mi-free-watchlist-table .mi-tr span:nth-child(5) {
    grid-column: 1 / -1 !important;
  }

  /* Premium action: Ticker | Asset | Signal | P/L | Days | Size rail | Reason */
  .mi-premium-real-table .mi-tr {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mi-premium-real-table .mi-tr span:nth-child(1)::before { content: "Ticker"; }
  .mi-premium-real-table .mi-tr span:nth-child(2)::before { content: "Asset"; }
  .mi-premium-real-table .mi-tr span:nth-child(3)::before { content: "Signal"; }
  .mi-premium-real-table .mi-tr span:nth-child(4)::before { content: "P/L"; }
  .mi-premium-real-table .mi-tr span:nth-child(5)::before { content: "Days"; }
  .mi-premium-real-table .mi-tr span:nth-child(6)::before { content: "Size"; }
  .mi-premium-real-table .mi-tr span:nth-child(7)::before { content: "Reason"; }
  .mi-premium-real-table .mi-tr span:nth-child(7) {
    grid-column: 1 / -1 !important;
  }

  /* Premium queue: Priority | Ticker | Type | Read */
  .mi-premium-queue-table .mi-tr span:nth-child(1)::before { content: "Priority"; }
  .mi-premium-queue-table .mi-tr span:nth-child(2)::before { content: "Ticker"; }
  .mi-premium-queue-table .mi-tr span:nth-child(3)::before { content: "Type"; }
  .mi-premium-queue-table .mi-tr span:nth-child(4)::before { content: "Read"; }
  .mi-premium-queue-table .mi-tr span:nth-child(4) {
    grid-column: 1 / -1 !important;
  }

  /* Pro Action Today: Ticker | Asset | Signal | P/L | Days | Score | Allocation | Reason */
  .mi-pro-real-action-table .mi-tr {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mi-pro-real-action-table .mi-tr span:nth-child(1)::before { content: "Ticker"; }
  .mi-pro-real-action-table .mi-tr span:nth-child(2)::before { content: "Asset"; }
  .mi-pro-real-action-table .mi-tr span:nth-child(3)::before { content: "Signal"; }
  .mi-pro-real-action-table .mi-tr span:nth-child(4)::before { content: "P/L"; }
  .mi-pro-real-action-table .mi-tr span:nth-child(5)::before { content: "Days"; }
  .mi-pro-real-action-table .mi-tr span:nth-child(6)::before { content: "Score"; }
  .mi-pro-real-action-table .mi-tr span:nth-child(7)::before { content: "Allocation"; }
  .mi-pro-real-action-table .mi-tr span:nth-child(8)::before { content: "Reason"; }
  .mi-pro-real-action-table .mi-tr span:nth-child(7),
  .mi-pro-real-action-table .mi-tr span:nth-child(8) {
    grid-column: 1 / -1 !important;
  }

  /* Pro ranks: Rank | Ticker | Asset | Score | Signal age | Last state | Allocation | Operator read */
  .mi-pro-real-rank-table .mi-tr {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mi-pro-real-rank-table .mi-tr span:nth-child(1)::before { content: "Rank"; }
  .mi-pro-real-rank-table .mi-tr span:nth-child(2)::before { content: "Ticker"; }
  .mi-pro-real-rank-table .mi-tr span:nth-child(3)::before { content: "Asset"; }
  .mi-pro-real-rank-table .mi-tr span:nth-child(4)::before { content: "Score"; }
  .mi-pro-real-rank-table .mi-tr span:nth-child(5)::before { content: "Age"; }
  .mi-pro-real-rank-table .mi-tr span:nth-child(6)::before { content: "State"; }
  .mi-pro-real-rank-table .mi-tr span:nth-child(7)::before { content: "Allocation"; }
  .mi-pro-real-rank-table .mi-tr span:nth-child(8)::before { content: "Read"; }
  .mi-pro-real-rank-table .mi-tr span:nth-child(7),
  .mi-pro-real-rank-table .mi-tr span:nth-child(8) {
    grid-column: 1 / -1 !important;
  }

  /* Pro open positions: Ticker | Asset | P/L | Days | State | Latest signal | Operator note */
  .mi-pro-real-open-table .mi-tr {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mi-pro-real-open-table .mi-tr span:nth-child(1)::before { content: "Ticker"; }
  .mi-pro-real-open-table .mi-tr span:nth-child(2)::before { content: "Asset"; }
  .mi-pro-real-open-table .mi-tr span:nth-child(3)::before { content: "P/L"; }
  .mi-pro-real-open-table .mi-tr span:nth-child(4)::before { content: "Days"; }
  .mi-pro-real-open-table .mi-tr span:nth-child(5)::before { content: "State"; }
  .mi-pro-real-open-table .mi-tr span:nth-child(6)::before { content: "Latest"; }
  .mi-pro-real-open-table .mi-tr span:nth-child(7)::before { content: "Note"; }
  .mi-pro-real-open-table .mi-tr span:nth-child(7) {
    grid-column: 1 / -1 !important;
  }
}

/* Mobile sample table card layout v1 END */

/* Final UX fixes v2 */
.how-tier-strip .mini-link {
  display: inline-flex !important;
  margin-top: 14px !important;
}
/* Final UX fixes v2 END */

/* How It Works tier button bubbles v1 */
.how-tier-strip .tier-card-button {
  display: inline-flex !important;
  width: fit-content !important;
  margin-top: 16px !important;
  min-height: 44px !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
}

.how-tier-strip .symmetry-card {
  display: flex !important;
  flex-direction: column !important;
}

.how-tier-strip .symmetry-card p {
  flex: 1 1 auto !important;
}

@media (max-width: 760px) {
  .how-tier-strip .tier-card-button {
    width: 100% !important;
  }
}
/* How It Works tier button bubbles v1 END */

/* Signup handler states v1 */
.signup-message {
  min-height: 20px;
}

.signup-message.success {
  color: #b8fff3 !important;
}

.signup-message.error {
  color: #ffb8b8 !important;
}

#free-signup-form button[disabled] {
  opacity: .68;
  cursor: wait;
}
/* Signup handler states v1 END */

/* Premium/Pro coming soon pages v1 */
.coming-hero {
  position: relative;
  overflow: hidden;
  min-height: 520px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 36px;
  margin-top: 10px;
  padding: 58px 48px;
  background:
    linear-gradient(90deg, rgba(5,7,11,.94) 0%, rgba(5,7,11,.76) 42%, rgba(5,7,11,.34) 74%, rgba(5,7,11,.10) 100%),
    url("/assets/hero_signal_tech_bg.svg") center / cover no-repeat;
  box-shadow: 0 28px 90px rgba(0,0,0,.38);
}

.coming-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 14%, rgba(142,233,246,.18), transparent 32%),
    radial-gradient(circle at 84% 74%, rgba(32,199,173,.10), transparent 34%);
  z-index: 1;
}

.coming-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 760px;
}

.coming-hero h1 {
  max-width: 760px;
  font-size: clamp(42px, 6.1vw, 72px);
  line-height: .98;
  letter-spacing: -.052em;
  margin: 0 0 20px;
}

.coming-hero p {
  color: #d3dee7;
  font-size: clamp(18px, 2.1vw, 22px);
  line-height: 1.45;
  max-width: 720px;
  margin: 0;
}

.coming-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 24px;
  color: var(--muted);
  font-size: 14px;
}

.coming-status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 7px 11px;
  border: 1px solid rgba(32,199,173,.34);
  background: rgba(32,199,173,.12);
  color: #c8fff7;
  font-weight: 850;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.coming-cta {
  margin-top: 30px;
}

.coming-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 28px;
}

.coming-feature {
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 18px;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.08), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
}

.coming-feature b {
  display: block;
  color: var(--text);
  margin-bottom: 6px;
}

.coming-feature span {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.45;
}

.coming-note {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  margin-top: 28px;
  padding: 24px;
  border: 1px solid rgba(142,233,246,.24);
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 0%, rgba(142,233,246,.13), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.024));
}

.coming-note h2 {
  margin: 0 0 8px;
  font-size: clamp(28px, 4vw, 42px);
}

.coming-note p {
  margin: 0;
  color: var(--muted);
  max-width: 760px;
}

@media (max-width: 950px) {
  .coming-feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .coming-note {
    grid-template-columns: 1fr;
  }

  .coming-note .button {
    width: fit-content;
  }
}

@media (max-width: 720px) {
  .coming-hero {
    min-height: 560px;
    padding: 42px 24px;
    border-radius: 28px;
    background:
      linear-gradient(180deg, rgba(5,7,11,.94) 0%, rgba(5,7,11,.80) 52%, rgba(5,7,11,.42) 100%),
      url("/assets/hero_signal_tech_bg.svg") center bottom / cover no-repeat;
  }

  .coming-feature-grid {
    grid-template-columns: 1fr;
  }
}
/* Premium/Pro coming soon pages v1 END */

/* Mobile Pro ranked opportunity repair v2 */
@media (max-width: 760px) {
  .mi-pro-real-rank-table {
    display: grid !important;
    gap: 8px !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    border: 0 !important;
    background: transparent !important;
  }

  .mi-pro-real-rank-table .mi-th {
    display: none !important;
  }

  .mi-pro-real-rank-table .mi-tr {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 6px 10px !important;
    padding: 10px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.035) !important;
    font-size: 11.5px !important;
    line-height: 1.25 !important;
  }

  .mi-pro-real-rank-table .mi-tr span {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    color: rgba(186,200,211,.88) !important;
  }

  .mi-pro-real-rank-table .mi-tr span::before {
    display: block !important;
    margin-bottom: 2px !important;
    color: rgba(142,233,246,.78) !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  .mi-pro-real-rank-table .mi-tr span:nth-child(1)::before { content: "Rank"; }
  .mi-pro-real-rank-table .mi-tr span:nth-child(2)::before { content: "Ticker"; }
  .mi-pro-real-rank-table .mi-tr span:nth-child(3)::before { content: "Asset"; }
  .mi-pro-real-rank-table .mi-tr span:nth-child(4)::before { content: "Score"; }
  .mi-pro-real-rank-table .mi-tr span:nth-child(5)::before { content: "Age"; }
  .mi-pro-real-rank-table .mi-tr span:nth-child(6)::before { content: "State"; }
  .mi-pro-real-rank-table .mi-tr span:nth-child(7)::before { content: "Allocation"; }
  .mi-pro-real-rank-table .mi-tr span:nth-child(8)::before { content: "Read"; }

  .mi-pro-real-rank-table .mi-tr span:nth-child(2),
  .mi-pro-real-rank-table .mi-tr .mi-ticker {
    display: block !important;
    color: #f6f8fb !important;
    font-weight: 900 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .mi-pro-real-rank-table .mi-tr span:nth-child(7),
  .mi-pro-real-rank-table .mi-tr span:nth-child(8) {
    grid-column: 1 / -1 !important;
  }
}
/* Mobile Pro ranked opportunity repair v2 END */

/* Free action summary cleanup v1 */
.mi-action-summary .mi-stat-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}

@media (max-width: 760px) {
  .mi-action-summary .mi-stat-grid {
    grid-template-columns: 1fr !important;
  }
}
/* Free action summary cleanup v1 END */

/* Pro mobile ranked table hard fix v1 */
@media (max-width: 760px) {
  /* Only target the Pro Ranked Opportunity Table */
  .mi-pro-real-rank-table {
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  /* Hide the table header row entirely on mobile */
  .mi-pro-real-rank-table > .mi-tr.mi-th,
  .mi-pro-real-rank-table > .mi-th {
    display: none !important;
  }

  /* Make each data row a mobile card */
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas:
      "title title"
      "score age"
      "state state"
      "allocation allocation"
      "read read" !important;
    gap: 8px 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.04) !important;
    font-size: 13px !important;
    line-height: 1.28 !important;
  }

  /* Reset all span behavior inside this table */
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: rgba(186,200,211,.88) !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  /* Hide labels by default, then add concise labels only where useful */
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span::before {
    display: block !important;
    margin-bottom: 2px !important;
    color: rgba(142,233,246,.82) !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
  }

  /* Rank */
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(1) {
    display: none !important;
  }

  /* Ticker becomes the card title and includes rank via CSS counter-ish layout is avoided */
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(2) {
    grid-area: title !important;
    color: #f6f8fb !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
    display: inline-block !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(2)::before {
    content: "Ticker" !important;
  }

  /* Asset sits visually with title, but as its own line */
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(3) {
    grid-area: title !important;
    margin-top: 42px !important;
    color: rgba(186,200,211,.78) !important;
    font-size: 12px !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(3)::before {
    content: "Asset" !important;
  }

  /* Score */
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(4) {
    grid-area: score !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(4)::before {
    content: "Score" !important;
  }

  /* Signal age */
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(5) {
    grid-area: age !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(5)::before {
    content: "Age" !important;
  }

  /* State */
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(6) {
    grid-area: state !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(6)::before {
    content: "State" !important;
  }

  /* Allocation */
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(7) {
    grid-area: allocation !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(7)::before {
    content: "Allocation" !important;
  }

  /* Read */
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(8) {
    grid-area: read !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(8)::before {
    content: "Read" !important;
  }

  /* Make sure ticker text cannot disappear */
  .mi-pro-real-rank-table .mi-ticker {
    color: #f6f8fb !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Pro mobile ranked table hard fix v1 END */

/* Pro mobile ranked table font tune v1 */
@media (max-width: 760px) {
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) {
    font-size: 11.5px !important;
    line-height: 1.25 !important;
    padding: 10px !important;
    gap: 6px 10px !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span {
    font-size: 11.5px !important;
    line-height: 1.25 !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span::before {
    font-size: 9px !important;
    line-height: 1.1 !important;
    margin-bottom: 2px !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(2) {
    font-size: 12.5px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(3) {
    margin-top: 34px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(7),
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(8) {
    font-size: 11.5px !important;
  }
}
/* Pro mobile ranked table font tune v1 END */

/* Pro mobile ranked table compact tune v1 */
@media (max-width: 760px) {
  .mi-pro-real-rank-table {
    gap: 7px !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) {
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-template-areas:
      "ticker asset score"
      "age state state"
      "allocation allocation allocation"
      "read read read" !important;
    padding: 9px 10px !important;
    gap: 5px 10px !important;
    border-radius: 14px !important;
    font-size: 11px !important;
    line-height: 1.18 !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span {
    font-size: 11px !important;
    line-height: 1.18 !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span::before {
    font-size: 8.5px !important;
    line-height: 1 !important;
    margin-bottom: 1px !important;
    letter-spacing: .08em !important;
  }

  /* Hide raw rank to save vertical space */
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(1) {
    display: none !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(2) {
    grid-area: ticker !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(3) {
    grid-area: asset !important;
    margin-top: 0 !important;
    font-size: 11px !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(4) {
    grid-area: score !important;
    font-size: 11px !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(5) {
    grid-area: age !important;
    font-size: 11px !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(6) {
    grid-area: state !important;
    font-size: 11px !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(7) {
    grid-area: allocation !important;
    font-size: 11px !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(8) {
    grid-area: read !important;
    font-size: 11px !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(2)::before { content: "Ticker" !important; }
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(3)::before { content: "Asset" !important; }
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(4)::before { content: "Score" !important; }
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(5)::before { content: "Age" !important; }
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(6)::before { content: "State" !important; }
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(7)::before { content: "Allocation" !important; }
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(8)::before { content: "Read" !important; }

  /* Keep values from becoming giant from earlier overrides */
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(2),
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(3),
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(4),
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(5),
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(6),
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(7),
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(8) {
    font-weight: 600 !important;
  }

  .mi-pro-real-rank-table .mi-ticker {
    font-weight: 900 !important;
  }
}
/* Pro mobile ranked table compact tune v1 END */

/* Pro mobile ranked allocation/read value shrink v2 */
@media (max-width: 760px) {
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(7),
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(8) {
    font-size: 10.5px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(7)::before,
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(8)::before {
    font-size: 8.25px !important;
    line-height: 1 !important;
    margin-bottom: 1px !important;
  }

  /* Also keep state from visually competing with ticker/score */
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(6) {
    font-size: 10.5px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
  }
}
/* Pro mobile ranked allocation/read value shrink v2 END */

/* Pro mobile ranked opportunity final clean v1 */
@media (max-width: 760px) {
  /*
    Final mobile layout for Pro Ranked Opportunity Table.
    Goal: no giant fields, no missing ticker, no weird vertical card.
  */

  .mi-pro-real-rank-table {
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  .mi-pro-real-rank-table > .mi-tr.mi-th {
    display: none !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-areas:
      "ticker asset score"
      "age state allocation"
      "read read read" !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 10px !important;
    gap: 7px 10px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.035) !important;
    font-size: 11.25px !important;
    line-height: 1.22 !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(186,200,211,.86) !important;
    font-size: 11.25px !important;
    line-height: 1.22 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span::before {
    display: block !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    color: rgba(142,233,246,.80) !important;
    font-size: 8.25px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  /* Hide raw rank to save space. */
  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(1) {
    display: none !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(2) {
    grid-area: ticker !important;
    color: #f6f8fb !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(2)::before {
    content: "Ticker" !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(3) {
    grid-area: asset !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(3)::before {
    content: "Asset" !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(4) {
    grid-area: score !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(4)::before {
    content: "Score" !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(5) {
    grid-area: age !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(5)::before {
    content: "Age" !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(6) {
    grid-area: state !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(6)::before {
    content: "State" !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(7) {
    grid-area: allocation !important;
    font-size: 10.75px !important;
    line-height: 1.18 !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(7)::before {
    content: "Allocation" !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(8) {
    grid-area: read !important;
    font-size: 10.75px !important;
    line-height: 1.18 !important;
  }

  .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(8)::before {
    content: "Read" !important;
  }

  .mi-pro-real-rank-table .mi-ticker {
    color: #f6f8fb !important;
    font-weight: 900 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Pro mobile ranked opportunity final clean v1 END */

/* Pro mobile ranked opportunity RESTORE v1 */
@media (max-width: 760px) {
  /*
    Hard override for ONLY the Pro Ranked Opportunity Table.
    Do not use grid-template-areas here; older CSS conflicts with it.
  */

  .mi-email-preview .mi-pro-real-rank-table {
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  .mi-email-preview .mi-pro-real-rank-table > .mi-tr.mi-th {
    display: none !important;
  }

  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 10px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.035) !important;
    font-size: 11px !important;
    line-height: 1.18 !important;
  }

  /* Show every real data cell except raw Rank. */
  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(186,200,211,.86) !important;
    font-size: 11px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    white-space: normal !important;
    grid-column: auto !important;
    grid-area: auto !important;
  }

  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span::before {
    display: block !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    color: rgba(142,233,246,.82) !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  /* 1 = raw rank, hide it */
  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(1) {
    display: none !important;
  }

  /* 2 = ticker */
  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(2) {
    display: block !important;
    color: #f6f8fb !important;
    font-size: 12px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
  }

  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(2)::before {
    content: "Ticker" !important;
  }

  /* 3 = asset */
  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(3)::before {
    content: "Asset" !important;
  }

  /* 4 = score */
  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(4)::before {
    content: "Score" !important;
  }

  /* 5 = signal age */
  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(5)::before {
    content: "Age" !important;
  }

  /* 6 = last signal state */
  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(6)::before {
    content: "State" !important;
  }

  /* 7 = Allocation Engine Rail */
  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(7)::before {
    content: "Allocation" !important;
  }

  /* 8 = Operator read */
  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(8)::before {
    content: "Read" !important;
  }

  /* Let Allocation and Read use full width, but keep text small. */
  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(7),
  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(8) {
    grid-column: 1 / -1 !important;
    font-size: 10.5px !important;
    line-height: 1.16 !important;
    font-weight: 500 !important;
  }

  .mi-email-preview .mi-pro-real-rank-table .mi-ticker {
    display: block !important;
    color: #f6f8fb !important;
    font-weight: 900 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Pro mobile ranked opportunity RESTORE v1 END */

/* Pro mobile Ranked Opportunity = Open Positions style v1 */
@media (max-width: 760px) {
  /*
    Make Pro Ranked Opportunity Table use the same simple mobile card pattern
    as Open Positions State. No grid-areas, no hidden fields except table header.
  */

  .mi-email-preview .mi-pro-real-rank-table {
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  .mi-email-preview .mi-pro-real-rank-table > .mi-tr.mi-th {
    display: none !important;
  }

  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 10px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.035) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(186,200,211,.86) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    white-space: normal !important;
    grid-column: auto !important;
    grid-area: auto !important;
  }

  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span::before {
    display: block !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    color: rgba(142,233,246,.82) !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  /* Show all Rank table fields in compact order */
  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(1)::before {
    content: "Rank" !important;
  }

  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(2)::before {
    content: "Ticker" !important;
  }

  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(3)::before {
    content: "Asset" !important;
  }

  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(4)::before {
    content: "Score" !important;
  }

  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(5)::before {
    content: "Age" !important;
  }

  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(6)::before {
    content: "State" !important;
  }

  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(7)::before {
    content: "Allocation" !important;
  }

  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(8)::before {
    content: "Read" !important;
  }

  /* Ticker should look like Open Positions ticker, not giant */
  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(2),
  .mi-email-preview .mi-pro-real-rank-table .mi-ticker {
    color: #f6f8fb !important;
    font-size: 11.5px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Let the narrative fields breathe, but keep the text small */
  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(7),
  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(8) {
    grid-column: 1 / -1 !important;
    font-size: 10.5px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
  }

  /* Critical: undo prior rules that hid Rank or forced huge title layouts */
  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(1) {
    display: block !important;
  }

  .mi-email-preview .mi-pro-real-rank-table > .mi-tr:not(.mi-th) > span:nth-child(3) {
    margin-top: 0 !important;
  }
}

/* Pro mobile Ranked Opportunity = Open Positions style v1 END */

/* Pro Ranked Opportunity clean rebuild final v1 */

/* Desktop/tablet: clean 7-column table, no old rank-table class involved. */
.mi-pro-rank-clean-table .mi-tr {
  grid-template-columns: 44px 62px 62px 54px 58px 190px minmax(240px, 1fr) !important;
}

/* Mobile: match the good Open Positions card feel, but with correct labels. */
@media (max-width: 760px) {
  .mi-email-preview .mi-pro-rank-clean-table {
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  .mi-email-preview .mi-pro-rank-clean-table > .mi-tr.mi-th {
    display: none !important;
  }

  .mi-email-preview .mi-pro-rank-clean-table > .mi-tr:not(.mi-th) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 10px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.035) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  .mi-email-preview .mi-pro-rank-clean-table > .mi-tr:not(.mi-th) > span {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(186,200,211,.86) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    white-space: normal !important;
    grid-column: auto !important;
    grid-area: auto !important;
  }

  .mi-email-preview .mi-pro-rank-clean-table > .mi-tr:not(.mi-th) > span::before {
    display: block !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    color: rgba(142,233,246,.82) !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  .mi-email-preview .mi-pro-rank-clean-table > .mi-tr:not(.mi-th) > span:nth-child(1)::before {
    content: "Rank" !important;
  }

  .mi-email-preview .mi-pro-rank-clean-table > .mi-tr:not(.mi-th) > span:nth-child(2)::before {
    content: "Ticker" !important;
  }

  .mi-email-preview .mi-pro-rank-clean-table > .mi-tr:not(.mi-th) > span:nth-child(3)::before {
    content: "Asset" !important;
  }

  .mi-email-preview .mi-pro-rank-clean-table > .mi-tr:not(.mi-th) > span:nth-child(4)::before {
    content: "Score" !important;
  }

  .mi-email-preview .mi-pro-rank-clean-table > .mi-tr:not(.mi-th) > span:nth-child(5)::before {
    content: "Age" !important;
  }

  .mi-email-preview .mi-pro-rank-clean-table > .mi-tr:not(.mi-th) > span:nth-child(6)::before {
    content: "State / Rail" !important;
  }

  .mi-email-preview .mi-pro-rank-clean-table > .mi-tr:not(.mi-th) > span:nth-child(7)::before {
    content: "Read" !important;
  }

  .mi-email-preview .mi-pro-rank-clean-table > .mi-tr:not(.mi-th) > span:nth-child(2),
  .mi-email-preview .mi-pro-rank-clean-table .mi-ticker {
    color: #f6f8fb !important;
    font-size: 11.5px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .mi-email-preview .mi-pro-rank-clean-table > .mi-tr:not(.mi-th) > span:nth-child(6),
  .mi-email-preview .mi-pro-rank-clean-table > .mi-tr:not(.mi-th) > span:nth-child(7) {
    grid-column: 1 / -1 !important;
    font-size: 10.5px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
  }
}

/* Pro Ranked Opportunity clean rebuild final v1 END */

/* Signup delivery note */
.delivery-note {
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(142,233,246,.18);
  border-radius: 18px;
  background: rgba(32,199,173,.075);
  color: #c6d1da;
  font-size: 13.5px;
  line-height: 1.55;
}

.delivery-note strong {
  color: #f6f8fb;
}

@media (max-width: 760px) {
  .delivery-note {
    font-size: 13px;
    padding: 13px 14px;
  }
}

/* Signup success-only delivery note */
.delivery-note-inline {
  display: block;
  margin-top: 4px;
  padding: 12px 13px;
  border: 1px solid rgba(142,233,246,.16);
  border-radius: 16px;
  background: rgba(32,199,173,.065);
  color: #c6d1da;
  font-size: 13px;
  line-height: 1.5;
}

.delivery-note-inline strong {
  color: #f6f8fb;
}