.hero-showcase{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;margin-block-start:2.5rem;display:flex}.hero-showcase-side{flex-direction:column;gap:1.5rem;max-width:16rem}.hero-showcase-kiosk{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:18rem;box-shadow:var(--shadow-lg);text-align:left;animation:7s ease-in-out infinite hero-showcase-float;overflow:hidden}.hero-showcase-kiosk-band{background:linear-gradient(120deg, var(--color-pastel-mint-1), var(--color-pastel-sky-1));border-block-end:1px solid var(--color-border);align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.hero-showcase-kiosk-dot{border-radius:var(--radius-full);background:var(--color-brand);width:.875rem;height:.875rem}.hero-showcase-kiosk-org{font-family:var(--font-display);color:var(--color-text)}.hero-showcase-kiosk-welcome{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text)}.hero-showcase-field{border:1px solid var(--color-border-strong);border-radius:var(--control-radius);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text-muted);padding:.5rem .875rem;display:block}.hero-showcase-cta{border-radius:var(--button-radius);background:var(--color-brand);color:var(--color-on-brand);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);text-align:center;margin-block-start:.25rem;padding:.625rem;display:block}.hero-showcase-chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:left;flex-direction:column;gap:.375rem;padding:.875rem 1rem;animation:7s ease-in-out 1.2s infinite hero-showcase-float;display:flex}.hero-showcase-qr{border-radius:var(--radius-sm)}.hero-showcase-toast{background:var(--kiosk-toast-bg);border-radius:var(--radius-lg);box-shadow:var(--kiosk-toast-shadow);text-align:left;align-items:center;gap:.75rem;padding:.875rem 1.125rem;animation:7s ease-in-out .6s infinite hero-showcase-float;display:flex}.hero-showcase-toast-sub{font-size:var(--text-xs);color:var(--color-text-inverse-muted)}.hero-showcase-toast-avatar.avatar{background:var(--color-pastel-mint-2);color:var(--color-pastel-mint-5);border-color:#0000}.hero-showcase-tilt-left{transform:rotate(-2.5deg)}.hero-showcase-tilt-right{transform:rotate(2deg)}@keyframes hero-showcase-float{0%,to{translate:0}50%{translate:0 -.5rem}}@media (prefers-reduced-motion:reduce){.hero-showcase-kiosk,.hero-showcase-chip,.hero-showcase-toast{animation:none}}
.standout-eyebrow{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand-ink);align-items:center;gap:.5rem;display:inline-flex}.standout-visual{border-radius:var(--radius-xl);justify-content:center;align-items:center;min-height:15rem;padding:1.25rem;display:flex}@media (min-width:640px){.standout-visual{padding:2rem}}.standout-visual-lavender{background:var(--color-pastel-lavender-1);border:1px solid var(--color-pastel-lavender-2)}.standout-visual-sky{background:var(--color-pastel-sky-1);border:1px solid var(--color-pastel-sky-2)}.standout-visual-peach{background:var(--color-pastel-peach-1);border:1px solid var(--color-pastel-peach-2)}.standout-visual-mint{background:var(--color-pastel-mint-1);border:1px solid var(--color-pastel-mint-2)}.standout-visual-lemon{background:var(--color-pastel-lemon-1);border:1px solid var(--color-pastel-lemon-2)}.standout-canvas{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:20rem;box-shadow:var(--shadow-md);overflow:hidden}.standout-canvas-toolbar{border-block-end:1px solid var(--color-border);background:var(--color-surface-sunken);gap:.375rem;padding:.625rem .875rem;display:flex}.standout-canvas-toolbar-dot{border-radius:var(--radius-full);background:var(--color-border-strong);width:.5rem;height:.5rem}.standout-canvas-chip{border-radius:var(--radius-md);background:var(--color-pastel-lavender-2);color:var(--color-pastel-lavender-5);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);align-self:flex-start;padding:.375rem .75rem}.standout-canvas-media{border-radius:var(--radius-md);background:var(--color-pastel-sky-2);height:4.5rem;color:var(--color-pastel-sky-5);justify-content:center;align-items:center;display:flex}.standout-canvas-line{border-radius:var(--radius-full);background:var(--color-pastel-gray-2);height:.5rem;display:block}.standout-canvas-line-short{width:60%}.standout-canvas-palette{gap:.375rem;display:flex}.standout-canvas-swatch{border-radius:var(--radius-full);border:1px solid var(--color-border);width:1rem;height:1rem}.standout-canvas-swatch-mint{background:var(--color-pastel-mint-2)}.standout-canvas-swatch-sky{background:var(--color-pastel-sky-2)}.standout-canvas-swatch-lavender{background:var(--color-pastel-lavender-2)}.standout-canvas-swatch-rose{background:var(--color-pastel-rose-2)}.standout-canvas-swatch-peach{background:var(--color-pastel-peach-2)}.standout-canvas-swatch-lemon{background:var(--color-pastel-lemon-2)}.standout-flow-node{border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-xs);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);text-align:center;justify-content:center;align-items:center;padding:.5rem 1rem;display:inline-flex}.standout-flow-node-question{background:var(--color-pastel-sky-5);border-color:var(--color-pastel-sky-5);color:var(--color-text-inverse)}.standout-flow-note{font-size:var(--text-xs);color:var(--color-pastel-sky-5)}.standout-doc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:20rem;box-shadow:var(--shadow-md);flex-direction:column;gap:.875rem;padding:1rem 1.125rem;display:flex}.standout-doc-check{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:.5rem;display:inline-flex}.standout-doc-foot{border-block-start:1px dashed var(--color-border-strong);align-items:center;gap:.75rem;padding-block-start:.75rem;display:flex}.standout-doc-qr{border-radius:var(--radius-sm);border:1px solid var(--color-border)}.standout-dm{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:flex-start;gap:.5rem;padding:.875rem 1rem;display:flex}.standout-dm-ack{border-radius:var(--radius-full);background:var(--color-brand);color:var(--color-on-brand);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);align-items:center;gap:.375rem;padding:.375rem .875rem;display:inline-flex}.standout-kiosk-toast{border-radius:var(--radius-lg);background:var(--kiosk-toast-bg);box-shadow:var(--kiosk-toast-shadow);align-self:flex-end;padding:.625rem 1rem}.standout-device{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;flex-direction:column;align-items:center;gap:.625rem;padding:1rem;display:flex}.standout-device-phone{border-radius:var(--radius-xl);border-width:2px;border-color:var(--color-border-strong)}.standout-device-line{border-radius:var(--radius-full);background:var(--color-pastel-gray-2);width:5rem;height:.5rem;display:block}.standout-device-cta{border-radius:var(--radius-full);background:var(--color-brand);width:100%;color:var(--color-on-brand);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);padding:.375rem .875rem;display:block}.standout-progress{border-radius:var(--radius-full);background:var(--color-surface-sunken);border:1px solid var(--color-border);width:100%;height:.375rem;display:block;overflow:hidden}.standout-progress-fill{border-radius:var(--radius-full);background:var(--color-brand);height:100%;display:block}.standout-progress-half{width:50%}.standout-progress-most{width:75%}.standout-handoff-arrow{display:inline-flex;transform:rotate(90deg)}@media (min-width:640px){.standout-handoff-arrow{transform:none}}