/* Product preview and role graph · Truo brand tokens · editorial case-study layout. */
.workspace-section{background:var(--truo-white)}
.workspace-section__intro,.process-section__intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:22px 0 42px}
.workspace-section__intro h2,.process-section__intro h2{max-width:16ch;margin:0}
.workspace-section__intro h2 span{color:var(--truo-blue)}
.workspace-section__intro .lead,.process-section__intro .lead{max-width:49ch;margin:0}
/* Product mockups mirror the deployed TruoDemo and UX Master palette. */
.workspace-preview{--truo-blue:#3b6fd4;--truo-blue-dark:#2f59aa;--truo-blue-tint:#ebf1fc;--truo-ink:#161619;--truo-slate:#4a4a53;--truo-line:#dcdce0;--truo-mist:#f7f7f8;--truo-canvas:#f7f7f8;--truo-clearance:#0d6a5f;--truo-clearance-dark:#0a5850;--truo-clearance-tint:#ecfaf7;--truo-warning:#805919;--truo-warning-tint:#fdf6ea;--truo-error:#9d2e2e;--truo-error-tint:#fdf0f0;--truo-font-display:var(--truo-font-body);font-family:var(--truo-font-body);color:var(--truo-ink)}
.workspace-preview *{box-sizing:border-box}
.workspace-preview__lineage .workspace-preview__cardhead p,.workspace-preview__lineage-note{margin:6px 0 0;color:var(--truo-slate);font-size:11px;line-height:1.4}
.workspace-preview__lineage-note{margin-top:10px}
.workspace-preview__tabs{display:flex;gap:3px;overflow-x:auto;scrollbar-width:thin;padding:4px 4px 0;background:var(--truo-mist);border:1px solid var(--truo-line);border-bottom:0;border-radius:var(--truo-radius-panel) var(--truo-radius-panel) 0 0}
.workspace-preview__tabs button{flex:1 0 auto;min-height:50px;padding:10px 14px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--truo-slate);font:600 11px/1.25 var(--truo-font-mono);cursor:pointer;text-align:left;white-space:nowrap;transition:color var(--truo-duration-fast),background var(--truo-duration-fast),border-color var(--truo-duration-fast)}
.workspace-preview__tabs button span{display:block;margin-top:4px;font:600 12px/1.25 var(--truo-font-body)}
.workspace-preview__tabs button:hover{color:var(--truo-ink);background:var(--truo-white)}
.workspace-preview__tabs button[aria-selected=true]{color:var(--truo-blue-dark);background:var(--truo-white);border-bottom-color:var(--truo-blue)}
.workspace-preview__tabs button:focus-visible,.persona-map__node:focus-visible{outline:2px solid var(--truo-blue);outline-offset:-3px}
.workspace-preview__app{display:grid;grid-template-columns:76px minmax(0,1fr);min-height:650px;overflow:hidden;border:1px solid var(--truo-line);border-radius:0 0 var(--truo-radius-panel) var(--truo-radius-panel);background:var(--truo-canvas)}
.workspace-preview__rail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 8px;background:#182d55;color:var(--truo-white)}
.workspace-preview__rail>img{margin:4px 0 10px}
.workspace-preview__rail-line{width:34px;height:1px;margin-bottom:6px;background:rgb(255 255 255 / 12%)}
.workspace-preview__rail-icon{display:grid;justify-items:center;gap:4px;width:60px;padding:9px 3px;border-radius:var(--truo-radius-control);color:#dcdce0;font-size:9px;line-height:1.2;text-align:center}
.workspace-preview__rail-icon svg{width:20px;height:20px}
.workspace-preview__rail-icon--on{background:rgb(255 255 255 / 10%);color:var(--truo-white);box-shadow:inset 3px 0 var(--truo-blue)}
.workspace-preview__rail-initials{display:grid;place-items:center;width:30px;height:30px;margin-top:auto;border:1px solid rgb(255 255 255 / 22%);border-radius:50%;font-size:10px;font-weight:700}
.workspace-preview__main{min-width:0}
.workspace-preview__topbar{height:56px;display:flex;align-items:center;gap:16px;padding:0 24px;border-bottom:1px solid var(--truo-line);background:var(--truo-white)}
.workspace-preview__brand{width:165px;flex:none}.workspace-preview__brand img{display:block;width:100%;height:auto}
.workspace-preview__search{display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(280px,35%);margin-left:auto;padding:7px 11px;border:1px solid var(--truo-line);border-radius:var(--truo-radius-pill);background:var(--truo-mist);color:var(--truo-slate);font-size:11px}.workspace-preview__search svg{width:14px;height:14px}
.workspace-preview__avatar{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:var(--truo-blue-tint);color:var(--truo-blue-dark);font-size:10px;font-weight:700}
.workspace-preview__context{display:flex;justify-content:space-between;gap:12px;padding:11px 24px;border-bottom:1px solid var(--truo-line);color:var(--truo-slate);font-size:11px}.workspace-preview__context span:first-child{color:var(--truo-ink);font-weight:600}.workspace-preview__context i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--truo-clearance)}.workspace-preview__context b{padding-inline:6px;color:var(--truo-line)}
.workspace-preview__panel{padding:25px;animation:workspace-in var(--truo-duration-slow) var(--truo-ease) both}
.workspace-preview__panel[hidden]{display:none}
@keyframes workspace-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.workspace-preview__heading{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:20px}.workspace-preview__kicker,.workspace-preview__cardhead small,.workspace-preview__decision small{display:block;margin-bottom:8px;color:var(--truo-blue-dark);font-size:10px;font-weight:700;letter-spacing:.095em;text-transform:uppercase}.workspace-preview__heading h3{margin:0;font:700 clamp(23px,2.2vw,31px)/1.15 var(--truo-font-display);letter-spacing:-.03em}.workspace-preview__heading p{margin:7px 0 0;color:var(--truo-slate);font-size:12px;line-height:1.5}.workspace-preview__ref{flex:none;padding:7px 10px;border:1px solid var(--truo-line);border-radius:var(--truo-radius-control);color:var(--truo-slate);font:11px var(--truo-font-mono)}
.workspace-preview__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:10px}.workspace-preview__metrics>div{display:grid;gap:6px;padding:13px 15px;border:1px solid var(--truo-line);border-radius:var(--truo-radius-control);background:var(--truo-white)}.workspace-preview__metrics span,.workspace-preview__metrics small{color:var(--truo-slate);font-size:11px}.workspace-preview__metrics strong{font:700 25px/1 var(--truo-font-display);font-variant-numeric:tabular-nums}
.workspace-preview__card{min-width:0;padding:18px;border:1px solid var(--truo-line);border-radius:var(--truo-radius-control);background:var(--truo-white)}.workspace-preview__cardhead{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:13px}.workspace-preview__cardhead h4,.workspace-preview__decision h4{margin:0;font:700 16px/1.25 var(--truo-font-display);letter-spacing:-.02em}.workspace-preview__cardhead>span:not(.workspace-preview__count){color:var(--truo-slate);font-size:11px}.workspace-preview__count{padding:4px 8px;border:1px solid var(--truo-line);border-radius:var(--truo-radius-pill);color:var(--truo-slate);font-size:10px;white-space:nowrap}
.workspace-preview__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-preview__lineage{margin-bottom:10px}.workspace-preview__lineage ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border:1px solid var(--truo-line);border-radius:var(--truo-radius-control);overflow:hidden}.workspace-preview__lineage li{display:grid;gap:5px;min-width:0;padding:10px;border-right:1px solid var(--truo-line)}.workspace-preview__lineage li:last-child{border:0}.workspace-preview__lineage li b{color:var(--truo-blue-dark);font:10px var(--truo-font-mono)}.workspace-preview__lineage li strong{font-size:20px;line-height:1}.workspace-preview__lineage li span{color:var(--truo-slate);font-size:11px;font-weight:600}
.workspace-preview__row{display:flex;gap:10px;align-items:start;padding:10px 0;border-top:1px solid var(--truo-line)}.workspace-preview__row:last-child{padding-bottom:0}.workspace-preview__row b,.workspace-preview__gate,.workspace-preview__facts{font-size:12px;line-height:1.4}.workspace-preview__row small{display:block;margin-top:4px;color:var(--truo-slate);font-size:11px}.workspace-preview__dot{width:7px;height:7px;flex:none;margin-top:4px;border-radius:50%}.workspace-preview__dot--amber{background:var(--truo-warning)}
.workspace-preview__gate{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--truo-line)}.workspace-preview__gate>span{color:var(--truo-slate)}.workspace-preview__gate>b:not(.workspace-preview__state){text-align:right}.workspace-preview__state{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:var(--truo-radius-pill);font-size:10px;font-weight:700;line-height:1.2;white-space:nowrap}.workspace-preview__state::before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:currentColor}.workspace-preview__state--teal{background:var(--truo-clearance-tint);color:var(--truo-clearance-dark)}.workspace-preview__state--amber{background:var(--truo-warning-tint);color:var(--truo-warning)}.workspace-preview__state--brick{background:var(--truo-error-tint);color:var(--truo-error)}.workspace-preview__state--blue{background:var(--truo-blue-tint);color:var(--truo-blue-dark)}
.workspace-preview__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.workspace-preview__facts div{display:grid;align-content:start;gap:4px}.workspace-preview__facts span{color:var(--truo-slate)}.workspace-preview__facts b{font-weight:600;overflow-wrap:anywhere}.workspace-preview__table{margin-top:10px}.workspace-preview__table>div:not(.workspace-preview__cardhead){display:grid;grid-template-columns:2fr .8fr .8fr .8fr;gap:10px;padding:10px;border-top:1px solid var(--truo-line);font-size:11px}.workspace-preview__table>div span:not(:first-child),.workspace-preview__table>div strong{text-align:right;font-variant-numeric:tabular-nums}.workspace-preview__table .workspace-preview__tablehead{color:var(--truo-slate);font-weight:600}
.workspace-preview__orderchain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.workspace-preview__orderchain>div{display:grid;gap:7px;padding:12px;border-left:1px solid var(--truo-line);background:var(--truo-mist)}.workspace-preview__orderchain>div:first-child{border:0;border-radius:var(--truo-radius-control) 0 0 var(--truo-radius-control)}.workspace-preview__orderchain>div:last-child{border-radius:0 var(--truo-radius-control) var(--truo-radius-control) 0}.workspace-preview__orderchain span,.workspace-preview__orderchain small{font-size:10px;color:var(--truo-slate)}.workspace-preview__orderchain strong{font:600 12px var(--truo-font-mono);overflow-wrap:anywhere}.workspace-preview__panel#preview-order>.workspace-preview__card{margin-bottom:10px}.workspace-preview__bodycopy{margin:0 0 15px;font-size:12px;line-height:1.55;color:var(--truo-slate)}.workspace-preview__spec{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:8px;padding:12px 0;border-top:1px solid var(--truo-line);font-size:11px}.workspace-preview__spec>span{color:var(--truo-slate)}
.workspace-preview__decision{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:10px}.workspace-preview__decisionsteps{display:flex;flex-wrap:wrap;gap:7px}.workspace-preview__decisionsteps span{display:grid;gap:4px;min-width:95px;padding:9px;border:1px solid var(--truo-line);border-radius:var(--truo-radius-control);color:var(--truo-slate);font-size:10px}.workspace-preview__decisionsteps b{color:var(--truo-ink)}
.workspace-preview__route{margin:16px 0;padding:18px;border:1px solid var(--truo-line);border-radius:var(--truo-radius-control);background:var(--truo-mist);font:700 16px var(--truo-font-display)}.workspace-preview__route span{margin:0 9px;color:var(--truo-blue)}.workspace-preview__footerline,.workspace-preview__footnote{margin:12px 0 0;color:var(--truo-slate);font-size:11px;line-height:1.55}.workspace-preview__footnote{margin-top:13px}

