.row-figure{--row-ease: var(--ease-default, cubic-bezier(.2, 0, 0, 1))}html.motion-ok [data-mock=laptop-invoice-xero] .row-button{transition:opacity .15s var(--row-ease)}[data-mock=laptop-invoice-xero][data-phase=pushing] .row-button{opacity:.6}.row-modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:#1a1b2559}.row-toast{position:absolute;right:1rem;bottom:1rem;left:1rem;width:fit-content;margin:0 auto}.row-tick[data-ticked]{border-color:var(--color-accent);background:var(--color-accent)}.row-tick[data-ticked]:after{content:"";position:absolute;top:2px;left:6px;width:6px;height:11px;border:solid var(--color-surface);border-width:0 2px 2px 0;transform:rotate(45deg)}[data-mock=laptop-send][data-phase=modal] .row-tick[data-ticked]{border-color:var(--color-border);background:var(--color-surface)}[data-mock=laptop-send][data-phase=modal] .row-tick[data-ticked]:after{content:none}html.motion-ok [data-mock=laptop-send] .row-tick{transition:background-color .15s var(--row-ease),border-color .15s var(--row-ease)}@keyframes row-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}html.motion-ok [data-mock=laptop-send][data-phase=modal] .row-modal,html.motion-ok [data-mock=laptop-send][data-phase=toast] .row-toast{animation:row-rise .25s var(--row-ease) both}html.motion-ok [data-mock=timesheets-approve] .row-button{transition:opacity .15s var(--row-ease)}[data-mock=timesheets-approve][data-phase=approving] .row-button{opacity:.6}.story-track{--story-ease: var(--ease-default, cubic-bezier(.2, 0, 0, 1))}.story-stage{display:flex;flex-direction:column;align-items:center;margin:0;padding:0;list-style:none}.story-beat{width:100%}.story-beat+.story-beat{margin-top:3.5rem}.story-beat:has(>.story-caption){margin-top:.75rem}.story-screen{position:absolute;inset:0}[data-mock=phone-list] [data-screen=list]{opacity:0;transform:translate(-32px)}[data-mock=phone-list][data-phase=list] [data-screen=list],[data-mock=phone-list][data-phase=pick] [data-screen=list]{opacity:1;transform:none}[data-mock=phone-list][data-phase=list] [data-screen=job],[data-mock=phone-list][data-phase=pick] [data-screen=job]{opacity:0;transform:translate(32px)}[data-mock=phone-list][data-phase=pick] [data-picked]{border-color:var(--color-accent);background-color:var(--color-accent-wash)}[data-mock=phone-timer][data-phase=running] .story-timer-card{border-color:var(--color-accent)}@keyframes story-sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}html.motion-ok [data-mock=phone-photos][data-phase=sheet] .story-sheet{animation:story-sheet-up .25s var(--story-ease) both}html.motion-ok .story-screen{transition:opacity .2s var(--story-ease),transform .25s var(--story-ease)}html.motion-ok [data-mock=phone-list] [data-picked],html.motion-ok .story-timer-card{transition:border-color .15s var(--story-ease),background-color .15s var(--story-ease)}.story-track[data-mode=pinned]{height:480vh}.story-track[data-mode=pinned] .story-stage{position:sticky;top:128px;display:block;height:calc(100vh - 128px);overflow:hidden}.story-track[data-mode=pinned] .story-beat{position:absolute;inset:0;margin:0}.story-track[data-mode=pinned] .story-phone{position:absolute;left:0;top:calc((100% - 64px - 620px * var(--story-scale, 1)) / 2);width:300px;transform:scale(var(--story-scale, 1));transform-origin:top left;opacity:0}.story-track[data-mode=pinned] .story-laptop{position:absolute;right:0;top:calc((100% - 64px - 475px * var(--story-scale, 1)) / 2);width:760px;transform:scale(var(--story-scale, 1));transform-origin:top right;opacity:.4}.story-track[data-mode=pinned] .story-caption{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;height:64px;max-width:44rem;margin:0 auto;padding:0 1rem;font-size:20px;line-height:1.4;opacity:0}.story-stage[data-beat="0"] [data-mock][data-beats~="0"],.story-stage[data-beat="1"] [data-mock][data-beats~="1"],.story-stage[data-beat="2"] [data-mock][data-beats~="2"],.story-stage[data-beat="3"] [data-mock][data-beats~="3"],.story-stage[data-beat="4"] [data-mock][data-beats~="4"],.story-stage[data-beat="5"] [data-mock][data-beats~="5"]{opacity:1}.story-stage[data-beat="4"] .story-phone[data-beats~="3"],.story-stage[data-beat="5"] .story-phone[data-beats~="3"]{opacity:.4}.story-stage[data-beat="0"] .story-beat[data-beat="0"] .story-caption,.story-stage[data-beat="1"] .story-beat[data-beat="1"] .story-caption,.story-stage[data-beat="2"] .story-beat[data-beat="2"] .story-caption,.story-stage[data-beat="3"] .story-beat[data-beat="3"] .story-caption,.story-stage[data-beat="4"] .story-beat[data-beat="4"] .story-caption,.story-stage[data-beat="5"] .story-beat[data-beat="5"] .story-caption{opacity:1}html.motion-ok .story-track[data-mode=pinned] [data-mock],html.motion-ok .story-track[data-mode=pinned] .story-caption{transition:opacity .2s var(--story-ease)}