/* Home chapter. Trading applications own their separate presentation layers. */
body[data-merry-app='home'] .shell { width: min(1240px, calc(100% - 80px)); }
body[data-merry-app='home'] .hero {
  display: grid; grid-template-columns: 1fr 1.1fr; align-items: center;
  gap: 16px; padding: 38px 0 32px; position: relative;
}
.hero-copy { position: relative; z-index: 1; }
body[data-merry-app='home'] h1 {
  font-size: clamp(64px, 7.7vw, 112px); line-height: .91;
  letter-spacing: -1.9px; font-weight: 800; margin: 20px 0 25px;
}
.full-stop { color: var(--merry-chart-price); }
.hero-band { display: block; width: 100%; height: auto; object-fit: contain; }
body[data-merry-app='home'] .intro { max-width: 415px; font-size: 14px; line-height: 1.65; }
.hero .merry-stamp { margin-top: 22px; }
body[data-merry-app='home'] .eyebrow { font-weight: 700; letter-spacing: 1.2px; }
body[data-merry-app='home'] .choices { gap: 19px; }
body[data-merry-app='home'] .choice {
  border: 1.5px solid var(--merry-ink); border-radius: 15px; padding: 25px;
  box-shadow: 3px 4px 0 var(--merry-line); position: relative;
}
.choice-arrow { font-size: 26px; line-height: 1; font-family: var(--merry-body); }
body[data-merry-app='home'] .choice h2 { font-size: 49px; line-height: .98; margin: 19px 0 16px; letter-spacing: -.5px; }
body[data-merry-app='home'] .description { min-height: 58px; line-height: 1.6; }
body[data-merry-app='home'] .choice dl { margin-top: 19px; padding-top: 17px; }
body[data-merry-app='home'] dt { font-size: 10px; font-weight: 600; }
body[data-merry-app='home'] dd { line-height: 1.5; }
body[data-merry-app='home'] .badge {
  background: var(--merry-sun); border: 1px solid var(--merry-dark-ink);
  color: var(--merry-dark-ink); border-radius: 4px; padding: 4px 7px; font-weight: 700;
}
body[data-merry-app='home'] .primary:hover { filter: none; }
body[data-merry-app='home'] .help-row { padding: 27px 2px; }
body[data-merry-app='home'] .text-button { min-height: 44px; }
body[data-merry-app='home'] .comparison { padding-top: 52px; }
body[data-merry-app='home'] .comparison h2 { font-size: 49px; }
body[data-merry-app='home'] .table-scroll { border-top: 2px solid var(--merry-ink); }
body[data-merry-app='home'] thead th { font-weight: 700; }
body[data-merry-app='home'] footer { border-top: 2px solid var(--merry-ink); }
body[data-merry-app='home'] footer>span { text-align: right; }
body[data-merry-app='home'] .guide { border: 1.5px solid var(--merry-ink); }
body[data-merry-app='home'] .guide h2 { font-size: 50px; }
body[data-merry-app='home'] .intent-title { font-weight: 700; font-size: 35px; }
@media (max-width: 1000px) {
  body[data-merry-app='home'] .shell { width: calc(100% - 48px); }
  body[data-merry-app='home'] .choice { padding: 21px; }
  body[data-merry-app='home'] .choice h2 { font-size: 43px; }
}
@media (max-width: 760px) {
  body[data-merry-app='home'] .shell { width: calc(100% - 36px); }
  body[data-merry-app='home'] .hero { grid-template-columns: 1fr; padding: 34px 0 22px; gap: 0; }
  body[data-merry-app='home'] h1 { font-size: clamp(64px, 14vw, 88px); }
  body[data-merry-app='home'] .intro { max-width: 370px; }
  .hero-band { max-width: 460px; margin: -12px auto 0; }
  .hero .merry-stamp { margin-top: 20px; }
  body[data-merry-app='home'] .choices { gap: 22px; }
  body[data-merry-app='home'] .choice { padding: 25px; }
  body[data-merry-app='home'] .choice h2 { font-size: 47px; }
  body[data-merry-app='home'] .description { min-height: 0; }
  body[data-merry-app='home'] .help-row { align-items: flex-start; gap: 12px; }
  body[data-merry-app='home'] .comparison h2 { font-size: 42px; }
  body[data-merry-app='home'] .guide h2 { font-size: 40px; }
  body[data-merry-app='home'] footer>span { text-align: left; }
}