.page-home .process-section{background:var(--truo-ink);color:var(--truo-white)}.page-home .process-section .eyebrow{color:var(--truo-white);background:var(--truo-ink-surface-raised)}.page-home .process-section .lead{color:var(--truo-ink-text-muted)}
.persona-map{--map-accent:var(--truo-blue);color:var(--truo-white)}.persona-map__sequence{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-bottom:26px}.persona-map__sequence span{position:relative;min-height:43px;display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--truo-ink-line-strong);border-radius:var(--truo-radius-control);font-size:11px;font-weight:600;text-align:center}.persona-map__sequence span:not(:last-child)::after{content:"";position:absolute;top:50%;left:100%;width:6px;height:1px;background:var(--truo-blue)}.persona-map.is-visible .persona-map__sequence span{animation:map-step .3s var(--truo-ease) both}.persona-map.is-visible .persona-map__sequence span:nth-child(2){animation-delay:.12s}.persona-map.is-visible .persona-map__sequence span:nth-child(3){animation-delay:.24s}.persona-map.is-visible .persona-map__sequence span:nth-child(4){animation-delay:.36s}.persona-map.is-visible .persona-map__sequence span:nth-child(5){animation-delay:.48s}.persona-map.is-visible .persona-map__sequence span:nth-child(6){animation-delay:.6s}@keyframes map-step{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.persona-map__network{position:relative;min-height:460px;border:1px solid var(--truo-ink-line);border-radius:var(--truo-radius-card);background:var(--truo-ink-surface);overflow:hidden}.persona-map__wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.persona-map__wires path{fill:none;stroke:var(--truo-ink-line-strong);stroke-width:1.3;vector-effect:non-scaling-stroke;stroke-dasharray:900}.js .persona-map__wires path{stroke-dashoffset:900}.persona-map.is-visible .persona-map__wires path{animation:map-wire 1.1s var(--truo-ease) forwards}.persona-map.is-visible .persona-map__wires path:nth-child(2){animation-delay:.1s}.persona-map.is-visible .persona-map__wires path:nth-child(3){animation-delay:.2s}.persona-map.is-visible .persona-map__wires path:nth-child(4){animation-delay:.3s}.persona-map.is-visible .persona-map__wires path:nth-child(5){animation-delay:.4s}.persona-map.is-visible .persona-map__wires path:nth-child(6){animation-delay:.5s}@keyframes map-wire{to{stroke-dashoffset:0}}.persona-map__wires path.is-selected{stroke:var(--truo-blue);stroke-width:2;filter:drop-shadow(0 0 5px var(--truo-blue))}
.persona-map__hub{position:absolute;z-index:2;left:50%;top:50%;display:grid;justify-items:center;gap:7px;width:220px;padding:20px 13px;border:1px solid var(--truo-ink-line-strong);border-radius:var(--truo-radius-panel);background:var(--truo-ink);text-align:center;transform:translate(-50%,-50%)}.persona-map__hub img{width:160px;height:auto}.persona-map__hub strong{font:700 17px var(--truo-font-display)}.persona-map__hub span,.persona-map__hub small{color:var(--truo-ink-text-muted);font-size:10px;line-height:1.4}.persona-map__hub small{color:var(--site-blue-on-ink)}
.persona-map__nodes{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;gap:0;padding:20px 28px}.persona-map__node{z-index:3;display:grid;gap:7px;width:min(245px,100%);min-height:100px;padding:14px 16px;border:1px solid var(--truo-ink-line-strong);border-radius:var(--truo-radius-control);background:var(--truo-ink-surface-raised);color:var(--truo-ink-text);text-align:left;cursor:pointer;transition:border-color var(--truo-duration-fast),box-shadow var(--truo-duration-fast),background var(--truo-duration-fast)}.persona-map__node:nth-child(1){grid-area:1/1}.persona-map__node:nth-child(2){grid-area:1/3;justify-self:end}.persona-map__node:nth-child(3){grid-area:2/1}.persona-map__node:nth-child(4){grid-area:2/3;justify-self:end}.persona-map__node:nth-child(5){grid-area:3/1}.persona-map__node:nth-child(6){grid-area:3/3;justify-self:end}.persona-map__node>span{color:var(--truo-ink-text-muted);font:10px var(--truo-font-mono)}.persona-map__node strong{font:700 18px/1.2 var(--truo-font-display)}.persona-map__node small{color:var(--truo-ink-text-muted);font-size:11px}.persona-map__node:hover,.persona-map__node[aria-selected=true]{border-color:var(--truo-blue);background:var(--truo-ink);box-shadow:0 0 0 1px var(--truo-blue),0 0 24px color-mix(in srgb,var(--truo-blue) 35%,transparent)}.persona-map__node[aria-selected=true] strong{color:var(--truo-white)}
.persona-map__details{margin-top:12px}.persona-map__detail{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;min-height:205px;padding:28px 32px;border:1px solid var(--truo-ink-line-strong);border-radius:var(--truo-radius-panel);background:var(--truo-ink-surface)}.persona-map__detail[hidden]{display:none}.persona-map__detail>div>span{color:var(--site-blue-on-ink);font:10px var(--truo-font-mono);letter-spacing:.08em}.persona-map__detail h3{margin:12px 0 9px;font:700 clamp(20px,2.2vw,29px)/1.15 var(--truo-font-display);letter-spacing:-.03em}.persona-map__detail p{max-width:60ch;margin:0;color:var(--truo-ink-text-muted);font-size:13px;line-height:1.6}.persona-map__detail dl{display:grid;align-content:center;margin:0}.persona-map__detail dl>div{display:grid;grid-template-columns:125px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--truo-ink-line);font-size:11px;line-height:1.45}.persona-map__detail dl>div:last-child{border:0}.persona-map__detail dt{color:var(--truo-ink-text-muted)}.persona-map__detail dd{margin:0;font-weight:600}.persona-map__note{margin:14px 0 0;color:var(--truo-ink-text-muted);font-size:11px}
.preview-page-header{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:20px;border-bottom:1px solid var(--truo-line)}.preview-page-header img{display:block;width:165px;height:auto}.preview-page-header>a:last-child{display:flex;align-items:center;gap:7px;color:var(--truo-blue-dark);font-size:13px;font-weight:700;text-decoration:none}.preview-page-header svg{width:15px;height:15px}.preview-page-main{padding-block:60px 100px}.preview-page-intro{max-width:760px;margin-bottom:35px}.preview-page-intro h1{margin:20px 0}.page-demo-new{background:#f7f7f8}.page-demo-new .workspace-preview__app{min-height:710px}
@media(max-width:1100px){.workspace-section__intro,.process-section__intro{display:block}.workspace-section__intro .lead,.process-section__intro .lead{margin-top:20px}.workspace-preview__tabs button{min-width:150px}.persona-map__node{max-width:205px}.persona-map__hub{width:200px}.persona-map__node strong{font-size:15px}}
@media(max-width:760px){.workspace-preview__app{grid-template-columns:54px minmax(0,1fr)}.workspace-preview__rail{padding:12px 3px}.workspace-preview__rail>img{width:28px}.workspace-preview__rail-icon{width:46px}.workspace-preview__rail-icon span{display:none}.workspace-preview__topbar,.workspace-preview__context{padding-inline:14px}.workspace-preview__context span:last-child{display:none}.workspace-preview__panel{padding:15px}.workspace-preview__heading{display:block}.workspace-preview__ref{display:inline-block;margin-top:10px}.workspace-preview__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-preview__grid{grid-template-columns:1fr}.workspace-preview__lineage ol{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-preview__lineage li:nth-child(3){border-right:0}.workspace-preview__lineage li:nth-child(n+4){border-top:1px solid var(--truo-line)}.workspace-preview__orderchain{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-preview__orderchain>div:nth-child(3){border-left:0}.workspace-preview__orderchain>div:nth-child(n+3){border-top:1px solid var(--truo-line)}.workspace-preview__decision{display:block}.workspace-preview__decisionsteps{margin-top:16px}.persona-map__sequence{grid-template-columns:repeat(3,minmax(0,1fr))}.persona-map__sequence span:nth-child(3)::after{display:none}.persona-map__network{min-height:0;padding:20px}.persona-map__wires{display:none}.persona-map__hub{position:static;width:auto;max-width:none;transform:none;margin-bottom:15px}.persona-map__nodes{position:static;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:8px;padding:0}.persona-map__node,.persona-map__node:nth-child(n){grid-area:auto;justify-self:stretch;width:auto;max-width:none;min-height:100px}.persona-map__detail{grid-template-columns:1fr;gap:15px;padding:24px}.persona-map__detail dl>div{grid-template-columns:100px 1fr}}
@media(max-width:480px){.workspace-preview__search{display:none}.workspace-preview__brand{width:160px}.workspace-preview__avatar{margin-left:auto}.workspace-preview__metrics strong{font-size:20px}.workspace-preview__metrics>div{padding:10px}.workspace-preview__card{padding:13px}.workspace-preview__facts{grid-template-columns:1fr}.workspace-preview__table{overflow:auto}.workspace-preview__table>div:not(.workspace-preview__cardhead){min-width:520px}.workspace-preview__orderchain strong{font-size:10px}.workspace-preview__spec{grid-template-columns:45px 1fr}.workspace-preview__spec .workspace-preview__state{grid-column:1/-1;justify-self:start}.persona-map__sequence span{font-size:9px;padding:6px}.persona-map__network{padding:12px}.persona-map__node{padding:11px;min-height:98px}.persona-map__node strong{font-size:13px}.persona-map__node small{font-size:10px}.persona-map__detail dl>div{grid-template-columns:1fr;gap:4px}.preview-page-main{padding-block:40px 70px}}
@media(prefers-reduced-motion:reduce){.workspace-preview__panel,.persona-map.is-visible .persona-map__sequence span,.persona-map.is-visible .persona-map__wires path{animation:none}.persona-map__wires path{stroke-dashoffset:0}}
html:not(.js) .workspace-preview__tabs,html:not(.js) .persona-map__nodes{display:none}
html:not(.js) .workspace-preview__panel[hidden]{display:block}
html:not(.js) .persona-map__detail[hidden]{display:grid}
html:not(.js) .persona-map__network{display:none}
html:not(.js) .workspace-preview__panel+ .workspace-preview__panel{border-top:1px solid var(--truo-line)}
html:not(.js) .persona-map__detail+ .persona-map__detail{margin-top:12px}