html:has(.site){scroll-behavior:smooth}.lure{position:relative;display:inline-grid;flex:none;place-items:center;color:var(--brand)}.lure-mark{position:relative;z-index:1;display:inline-flex}.lure-ring{position:absolute;inset:0;border:2px solid;border-radius:9999px;opacity:0;transform:scale(.3);animation:lure-ring 2.8s cubic-bezier(.22,.61,.36,1) infinite}.lure-ring--2{animation-delay:.93s}.lure-ring--3{animation-delay:1.87s}@keyframes lure-ring{0%{transform:scale(.3);opacity:.6}to{transform:scale(1.08);opacity:0}}.show-grid{display:grid;gap:2rem}.show-pin{position:sticky;top:72px;display:flex;height:calc(100svh - 88px);align-self:start;align-items:center;justify-content:center}.show-pin .phone{--s:1}@media (max-height:660px){.show-pin .phone{--s:0.86}}@media (max-height:560px){.show-pin .phone{--s:0.68}}.show-step{display:flex;min-height:70svh;flex-direction:column;justify-content:center;padding-block:2rem;opacity:.92;transition:opacity .3s cubic-bezier(.2,0,.2,1)}.show-step--hero,.show-step--on{opacity:1}.show-step--hero{align-items:flex-start}@media (min-width:880px){.show-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:4rem}.show-step{min-height:90svh}.show-step--hero{min-height:calc(100svh - 120px)}}.step-phone{display:none}@media (max-width:879px){.show-grid{grid-template-columns:1fr}.show-pin{display:none}.show-step{min-height:auto;padding-block:2.5rem;opacity:1}.show-step--hero{min-height:calc(100svh - 72px - clamp(40px, 6vh, 80px));padding-top:1rem;padding-bottom:5rem}.step-phone{display:flex;justify-content:center;margin-top:1.75rem}.step-phone .phone{--s:0.809}}.phone{--s:1;width:calc(272px * var(--s));aspect-ratio:272/572;border-radius:calc(40px * var(--s));padding:calc(9px * var(--s));box-shadow:0 1px 3px rgb(0 0 0/.08),0 24px 48px -20px color-mix(in srgb,var(--foreground) 35%,transparent)}.phone,.screen{position:relative;background:var(--foreground)}.screen{width:100%;height:100%;overflow:hidden;border-radius:calc(32px * var(--s));color:var(--foreground)}.screen-scale{position:absolute;top:0;left:0;width:254px;height:554px;transform:scale(var(--s));transform-origin:top left}.layer{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.2,0,.2,1)}.layer--on{opacity:1}.tcard{display:grid;width:150px;justify-items:center;gap:7px;padding:12px 10px;border-radius:10px;background:white;color:var(--foreground);box-shadow:0 8px 24px rgb(0 0 0/.35);transform:scale(1.1) translateY(6px);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.tcard--near{transform:none}.qr-wrap{position:relative;border-radius:3px}.qr-wrap svg{display:block;width:78px;height:78px}.qr-wrap--hit{animation:qr-pulse 1s ease-out .3s 2}.vf{position:absolute;inset:-5px;opacity:0;transform:scale(1.5);transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .4s}.qr-wrap--locked .vf{opacity:1;transform:none}.vf i{position:absolute;width:14px;height:14px;border:2.5px solid var(--brand);border-radius:3px}.vf i:first-child{top:0;left:0;border-right:0;border-bottom:0}.vf i:nth-child(2){top:0;right:0;border-bottom:0;border-left:0}.vf i:nth-child(3){bottom:0;left:0;border-top:0;border-right:0}.vf i:nth-child(4){right:0;bottom:0;border-top:0;border-left:0}.detect{position:absolute;right:12px;bottom:26px;left:12px;display:flex;width:fit-content;max-width:calc(100% - 24px);margin-inline:auto;height:32px;align-items:center;gap:6px;padding:0 12px;border-radius:9999px;background:white;color:var(--foreground);font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:10px;white-space:nowrap;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s cubic-bezier(.2,0,.2,1);transition-delay:.5s}.detect--on{opacity:1;transform:none}.landing-ground{background:linear-gradient(180deg,rgb(20 13 11/.22) 0,rgb(20 13 11/0) 30%,rgb(20 13 11/.34))}.card-scrim{background:linear-gradient(0deg,rgb(12 8 6/.86) 0,rgb(12 8 6/.66) 42%,rgb(12 8 6/0) 72%)}.on-photo-title{color:white;text-shadow:0 2px 20px rgb(0 0 0/.45)}.on-photo-soft{color:rgb(255 255 255/.8)}.on-photo-outline{border:1px solid rgb(255 255 255/.4);color:rgb(255 255 255/.9)}.on-photo-credit{color:rgb(255 255 255/.85)}.on-photo-pill{background:rgb(0 0 0/.45);color:white}.on-photo-fg{color:white}.on-photo-quiet{color:rgb(255 255 255/.7)}.lightbox-ground{background:rgb(0 0 0/.95)}.pill-cta{display:grid;height:44px;place-items:center;border-radius:9999px;background:var(--accent);color:var(--accent-contrast);font-size:14px;font-weight:500}.pill-cta--press{animation:press 1.2s cubic-bezier(.2,0,.2,1) .9s both}.rail{display:flex;flex:none;gap:6px;overflow:hidden;padding:6px 14px 0}.rtile{width:64px;height:64px;flex:none;border-radius:8px;opacity:0;transform:translateX(24px);transition:opacity .5s,transform .5s cubic-bezier(.2,0,.2,1)}.rail--in .rtile{opacity:1;transform:none}.masonry{flex:none;overflow:hidden}.mtile{position:relative;margin-bottom:8px;break-inside:avoid;border-radius:8px}.masonry--in .mtile--new{animation:tile-drop .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes tile-drop{0%{transform:translateY(-420px)}to{transform:none}}.like-pill{position:absolute;bottom:4px;left:4px;height:18px;padding:0 6px;border-radius:9999px;background:rgb(0 0 0/.45);color:white;font-size:9px;font-weight:500;font-variant-numeric:tabular-nums}.like-pill,.like-state{display:inline-flex;align-items:center}.like-state{gap:2px}.like-state--on{position:absolute;inset:0;justify-content:center;color:var(--like);opacity:0}.masonry--in .like-pill--tap .like-state--off{animation:like-off .15s step-start 1.5s both}.masonry--in .like-pill--tap .like-state--on{animation:like-on .45s cubic-bezier(.2,0,.2,1) 1.5s forwards}.tap{position:absolute;top:50%;left:-3px;width:24px;height:24px;border-radius:9999px;background:rgb(255 255 255/.6);opacity:0;pointer-events:none;translate:0 -50%}.masonry--in .tap{animation:tap .6s ease-out 1.3s both}@keyframes like-off{to{opacity:0}}@keyframes like-on{0%{opacity:1;transform:scale(.6)}60%{transform:scale(1.2)}to{opacity:1;transform:none}}@keyframes tap{0%{opacity:0;transform:scale(.4)}30%{opacity:1}to{opacity:0;transform:scale(1.5)}}.like-hit{display:inline-flex;align-items:center;gap:2px}.like-hit--go{animation:like-go .5s cubic-bezier(.2,0,.2,1) .4s both}@keyframes press{0%,to{transform:none}30%,60%{transform:scale(.97)}}@keyframes like-go{0%{transform:none}40%{transform:scale(.9)}70%{transform:scale(1.12)}to{transform:none}}@keyframes qr-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand) 70%,transparent)}to{box-shadow:0 0 0 16px color-mix(in srgb,var(--brand) 0%,transparent)}}.gate-tile{width:52px;height:52px;border-radius:8px;box-shadow:0 6px 16px -8px rgb(0 0 0/.45)}.gate-tile--small{width:48px;height:60px}.gate-held{filter:blur(4px)}.gate-stem{width:2px;height:22px;background:repeating-linear-gradient(to bottom,var(--accent) 0 4px,transparent 4px 8px)}.gate-fork{width:100%;height:28px;fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:4 4}.gate-fork,.gate-fork path{vector-effect:non-scaling-stroke}@media (prefers-reduced-motion:reduce){html:has(.site){scroll-behavior:auto}.lure-ring{display:none}.show *,.show-step{animation:none!important;transition-duration:1ms!important}}.demo-qr{width:74px;height:74px}.demo-qr svg{display:block;width:100%;height:100%}