.qr-splash,.qr-sensor-chip{--hh-navy:#1c2335;--hh-amber:#cb8b2d;--hh-amber-soft:#e8b262;--hh-paper:#f4f1ec;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif}.qr-splash{z-index:50;background:var(--hh-paper);color:var(--hh-navy);--splash-house:var(--hh-navy);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.dark .qr-splash{background:var(--hh-navy);color:var(--hh-paper);--splash-house:var(--hh-paper)}.qr-splash-stage{--splash-mark-size:8.5rem;--splash-flight-x:max(0px, calc(50vw - var(--splash-mark-size) / 2 - 1rem));text-align:center;flex-direction:column;align-items:center;width:min(22rem,100vw - 2rem);display:flex;position:relative}.qr-splash-house{z-index:1;width:var(--splash-mark-size);height:var(--splash-mark-size);place-items:center;display:grid;position:relative}.qr-splash-house svg{width:100%;height:100%;overflow:visible}.qr-splash-roof{transform-box:fill-box;transform-origin:0 100%}.qr-splash-glow{background:radial-gradient(circle, color-mix(in srgb, var(--hh-amber-soft) 45%, transparent), transparent 65%);opacity:0;border-radius:9999px;position:absolute;inset:-30%}.qr-splash-payoff{margin-top:1.75rem;font-size:1.35rem;font-weight:700;line-height:1.3}.qr-splash-sub{color:var(--hh-amber);margin-top:.5rem;font-size:.8rem;font-weight:600}.dark .qr-splash-sub{color:var(--hh-amber-soft)}.qr-splash-fly{position:absolute;top:4.25rem;left:50%;translate:-50% -50%}.qr-sensor-chip{flex-direction:column;align-items:center;gap:.35rem;width:5.5rem;display:inline-flex}.qr-sensor-chip-icon{background:var(--hh-paper);width:2.75rem;height:2.75rem;color:var(--hh-navy);border:1px solid color-mix(in srgb, var(--hh-navy) 12%, transparent);box-shadow:0 2px 8px color-mix(in srgb, var(--hh-navy) 12%, transparent);border-radius:9999px;place-items:center;display:grid}.qr-sensor-chip-icon svg{width:1.25rem;height:1.25rem}.qr-sensor-chip-label{color:currentColor;font-size:.7rem;font-weight:600;line-height:1.2}.qr-splash .qr-sensor-chip{width:var(--splash-mark-size);gap:.375rem}.qr-splash .qr-sensor-chip-icon{width:var(--splash-mark-size);height:var(--splash-mark-size)}.qr-splash .qr-sensor-chip-icon svg{width:45%;height:45%}.qr-splash .qr-sensor-chip-label{min-height:2.4em;font-size:1rem}.qr-splash-text{z-index:2;position:relative}.qr-splash-moving{--fx:clamp(calc(-1 * var(--splash-flight-x)), var(--flight-x), var(--splash-flight-x));--fy:clamp(calc(-50svh + 8rem), var(--flight-y), calc(50svh - 8rem))}@media (prefers-reduced-motion:no-preference){.qr-splash[data-motion] .qr-splash-house{animation:qr-house-in .3s ease-out var(--t0,0s) both}.qr-splash[data-motion] .qr-splash-roof{animation:qr-roof-close .8s cubic-bezier(.34,1.7,.5,1) calc(3.4s + var(--t0,0s)) both}.qr-splash[data-motion] .qr-splash-glow{animation:qr-glow .7s ease-out calc(3.95s + var(--t0,0s)) both}.qr-splash[data-motion] .qr-splash-text{animation:qr-fade-up .4s ease-out calc(4.25s + var(--t0,0s)) both}.qr-splash[data-motion] .qr-splash-fly{animation:qr-fly var(--flight-duration,1.5s) ease-in-out both}}@keyframes qr-house-in{0%{opacity:0;transform:scale(.85)}}@keyframes qr-roof-close{0%{transform:translateY(-10px)rotate(-14deg)}to{transform:none}}@keyframes qr-glow{0%{opacity:0;transform:scale(.6)}40%{opacity:1}to{opacity:.35;transform:scale(1)}}@keyframes qr-fade-up{0%{opacity:0;transform:translateY(8px)}}@keyframes qr-fly{0%{opacity:0;transform:translate(var(--fx), var(--fy)) scale(1)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(0)scale(.2)}}.qr-splash-moving{opacity:0}@media (prefers-reduced-motion:no-preference){.qr-splash-still{display:none}}@media (prefers-reduced-motion:reduce){.qr-splash-moving{display:none}.qr-splash-glow{opacity:.35}.qr-splash-stage{--splash-mark-size:min(8.5rem, max(3rem, calc((100svh - 17rem) / 4)));grid-template-columns:repeat(2,1fr);justify-items:center;gap:.5rem 1rem;display:grid}.qr-splash-house,.qr-splash-text{grid-column:1/-1}.qr-splash-still{position:static;translate:none;transform:none!important}.qr-splash-text{margin-top:0}.qr-splash-payoff{margin-top:.5rem}}