.handoff { display: flex; flex-direction: column; gap: var(--space-2); margin-top: var(--space-6); padding: var(--space-5); border: 1px solid var(--border-strong); border-radius: var(--radius-lg); background: var(--surface-card); }
.handoff--panel { margin: 0 0 var(--space-4); }
.handoff-title { font: var(--type-ui); font-weight: 600; color: var(--text-strong); }
.handoff-text { color: var(--text-muted); }
.handoff-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); margin-top: var(--space-2); }
.handoff-mail { color: var(--text-link); text-decoration: underline; }
.handoff-status { flex-basis: 100%; }
.handoff-status:empty { display: none; }
.handoff-link { user-select: all; overflow-wrap: anywhere; color: var(--text-strong); }
.handoff.is-called { animation: called 1.4s ease-out; }
.is-handheld #get-app, .is-handheld #bomni-status .install, .is-handheld #bomni-connect { display: none; }
.handoff-bar { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 50; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 10px 8px 10px 14px; border: 1px solid var(--border-strong); border-radius: var(--radius-lg); background: var(--surface-card); box-shadow: var(--shadow-md); }
.handoff-bar[hidden] { display: none; }
.handoff-bar-go { flex: 1; min-width: 0; padding: 4px 0; font: inherit; text-align: left; color: var(--text-strong); background: none; border: 0; cursor: pointer; }
.handoff-bar-x { flex: 0 0 auto; width: 36px; height: 36px; font-size: 20px; line-height: 1; color: var(--text-muted); background: none; border: 0; cursor: pointer; }
.handoff-bar .handoff-status { order: 3; font-size: 12px; color: var(--text-muted); }
@media (prefers-reduced-motion: reduce) { .handoff.is-called { animation: none; outline: 2px solid var(--accent); outline-offset: 3px; } }
@media (max-width: 980px) {
  .is-phone-dub .hero { padding-top: 24px; }
  .is-phone-dub .hero-grid { row-gap: 20px; }
  .is-phone-dub .hero-copy { display: contents; }
  .is-phone-dub .hero-copy > .oa-eyebrow { margin-bottom: 0; }
  .is-phone-dub .hero h1 { margin-bottom: 0; }
  .is-phone-dub .hero-grid > .dub-card { order: 2; margin: 4px 0 12px; }
  .is-phone-dub .hero-copy > .lede { order: 3; }
  .is-phone-dub .hero-copy > .hero-qualifier { order: 4; margin-top: 0; }
  .is-phone-dub .hero-copy > .handoff { order: 5; margin-top: 0; }
  .is-phone-dub .hero-grid > .pillars { order: 6; }
}
.bpair-note { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border: 1px solid var(--warning-fg, #b45309); border-radius: 12px; font-size: 14px; line-height: 1.5; }
.bpair-note[hidden] { display: none; }
.bpair-pick { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.bpair-chip { height: 32px; padding: 0 12px; font: inherit; font-size: 14px; border: 1px solid var(--od-line-strong, currentColor); border-radius: 999px; background: var(--surface-card, #fff); color: inherit; cursor: pointer; }
.bpair-chip:hover { border-color: currentColor; }