.start-hero { min-height: 100svh; padding-bottom: 48px; }
.start-intro { max-width: 620px; padding-top: 28px; }
.start-intro h1 { font-size: clamp(36px, 7vw, 64px); }
.start-options { display: flex; flex-direction: column; align-items: flex-start; gap: 28px; margin-top: 36px; }
.start-store { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.start-badge { display: inline-flex; border-radius: 10px; line-height: 0; }
.start-badge img { display: block; width: auto; height: 60px; }
/* Google's artwork includes its clear space. Match the visible badge heights. */
.start-badge--play img { height: calc(60px * 250 / 168); margin: calc(60px * -41 / 168); }
.start-status { margin: 0; font-size: 13px; line-height: 1.4; color: var(--mist); }
.start-website {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  box-sizing: border-box;
  width: 224px;
  max-width: 100%;
  min-height: 60px;
  padding: 14px 20px;
  border: 1px solid rgba(244, 239, 230, .4);
  border-radius: 10px;
  color: var(--paper);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}
.start-website:hover { background: rgba(244, 239, 230, .08); border-color: var(--paper); }
.start-badge:focus-visible,
.start-website:focus-visible { outline: 3px solid var(--salmon, #F49079); outline-offset: 5px; }
@media (max-width: 600px) {
  .start-hero .masthead { margin-bottom: 24px; }
  .start-intro { padding-top: 0; }
  .start-options { margin-top: 28px; }
}