.proc-row{transition:opacity .65s cubic-bezier(.16,1,.3,1) var(--proc-delay, 0ms),transform .65s cubic-bezier(.16,1,.3,1) var(--proc-delay, 0ms)}.js .proc-row{opacity:0;transform:translate(-16px)}.proc-row.proc-row-visible{opacity:1;transform:translate(0)}.sync-row{transition:opacity .7s cubic-bezier(.16,1,.3,1) var(--sync-delay, 0ms),transform .7s cubic-bezier(.16,1,.3,1) var(--sync-delay, 0ms)}.js .sync-row{opacity:0;transform:translateY(20px)}.sync-row.sync-visible{opacity:1;transform:translateY(0)}.sync-section{background:#191919;color:#fff}.sync-mono{font-family:var(--font-mono, ui-monospace)}.sync-h2-clip{overflow:hidden}.sync-h2{transform:translateY(110%);transition:transform .9s cubic-bezier(.16,1,.3,1)}.sync-header.sync-header-visible .sync-h2{transform:translateY(0)}.sync-lead{transition:opacity .6s cubic-bezier(.16,1,.3,1) .35s,transform .6s cubic-bezier(.16,1,.3,1) .35s}.js .sync-lead{opacity:0;transform:translateY(8px)}.sync-header.sync-header-visible .sync-lead{opacity:1;transform:translateY(0)}.sync-card-hover{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.sync-card-hover:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000059,0 0 0 1px #ffffff1a}.sync-msg{transition:opacity .4s cubic-bezier(.16,1,.3,1) calc(var(--msg-i, 0) * .12s),transform .4s cubic-bezier(.16,1,.3,1) calc(var(--msg-i, 0) * .12s)}.js .sync-msg{opacity:0;transform:translateY(6px)}.sync-msgs-visible .sync-msg{opacity:1;transform:translateY(0)}.sync-dot{animation:sync-dot-bounce 1.4s ease-in-out infinite;animation-delay:calc(var(--dot-i, 0) * .2s)}@keyframes sync-dot-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}.sync-active-dot{animation:sync-active-blink 3s ease-in-out infinite}@keyframes sync-active-blink{0%,to{opacity:1;box-shadow:0 0 8px #4c8af9}50%{opacity:.55;box-shadow:0 0 4px #4c8af9}}.kb-chrome{transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.js .kb-chrome{opacity:0;transform:translateY(6px)}.kb-col-header{transition:opacity .35s cubic-bezier(.16,1,.3,1) calc(.1s + var(--kb-col,0) * 60ms)}.js .kb-col-header{opacity:0}.kb-card{transition:opacity .4s cubic-bezier(.16,1,.3,1) calc(.18s + var(--kb-col,0) * 70ms + var(--kb-card,0) * 60ms),transform .4s cubic-bezier(.16,1,.3,1) calc(.18s + var(--kb-col,0) * 70ms + var(--kb-card,0) * 60ms)}.js .kb-card{opacity:0;transform:translateY(8px)}.kb-animate .kb-chrome{opacity:1;transform:translateY(0)}.kb-animate .kb-col-header{opacity:1}.kb-animate .kb-card{opacity:1;transform:translateY(0)}.sync-kanban-active{position:relative;overflow:hidden}.sync-kanban-active:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(76,138,249,.18) 50%,transparent 100%);transform:translate(-100%);pointer-events:none}.sync-kanban-shimmer .sync-kanban-active:after{animation:sync-shimmer .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes sync-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.cal-chrome{transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.js .cal-chrome{opacity:0;transform:translateY(6px)}.cal-day{transition:opacity .35s cubic-bezier(.16,1,.3,1) calc(.1s + var(--cal-i,0) * 45ms),transform .35s cubic-bezier(.16,1,.3,1) calc(.1s + var(--cal-i,0) * 45ms)}.js .cal-day{opacity:0;transform:translateY(10px) scale(.95)}.cal-event{transition:opacity .5s cubic-bezier(.16,1,.3,1) .5s,transform .5s cubic-bezier(.16,1,.3,1) .5s}.js .cal-event{opacity:0;transform:translateY(10px)}.cal-event-row{transition:opacity .35s cubic-bezier(.16,1,.3,1) calc(.6s + var(--cal-ev,0) * 80ms),transform .35s cubic-bezier(.16,1,.3,1) calc(.6s + var(--cal-ev,0) * 80ms)}.js .cal-event-row{opacity:0;transform:translate(-6px)}.cal-animate .cal-chrome{opacity:1;transform:translateY(0)}.cal-animate .cal-day{opacity:1;transform:translateY(0) scale(1)}.cal-animate .cal-event{opacity:1;transform:translateY(0)}.cal-animate .cal-event-row{opacity:1;transform:translate(0)}@keyframes cal-active-glow{0%{box-shadow:none}50%{box-shadow:0 0 0 3px #0059f740,0 0 12px #0059f733}to{box-shadow:none}}.cal-animate .cal-day-active{animation:cal-active-glow 1s cubic-bezier(.16,1,.3,1) .55s forwards}.slack-cursor{display:inline-block;animation:slack-cursor-blink .7s steps(1) infinite;color:#fff9;font-weight:300;margin-left:1px}@keyframes slack-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.slack-msg-4{transition:opacity .4s cubic-bezier(.16,1,.3,1)}.sync-rail--done,.sync-rail--live{position:relative;overflow:hidden}.sync-rail--done:after,.sync-rail--live:after{content:"";position:absolute;inset:0;border-radius:inherit;transform:scaleX(0);transform-origin:left}.sync-rail--done:after{background:#22c55e38}.sync-rail--live:after{background:#0059f747}.sync-timeline-animate .sync-rail--done:after{animation:sync-rail-fill .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--rail-i, 0) * .14s)}.sync-timeline-animate .sync-rail--live:after{animation:sync-rail-fill .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(3 * .14s)}@keyframes sync-rail-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sync-grid{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:1fr 1fr;gap:20px;min-height:640px}.sync-card{position:relative;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;display:flex;flex-direction:column}.sync-card--hero{grid-row:1 / 3;grid-column:1 / 2}.sync-mock{flex:1;padding:28px;min-height:0;display:flex;flex-direction:column}.sync-mock--hero{padding:36px 40px 32px}.sync-card-foot{padding:24px 28px 28px;border-top:1px solid rgba(255,255,255,.06);background:#0000002e}.sync-card--hero .sync-card-foot{padding:28px 40px 32px}.sync-rail{position:relative;height:6px;border-radius:3px;background:#ffffff0f}.sync-rail:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#2a2a2a;border:1.5px solid rgba(255,255,255,.18)}.sync-rail--done{background:#22c55e38}.sync-rail--done:before{background:#22c55e;border-color:#22c55e73;box-shadow:0 0 6px #22c55e80}.sync-rail--live{background:#0059f747}.sync-rail--live:before{background:#4c8af9;border-color:#4c8af973;box-shadow:0 0 10px #4c8af9cc;animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{box-shadow:0 0 10px #4c8af9cc}50%{box-shadow:0 0 16px #4c8af9,0 0 0 4px #4c8af926}}@media(max-width:767px){.sync-grid{grid-template-columns:1fr;grid-template-rows:auto;min-height:unset}.sync-card--hero{grid-row:auto;grid-column:auto}.sync-mock--hero{padding:24px}.sync-card--hero .sync-card-foot{padding:20px 24px 24px}}@media(prefers-reduced-motion:reduce){.proc-row,.sync-row{opacity:1!important;transform:none!important;transition:none!important}.sync-rail--live:before{animation:none!important}.sync-h2{transform:none!important;transition:none!important}.sync-lead{opacity:1!important;transform:none!important;transition:none!important}.sync-card-hover{transition:none!important}.sync-card-hover:hover{transform:none!important;box-shadow:none!important}.sync-msg{opacity:1!important;transform:none!important;transition:none!important}.sync-dot,.slack-cursor{animation:none!important;opacity:.5!important}.sync-active-dot{animation:none!important}.sync-kanban-active:after{display:none!important}.sync-cal-active{animation:none!important}.sync-rail--done:after,.sync-rail--live:after{transform:scaleX(1)!important;animation:none!important}.kb-chrome,.kb-col-header,.kb-card,.cal-chrome,.cal-day,.cal-event,.cal-event-row{opacity:1!important;transform:none!important;transition:none!important}.cal-animate .cal-day-active{animation:none!important}.slack-msg-4{transition:none!important}}