button.button{font:inherit;cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:700}button.button-outline{border:1px solid #a9b5d7}button.button-blue{background:var(--blue)}button.button:focus-visible,.demo-overlay-close:focus-visible,.demo-hud-button:focus-visible{outline:3px solid var(--coral);outline-offset:4px}button.button:disabled{opacity:.6;cursor:progress;transform:none}.demo-hero{padding-bottom:0;position:relative}.demo-section{padding-block:55px 80px}.demo-layout{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:56px;display:grid}.demo-steps{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.demo-step{border-bottom:1px solid var(--line);padding:30px 0 32px}.demo-step h3{letter-spacing:-.045em;margin:8px 0 10px;font-size:26px;line-height:1.15}.demo-step p{color:var(--muted);margin:0;line-height:1.7}.demo-actions{flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:18px;display:flex}.demo-qr-block{align-items:center;gap:22px;display:flex}.demo-qr{background:var(--white);border:1px solid var(--line);border-radius:14px;flex:none;width:148px;height:148px;padding:8px}.demo-qr svg{width:100%;height:100%;display:block}.demo-note{background:#fdf1e4;border:1px solid #f0d7b3;border-radius:10px;padding:12px 16px;font-size:14px;color:#7a5a22!important;margin-top:14px!important}.demo-on-phone{display:none}.demo-status{min-height:1.2em;font-size:14px;margin-top:12px!important}.demo-error{background:#fbeaea;border:1px solid #f0c3c0;border-radius:12px;margin-top:18px;padding:18px 20px}.demo-error p{color:#922620;font-size:14.5px}.demo-error .demo-error-title{color:#6e1c17;margin-bottom:4px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700}.demo-error .demo-actions{margin-top:14px}.demo-error #demo-error-steps{color:#922620;margin:10px 0 0;padding-left:20px;font-size:14px}.demo-error #demo-error-steps li{margin-top:4px}.demo-marker{margin:0;position:sticky;top:24px}.demo-marker img{height:auto;box-shadow:0 30px 60px -30px #17243759, 0 0 0 1px var(--line);background:var(--paper);border-radius:14px}.demo-marker figcaption{color:var(--muted);align-items:center;gap:8px;margin-top:14px;font-size:12px;font-weight:700;display:flex}.photo-dot{background:#4bae8c;border-radius:50%;flex:none;width:8px;height:8px}.demo-next{padding-top:20px}.demo-marker-overlay{z-index:50;background:#fff;justify-content:center;align-items:center;padding:2vmin;display:flex;position:fixed;inset:0}.demo-marker-overlay[hidden]{display:none}.demo-marker-overlay img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.demo-overlay-close{color:var(--ink);cursor:pointer;background:#ffffffe6;border:1px solid #b5bdc9;border-radius:99px;padding:10px 14px;font:700 13px/1 DM Sans,sans-serif;position:absolute;top:16px;right:16px}.demo-ar{z-index:60;color:#fff;background:#000;position:fixed;inset:0;overflow:hidden}.demo-ar[hidden]{display:none}.demo-ar-container{position:absolute;inset:0;overflow:hidden}.demo-ar-hint{top:max(1.5rem, env(safe-area-inset-top));z-index:5;pointer-events:none;justify-content:center;transition:opacity .3s;display:flex;position:absolute;left:0;right:0}.demo-ar-hint p{text-align:center;background:#18233bbf;border-radius:999px;margin:0 16px;padding:.6rem 1.1rem;font-size:.9rem}.demo-ar-hint[hidden]{display:none}.demo-ar-hint.is-hidden{opacity:0}.demo-ar-hud{bottom:max(1.5rem, env(safe-area-inset-bottom));z-index:6;justify-content:center;gap:.75rem;display:flex;position:absolute;left:0;right:0}.demo-hud-button{color:#fff;cursor:pointer;background:#18233bb3;border:1px solid #ffffff59;border-radius:999px;padding:.7rem 1.2rem;font:500 .9rem/1 DM Sans,sans-serif}.demo-ar-fallback{top:0;left:0;bottom:calc(max(1.5rem, env(safe-area-inset-bottom)) + 3.5rem);object-fit:contain;z-index:4;background:#000;width:100%;height:auto;position:absolute}body.demo-locked{touch-action:none;overscroll-behavior:none;overflow:hidden}.rotate-overlay{z-index:70;text-align:center;color:#fff;background:#0d1220;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:fixed;inset:0}.rotate-overlay[hidden]{display:none}.rotate-overlay-icon{color:#9fb0d6;width:56px;height:56px;animation:1.6s ease-in-out infinite rotate-overlay-hint}.rotate-overlay p{margin:0;font-size:1.1rem;font-weight:600}.rotate-overlay-note{color:#9fb0d6;font-size:.9rem;font-weight:400}@keyframes rotate-overlay-hint{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}.demo-print-sheet{display:none}@media (width<=900px),(pointer:coarse) and (width<=1100px){[data-desktop-only]{display:none}.demo-on-phone{display:block}}@media (width<=900px){.demo-layout{grid-template-columns:1fr;gap:36px}.demo-marker{position:static}}@media (prefers-reduced-motion:reduce){.demo-ar-hint{transition:none}.rotate-overlay-icon{animation:none}}@media print{@page{size:landscape;margin:12mm}body{background:#fff}body>:not(.demo-print-sheet){display:none!important}.demo-print-sheet{text-align:center;display:block}.demo-print-sheet img{object-fit:contain;width:100%;max-height:165mm}.demo-print-sheet p{color:#606b79;margin:6mm 0 0;font:500 10pt/1.4 DM Sans,sans-serif}}