/* Fix the mobile hero CTA/microcopy stack. Loaded after mobile-hero.css. */
@media (max-width: 640px) {
  /* Full-bleed mobile homepage: remove the global mobile section gutters from the hero. */
  .lbd-home > section[data-screen-label="01 Hero"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    overflow: hidden !important;
    background: var(--sage-night, #132a25) !important;
  }

  .lbd-home > section[data-screen-label="01 Hero"] .lbd-hero-stage {
    width: 100vw !important;
    max-width: none !important;
    margin-left: 50% !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
    border-radius: 0 !important;
  }

  .lbd-home .lbd-hero-stage .reveal > div[style*="display: flex"] {
    display: block !important;
    width: 100% !important;
    margin: 22px 0 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    visibility: visible !important;
  }

  .lbd-home .lbd-hero-stage .lbd-hero-cta-primary {
    display: flex !important;
    width: 100% !important;
    min-height: 52px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 17px !important;
    border-radius: 16px !important;
    border: 0 !important;
    background: #D4734A !important;
    color: #fff !important;
    font-family: "Inter", system-ui, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 14px 30px -8px rgba(212, 115, 74, .6) !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .lbd-home .lbd-hero-stage .lbd-hero-cta-primary::after {
    content: " →";
  }

  .lbd-home .lbd-hero-stage .reveal > div[style*="display: flex"] + p.lbd-body-sm {
    display: block !important;
    margin: 12px 0 0 !important;
    text-align: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    color: transparent !important;
    text-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  .lbd-home .lbd-hero-stage .reveal > div[style*="display: flex"] + p.lbd-body-sm::after {
    content: "Free · private · about a minute" !important;
    font-family: "JetBrains Mono", monospace !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    letter-spacing: .04em !important;
    color: rgba(250, 245, 232, .6) !important;
  }

  /* Mobile brand menu. */
  .lbd-brand-mobile-menu {
    position: fixed;
    top: calc(68px + env(safe-area-inset-top));
    left: 18px;
    right: 18px;
    z-index: 95;
    display: grid;
    gap: 10px;
    padding: 16px;
    border-radius: 22px;
    background: rgba(255, 252, 243, .96);
    border: 1px solid rgba(255, 252, 243, .72);
    box-shadow: 0 28px 80px -28px rgba(0,0,0,.45);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
  .lbd-brand-mobile-menu a {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-radius: 15px;
    background: var(--cream, #FAF5E8);
    border: 1px solid var(--paper-line, #E2D9C4);
    color: var(--ink, #1F2E2A);
    text-decoration: none;
    font-family: "Inter", system-ui, sans-serif;
    font-size: 16px;
    font-weight: 650;
  }
  .lbd-brand-mobile-menu a span {
    color: var(--orange-deep, #B85A33);
  }
  .lbd-brand-mobile-menu a.primary {
    background: var(--orange, #D4734A);
    border-color: var(--orange, #D4734A);
    color: #fff;
    box-shadow: 0 14px 30px -8px rgba(212, 115, 74, .6);
  }
  .lbd-brand-mobile-menu a.primary span {
    color: #fff;
  }

  /* Begin Your Application — deep sage, deliberately distinct from the orange
     See If It Fits primary. */
  .lbd-brand-mobile-menu a.apply {
    background: var(--sage-deep, #4F7A71);
    border-color: var(--sage-deep, #4F7A71);
    color: var(--cream-elevated, #FFFCF3);
    box-shadow: 0 14px 30px -8px rgba(79, 122, 113, .45);
  }
  .lbd-brand-mobile-menu a.apply span {
    color: var(--cream-elevated, #FFFCF3);
  }
  /* The origination disclosure that travels with the application button. */
  .lbd-brand-mobile-menu .lbd-apply-note {
    margin: 0 4px;
    font-family: "Inter", system-ui, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: var(--ink-muted, #7A7466);
  }

  /* Mobile QC: fix cramped layouts and awkward wrapping seen in the full-page screenshot. */
  .lbd-home .section:not([data-screen-label="01 Hero"]) .section__inner {
    width: 100% !important;
    max-width: none !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .lbd-home #disconnected-money .section__inner > div:last-child > div:last-child {
    grid-column: 1 / -1 !important;
  }

  .lbd-home #choice-visibility .section__inner > div:nth-child(2) {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  .lbd-home #choice-visibility .section__inner > div:nth-child(2) > div:first-child {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  .lbd-home #choice-visibility .section__inner > div:nth-child(2) > div:first-child > div {
    padding: 13px 2px !important;
    border-radius: 0 !important;
    text-align: left !important;
  }
  .lbd-home #choice-visibility .section__inner > div:nth-child(2) > div:first-child .lbd-body {
    font-size: 17px !important;
    line-height: 1.35 !important;
    max-width: none !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .lbd-home #how .se-cols,
  .lbd-home #live-with-visibility .section__inner > div,
  .lbd-home #plan .section__inner > div:nth-child(2) {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .lbd-home #live-with-visibility .lbd-italic {
    padding-left: .08em !important;
  }

  .lbd-home #plan .section__inner > div:nth-child(2) > div:last-child > div:last-child {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .lbd-home #plan .section__inner > div:nth-child(2) a.lbd-btn {
    width: 100% !important;
    justify-content: center !important;
    min-height: 48px !important;
  }

  .lbd-home [data-screen-label="What this is, what it is not"] .section__inner > div:last-child {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .lbd-home [data-screen-label="What happens next"] span[aria-hidden="true"] {
    display: none !important;
  }

  .lbd-home footer > div > div[style*="grid-template-columns: 1.5fr 1fr 1fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .lbd-home footer {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}