.hero-demo-rail{gap:14px;display:grid}.hero-demo-label{color:var(--fg-muted);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:550}.hero-demo-chips{flex-wrap:wrap;gap:8px;display:flex}.demo-chip{border:1px solid var(--line-strong);height:36px;color:var(--fg-2);cursor:pointer;font:inherit;letter-spacing:-.01em;isolation:isolate;transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), color .18s ease, scale .12s ease;background:#fff;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 15px;font-size:14px;font-weight:520;display:inline-flex;position:relative;overflow:hidden}.demo-chip:hover{color:var(--fg);border-color:#4f46e573;box-shadow:0 0 0 4px #4f46e514}.demo-chip:active{scale:.98}.demo-chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.demo-chip[aria-pressed=true]{color:#3730a3;background:#f1f0fd;border-color:#4f46e559}.demo-chip-fill{z-index:-1;transform-origin:0;background:#4f46e51a;display:none;position:absolute;inset:0;transform:scaleX(0)}.hero-demo[data-animated=true] .demo-chip-fill{animation:demo-fill var(--run) linear forwards;animation-play-state:paused;display:block}.hero-demo[data-running=true] .demo-chip-fill{animation-play-state:running}@keyframes demo-fill{to{transform:scaleX(1)}}@media (max-width:760px){.hero-demo-chips{scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;margin-inline:-16px;padding:4px 16px;overflow-x:auto}.hero-demo-chips::-webkit-scrollbar{display:none}.demo-chip{scroll-snap-align:start}}.hero-demo-window{border:1px solid var(--line);background:#eceef0;border-radius:14px;margin-top:28px;padding:10px;-webkit-mask-image:linear-gradient(#000 58%,#0000 97%);mask-image:linear-gradient(#000 58%,#0000 97%)}.hero-demo .mock{pointer-events:none;border-radius:8px;height:620px}.hero-demo .mock-app{height:calc(100% - 38px)}.demo-main{min-width:0;position:relative}.demo-moving{z-index:4;position:relative}.demo-moving[data-lifted=true] .mock-deal{border-color:#4f46e573;box-shadow:0 18px 40px #0a0b0d29}.hero-demo .mock-deal{transition:border-color .28s,box-shadow .28s}.hero-demo[data-step=lead] .demo-lead{border-color:#3a72b88c;box-shadow:0 0 0 4px #3a72b81f}.demo-toast{z-index:6;border:1px solid var(--m-line-2);opacity:0;width:min(372px,100% - 28px);transition:opacity .28s var(--ease-out), translate .38s var(--ease-out);background:#fff;border-radius:10px;align-items:center;gap:11px;padding:9px 10px 9px 12px;display:flex;position:absolute;top:7px;right:14px;translate:0 -8px;box-shadow:0 18px 50px #0a0b0d1f}.hero-demo[data-step=lead] .demo-toast-lead,.hero-demo[data-step=offer] .demo-toast-offer{opacity:1;translate:0}.demo-toast-icon{color:#3a72b8;background:#3a72b81a;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;display:grid}.demo-toast-icon-offer{color:#1f9580;background:#1f95801a}.demo-toast-copy{flex:1;gap:1px;min-width:0;display:grid}.demo-toast-copy small{color:var(--m-muted);font-size:11px;font-weight:500}.demo-toast-copy b{color:var(--m-fg);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.demo-toast-copy span{color:var(--m-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.demo-create{color:#fff;background:#4f46e5;border-radius:6px;flex:none;padding:7px 11px;font-size:11.5px;font-weight:600;transition:background-color .16s,box-shadow .16s,scale .12s}.demo-create[data-pressed=true]{background:#4338ca;scale:.96;box-shadow:0 0 0 4px #4f46e529}.demo-created{color:#2e8a67;flex:none;align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:none}.demo-toast-offer[data-done=true] .demo-create{display:none}.demo-toast-offer[data-done=true] .demo-created{display:inline-flex}.demo-cursor{z-index:10;opacity:0;filter:drop-shadow(0 2px 4px #0a0b0d47);width:20px;height:20px;transition-property:translate,opacity,scale;transition-duration:.65s;transition-timing-function:var(--ease-out);margin:-3px 0 0 -4px;position:absolute;top:0;left:0}.demo-cursor[data-visible=true]{opacity:1}.demo-cursor[data-pressed=true]{scale:.86}.demo-cursor svg{display:block}.demo-project{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);display:grid}.demo-project-main{border-right:1px solid var(--m-line);align-content:start;gap:9px;padding:20px 22px;display:grid}.demo-project-title{color:var(--m-fg);letter-spacing:-.02em;font-size:18px}.demo-origin{color:#1a7f6d;font-size:11px}.demo-progress{margin:4px 0}.demo-phases{padding:2px 0 0}.demo-phases .mock-phase{padding:7px 6px}.demo-activity{align-content:start;gap:4px;padding:20px 18px;display:grid}.demo-activity>b{color:var(--m-fg);font-size:13px;font-weight:500}.demo-activity .mock-events{padding:0}.hero-demo[data-animated=true] .demo-main{animation:demo-in .42s var(--ease-out) both}.hero-demo[data-animated=true] .demo-phases li{animation:demo-row .48s var(--ease-out) both;animation-delay:calc(.18s + var(--row) * 90ms)}.hero-demo[data-animated=true] .demo-progress i{animation:demo-grow .9s var(--ease-out) .3s both}.hero-demo[data-animated=true] .demo-activity-new{animation:demo-row .52s var(--ease-out) both}@keyframes demo-in{0%{opacity:0;translate:0 6px}}@keyframes demo-row{0%{opacity:0;translate:0 8px}}@keyframes demo-grow{0%{width:0}}@media (max-width:900px){.demo-project{grid-template-columns:minmax(0,1fr)}.demo-project-main{border-right:0;border-bottom:1px solid var(--m-line)}}@media (max-width:720px){.hero-demo .mock-column:nth-child(-n+2){display:none}.hero-demo-window{margin-top:20px;padding:6px}.hero-demo .mock{height:540px}.demo-toast{width:auto;left:10px;right:10px}}@media (prefers-reduced-motion:reduce){.demo-toast,.demo-cursor,.hero-demo .mock-deal{transition:none}}