.systems-story{scroll-margin-top:calc(var(--head) + 16px);grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);grid-template-areas:"side title""side stage""side out";align-items:start;column-gap:clamp(24px,3.4vw,48px);display:grid}.story-intro,.story-navigation{display:contents}.systems-story:before{content:"";background:var(--paper);border-radius:22px;grid-area:stage-start/stage-start/out-end/stage-end;align-self:stretch;box-shadow:0 40px 90px -30px #000}.systems-story .story-intro h3{letter-spacing:-.02em;color:var(--text);grid-area:title;margin-bottom:20px;font-size:clamp(22px,2vw,28px);line-height:1.2}.systems-story .story-play{min-height:48px;color:var(--text);font:600 16px/1.2 var(--body);background:0 0;border:1px solid #ffffff38;border-radius:10px;grid-area:side;justify-self:start;align-items:center;gap:10px;padding:0 18px;transition:background .2s,border-color .2s;display:inline-flex}.systems-story .story-play svg{color:var(--lilac)}.systems-story .story-play:hover:not(:disabled){background:var(--ink-3)}.systems-story .story-play:disabled{cursor:default;border-color:var(--line-2);color:var(--muted)}.systems-story .story-play:disabled svg{color:var(--faint)}.story-play>span{border-left:1px solid var(--line-2);font:400 13px/1 var(--mono);color:var(--faint);padding-left:10px}.systems-story .story-next{width:48px;height:48px;color:var(--text);background:0 0;border:1px solid #ffffff38;border-radius:50%;grid-area:side;justify-self:end;place-items:center;transition:background .2s;display:grid}.story-next:hover{background:var(--ink-3)}.story-navigation>nav{grid-area:side;gap:8px;margin-top:68px;display:grid}.systems-story .story-navigation nav>button{border:1px solid var(--line);min-height:64px;color:var(--text);font:500 18px/1.3 var(--sora);letter-spacing:-.015em;text-align:left;background:0 0;border-radius:14px;align-items:center;gap:14px;padding:12px 18px 14px;transition:background .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.story-navigation nav>button:hover{border-color:#4d3d6f}.story-navigation nav>button[aria-pressed=true]{border-color:var(--violet);background:var(--ink-3)}.story-chapter-number{border:1.5px solid var(--lilac);width:34px;height:34px;font:500 13px/1 var(--mono);letter-spacing:0;color:var(--lilac);border-radius:50%;flex:none;place-items:center;display:grid}.story-navigation nav>button[aria-pressed=true] .story-chapter-number{border-color:var(--action);background:var(--action);color:#fff}.story-chapter-progress{background:#ffffff12;border-radius:2px;height:2px;position:absolute;bottom:7px;left:66px;right:18px;overflow:hidden}.story-chapter-progress>i{transform-origin:0;background:var(--lilac);width:100%;height:100%;display:block}.story-stage{color:var(--paper-ink);grid-area:stage;padding:clamp(18px,2.2vw,28px) clamp(18px,2.2vw,28px) 4px;container:story-stage/inline-size}.story-stage :focus-visible{outline-color:var(--paper-violet)}.story-app-header{border-bottom:1px solid var(--paper-line);flex-wrap:wrap;align-items:center;gap:8px 12px;padding-bottom:14px;display:flex}.story-wordmark{font:600 16px/1.2 var(--sora);letter-spacing:-.02em;align-items:center;gap:8px;display:flex}.story-wordmark>svg{color:var(--paper-violet)}.story-wordmark>span{color:var(--paper-muted);margin-left:2px;font-weight:400}.story-fiction{font:400 13px/1.3 var(--mono);color:var(--paper-muted)}.story-operator{background:var(--paper-ink);color:#fff;width:32px;height:32px;font:500 13px/1 var(--mono);border-radius:50%;place-items:center;margin-left:auto;display:grid}.story-time{font:400 14px/1.4 var(--mono);color:var(--paper-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;padding-top:14px;display:flex}.story-time>span:first-child{color:var(--paper-ink);align-items:center;gap:8px;display:flex}.story-time svg{color:var(--paper-violet)}.story-composition{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:14px;min-height:500px;padding-top:14px;display:grid}.story-paper{border:1px solid var(--paper-line);background:#fff;border-radius:16px;padding:20px 22px 22px}.story-customer{border-bottom:1px solid var(--paper-line);align-items:center;gap:12px;padding-bottom:14px;display:flex}.story-monogram{color:#5b2d8a;width:40px;height:40px;font:500 13px/1 var(--mono);background:#e9dcf8;border-radius:50%;flex:none;place-items:center;display:grid}.story-customer>div{gap:2px;display:grid}.story-customer strong{font-size:16px;font-weight:600}.story-customer>div>span{color:var(--paper-muted);font-size:15px}.story-record-id{font:400 13px/1 var(--mono);color:var(--paper-muted);margin-left:auto}.story-paper-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px 14px;margin:20px 0 10px;display:flex}.systems-story .story-paper-heading h4{letter-spacing:-.03em;color:var(--paper-ink);font-size:clamp(24px,2.2vw,30px);line-height:1.15}.story-paper-icon{color:var(--paper-violet);padding-top:2px}.systems-story p.story-request{max-width:28em;font:400 17px/1.5 var(--sora);letter-spacing:-.01em;color:var(--paper-ink);margin:10px 0 18px}.story-handoff{font:400 13px/1.3 var(--mono);color:var(--paper-muted);align-items:center;gap:12px;padding:4px 0 16px;display:flex}.story-track{flex:1;min-width:48px;height:30px;position:relative}.story-track>i{background:#c9b6df;height:1px;position:absolute;top:15px;left:0;right:0}.story-track>span{width:30px;height:30px;color:var(--paper-violet);transition:left .8s var(--ease), background .8s, color .8s;background:#ece2f8;border-radius:8px;place-items:center;display:grid;position:absolute;top:0;left:0}.story-handoff[data-linked=true] .story-track>span{color:#1f6b48;background:#dcf3e8;left:calc(100% - 30px)}.story-record-fields{border-top:1px solid var(--paper-line);grid-template-columns:1fr 1fr;gap:12px 20px;padding-top:14px;display:grid}.story-record-fields dt{font:400 13px/1.4 var(--mono);color:var(--paper-muted);margin-bottom:4px}.story-record-fields dd{border-radius:4px;justify-self:start;margin:0;font-size:16px;font-weight:500;line-height:1.45;transition:color .5s,background-color .5s}.story-record-fields:not([data-revealed=true]) dd{color:#0000;background-color:#ece4f3}.story-paper-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-top:18px;display:flex}.story-paper-footer>span:last-child{font:400 13px/1.3 var(--mono);color:var(--paper-muted)}.story-status{gap:6px}.pill.story-status-amber{color:#8a4a0b;background:#fbe9d2}.story-scope{gap:10px;margin:14px 0 16px;padding:0;list-style:none;display:grid}.story-scope li{color:var(--paper-ink);align-items:flex-start;gap:10px;font-size:16px;line-height:1.45;display:flex}.story-scope svg{color:var(--paper-violet);margin-top:3px}.story-booking{border-top:1px solid var(--paper-line);align-items:center;gap:14px;padding:14px 0;display:flex}.story-calendar{border-right:1px solid var(--paper-line);justify-items:center;gap:2px;padding-right:14px;display:grid}.story-calendar small{font:400 13px/1 var(--mono);color:var(--paper-violet)}.story-calendar strong{font:500 28px/1.1 var(--mono);letter-spacing:-.02em}.story-booking>div{gap:2px;display:grid}.story-booking>div>strong{font-size:16px;font-weight:600}.story-booking>div>span{font:400 14px/1.4 var(--mono);color:var(--paper-muted)}.story-booking>svg{color:var(--paper-violet);margin-left:auto}.story-scope-total{border-top:1px solid var(--paper-line);align-items:center;gap:14px;padding-top:14px;display:flex}.story-scope-total>span{font-size:16px;font-weight:500}.story-scope-total small{color:var(--paper-muted);margin-top:2px;font-size:15px;font-weight:400;display:block}.story-scope-total>strong{font:500 clamp(24px, 2.2vw, 30px)/1.1 var(--mono);letter-spacing:-.02em;margin-left:auto}.story-scope-total>strong>span{color:var(--paper-muted);font-size:.6em}.story-scope-total>svg{color:var(--paper-violet);transition:transform .7s var(--ease)}.story-scope-total[data-linked=true]>svg{transform:translate(6px)}.story-unpaid{gap:4px;margin:16px 0 18px;display:grid}.story-unpaid>strong{font:500 clamp(32px, 3.4vw, 44px)/1.05 var(--mono);letter-spacing:-.03em}.story-unpaid>strong>span{color:var(--paper-muted);letter-spacing:0;font-size:.5em}.story-unpaid>span{color:var(--paper-muted);font-size:15px}.story-rule-checks{border-top:1px solid var(--paper-line);gap:14px;margin:0 0 14px;padding:16px 0 0;list-style:none;display:grid}.story-rule-checks li{color:var(--paper-violet);align-items:flex-start;gap:12px;display:flex}.story-rule-checks li[data-done=true]{color:#1f6b48}.story-rule-checks strong{color:var(--paper-ink);font-size:16px;font-weight:600;line-height:1.4;display:block}.story-rule-checks small{color:var(--paper-muted);margin-top:2px;font-size:15px;line-height:1.45;display:block}.systems-story .story-hold{border:0;border-top:1px solid var(--paper-line);width:100%;min-height:52px;color:var(--paper-ink);font:600 16px/1.3 var(--body);text-align:left;background:0 0;align-items:center;gap:12px;padding:10px 0 0;display:flex}.story-switch{background:#c9bcd8;border-radius:999px;flex:none;width:42px;height:24px;padding:3px;transition:background .2s}.story-switch i{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block;box-shadow:0 1px 2px #1d143033}.story-hold[aria-pressed=true] .story-switch{background:var(--paper-violet)}.story-hold[aria-pressed=true] .story-switch i{transform:translate(18px)}.systems-story p.story-rule-note{color:var(--paper-muted);margin-top:6px;font-size:15px;line-height:1.5}.story-today{font:400 14px/1 var(--mono);white-space:nowrap;color:var(--paper-muted);padding-top:6px}.systems-story p.story-owner-lead{color:var(--paper-muted);margin:4px 0 16px;font-size:17px}.story-owner-action{border-block:1px solid var(--paper-line);padding:16px 0 18px}.story-owner-action>span{font:400 13px/1.3 var(--mono);color:var(--paper-violet);margin-bottom:6px;display:block}.story-owner-action>strong{font:500 clamp(22px, 2vw, 27px)/1.2 var(--sora);letter-spacing:-.025em;display:block}.systems-story .story-owner-action>p{color:var(--paper-muted);margin:8px 0 16px;font-size:15px;line-height:1.5}.systems-story .story-owner-action>button{background:var(--paper-ink);color:#fff;min-height:48px;font:600 16px/1.2 var(--body);border:0;border-radius:10px;align-items:center;gap:10px;padding:0 20px;transition:background .2s;display:inline-flex}.story-owner-action>button:hover{background:#3b2658}.story-owner-facts{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.story-owner-facts>div{color:var(--paper-muted);align-items:flex-start;gap:10px;font-size:15px;display:flex}.story-owner-facts svg{color:var(--paper-violet);margin-top:2px}.story-owner-facts strong{font:500 16px/1.3 var(--mono);color:var(--paper-ink);margin-top:2px;display:block}.story-event{border:1px solid var(--paper-line);color:var(--paper-ink);transition:transform .6s var(--ease), border-color .6s, background .6s;background:#f6f1fb;border-radius:16px;padding:20px 22px 22px;transform:translateY(8px)}.story-event[data-ready=true]{background:#f3ebfb;border-color:#cdb5e8;transform:none}.story-event-icon{background:var(--paper-ink);width:44px;height:44px;color:var(--lilac);border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.story-event-icon.story-event-amber{color:#8a4a0b;background:#fbe9d2}.systems-story .story-event-title h4{letter-spacing:-.02em;color:var(--paper-ink);margin-bottom:4px;font-size:clamp(20px,1.7vw,23px);line-height:1.25}.story-event-title>span{font:400 13px/1.3 var(--mono);color:var(--paper-muted)}.systems-story .story-event>p{color:var(--paper-muted);margin:14px 0 0;font-size:16px;line-height:1.55}.story-event-receipt{border-top:1px solid var(--paper-line);color:#1f6b48;align-items:flex-start;gap:10px;margin-top:16px;padding-top:14px;font-size:15px;font-weight:600;line-height:1.4;display:flex}.story-event-receipt>svg{margin-top:2px}.story-event-receipt small{font:400 13px/1.4 var(--mono);color:var(--paper-muted);margin-top:4px;display:block}.story-invoice-lines{margin-top:16px}.story-invoice-lines>div{justify-content:space-between;gap:12px;padding:8px 0;font-size:15px;display:flex}.story-invoice-lines dt{color:var(--paper-muted)}.story-invoice-lines dd{font-family:var(--mono);white-space:nowrap;font-variant-numeric:tabular-nums;margin:0}.story-invoice-lines>div:last-child{border-top:1px solid var(--paper-line);margin-top:6px;padding-top:12px;font-size:17px;font-weight:600}.story-invoice-lines>div:last-child dt{color:var(--paper-ink)}.story-receipts{gap:16px;margin-top:18px;padding:0;list-style:none;display:grid}.story-receipts li{align-items:flex-start;gap:10px;display:flex}.story-receipts svg{color:#1f6b48;margin-top:3px}.story-receipts small{font:400 13px/1.4 var(--mono);color:var(--paper-muted);display:block}.story-receipts strong{margin:2px 0;font-size:16px;font-weight:600;line-height:1.35;display:block}.story-receipts div>span{color:var(--paper-muted);font-size:15px;line-height:1.45;display:block}.story-outcome{color:var(--paper-ink);flex-wrap:wrap;grid-area:out;align-items:center;gap:6px 12px;padding:18px clamp(18px,2.2vw,28px) clamp(20px,2.4vw,28px);display:flex}.story-outcome>span{color:var(--paper-muted);font-size:15px}.story-outcome>svg{color:var(--paper-violet)}.story-outcome>strong{color:#1f6b48;font-size:16px;font-weight:600}.systems-story[data-motion=on] .story-composition{animation:story-focus .55s var(--ease) both}@keyframes story-focus{0%{opacity:.72;transform:translateY(8px)}to{opacity:1;transform:none}}.systems-story[data-motion=off] *,html[data-motion=off] .systems-story *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.systems-story *{transition:none!important;animation:none!important}}@container story-stage (max-width:680px){.story-composition{grid-template-columns:minmax(0,1fr);min-height:0}.story-event{transform:none}}@container story-stage (max-width:420px){.story-paper,.story-event{padding:18px 16px}.story-record-fields,.story-owner-facts{grid-template-columns:minmax(0,1fr)}.story-scope-total{flex-wrap:wrap;gap:8px 14px}.story-scope-total>svg,.story-booking>svg{display:none}}@media (max-width:1180px){.systems-story{grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr)}.systems-story .story-navigation nav>button{font-size:17px}}@media (max-width:900px){.systems-story{grid-template-columns:minmax(0,1fr);grid-template-areas:"side""title""stage""out"}.story-navigation>nav{grid-template-columns:1fr 1fr}.systems-story .story-intro h3{margin-top:32px}}@media (max-width:650px){.story-navigation>nav{grid-template-columns:minmax(0,1fr);margin-top:64px}.systems-story .story-navigation nav>button{min-height:58px;font-size:17px}.systems-story .story-intro h3{margin-top:28px;margin-bottom:16px}.systems-story:before{border-radius:20px}.story-stage{padding:16px 12px 4px}.story-app-header,.story-time{padding-inline:4px}.story-outcome{padding:16px 16px 20px}}.story-stage{background:var(--paper);border-radius:22px 22px 0 0;align-self:stretch}.story-outcome{background:var(--paper);border-radius:0 0 22px 22px;align-self:stretch}@media (max-width:650px){.story-stage{border-radius:20px 20px 0 0}.story-outcome{border-radius:0 0 20px 20px}}
.systems-demo{--sys-ok:#1f6b48;--sys-warn:#8a4a0b;--sys-tint:#f3ecfb;--sys-line:var(--paper-line);z-index:1;color:var(--text);text-align:left;scroll-margin-top:calc(var(--head) + 16px);font-size:16px;position:relative}.systems-demo button{font:inherit;cursor:pointer}.systems-demo h3,.systems-demo h4{font-family:var(--sora);text-wrap:balance;font-weight:500}.systems-demo svg{flex-shrink:0}.systems-demo ::selection{color:var(--paper-ink);background:var(--lilac)}.sys-demo-top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-bottom:clamp(28px,3.4vw,40px);padding-bottom:20px;display:flex}.sys-example-label{font:400 14px/1.4 var(--mono);color:var(--lilac);align-items:center;gap:10px;display:inline-flex}.sys-example-label i{background:var(--violet);border-radius:50%;flex:none;width:7px;height:7px}.sys-mode-switch{border:1px solid var(--line-2);background:var(--ink-2);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.sys-mode-switch button{min-height:44px;color:var(--muted);font:500 16px/1.2 var(--body);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:background .2s,color .2s;display:inline-flex}.sys-mode-switch button:hover{color:var(--text);background:var(--ink-3)}.sys-mode-switch button[aria-pressed=true]{background:var(--text);color:var(--ink)}.sys-story-caption{max-width:760px;margin-bottom:24px}.sys-story-caption p{max-width:40em;color:var(--muted);margin-top:8px;font-size:17px;line-height:1.55}.sys-explore-note{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding-top:20px;font-size:16px;display:flex}.sys-explore-note button{min-height:44px;color:var(--text);background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;font-weight:500;display:inline-flex}.sys-explore-note button:hover{text-decoration:underline;-webkit-text-decoration-color:var(--lilac);text-decoration-color:var(--lilac);text-underline-offset:.22em}.sys-explore-note button svg{color:var(--lilac)}.sys-demo-disclaimer{border-top:1px solid var(--line);max-width:62em;font:400 14px/1.6 var(--mono);color:var(--faint);margin-top:28px;padding-top:18px}.sys-workspace{background:var(--paper-2);min-height:660px;color:var(--paper-ink);border-radius:22px;grid-template-rows:auto 1fr;grid-template-columns:220px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 40px 90px -30px #000}.sys-workspace :focus-visible{outline-color:var(--paper-violet)}.sys-app-bar{border-bottom:1px solid var(--sys-line);background:var(--paper);grid-column:1/-1;align-items:center;gap:14px;padding:14px 22px;display:flex}.sys-company{align-items:center;gap:10px;min-width:0;display:flex}.sys-brand-mark{background:var(--paper-ink);width:32px;height:32px;color:var(--lilac);border-radius:9px;flex:none;place-items:center;display:grid}.sys-company>strong{font:600 16px/1.2 var(--sora);letter-spacing:-.01em;white-space:nowrap}.sys-company>strong>span{color:var(--paper-muted);font-weight:400}.sys-workspace-label{font:400 13px/1.3 var(--mono);color:var(--paper-muted);margin-left:auto}.sys-user{background:var(--paper-ink);color:#fff;width:32px;height:32px;font:500 13px/1 var(--mono);border-radius:50%;flex:none;place-items:center;display:grid}.sys-sidebar{border-right:1px solid var(--sys-line);background:#ebe4f3;flex-direction:column;min-width:0;padding:20px 12px;display:flex}.sys-sidebar-title{font:400 13px/1.3 var(--mono);color:var(--paper-muted);padding:0 12px 10px}.sys-sidebar-nav{gap:4px;display:grid}.sys-sidebar-nav button{min-height:44px;color:var(--paper-muted);font:500 16px/1.2 var(--body);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .2s,color .2s;display:flex}.sys-sidebar-nav button:hover{color:var(--paper-ink);background:#f5f0fa}.sys-sidebar-nav button[aria-pressed=true]{color:var(--paper-ink);background:#fff;box-shadow:0 1px 2px #1d143014}.sys-sidebar-nav button[aria-pressed=true]>svg{color:var(--paper-violet)}.sys-nav-count{background:var(--paper-violet);color:#fff;min-width:24px;height:24px;font:500 13px/1 var(--mono);border-radius:999px;place-items:center;margin-left:auto;padding:0 6px;display:grid}.sys-sidebar-bottom{color:var(--paper-ink);grid-template-columns:16px 1fr;gap:4px 8px;margin-top:auto;padding:24px 12px 0;display:grid}.sys-sidebar-bottom>svg{color:var(--paper-violet);margin-top:3px}.sys-sidebar-bottom>strong{font-size:15px;font-weight:600}.sys-sidebar-bottom>span{font:400 13px/1.6 var(--mono);color:var(--paper-muted);grid-column:2}.sys-app-content{flex-direction:column;min-width:0;padding:clamp(20px,2.4vw,32px);display:flex}.sys-app-content:focus-visible{outline:2px solid var(--paper-violet);outline-offset:-4px;border-radius:0}.sys-app-content>*{flex-shrink:0}.sys-dashboard-panel{flex:1}.sys-dashboard-top{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.systems-demo .sys-dashboard-top h3{letter-spacing:-.025em;color:var(--paper-ink);font-size:clamp(24px,2.2vw,30px);line-height:1.2}.sys-dashboard-top p{color:var(--paper-muted);margin-top:6px;font-size:16px;line-height:1.5}.sys-date{font:500 15px/1.4 var(--mono);text-align:right;white-space:nowrap;flex:none}.sys-date small{color:var(--paper-muted);font-size:13px;font-weight:400;display:block}.sys-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;margin-bottom:16px;display:flex}.systems-demo .sys-panel-heading h4,.systems-demo .sys-activity h4{letter-spacing:-.015em;color:var(--paper-ink);font-size:19px;line-height:1.3}.sys-badge{gap:6px}.pill.sys-badge-amber{color:var(--sys-warn);background:#fbe9d2}.sys-small-button,.sys-plain-button{border:1px solid var(--sys-line);min-height:44px;color:var(--paper-ink);font:600 15px/1.2 var(--body);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;transition:background .2s,border-color .2s;display:inline-flex}.sys-small-button:hover{border-color:var(--paper-violet);background:var(--sys-tint)}.sys-small-button svg,.sys-plain-button svg{color:var(--paper-violet)}.sys-plain-button{color:var(--paper-violet);background:0 0;border:0;padding:0}.sys-plain-button:hover{text-underline-offset:.22em;text-decoration:underline}.sys-ledger{border-block:1px solid var(--sys-line);grid-template-columns:.8fr 1fr 1.15fr;margin-bottom:24px;padding:18px 0;display:grid}.sys-ledger>div{border-left:1px solid var(--sys-line);align-content:start;gap:6px;padding:0 20px;display:grid}.sys-ledger>div:first-child{border-left:0;padding-left:0}.sys-ledger>div:last-child{padding-right:0}.sys-ledger span{color:var(--paper-muted);font-size:15px}.sys-ledger strong{font:500 clamp(22px, 2vw, 28px)/1.15 var(--mono);letter-spacing:-.02em;white-space:nowrap}.sys-ledger strong small{letter-spacing:0;color:var(--paper-muted);margin-left:4px;font-size:15px;font-weight:400}.sys-pipeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 28px;display:grid}.sys-pipeline>div{border-top:2px solid var(--sys-line);background:var(--paper);border-radius:0 0 14px 14px;flex-wrap:wrap;align-content:flex-start;gap:10px 6px;min-height:150px;padding:12px;display:flex}.sys-pipeline>div[data-current=true]{border-top-color:var(--paper-violet)}.sys-pipeline>div>span{color:var(--paper-muted);font-size:15px;font-weight:500}.sys-pipeline>div[data-current=true]>span{color:var(--paper-ink)}.sys-pipeline>div>small{font:400 14px/1.4 var(--mono);color:var(--paper-muted);margin-left:auto}.sys-pipeline-record{border:1px solid var(--sys-line);background:#fff;border-radius:12px;width:100%;padding:12px 14px}.sys-pipeline-record>strong{font-size:16px;font-weight:600;line-height:1.35;display:block}.sys-pipeline-record>span{color:var(--paper-muted);margin-top:2px;font-size:15px;display:block}.sys-pipeline-record>div{color:var(--paper-muted);align-items:center;gap:8px;margin-top:10px;font-size:15px;display:flex}.sys-pipeline-record i{color:#5b2d8a;width:28px;height:28px;font:500 13px/1 var(--mono);background:#e9dcf8;border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.sys-dashboard-columns{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;display:grid}.sys-attention>strong{font:500 19px/1.35 var(--sora);letter-spacing:-.015em;display:block}.sys-attention p{color:var(--paper-muted);margin:8px 0 16px;font-size:16px;line-height:1.55}.sys-payment-row{border-top:1px solid var(--sys-line);color:var(--sys-warn);align-items:center;gap:12px;margin-top:20px;padding-top:18px;display:flex}.sys-payment-row strong{font:500 15px/1.4 var(--mono);color:var(--paper-ink);display:block}.sys-payment-row span{color:var(--paper-muted);margin-top:2px;font-size:15px;display:block}.sys-activity{border-left:1px solid var(--sys-line);padding-left:24px}.sys-activity h4{margin-bottom:16px}.sys-activity ol{padding:0;list-style:none}.sys-activity li{grid-template-columns:56px 8px minmax(0,1fr);gap:12px;padding-bottom:20px;display:grid;position:relative}.sys-activity li:last-child{padding-bottom:0}.sys-activity li:not(:last-child):before{content:"";background:var(--sys-line);width:1px;position:absolute;top:18px;bottom:2px;left:71.5px}.sys-activity time{font:400 13px/1.6 var(--mono);color:var(--paper-muted)}.sys-activity li>i{background:var(--paper-violet);border-radius:50%;width:8px;height:8px;margin-top:6px}.sys-activity strong{font-size:15px;font-weight:600;line-height:1.4;display:block}.sys-activity li span{color:var(--paper-muted);margin-top:2px;font-size:15px;line-height:1.45;display:block}.sys-person{align-items:center;gap:12px;min-width:0;display:flex}.sys-avatar{color:#5b2d8a;width:40px;height:40px;font:500 13px/1 var(--mono);background:#e9dcf8;border-radius:50%;flex:none;place-items:center;display:grid}.sys-person>div{gap:2px;display:grid}.sys-person strong{font-size:16px;font-weight:600}.sys-person div>span{color:var(--paper-muted);font-size:15px}.sys-customer-row{border:1px solid var(--sys-line);width:100%;color:var(--paper-ink);text-align:left;background:#fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px 20px;transition:background .2s;display:flex}.sys-customer-row:hover{background:#fcfaff}.sys-customer-row[aria-expanded=true]{border-bottom-color:#0000;border-radius:16px 16px 0 0}.sys-customer-row>.sys-badge{margin-left:auto}.sys-row-action{color:var(--paper-violet);align-items:center;gap:6px;font-size:15px;font-weight:600;display:inline-flex}.sys-customer-detail{border:1px solid var(--sys-line);background:#fff;border-top:0;border-radius:0 0 16px 16px;padding:0 20px 20px}.sys-record-grid{border-top:1px solid var(--sys-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:18px 0;display:grid}.sys-record-grid small{font:400 13px/1.4 var(--mono);color:var(--paper-muted);margin-bottom:4px;display:block}.sys-record-grid strong{font-size:16px;font-weight:500;line-height:1.4;display:block}.sys-customer-detail>p{border-top:1px solid var(--sys-line);font:400 17px/1.5 var(--sora);letter-spacing:-.01em;color:var(--paper-ink);padding-top:16px}.sys-inline-links{flex-wrap:wrap;gap:4px 24px;margin-top:12px;display:flex}.sys-inline-links button{min-height:44px;color:var(--paper-violet);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:15px;font-weight:600;display:inline-flex}.sys-inline-links button:hover{text-underline-offset:.22em;text-decoration:underline}.sys-empty-hint{color:var(--paper-muted);margin-top:18px;font-size:15px}.sys-booking-list{margin-bottom:20px;display:grid}.sys-booking-card{border-top:1px solid var(--sys-line);align-items:flex-start;gap:20px;padding:20px 0;display:flex}.sys-booking-card:last-child{border-bottom:1px solid var(--sys-line)}.sys-calendar-date{border:1px solid var(--sys-line);text-align:center;background:#fff;border-radius:14px;gap:2px;min-width:72px;padding:10px;display:grid}.sys-calendar-date small{font:400 13px/1.2 var(--mono);color:var(--paper-violet)}.sys-calendar-date strong{font:500 30px/1.1 var(--mono);letter-spacing:-.02em}.systems-demo .sys-booking-card h4{color:var(--paper-ink);margin:10px 0 2px;font-size:19px;line-height:1.3}.sys-booking-card p{color:var(--paper-muted);font-size:15px}.sys-booking-card>div>span:not(.sys-badge){font:400 14px/1.4 var(--mono);color:var(--paper-muted);margin-top:4px;display:block}.sys-document-list{border-top:1px solid var(--sys-line)}.sys-document-list button{border:0;border-bottom:1px solid var(--sys-line);width:100%;min-height:64px;color:var(--paper-violet);text-align:left;background:0 0;align-items:center;gap:14px;padding:16px 8px;transition:background .2s;display:flex}.sys-document-list button:hover{background:var(--sys-tint)}.sys-document-list button>div{flex:1;min-width:0}.sys-document-list strong{color:var(--paper-ink);font-size:16px;font-weight:600;display:block}.sys-document-list small{color:var(--paper-muted);margin-top:2px;font-size:15px;line-height:1.4;display:block}.sys-document-type{font:400 13px/1.3 var(--mono);letter-spacing:0;color:var(--paper-muted)}.sys-document-sheet{border:1px solid var(--sys-line);background:#fff;border-radius:16px;padding:clamp(20px,2.4vw,28px)}.sys-document-sheet .sys-document-type{color:var(--paper-violet)}.systems-demo .sys-document-sheet h3{letter-spacing:-.02em;color:var(--paper-ink);margin:12px 0 10px;font-size:clamp(22px,2vw,26px);line-height:1.25}.sys-document-sheet>p{color:var(--paper-muted);font-size:16px;line-height:1.55}.sys-document-line{border-bottom:1px solid var(--sys-line);grid-template-columns:180px minmax(0,1fr);gap:16px;padding:14px 0;display:grid}.sys-document-sheet>p+.sys-document-line{border-top:1px solid var(--sys-line);margin-top:16px}.sys-document-line>span{font:400 13px/1.7 var(--mono);color:var(--paper-muted)}.sys-document-line strong{font-size:16px;font-weight:500;line-height:1.45}.sys-fineprint{font:400 13px/1.55 var(--mono);color:var(--paper-muted);margin-top:16px}.sys-invoice{border:1px solid var(--sys-line);background:#fff;border-radius:16px;padding:clamp(20px,2.4vw,28px)}.sys-invoice-head{justify-content:space-between;gap:16px;padding-bottom:22px;display:flex}.sys-invoice-head>strong{font:600 18px/1.3 var(--sora);letter-spacing:-.01em}.sys-invoice-head>div{text-align:right;gap:2px;display:grid}.sys-invoice-head small{font:400 13px/1.3 var(--mono);letter-spacing:0;color:var(--paper-muted)}.sys-invoice-head>div>strong{font:500 18px/1.2 var(--mono)}.sys-invoice-parties{grid-template-columns:1fr 1fr;gap:16px;padding-bottom:20px;display:grid}.sys-invoice-parties>div{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.sys-invoice-parties small{font:400 13px/1.4 var(--mono);color:var(--paper-muted)}.sys-invoice-parties strong{font-size:16px;font-weight:600;line-height:1.4}.sys-invoice-parties span:not(.sys-badge){color:var(--paper-muted);font-size:15px}.sys-invoice-parties .sys-badge{margin-top:4px}.sys-invoice-item{border-block:1px solid var(--sys-line);justify-content:space-between;gap:16px;padding:16px 0;display:flex}.sys-invoice-item strong{font-size:16px;font-weight:600}.sys-invoice-item>strong{font:500 16px/1.4 var(--mono);flex:none}.sys-invoice-item span{color:var(--paper-muted);margin-top:2px;font-size:15px;line-height:1.45;display:block}.sys-invoice-total{grid-template-columns:1fr auto;gap:10px 0;padding-top:16px;display:grid}.sys-invoice-total>span{color:var(--paper-muted);font-size:15px}.sys-invoice-total>:nth-child(2n){font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;padding-left:16px}.sys-invoice-total>strong{border-top:1px solid var(--sys-line);padding-top:10px;font-size:18px;font-weight:600}.sys-invoice-total>strong:nth-child(2n){font-weight:500}.sys-portal-welcome{border-bottom:1px solid var(--sys-line);flex-wrap:wrap;align-items:center;gap:12px 14px;padding-bottom:22px;display:flex}.sys-portal-welcome>div{flex:1;min-width:200px}.systems-demo .sys-portal-welcome h4{letter-spacing:-.02em;color:var(--paper-ink);font-size:clamp(22px,2vw,26px);line-height:1.2}.sys-portal-welcome p{color:var(--paper-muted);margin-top:4px;font-size:16px}.sys-project-progress{padding:22px 0}.sys-project-progress>div{gap:2px;display:grid}.sys-project-progress>div>span{font:400 13px/1.4 var(--mono);color:var(--paper-muted)}.sys-project-progress strong{font:500 20px/1.3 var(--sora);letter-spacing:-.015em}.sys-project-progress ol{flex-wrap:wrap;gap:10px 24px;margin-top:16px;padding:0;list-style:none;display:flex}.sys-project-progress li{color:var(--paper-muted);align-items:center;gap:8px;font-size:15px;display:flex}.sys-project-progress li[data-complete=true]{color:var(--sys-ok)}.sys-project-progress li[data-current=true]{color:var(--paper-violet);font-weight:600}.sys-portal-actions{border-top:1px solid var(--sys-line);margin-bottom:20px;display:grid}.sys-portal-actions button{border:0;border-bottom:1px solid var(--sys-line);min-height:64px;color:var(--paper-violet);text-align:left;background:0 0;align-items:center;gap:14px;padding:16px 8px;transition:background .2s;display:flex}.sys-portal-actions button:hover{background:var(--sys-tint)}.sys-portal-actions button>span{min-width:0;color:var(--paper-ink);flex:1;font-size:16px;font-weight:600}.sys-portal-actions small{color:var(--paper-muted);margin-top:2px;font-size:15px;font-weight:400;display:block}.sys-portal-note{background:var(--sys-tint);color:var(--paper-ink);border-radius:12px;margin-top:16px;padding:14px 16px;font-size:15px;line-height:1.5}.sys-connections{border-top:1px solid var(--sys-line);flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:28px;padding-top:16px;display:flex}.sys-connections>span{font:400 13px/1.4 var(--mono);color:var(--paper-muted);align-items:center;gap:6px;display:inline-flex}.sys-connections>span[data-active=true]{color:var(--paper-violet);font-weight:500}.sys-connections>span>i{background:#2f9c6a;border-radius:50%;width:6px;height:6px}.sys-connections>small{font:400 13px/1.4 var(--mono);color:var(--paper-muted);margin-left:auto}.systems-demo-compact .sys-workspace{min-height:620px}@media (max-width:1100px){.sys-workspace{grid-template-columns:188px minmax(0,1fr)}.sys-sidebar-nav button{gap:8px;padding:10px}.sys-dashboard-columns{gap:20px}.sys-activity{padding-left:18px}.sys-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.sys-workspace{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr);min-height:0}.systems-demo-compact .sys-workspace{min-height:0}.sys-sidebar{border-right:0;border-bottom:1px solid var(--sys-line);padding:8px}.sys-sidebar-title,.sys-sidebar-bottom{display:none}.sys-sidebar-nav{scrollbar-width:thin;gap:4px;display:flex;overflow-x:auto}.sys-sidebar-nav button{flex:none}.sys-dashboard-columns{grid-template-columns:minmax(0,1fr);gap:28px}.sys-activity{border-left:0;border-top:1px solid var(--sys-line);padding:24px 0 0}}@media (max-width:650px){.sys-demo-top{padding-bottom:16px}.sys-mode-switch{width:100%}.sys-mode-switch button{flex:1;padding:6px 10px;font-size:15px;line-height:1.2}.sys-workspace{border-radius:18px}.sys-app-bar{flex-wrap:wrap;gap:8px 12px;padding:12px 16px}.sys-workspace-label{order:3;width:100%;margin:0}.sys-user{margin-left:auto}.sys-app-content{padding:20px 16px}.sys-dashboard-top{margin-bottom:20px;display:block}.sys-date{text-align:left;margin-top:10px}.sys-date small{margin-left:8px;display:inline}.sys-ledger{grid-template-columns:minmax(0,1fr);gap:0;padding:0}.sys-ledger>div,.sys-ledger>div:first-child{border-left:0;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;display:flex}.sys-ledger>div+div{border-top:1px solid var(--sys-line)}.sys-ledger strong{font-size:22px}.sys-pipeline{grid-template-columns:minmax(0,1fr);gap:8px}.sys-pipeline>div{min-height:0}.sys-customer-row{padding:14px 16px}.sys-customer-row>.sys-person{width:100%}.sys-customer-row>.sys-badge{margin-left:52px}.sys-row-action{margin-left:auto}.sys-customer-detail{padding:0 16px 16px}.sys-record-grid{grid-template-columns:minmax(0,1fr);gap:14px}.sys-booking-card{gap:14px}.sys-calendar-date{min-width:60px;padding:8px}.sys-calendar-date strong{font-size:26px}.sys-document-list button{gap:10px;padding:14px 4px}.sys-document-line{grid-template-columns:minmax(0,1fr);gap:2px}.sys-invoice-head>strong{max-width:9em}.sys-invoice-parties{grid-template-columns:minmax(0,1fr);gap:16px}.sys-invoice-item{flex-direction:column;gap:8px}.sys-portal-welcome>.sys-avatar{display:none}.sys-portal-welcome>div{flex-basis:100%;min-width:0}.sys-project-progress ol{gap:12px;display:grid}.sys-connections>small{width:100%;margin-left:0}.sys-explore-note{display:block}.sys-explore-note button{margin-top:8px}}