.demo-stage{--demo-mat-bg:#101E33;--demo-mat-edge:#5B6B82;--demo-screen-edge:#6B7A90;--demo-dur:520ms;--demo-ease:var(--ease-out-expo)}[data-theme=light] .demo-stage{--demo-mat-bg:#F1F4F8;--demo-mat-edge:#7C8BA1}.demo-section{position:relative;padding-block:96px;overflow-x:clip}.demo-section__stages{display:grid;gap:56px;margin-top:40px;min-width:0}.demo-stage{margin:0;min-width:0;padding:24px;border:1px solid var(--demo-mat-edge);border-radius:var(--radius-card);background:var(--demo-mat-bg);color:var(--theme-text-primary);transition:background-color .3s ease,border-color .3s ease}.demo-stage__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:20px}.demo-stage__title{margin:0;font-size:1.375rem;line-height:1.25;font-weight:600;letter-spacing:-.01em;color:var(--theme-text-primary)}.demo-stage__label{display:inline-flex;align-items:center;min-height:28px;padding:2px 10px;border:1px solid var(--demo-mat-edge);border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--theme-text-secondary)}.demo-stage__kicker{flex-basis:100%;margin:0;font-size:1rem;line-height:1.5;color:var(--theme-text-secondary)}.demo-stage__beats{display:grid;gap:32px;min-width:0}.demo-beat{display:grid;gap:14px;min-width:0}.demo-beat__head{display:grid;gap:4px;min-width:0}.demo-beat__eyebrow{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--theme-accent-text)}.demo-beat__caption{margin:0;font-size:1rem;line-height:1.55;color:var(--theme-text-secondary)}.demo-beat__body{min-width:0}@media (min-width:1024px){.demo-beat--stepped{grid-template-columns:minmax(0,1fr) 300px;column-gap:28px;align-items:start}.demo-beat--stepped>.demo-beat__head{grid-column:1/-1}}.demo-controls{display:grid;gap:12px;min-width:0}.demo-steps{display:grid;gap:4px;margin:0;padding:0;list-style:none}.demo-steps__item{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;text-align:left;font-size:.9375rem;line-height:1.4;color:var(--theme-text-secondary)}.demo-steps__item:disabled{cursor:default;opacity:1}.demo-steps__item[data-reached]{color:var(--theme-text-primary)}.demo-steps__item[aria-current=step]{border-color:var(--demo-mat-edge);background:var(--theme-card-bg)}.demo-steps__n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;border:1px solid var(--demo-mat-edge);font-size:.75rem;font-weight:600}.demo-steps__item[data-reached] .demo-steps__n{border-color:var(--theme-accent-text);color:var(--theme-accent-text)}.demo-controls__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px}[data-track]:not([data-track-js]) .demo-controls__buttons{visibility:hidden}.demo-btn{min-height:44px;min-width:44px;padding:0 16px;border:1px solid var(--demo-mat-edge);border-radius:var(--radius-btn);background:transparent;color:var(--theme-text-primary);font-size:.9375rem;font-weight:500}.demo-btn:disabled{cursor:default;color:var(--theme-text-secondary)}.demo-controls__count{margin-left:auto;font-size:.8125rem;color:var(--theme-text-secondary);font-variant-numeric:tabular-nums}.demo-btn:focus-visible,.demo-screen__scroller:focus-visible,.demo-steps__item:focus-visible,.demo-tabs__tab:focus-visible{outline:2px solid var(--theme-accent-text);outline-offset:2px}@media (max-width:1023px){[data-track-js] .demo-controls{position:sticky;bottom:12px;z-index:1;padding:8px 10px;border:1px solid var(--demo-mat-edge);border-radius:var(--radius-card);background:var(--demo-mat-bg)}[data-track-js] .demo-steps{display:none}[data-track-js] .demo-controls__buttons{flex-wrap:nowrap;gap:6px}[data-track-js] .demo-controls__buttons .demo-btn{padding:0 10px;font-size:.8125rem}[data-track-js] .demo-controls__count{font-size:.75rem;white-space:nowrap}}[data-track-armed] [data-stage-step]{transition:opacity var(--demo-dur) var(--demo-ease),transform var(--demo-dur) var(--demo-ease),clip-path var(--demo-dur) var(--demo-ease)}[data-track-armed] [data-stage-step][data-pending]{opacity:0}[data-track-armed] [data-stage-step][data-pending][data-fx=rise]{transform:translateY(8px)}[data-track-armed] [data-stage-step][data-pending][data-fx=pop]{transform:scale(.94)}[data-track-armed] [data-stage-step][data-pending][data-fx=ghost]{opacity:.28}[data-track-armed] [data-stage-step][data-pending][data-fx=sweep]{opacity:1;clip-path:inset(0 100% 0 0)}[data-stage-until]{visibility:hidden}[data-track-armed] [data-stage-until][data-live]{visibility:visible}[data-track-instant] [data-stage-step],[data-track-instant] [data-stage-until]{transition:none!important}@media (prefers-reduced-motion:reduce){[data-track-armed] [data-stage-step]{transition:none!important}}@media print{[data-track-armed] [data-stage-step][data-pending]{opacity:1!important;transform:none!important;clip-path:none!important}[data-track-armed] [data-stage-until][data-live]{visibility:hidden!important}}.demo-swap{display:inline-grid}.demo-swap>*{grid-area:1/1}.demo-screen{min-width:0;overflow:hidden;border:1px solid var(--demo-screen-edge);border-radius:12px;background:var(--skin-ground,#FFFFFF);color:var(--skin-ink,#0A1628);font-family:var(--skin-font,inherit);font-size:.875rem;line-height:1.45}.demo-screen__chrome{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:36px;padding:6px 12px;background:var(--skin-chrome,#0A1628);color:var(--skin-on-chrome,#FFFFFF);font-size:.8125rem;font-weight:600}.demo-screen__dots{display:inline-flex;gap:5px}.demo-screen__dots i{width:8px;height:8px;border-radius:999px;background:currentColor;opacity:.35}.demo-screen__title{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-screen__tag{flex:0 1 auto;font-size:.6875rem;font-weight:600;letter-spacing:.04em}.demo-screen__body{min-width:0}.demo-screen__scroller{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.demo-screen__phone{display:none}.demo-tabs__bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}.demo-tabs__list{display:flex;flex:1 1 auto;gap:6px;min-width:0;padding-bottom:2px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.demo-tabs__list::-webkit-scrollbar{display:none}.demo-tabs__tab{flex:0 0 auto;scroll-snap-align:start;min-height:44px;padding:0 14px;border:1px solid var(--demo-mat-edge);border-radius:var(--radius-btn);background:transparent;color:var(--theme-text-secondary);font-size:.9375rem;font-weight:500;white-space:nowrap}.demo-tabs__tab[aria-selected=true]{border-color:var(--theme-accent-text);background:var(--theme-card-bg);color:var(--theme-text-primary)}.demo-tabs__tourcap{margin:0;min-height:1.55em;font-size:.9375rem;color:var(--theme-text-secondary)}.demo-tabs__panel{display:grid;gap:14px;min-width:0}.demo-tabs__panel-label,.demo-tabs__panel[hidden]{display:none}.demo-tabs__journey{display:grid;gap:16px;min-width:0}.demo-tabs__after,.demo-tabs__before{min-width:0}.demo-tabs__before-cap{margin:0 0 8px;font-size:.875rem;color:var(--theme-text-secondary)}.demo-tabs:not([data-tabs-js]) .demo-tabs__bar,.demo-tabs:not([data-tabs-js]) .demo-tabs__tourcap{display:none}.demo-tabs:not([data-tabs-js]) .demo-tabs__panel-label{display:block;font-weight:600;color:var(--theme-text-primary)}.demo-tabs:not([data-tabs-js]) .demo-tabs__panel+.demo-tabs__panel{margin-top:24px;padding-top:24px;border-top:1px solid var(--demo-mat-edge)}@media (min-width:1024px){.demo-tabs__journey{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start}}@media (max-width:1023px){.demo-tabs__bar{position:sticky;top:var(--nav-height);z-index:2;padding-block:8px;background:var(--demo-mat-bg)}}@media (max-width:767px){.demo-section{padding-block:64px}.demo-section__stages{gap:40px;margin-top:28px}.demo-stage{margin-inline:calc(var(--container-padding) / -2);padding:16px 10px;border-radius:14px}.demo-stage__beats{gap:28px}.demo-screen__desk{display:none}.demo-screen__phone{display:block}.demo-screen__tag{flex-basis:100%}}.demo-skin--psadmin{--skin-ground:#EEF0F2;--skin-surface:#FFFFFF;--skin-ink:#0A1628;--skin-ink-2:#515966;--skin-ink-3:#434B57;--skin-rule:#C9CED6;--skin-accent:#0D95E8;--skin-action:#0B6FD0;--skin-on-action:#FFFFFF;--skin-link:#0A5CAD;--skin-good:#0B6B4F;--skin-good-bg:#E2F0EA;--skin-attention:#7A6000;--skin-attention-bg:#F7F0DC;--skin-urgent:#B42318;--skin-urgent-bg:#FBEBE9;--skin-chrome:#0A1628;--skin-on-chrome:#FFFFFF;--skin-on-chrome-2:rgba(255,255,255,0.55);--skin-radius:16px}.demo-skin--nwks-mens{--skin-ground:#F2EFE6;--skin-surface:#FFFFFF;--skin-ink:#3D4127;--skin-ink-2:#5C604A;--skin-rule:#DAD5C6;--skin-accent:#6B7645;--skin-gold:#B8972A;--skin-action:#3D4127;--skin-on-action:#FFFFFF;--skin-good:#4E6522;--skin-good-bg:#F1F6E2;--skin-attention:#7C5D05;--skin-attention-bg:#FBF3DA;--skin-draft-0:#9AA0A6;--skin-draft-1:#86A83E;--skin-draft-2:#C89A16;--skin-draft-3:#4F5F2C;--skin-chrome:#3D4127;--skin-on-chrome:#FFFFFF;--skin-radius:12px}.demo-skin--farmbooks{--skin-ground:#F3F1EB;--skin-surface:#FFFFFF;--skin-ink:#1C1813;--skin-ink-2:#746A5C;--skin-rule:rgba(56,46,28,0.1);--skin-accent:#C9A227;--skin-action:#7A5C16;--skin-on-action:#FFFFFF;--skin-good:#2E9E56;--skin-good-bg:#E8F4EC;--skin-attention:#A85800;--skin-attention-bg:#FBEED6;--skin-chrome:#1C1813;--skin-on-chrome:#F3F1EB;--skin-radius:16px}