.rail{--rail-unread:100%;top:50%;left:calc(50% - var(--demo-w) / 2 - 96px);z-index:2;pointer-events:none;width:96px;height:200%;position:absolute;overflow:visible}.rail__thread{filter:drop-shadow(0 3px 3px #533a2d17);position:absolute;inset:0;overflow:visible}.rail__thread-layer{position:absolute;inset:0}.rail__thread-layer--rest{opacity:.18}.rail__thread-layer--read{clip-path:inset(0 0 var(--rail-unread) 0)}.rail__thread-image{object-fit:fill;-webkit-mask-image:linear-gradient(#0000 0%,#0000003d 1.5%,#000 4.75% 100%);mask-image:linear-gradient(#0000 0%,#0000003d 1.5%,#000 4.75% 100%)}.rail__ball{z-index:3;opacity:0;will-change:transform, opacity;width:28px;height:28px;position:absolute;top:0;left:0}.rail__ball:before{z-index:-1;content:"";background:radial-gradient(circle,#fff6e2b8 0%,#fff6e24d 46%,#0000 72%);border-radius:50%;position:absolute;inset:-7px}.rail__ball-image{filter:drop-shadow(0 1px #66432d33)drop-shadow(0 2px 3px #66432d33)drop-shadow(0 5px 8px #66432d1c);width:28px;max-width:none;height:28px;display:block}.sysmock{z-index:1;aspect-ratio:2048/1174;color:#252538;text-align:left;background:#fff;border:1px solid #302a2729;border-radius:12px;width:min(100%,174.446dvh - 409.949px);margin-inline:auto;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden;box-shadow:0 18px 44px #302a271f}.sysmock__canvas{transform-origin:0 0;background:#fff;width:125%;height:125%;transform:scale(.8)}.sysmock[data-desktop-capture] .sysmock__canvas{width:1450px;height:831.2px;transform:scale(calc(.8 * var(--capture-scale,1)))}.sysmock__navbar{color:#1f2035;background:#fff;border-bottom:1px solid #e2e3e6;align-items:center;height:50px;padding:0 17px;font-size:15px;display:flex}.sysmock__navbar>strong{margin:0 25px 0 12px;font-size:17px;font-weight:500}.sysmock__brand-mark{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(90deg,#f7a928 0 49%,#b6548a 50% 100%);flex:none;width:18px;height:21px;position:relative}.sysmock__brand-mark:after{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#7f4d84;position:absolute;inset:4px 5px 4px 7px}.sysmock__navlinks{align-items:stretch;height:100%;display:flex}.sysmock__navlinks span{color:#19192a;place-items:center;min-width:88px;padding:0 13px;display:grid}.sysmock__navlinks .is-current{background:#f4f4f6}.sysmock__navbar-spacer,.sysmock__toolbar-spacer{flex:1}.sysmock__nav-icon{color:#202031;place-items:center;width:36px;height:36px;display:grid;position:relative}.sysmock__nav-icon svg{stroke-width:2.5px;width:17px;height:17px}.sysmock__nav-icon b{color:#fff;background:#d93d4d;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;line-height:1;display:grid;position:absolute;top:2px;right:0}.sysmock__avatar{color:#fff;background:#af8740;border-radius:3px;place-items:center;width:29px;height:29px;margin-left:9px;font-size:14px;display:grid}.sysmock__toolbar{background:#fff;border-bottom:1px solid #d8dade;align-items:center;gap:7px;min-height:55px;padding:8px 16px;display:flex}.sysmock__button{border-radius:4px;place-items:center;height:34px;padding:0 13px;font-size:14px;font-weight:600;display:grid}.sysmock__button--primary{color:#fff;background:#71435f}.sysmock__view-title{color:#35354a;margin-left:6px;font-size:16px;font-weight:500}.sysmock__search{color:#8a8c92;border-bottom:1px solid #bfc2c7;width:170px;padding:7px 11px;font-size:13px}.sysmock__pager{color:#252638;margin-left:15px;font-size:13px}.sysmock__pager-button{color:#a9abb0;background:#f3f4f6;border-radius:4px;place-items:center;width:34px;height:34px;display:grid}.sysmock__pager-button svg{width:17px;height:17px}.sysmock__body{background:#fff;height:calc(100% - 105px);display:flex}.sysmock__filters{background:#fff;border-right:1px solid #d8dade;flex:none;width:219px;padding:13px 10px 0 16px}.sysmock__filters section{margin-bottom:33px}.sysmock__filters h4{color:#3a3a50;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:700;display:flex}.sysmock__filters h4>span{background:#71435f;border-radius:1px;width:13px;height:10px}.sysmock__filters section>div{color:#13142a;justify-content:space-between;align-items:center;height:27px;padding:0 9px 0 16px;font-size:13px;transition:background-color .3s,color .3s;display:flex}.sysmock__filters section>div.is-current{background:#e4f1f3}.sysmock__filters section>div.is-updated{color:#006d78;background:#cfe8ec;animation:.7s ease-out both sysmock-filter-update}.sysmock__filters div b{color:#65687b;font-size:12px;font-weight:500}.sysmock__list{flex:1;min-width:0;position:relative;overflow:hidden}.sysmock__list table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.sysmock__list th,.sysmock__list td{color:#22233a;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #d8dade;border-right:1px solid #e3e4e7;height:40px;padding:0 8px;overflow:hidden}.sysmock__list th{color:#242538;text-align:left;background:#f8f9fa;font-size:12px;font-weight:600}.sysmock__list th:nth-child(2),.sysmock__list th:nth-child(3){width:142px}.sysmock__list th:nth-child(4){width:91px}.sysmock__list th:nth-child(5){width:154px}.sysmock__list th:nth-child(6){width:124px}.sysmock__list th:nth-child(7){width:114px}.sysmock__list th:nth-child(8){width:112px}.sysmock__list th:nth-child(9){width:116px}.sysmock__list .sysmock__checkbox-cell{text-align:center;width:39px;padding:0}.sysmock__checkbox{color:#fff;background:#fff;border:1px solid #b9bbc1;place-items:center;width:15px;height:15px;font-size:11px;line-height:1;transition:border-color .26s,background-color .26s;display:inline-grid}.sysmock__reference{color:#121b39;font-weight:500}.sysmock__active-row{transition:background-color .38s,box-shadow .38s}.sysmock__active-row[data-phase=packing]{background:#f9f2e6}.sysmock__active-row[data-phase=updating],.sysmock__active-row[data-phase=complete]{background:#cfe9ed}.sysmock__active-row[data-phase=complete]{animation:.9s ease-out both sysmock-row-complete}.sysmock__active-row .sysmock__checkbox{background:#008992;border-color:#008992}.sysmock__label-failed{font-weight:600;color:#b83a43!important}.sysmock__status-cell{font-weight:500;color:#5e6070!important}.sysmock__active-row[data-phase=updating] .sysmock__status-cell,.sysmock__active-row[data-phase=complete] .sysmock__status-cell{font-weight:700;color:#007c84!important}.sysmock__status-spinner{vertical-align:-2px;width:13px;height:13px;margin-right:5px;animation:.85s linear infinite deck-run-spin;display:inline-block}.sysmock__list-footer{color:#656776;opacity:0;background:#fff;border:1px solid #d2d4d8;border-radius:3px;align-items:center;gap:8px;min-width:330px;height:44px;padding:0 14px;font-size:12px;transition:opacity .26s,transform .36s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:14px;right:15px;transform:translateY(8px);box-shadow:0 4px 14px #1617211f}.sysmock__list-footer strong{color:#292a3c;font-size:12px}.sysmock__integration-dot{background:#008992;border-radius:50%;flex:none;width:8px;height:8px}.sysmock[data-phase=updating] .sysmock__list-footer,.sysmock[data-phase=complete] .sysmock__list-footer{opacity:1;transform:translateY(0)}@keyframes sysmock-row-complete{0%{box-shadow:inset 4px 0 #008992}to{box-shadow:inset 4px 0 #0000}}@keyframes sysmock-filter-update{0%{box-shadow:inset 4px 0 #008992}to{box-shadow:inset 4px 0 #0000}}@media (prefers-reduced-motion:reduce){.sysmock__filters section>div,.sysmock__active-row,.sysmock__status-cell,.sysmock__status-spinner{transition:none;animation:none}}.demo-story{z-index:1;--quote-breath:33svh;--demo-w:min(100% - 48px, 1160px);--demo-screen-h:calc(var(--demo-w) * 1174 / 2048);--demo-said-h:calc(14px + 12px + (clamp(19px, 2.1vw, 23px) * 1.35) + 26px);padding:var(--quote-breath) 0 104px;position:relative}.demo-story>.site-shell{justify-items:center;display:grid}.demo-story__run{margin-top:var(--quote-breath);grid-template-columns:minmax(0,1fr);gap:132px;display:grid;position:relative}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.worked-ask .word-reveal__word{opacity:.14}}.demo-story__step{grid-template-columns:minmax(0,1fr);justify-items:center;display:grid}.demo-story__run .rail{top:calc(var(--demo-said-h) + var(--demo-screen-h) / 2);height:calc(100% - var(--demo-said-h) - var(--demo-screen-h))}.demo-story__said{text-align:center;width:min(100% - 40px,620px);margin-bottom:26px}.demo-story__layer{color:#756a63;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:690;line-height:1.4;display:block}.demo-story__caption{color:var(--landing-ink);letter-spacing:-.025em;text-wrap:balance;margin:12px 0 0;font-size:clamp(19px,2.1vw,23px);font-weight:620;line-height:1.35}.demo-story__screen{width:var(--demo-w)}.demo-story__screen .claude-mockup,.demo-story__screen .sysmock,.demo-story__screen .deck-app{width:100%}@media (min-width:641px){.claude-mockup[data-desktop-capture]{aspect-ratio:2048/1174;position:relative}.claude-mockup[data-desktop-capture] .claude-desktop{width:1160px;height:664.96px;transform:scale(var(--capture-scale,1));transform-origin:0 0;position:absolute;top:0;left:0;container-type:inline-size}}@media (min-width:641px) and (max-width:1100px){.claude-mockup[data-desktop-capture]{aspect-ratio:1808/1387}.claude-mockup[data-desktop-capture] .claude-desktop{height:889.8px}}@media (max-width:1351px){.demo-story__run .rail{display:none}}@media (max-width:1100px){.demo-story{--demo-w:min(100% - 40px, 1160px)}}@media (max-width:860px){.demo-story__run{gap:88px}.demo-story{padding-bottom:72px}}@media (max-width:640px){.demo-story{--quote-breath:25svh;--demo-phone-w:min(100vw - 40px, 300px);--demo-screen-h:calc(var(--demo-phone-w) * 1.96);--demo-said-h:calc(14px + 12px + (20px * 1.35 * 2) + 26px)}.demo-story__run{gap:64px}.demo-story__screen .claude-mockup,.demo-story__screen .deck-app--narrow,.demo-story__screen .sysmock--narrow{width:var(--demo-phone-w);margin-inline:auto}.demo-story__said{width:min(100% - 40px,340px)}.demo-story__run .rail{left:calc((100vw - var(--demo-phone-w)) / 4 - 48px);display:block}.demo-story__run .rail__ball,.demo-story__run .rail__ball-image{width:22px;height:22px}.demo-story .worked-ask p{font-size:clamp(24px,7.2vw,30px)}.demo-story__caption{font-size:20px}}.deck-app{z-index:1;aspect-ratio:2048/1174;width:min(100%,174.446dvh - 409.949px);font-family:var(--font-geist-sans), system-ui, sans-serif;text-align:left;margin-inline:auto;position:relative}.deck-app__canvas{transform-origin:0 0;width:126.582%;height:126.582%;transform:scale(.79)}.deck-app[data-desktop-capture] .deck-app__canvas{width:1468.35px;height:841.7px;transform:scale(calc(.79 * var(--capture-scale,1)))}.deck-app--code{container-type:inline-size}.deck-app--code .deck-app__canvas{width:100%;height:100%;transform:none}.deck-app--code.deck-app--frozen[data-frozen-desktop] .deck-app__canvas{width:1040px;height:596.172px;transform:scale(var(--deck-app-scale,1));transform-origin:0 0;container-type:inline-size}.deck-ui__body{font-size:clamp(10px,1.32cqw,13px);line-height:1.54}.deck-ui__meta{font-size:clamp(8.5px,1.12cqw,11px);line-height:1.45}.deck-ui__mono{font-size:clamp(9px,1.17cqw,11.5px);line-height:1.57}.deck-ui__code{font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:.92em}.deck-ui__title{color:#18181b;letter-spacing:-.025em;font-size:clamp(21px,3.05cqw,30px);font-weight:700;line-height:1.2}.deck-ui__prose{color:#3f3f46;font-size:clamp(10.5px,1.52cqw,15px);line-height:1.66}.deck-ui__prose p{margin:0 0 12px}.deck-ui__prose strong{color:#18181b;font-weight:620}.deck-ui__prose-ghost{color:#a1a1aa}.deck-ui__hint{font-size:clamp(8.5px,1.22cqw,12px)}.deck-ui__kbd{color:#71717a;background:#f4f4f5;border-radius:3px;justify-content:center;align-items:center;min-width:1.35em;height:1.5em;padding:0 .3em;font-weight:700;display:inline-flex}.deck-run-row{transition:background-color .32s,opacity .28s,transform .36s cubic-bezier(.22,1,.36,1)}.deck-run-row[data-phase=hidden]{opacity:0;transform:translateY(-8px)}.deck-run-status{transition:background-color .28s,color .28s}.deck-run-status__spinner,.deck-run-status__check{width:16px;height:16px;transition:opacity .22s,transform .3s cubic-bezier(.22,1,.36,1);position:absolute}.deck-run-status__spinner{opacity:0}.deck-run-status__check{opacity:0;transform:scale(.55)}.deck-run-row[data-phase=running] .deck-run-status__spinner{opacity:1;animation:.85s linear infinite deck-run-spin}.deck-run-row[data-phase=success] .deck-run-status{background:color-mix(in srgb, #4b8b65 14%, var(--muted));color:#397653}.deck-run-row[data-phase=success] .deck-run-status__check{opacity:1;transform:scale(1)}.deck-run-row--animated[data-phase=success]{animation:.9s ease-out both deck-run-complete}.deck-run-row[data-phase=running] .deck-run-duration{color:var(--foreground)}@keyframes deck-run-spin{to{transform:rotate(360deg)}}@keyframes deck-run-complete{0%{background:#4b8b651c}to{background:0 0}}.runsphone,.sysphone{display:none}@media (max-width:640px){.deck-app--narrow,.sysmock--narrow{aspect-ratio:100/196;border-radius:22px;container-type:inline-size}.deck-app--narrow .deck-app__canvas,.sysmock--narrow .sysmock__canvas{display:none}.runsphone,.sysphone{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.runsphone{background:var(--background);color:var(--foreground)}.runsphone__bar{flex:none;justify-content:space-between;align-items:center;gap:2.2cqi;height:13.4cqi;padding:0 2.2cqi;display:flex}.runsphone__bar-group{align-items:center;gap:2.2cqi;min-width:0;display:flex}.runsphone__button{width:8.9cqi;height:8.9cqi;color:var(--muted-foreground);border-radius:1.7cqi;flex:none;place-items:center;display:grid}.runsphone__button svg{width:4.5cqi;height:4.5cqi}.runsphone__crumbs{min-width:0;color:var(--muted-foreground);align-items:center;gap:2.2cqi;font-size:3.9cqi;display:flex}.runsphone__crumbs svg{flex:none;width:4.5cqi;height:4.5cqi}.runsphone__crumbs svg:last-of-type{width:3.9cqi;height:3.9cqi}.runsphone__crumbs b{color:var(--foreground);font-weight:500}.runsphone__card{border:1px solid var(--border);border-radius:2.2cqi;margin:0 4.5cqi}.runsphone__card-head{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--muted) 40%, transparent);height:11.1cqi;color:var(--muted-foreground);font-family:var(--font-geist-mono), ui-monospace, monospace;align-items:center;padding:0 4.5cqi;font-size:3.9cqi;display:flex}.runsphone__row{align-items:center;gap:3.35cqi;padding:3.35cqi 4.5cqi;display:flex}.runsphone__row+.runsphone__row{border-top:1px solid var(--border)}.runsphone__status{background:color-mix(in srgb, var(--muted) 60%, transparent);width:10cqi;height:10cqi;color:var(--muted-foreground);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.runsphone__status svg,.runsphone__status .deck-run-status__spinner,.runsphone__status .deck-run-status__check{width:4.4cqi;height:4.4cqi}.runsphone__run{gap:.8cqi;min-width:0;display:grid}.runsphone__run code{color:var(--foreground);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:3.9cqi;font-weight:500}.runsphone__run small{color:var(--muted-foreground);align-items:center;gap:1.3cqi;font-size:3.4cqi;display:flex}.runsphone__run small svg{flex:none;width:3.4cqi;height:3.4cqi}.runsphone__run small i{opacity:.7;font-style:normal}.runsphone__run small img,.runsphone__run small b{object-fit:cover;border-radius:50%;width:4.4cqi;height:4.4cqi}.runsphone__run small b{background:var(--muted);color:var(--muted-foreground);flex:none;place-items:center;font-size:2.6cqi;font-weight:600;display:grid}.sysphone{color:#252538;background:#fff;font-family:Arial,Helvetica,sans-serif}.sysphone__bar{color:#1f2035;border-bottom:1px solid #e2e3e6;flex:none;align-items:center;gap:2.6cqi;height:12cqi;padding:0 3.4cqi;font-size:4.2cqi;display:flex}.sysphone__bar .sysmock__brand-mark{width:4.8cqi;height:5.6cqi}.sysphone__bar strong{font-weight:500}.sysphone__bar-spacer{flex:1}.sysphone__bar-icon{color:#202031;place-items:center;width:6cqi;height:6cqi;display:grid;position:relative}.sysphone__bar-icon svg{stroke-width:2.5px;width:4.6cqi;height:4.6cqi}.sysphone__bar-icon b{color:#fff;background:#d93d4d;border-radius:999px;place-items:center;min-width:4cqi;height:4cqi;font-size:2.7cqi;line-height:1;display:grid;position:absolute;top:-.8cqi;right:-1cqi}.sysphone__bar .sysmock__avatar{border-radius:1cqi;width:7.4cqi;height:7.4cqi;margin:0;font-size:3.7cqi}.sysphone__title{color:#35354a;border-bottom:1px solid #d8dade;flex:none;justify-content:space-between;align-items:center;height:10cqi;padding:0 3.4cqi;font-size:4.2cqi;font-weight:500;display:flex}.sysphone__title span{color:#65687b;font-size:3.4cqi;font-weight:400}.sysphone__chips{border-bottom:1px solid #d8dade;flex:none;gap:1.6cqi;padding:2.6cqi 3.4cqi;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 78%,#0000 98%);mask-image:linear-gradient(90deg,#000 78%,#0000 98%)}.sysphone__chips span{color:#13142a;white-space:nowrap;background:#f4f4f6;border-radius:1cqi;align-items:center;gap:1.2cqi;padding:1.2cqi 2cqi;font-size:3.2cqi;transition:background-color .3s,color .3s;display:flex}.sysphone__chips span b{color:#65687b;font-size:3cqi;font-weight:500}.sysphone__chips .is-current{background:#e4f1f3}.sysphone__chips .is-updated{color:#006d78;background:#cfe8ec;animation:.7s ease-out both sysmock-filter-update}.sysphone__chips .is-updated b{color:#006d78}.sysphone__list{flex:1;min-height:0}.sysphone__row{border-bottom:1px solid #e3e4e7;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.9cqi 2cqi;padding:2.8cqi 3.4cqi;display:grid}.sysphone__ref{color:#121b39;font-size:3.8cqi;font-weight:700}.sysphone__status{text-align:right;font-size:3.5cqi}.sysphone__contact{color:#5e6070;text-overflow:ellipsis;white-space:nowrap;font-size:3.4cqi;overflow:hidden}.sysphone__label{color:#65687b;text-align:right;font-size:3.4cqi}.sysphone__label i{color:#9a9cab;margin-right:1.2cqi;font-size:3cqi;font-style:normal}.sysphone__label.sysmock__label-failed i{font-weight:400;color:#9a9cab!important}.sysphone__row .sysmock__status-spinner{vertical-align:-.4cqi;width:3.4cqi;height:3.4cqi;margin-right:1.2cqi}.sysphone__toast{border-radius:1cqi;gap:1.6cqi;min-width:0;height:auto;padding:2.4cqi 2.8cqi;font-size:3.2cqi;bottom:3.4cqi;left:3.4cqi;right:3.4cqi}.sysphone__toast strong{flex:none;font-size:3.2cqi}.sysphone__toast .sysmock__integration-dot{width:2.2cqi;height:2.2cqi}}