/* Desktop companion only. The original mobile rules/assets remain untouched. */
.desktop-handoff{display:none}
@media (min-width:768px) and (min-height:600px){
  .landing{transition:opacity .22s ease,transform .22s ease,translate .54s cubic-bezier(.2,.65,.25,1)}
  [data-desktop-handoff="ready"][data-app-state="landing"] .landing{translate:calc(-1 * min(15vw,240px)) 0}
  .desktop-handoff{display:block;position:fixed;z-index:2;top:50%;left:calc(50% + min(16vw,250px));width:clamp(205px,25vw,370px);translate:0 -50%;text-align:center;font-family:Nunito,Arial,sans-serif;color:#f4f1fa;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility 0s .2s}
  [data-app-state="landing"]:not(.is-loading) .desktop-handoff{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .24s ease}
  .desktop-handoff h2{margin:0;font:500 clamp(28px,3vw,44px)/1.15 Nunito,Arial,sans-serif;letter-spacing:-.02em;text-wrap:balance}
  .desktop-handoff-subtitle{margin:8px 0 0;font-size:clamp(18px,2.1vw,30px);line-height:1.25;letter-spacing:-.02em;color:#d4d0e8;text-wrap:balance}
  .desktop-handoff-scan{margin:clamp(20px,2.2vw,30px) 0 18px;font-size:clamp(16px,1.7vw,24px);line-height:1.35;color:#d3d1df}
  .desktop-handoff-code{width:min(100%,clamp(180px,18vw,246px));aspect-ratio:1;margin:0 auto;padding:10px;border:2px solid #f4c759;border-radius:20px;background:#fff9e8;box-shadow:0 3px 16px #0004}
  .desktop-handoff-code img{display:block;width:100%;height:auto;aspect-ratio:1}
  .desktop-handoff-website{margin:15px 0 0;font:400 clamp(23px,2.2vw,32px)/1.2 Lilita,Arial,sans-serif;color:#ffda70}
  .desktop-handoff-note{margin:18px auto 0;max-width:100%;font-size:clamp(13px,1.2vw,17px);line-height:1.45;color:#b9bfce;text-wrap:balance}
}
@media (prefers-reduced-motion:reduce){.desktop-handoff,.landing{transition:none!important}}