.demo{display:flex;flex-direction:column;gap:18px}.demo-intro{display:flex;flex-direction:column;gap:6px}.demo-stage{display:grid;gap:22px;align-items:start}@media(min-width:620px){.demo-stage{grid-template-columns:300px 1fr;gap:28px}}.demo-phone{width:300px;max-width:100%;margin:0 auto;background:#15121a;border-radius:38px;padding:9px;box-shadow:var(--shadow-lift);flex:none}.demo-phone-screen{background:var(--paper);border-radius:30px;overflow:hidden;height:580px;display:flex;flex-direction:column}.demo-statusbar{display:flex;align-items:center;justify-content:space-between;padding:9px 18px 5px;font-size:12px;font-weight:700;color:var(--ink);flex:none}.demo-statusbar-right{display:inline-flex;align-items:center;color:var(--ink)}.demo-screen-body{flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.demo-screen-body::-webkit-scrollbar{display:none}.demo-page{padding:4px 14px 18px;display:flex;flex-direction:column;gap:11px}.demo-page .page-title{font-size:21px;margin:0}.demo-rail{display:flex;flex-direction:column;gap:14px}.demo-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.demo-step{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:9px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}.demo-step:hover{background:var(--surface-sunk)}.demo-step.is-at{background:var(--brand-soft);color:var(--brand);font-weight:700}.demo-step-n{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;border:1px solid var(--line-strong);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.demo-step.is-at .demo-step-n{border-color:currentColor}.demo-step.is-seen:not(.is-at) .demo-step-n{background:var(--surface-sunk)}.demo-blurb{color:var(--ink-soft);line-height:1.6;margin:0;min-height:4.8em}.demo-nav{display:flex;gap:8px}.demo-deck{position:relative}.demo-swipe{position:relative;touch-action:pan-y;cursor:grab;transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .26s linear;-webkit-user-select:none;user-select:none}.demo-swipe.is-dragging{cursor:grabbing;transition:none}.demo-swipe:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:18px}.demo-stamp{position:absolute;top:16px;z-index:3;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;transition:opacity 90ms linear}.demo-stamp-like{right:14px;background:var(--verified);color:#fff}.demo-stamp-pass{left:14px;background:var(--danger);color:#fff}.demo-hero{position:relative;height:180px;overflow:hidden;background:var(--surface-sunk)}.demo-hero-img{width:100%;height:100%;display:block}.demo-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.demo-slot{aspect-ratio:3 / 4;border-radius:var(--radius-sm);border:1px dashed var(--line-strong);background:var(--surface-sunk);color:var(--muted);font-size:21px;cursor:pointer;overflow:hidden;padding:0;display:grid;place-items:center}.demo-slot.is-filled{border-style:solid;border-color:var(--line)}.demo-slot-img{width:100%;height:100%;display:block}.demo-caret{display:inline-block;width:2px;height:1em;background:var(--brand);vertical-align:text-bottom;animation:demo-blink 1s steps(2,start) infinite}@keyframes demo-blink{to{visibility:hidden}}.demo-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-sunk) 25%,var(--line) 37%,var(--surface-sunk) 63%);background-size:400% 100%;animation:demo-shimmer 1.3s ease infinite}.demo-skeleton-card{height:230px;border-radius:18px}.demo-skeleton-line{height:12px}.demo-skeleton-line.short{width:55%}@keyframes demo-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.demo-chat-head{display:flex;align-items:center;gap:9px}.demo-chat-face{width:30px;height:30px;border-radius:50%;flex:none}.demo-thread{gap:7px}.demo-typing{display:inline-flex;gap:4px;align-items:center;padding:12px 14px}.demo-typing span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4;animation:demo-bounce 1.1s infinite}.demo-typing span:nth-child(2){animation-delay:.15s}.demo-typing span:nth-child(3){animation-delay:.3s}@keyframes demo-bounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:.9}}.demo-waiting{display:flex;align-items:center;gap:9px}.demo-pulse{width:9px;height:9px;border-radius:50%;background:var(--amber);flex:none;animation:demo-pulse 1.4s ease-in-out infinite}@keyframes demo-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.demo-caret,.demo-skeleton,.demo-typing span,.demo-pulse{animation:none}.demo-swipe{transition:none}}.demo-ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}.demo-ticks li{display:flex;align-items:center;gap:8px;color:var(--muted)}.demo-ticks span{display:grid;place-items:center;width:18px;height:18px;flex:none;border-radius:50%;background:var(--verified);color:#fff;font-size:11px}.demo-tick-new{color:var(--ink);font-weight:700}.demo-tick-new,.demo-arrive{animation:demo-arrive .42s cubic-bezier(.2,.8,.2,1) both}.demo-arrive{animation-delay:.12s}@keyframes demo-arrive{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.demo-tick-new,.demo-arrive{animation:none}}.soon{max-width:720px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);padding-top:var(--safe-top)}.soon-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px}:root{--on-tint: #241e28}.soon-stage{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);background:var(--brand-soft);border-radius:999px;padding:5px 10px;white-space:nowrap}.soon-body{flex:1;padding:8px 20px 40px;display:flex;flex-direction:column;gap:28px}.soon-hero h1{font-family:var(--font-display);font-size:clamp(32px,8vw,46px);line-height:1.08;letter-spacing:-.03em;margin:0 0 12px}.soon-hero p{margin:0;font-size:17px;line-height:1.55;color:var(--ink-soft)}.soon-hero em{font-style:normal;color:var(--on-tint);background:var(--brand-tint);border-radius:4px;padding:0 6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.soon-section{display:flex;flex-direction:column;gap:12px}.soon-req{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start}.soon-req-dot{width:7px;height:7px;border-radius:50%;background:var(--brand);margin:7px 0 0 5px}.soon-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.soon-foot{border-top:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:10px;padding-bottom:calc(20px + var(--safe-bottom))}.soon-foot-links{display:flex;flex-wrap:wrap;gap:14px}.soon-doc p{margin:0;font-size:14px;line-height:1.65}.will-reveal{opacity:0;transform:translateY(14px)}.is-revealed{opacity:1;transform:none;transition:opacity .52s ease,transform .52s cubic-bezier(.2,.8,.2,1)}