.sysdemo{--mono:var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,monospace}.sysdemo :is(.eyebrow,.vlabel,.runbtn,.seg button,.lane-t,.outcome,.crow .ago,.crow .pill,.ctr .lab,.rcount,.rrank,.rcard b,.slot .tm,.slot .stat,.recd,.tnode .day,.tnode.done .msg,.arwrap div,.source,.chip,.mrow .rk,.mrow .cl,.mrise,.aiq,.aicite,.ainote,.chathead .mk,.chathead .s,.cap,.ctick,.pricebox .special,.founder .sig,.founder .who){font-family:var(--mono)}.sysdemo .ap-note{text-align:center;max-width:760px;font-family:var(--mono);letter-spacing:.03em;color:var(--muted);margin:12px auto 0;font-size:11px}.sysdemo .ap-hint{color:var(--muted);margin:-6px 0 16px;font-size:13px}.sysdemo .ap-stage{grid-template-columns:minmax(0,.9fr) 48px minmax(0,1.5fr);align-items:center;gap:14px;display:grid}.sysdemo .ap-folder{border:1px dashed var(--line);background:var(--tint);border-radius:16px;flex-direction:column;gap:10px;min-height:188px;padding:14px;display:flex}.sysdemo .ap-folder-t,.sysdemo .rg-feed-t,.sysdemo .rg-phone-t{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.sysdemo .ap-file{background:var(--card);border:1px solid var(--line);opacity:0;border-radius:12px;align-items:center;gap:11px;padding:9px;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translateY(-18px)scale(.96)}.sysdemo .ap-file.in{opacity:1;transform:none}.sysdemo .ap-thumb{background:linear-gradient(160deg,#c9b89c 0%,#8f7a5c 45%,#3d4a5c 100%);border-radius:9px;flex:0 0 52px;height:64px;position:relative}.sysdemo .ap-play{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid #ffffffeb;width:0;height:0;margin:auto;position:absolute;inset:0;transform:translate(2px)}.sysdemo .ap-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.sysdemo .ap-meta b{font-family:var(--mono);color:var(--navy);font-size:11.5px;font-weight:500}.sysdemo .ap-meta span{color:var(--muted);font-size:12px;line-height:1.35}.sysdemo .ap-you{color:var(--kb);margin-top:auto;font-size:12.5px;font-weight:500}.sysdemo .ap-flow{background:var(--line);border-radius:2px;height:2px;position:relative;overflow:hidden}.sysdemo .ap-flow span{background:var(--kb);position:absolute;inset:0;transform:translate(-101%)}.sysdemo .ap-flow.go span{animation:1.1s cubic-bezier(.16,1,.3,1) infinite apflow}.sysdemo .ap-done .ap-flow span{animation:none;transform:none}@keyframes apflow{0%{transform:translate(-101%)}to{transform:translate(101%)}}.sysdemo .ap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sysdemo .ap-tile{text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--navy);font:inherit;border-radius:12px;flex-direction:column;align-items:flex-start;gap:5px;min-height:84px;padding:10px 11px;transition:border-color .35s,background .35s,opacity .35s,transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.sysdemo .ap-tile:hover{border-color:var(--kb)}.sysdemo .ap-tile.off{opacity:.42;border-style:dashed}.sysdemo .ap-tile.sizing{border-color:var(--kb)}.sysdemo .ap-tile.posted{background:var(--kb-soft);border-color:var(--kb);transform:translateY(-2px)}.sysdemo .ap-name{font-size:13px;font-weight:500;line-height:1.1}.sysdemo .ap-status{font-family:var(--mono);letter-spacing:.02em;color:var(--muted);font-size:10px}.sysdemo .ap-tile.posted .ap-status{color:var(--good)}.sysdemo .ap-frame{border:1.5px solid var(--muted);opacity:.55;border-radius:3px;transition:border-color .35s,opacity .35s,background .35s;position:absolute;top:10px;right:10px}.sysdemo .ap-frame.tall{width:10px;height:17px}.sysdemo .ap-frame.square{width:14px;height:14px}.sysdemo .ap-frame.wide{width:19px;height:11px}.sysdemo .ap-frame.pin{width:12px;height:18px}.sysdemo .ap-tile.sizing .ap-frame{border-color:var(--kb);opacity:1;animation:.8s ease-in-out infinite alternate apsize}.sysdemo .ap-tile.posted .ap-frame{border-color:var(--kb);background:var(--kb);opacity:1}@keyframes apsize{0%{transform:scale(.8)}to{transform:scale(1.1)}}.sysdemo .ap-tally,.sysdemo .rg-digest{border-top:1px solid var(--line);opacity:.35;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;padding-top:16px;transition:opacity .6s;display:grid}.sysdemo .ap-tally.show,.sysdemo .rg-digest.show{opacity:1}.sysdemo .ap-tally div,.sysdemo .rg-digest div{text-align:center}.sysdemo .ap-tally span,.sysdemo .rg-digest span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10.5px;display:block}.sysdemo .ap-tally b,.sysdemo .rg-digest b{color:var(--kb);margin-top:4px;font-family:Playfair Display,Georgia,serif;font-size:34px;font-weight:400;line-height:1.15;display:block}.sysdemo .ap-foot{opacity:0;transition:opacity .6s .2s,transform .6s .2s;transform:translateY(6px)}.sysdemo .ap-foot.show{opacity:1;transform:none}.sysdemo .rg-wrap{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.sysdemo .rg-feed{flex-direction:column;gap:12px;min-height:300px;display:flex}.sysdemo .rg-empty,.sysdemo .rg-idle{color:var(--muted);border:1px dashed var(--line);text-align:center;border-radius:14px;padding:18px;font-size:13px}.sysdemo .rg-review{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:13px 14px}.sysdemo .rg-review>p{color:var(--navy);margin-top:8px;font-size:13.5px;line-height:1.45}.sysdemo .rg-who{align-items:center;gap:10px;display:flex}.sysdemo .rg-who b{color:var(--navy);font-size:13px;font-weight:600;line-height:1.1;display:block}.sysdemo .rg-av{background:var(--kb-soft);width:30px;height:30px;color:var(--kb);border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.sysdemo .rg-stars{letter-spacing:1px;color:var(--warn);font-size:12px}.sysdemo .rg-stars i{color:var(--line);font-style:normal}.sysdemo .rg-when{font-family:var(--mono);color:var(--muted);margin-left:auto;font-size:10px}.sysdemo .rg-drafting{color:var(--muted);align-items:center;gap:9px;margin-top:10px;font-size:12px;display:flex}.sysdemo .rg-drafting .typing{padding:7px 9px}.sysdemo .rg-reply{border-left:2px solid var(--kb);background:var(--tint);border-radius:0 10px 10px 0;margin-top:10px;margin-left:12px;padding:10px 12px}.sysdemo .rg-reply-t{color:var(--navy);font-size:11.5px;font-weight:600}.sysdemo .rg-reply-t em{color:var(--muted);font-style:normal;font-weight:400}.sysdemo .rg-reply p{color:var(--navy);margin:4px 0 7px;font-size:13px;line-height:1.45}.sysdemo .rg-tag{font-family:var(--mono);letter-spacing:.03em;border-radius:8px;margin-top:8px;padding:4px 9px;font-size:10.5px;display:inline-block}.sysdemo .rg-reply .rg-tag{margin-top:0}.sysdemo .rg-tag.good{color:var(--good);background:#1a8a4f1f}.sysdemo .rg-tag.warn{color:var(--warn);background:#c98a1221}.sysdemo .rg-phone{border:1.5px solid var(--line);background:var(--bg);border-radius:30px;flex-direction:column;gap:12px;min-height:300px;padding:30px 14px 18px;display:flex;position:relative;box-shadow:0 24px 50px -40px #002fa759}.sysdemo .rg-notch{background:var(--line);border-radius:8px;width:62px;height:8px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.sysdemo .rg-phone-t{text-align:center}.sysdemo .rg-alert{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:12px;box-shadow:0 14px 30px -24px #00000073}.sysdemo .rg-alert-t{font-family:var(--mono);color:var(--muted);margin-bottom:5px;font-size:10px}.sysdemo .rg-alert b{color:var(--navy);font-size:13.5px}.sysdemo .rg-draft{color:var(--muted);margin:6px 0 10px;font-size:12.5px;line-height:1.45}.sysdemo .rg-alert.done b{color:var(--good)}.sysdemo .rg-approve{color:#fff;width:100%;font:inherit;cursor:pointer;background:#002fa7;border:0;border-radius:999px;padding:10px 12px;font-size:13px;font-weight:500;transition:opacity .2s,transform .2s}.sysdemo .rg-approve:hover{opacity:.92;transform:translateY(-1px)}.sysdemo .rg-approve.nudge{animation:1.4s ease-in-out infinite rgnudge}@keyframes rgnudge{0%,to{box-shadow:0 0 #002fa773}50%{box-shadow:0 0 0 8px #002fa700}}.sysdemo .rg-nudge{color:var(--kb);text-align:center;margin-top:8px;font-size:11.5px}.sysdemo .rg-review.in,.sysdemo .rg-reply.in,.sysdemo .rg-alert.in{animation:.6s cubic-bezier(.16,1,.3,1) both demoin}@keyframes demoin{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:820px){.sysdemo .ap-stage{grid-template-columns:1fr}.sysdemo .ap-flow{width:2px;height:28px;margin:0 auto}.sysdemo .ap-flow span{transform:translateY(-101%)}.sysdemo .ap-flow.go span{animation-name:apflowv}.sysdemo .ap-folder{min-height:0}.sysdemo .rg-wrap{grid-template-columns:1fr}.sysdemo .rg-feed,.sysdemo .rg-phone{min-height:0}.sysdemo .ap-tally b,.sysdemo .rg-digest b{font-size:28px}}@keyframes apflowv{0%{transform:translateY(-101%)}to{transform:translateY(101%)}}@media (max-width:420px){.sysdemo .card60{padding:18px 14px 22px}.sysdemo .ap-tile{min-height:78px;padding:9px 8px}.sysdemo .ap-name{font-size:12px}}@media (prefers-reduced-motion:reduce){.sysdemo .ap-file,.sysdemo .ap-tile,.sysdemo .ap-foot{transition:none}.sysdemo .ap-flow.go span,.sysdemo .ap-tile.sizing .ap-frame,.sysdemo .rg-approve.nudge,.sysdemo .rg-review.in,.sysdemo .rg-reply.in,.sysdemo .rg-alert.in{animation:none}}
