.landing{background-color:var(--ui-canvas);color:var(--ui-ink)}.nav-pill{transition:background .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.nav-pill.is-scrolled{background:color-mix(in srgb, var(--ui-surface) 92%, transparent);box-shadow:var(--ui-glass-inset), var(--ui-shadow-pop)}.btn-cta,.btn-ghost{letter-spacing:.01em;border-radius:9999px;justify-content:center;align-items:center;font-weight:600;transition:background .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-cta{background:var(--ui-accent);color:var(--ui-on-accent);box-shadow:0 4px 16px color-mix(in srgb, var(--ui-accent) 35%, transparent)}.btn-cta:hover{background:var(--ui-accent-hover);transform:translateY(-1px)}.btn-ghost{border:1px solid var(--ui-glass-line);background:var(--ui-glass);color:var(--ui-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-ghost:hover{background:var(--ui-surface-hover);transform:translateY(-1px)}.btn-cta:active,.btn-ghost:active{transform:scale(.98)}.hero:before{content:"";pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--ui-accent) 22%, transparent), transparent);width:60rem;height:50rem;position:absolute;top:-10%;right:-10%}.demo-window,.shot{border:1px solid var(--ui-line);box-shadow:var(--ui-shadow-card), 0 40px 80px -30px #00000073}.demo-item{transition:border-color .15s ease-out,background .15s ease-out,transform .15s ease-out}.demo-item:hover{border-color:var(--ui-line-strong)}.demo-item.is-pressed{border-color:var(--ui-ring);background:var(--ui-accent-soft);transform:scale(.96)}.demo-pay{color:var(--ui-muted);transition:background .15s,color .15s}.demo-pay[aria-checked=true]{background:var(--ui-surface);color:var(--ui-ink);box-shadow:0 1px 3px #0003}@media (pointer:coarse){.demo-pay,[data-demo-quick] button,[data-demo-clear]{min-height:2.5rem}[data-demo-checkout]{min-height:2.75rem}}.demo-qty.is-bump{animation:.32s cubic-bezier(.2,.8,.2,1) bump}@keyframes bump{40%{transform:scale(1.35)}}.demo-delta{opacity:0}.demo-delta.is-on{animation:1.6s ease-out forwards delta}@keyframes delta{0%{opacity:0;translate:0 4px}15%{opacity:1;translate:0}75%{opacity:1}to{opacity:0}}.demo-line{animation:.25s cubic-bezier(.2,.8,.2,1) line-in}@keyframes line-in{0%{opacity:0;translate:-6px}}.demo-cursor{z-index:5;pointer-events:none;opacity:0;transition:transform .7s cubic-bezier(.45,0,.2,1),opacity .3s;position:absolute;top:0;left:0}.demo-cursor.is-on{opacity:1}.demo-cursor.is-click svg{animation:.25s ease-out click}@keyframes click{50%{transform:scale(.82)}}.demo-toast{z-index:6;opacity:0;pointer-events:none;background:var(--ui-inverse);color:var(--ui-on-inverse);white-space:nowrap;box-shadow:var(--ui-shadow-pop);border-radius:9999px;padding:.55rem 1rem;font-size:.8125rem;font-weight:600;transition:opacity .25s,translate .3s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:1rem;left:50%;translate:-50% 12px}.demo-toast.is-on{opacity:1;translate:-50%}.tour-tabs{scrollbar-width:none}.tour-tabs::-webkit-scrollbar{display:none}.tour-tab{color:var(--ui-muted);transition:background .25s cubic-bezier(.22,1,.36,1),color .25s cubic-bezier(.22,1,.36,1)}.tour-tab:hover{color:var(--ui-ink)}.tour-tab[aria-selected=true]{background:var(--ui-subtle);color:var(--ui-ink);box-shadow:0 1px 3px #00000040}.role-pick{color:var(--ui-muted)}.role-pick[aria-checked=true]{background:var(--ui-surface);color:var(--ui-ink);box-shadow:0 1px 3px #0003}.role-nav-item{border:1px dashed var(--ui-line);color:var(--ui-faint);text-decoration:line-through;transition:all .25s ease-out}.role-nav-item.is-on{border:1px solid var(--ui-ring);background:var(--ui-accent-soft);color:var(--ui-accent-text);text-decoration:none}.range{--fill:50%;appearance:none;cursor:pointer;background:0 0;height:2.75rem}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ui-accent) var(--fill), var(--ui-subtle) var(--fill));border-radius:9999px;height:.4rem}.range::-moz-range-track{background:linear-gradient(90deg, var(--ui-accent) var(--fill), var(--ui-subtle) var(--fill));border-radius:9999px;height:.4rem}.range::-webkit-slider-thumb{appearance:none;border:4px solid var(--ui-canvas);background:var(--ui-ink);width:1.5rem;height:1.5rem;box-shadow:0 0 0 1px var(--ui-line-strong);border-radius:9999px;margin-top:-.55rem;transition:transform .15s}.range:active::-webkit-slider-thumb{transform:scale(1.12)}.range::-moz-range-thumb{border:4px solid var(--ui-canvas);background:var(--ui-ink);border-radius:9999px;width:1.1rem;height:1.1rem}.range:focus-visible{outline:none}.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--ui-ring)}.faq summary::-webkit-details-marker{display:none}.faq-icon{transition:transform .2s ease-out}.faq[open] .faq-icon{transform:rotate(45deg)}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2, .8, .2, 1) var(--reveal-delay,0s), translate .7s cubic-bezier(.2, .8, .2, 1) var(--reveal-delay,0s);translate:0 18px}.reveal.is-visible{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;translate:none}}