.hero-demo[data-astro-cid-rk2pmsne]{--hero-bg:#0f172a;--hero-card:#f8fafc;--hero-ink:#0f172a;--hero-muted:#64748b;--hero-line:#cbd5e1;--hero-blue:#6366f1;--hero-green:#16a34a;--hero-orange:#f97316;aspect-ratio:16/13;width:100%;max-width:520px;margin-inline:auto}.hero-animation[data-astro-cid-rk2pmsne]{width:100%;height:auto;display:block;overflow:visible}.hero-bg[data-astro-cid-rk2pmsne]{fill:var(--hero-bg)}.phone-shell[data-astro-cid-rk2pmsne]{fill:#1e293b;stroke:#334155;stroke-width:2px}.camera-window[data-astro-cid-rk2pmsne]{fill:#020617;stroke:#475569;stroke-width:2px}.scan-corner[data-astro-cid-rk2pmsne]{fill:none;stroke:var(--hero-blue);stroke-width:5px;stroke-linecap:round}.qr-light[data-astro-cid-rk2pmsne]{fill:#fff}.qr-dark[data-astro-cid-rk2pmsne]{fill:var(--hero-bg)}.scan-beam[data-astro-cid-rk2pmsne]{fill:none;stroke:var(--hero-blue);stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 8px var(--hero-blue));animation:9s infinite scan-beam}.scene-label[data-astro-cid-rk2pmsne]{fill:#cbd5e1;letter-spacing:.02em;font:600 16px Inter,system-ui,sans-serif}.qr-scene[data-astro-cid-rk2pmsne]{animation:9s infinite qr-scene}.card-scene[data-astro-cid-rk2pmsne],.saved-scene[data-astro-cid-rk2pmsne]{transform-box:fill-box;transform-origin:50%}.card-scene[data-astro-cid-rk2pmsne]{opacity:0;animation:9s infinite card-in;transform:translateY(16px)}.saved-scene[data-astro-cid-rk2pmsne]{opacity:0;animation:9s infinite saved-in;transform:translateY(16px)}.accent-source[data-astro-cid-rk2pmsne]{color:var(--hero-blue)}.accent-source[data-astro-cid-rk2pmsne] .accent-fill[data-astro-cid-rk2pmsne],.accent-source[data-astro-cid-rk2pmsne] .card-actions[data-astro-cid-rk2pmsne] text[data-astro-cid-rk2pmsne]{color:var(--hero-blue);animation:9s infinite accent-cycle}.product-card[data-astro-cid-rk2pmsne]{fill:var(--hero-card)}.accent-fill[data-astro-cid-rk2pmsne]{fill:currentColor}.logo-line[data-astro-cid-rk2pmsne],.check[data-astro-cid-rk2pmsne]{fill:none;stroke:#fff;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.card-name[data-astro-cid-rk2pmsne]{fill:var(--hero-ink);font:700 25px Inter,system-ui,sans-serif}.card-company[data-astro-cid-rk2pmsne]{fill:var(--hero-muted);font:500 16px Inter,system-ui,sans-serif}.card-actions[data-astro-cid-rk2pmsne] rect[data-astro-cid-rk2pmsne]{fill:#eef2ff;stroke:#dbeafe;stroke-width:1px}.card-actions[data-astro-cid-rk2pmsne] text[data-astro-cid-rk2pmsne]{fill:currentColor;font:700 13px Inter,system-ui,sans-serif}.save-label[data-astro-cid-rk2pmsne]{fill:#fff;font:700 18px Inter,system-ui,sans-serif}.tap[data-astro-cid-rk2pmsne]{fill:none;stroke:#fff;stroke-width:3px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:9s infinite tap}.success-panel[data-astro-cid-rk2pmsne]{fill:#ecfdf5;stroke:#bbf7d0;stroke-width:1px}.saved-title[data-astro-cid-rk2pmsne]{fill:var(--hero-ink);font:700 20px Inter,system-ui,sans-serif}.saved-copy[data-astro-cid-rk2pmsne]{fill:var(--hero-muted);font:500 14px Inter,system-ui,sans-serif}.check[data-astro-cid-rk2pmsne]{stroke-dasharray:40;stroke-dashoffset:40px;animation:9s infinite check-draw}@keyframes qr-scene{0%,28%{opacity:1}34%,to{opacity:0}}@keyframes scan-beam{0%,5%{opacity:0;transform:translateY(-50px)}10%,25%{opacity:1;transform:translateY(86px)}30%,to{opacity:0;transform:translateY(86px)}}@keyframes card-in{0%,28%{opacity:0;transform:translateY(16px)}36%,60%{opacity:1;transform:translateY(0)}67%,to{opacity:0;transform:translateY(-10px)}}@keyframes saved-in{0%,61%{opacity:0;transform:translateY(16px)}70%,92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes accent-cycle{0%,32%{color:var(--hero-blue)}33%,65%{color:var(--hero-green)}66%,to{color:var(--hero-orange)}}@keyframes tap{0%,47%{opacity:0;transform:scale(1)}52%{opacity:1;transform:scale(1)}58%{opacity:1;transform:scale(.7)}66%,to{opacity:0;transform:scale(1)}}@keyframes check-draw{0%,70%{stroke-dashoffset:40px}78%,94%{stroke-dashoffset:0}to{stroke-dashoffset:40px}}@media (width<=640px){.hero-demo[data-astro-cid-rk2pmsne]{aspect-ratio:1/.95;max-width:420px}.qr-scene[data-astro-cid-rk2pmsne]{display:none}.card-scene[data-astro-cid-rk2pmsne]{animation-name:card-mobile}.saved-scene[data-astro-cid-rk2pmsne]{animation-name:saved-mobile}@keyframes card-mobile{0%,48%{opacity:1;transform:none}56%,to{opacity:0;transform:translateY(-8px)}}@keyframes saved-mobile{0%,51%{opacity:0;transform:translateY(16px)}60%,92%{opacity:1;transform:none}to{opacity:0}}}@media (prefers-reduced-motion:reduce){.qr-scene[data-astro-cid-rk2pmsne],.card-scene[data-astro-cid-rk2pmsne]{display:none}.saved-scene[data-astro-cid-rk2pmsne]{opacity:1;animation:none;transform:none}.accent-source[data-astro-cid-rk2pmsne],.accent-source[data-astro-cid-rk2pmsne] .accent-fill[data-astro-cid-rk2pmsne],.accent-source[data-astro-cid-rk2pmsne] .card-actions[data-astro-cid-rk2pmsne] text[data-astro-cid-rk2pmsne]{color:var(--hero-orange);animation:none}.check[data-astro-cid-rk2pmsne]{stroke-dashoffset:0;animation:none}.tap[data-astro-cid-rk2pmsne],.scan-beam[data-astro-cid-rk2pmsne]{opacity:0;animation:none}}