/* A lightweight illustrated workbench. Text and buttons stay horizontal. */
.advisor-workbench { --workbench-blue: #245cce; --workbench-ink: #171c22; width: 100%; max-width: 650px; margin: 0 auto; color: var(--workbench-ink); container-type: inline-size; }
.advisor-workbench__scene { position: relative; width: 100%; aspect-ratio: 1.18; isolation: isolate; }
.advisor-workbench__eyebrow { position: absolute; left: 0; top: 0; font-size: clamp(12px,2.7cqw,16px); letter-spacing: .015em; color: #536176; }
.advisor-workbench__routes { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; z-index: -1; }
.advisor-workbench__route { stroke: #d3dff2; stroke-width: 1.3; stroke-dasharray: 3 8; }
.advisor-workbench__signal { stroke: var(--workbench-blue); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 20 1580; stroke-dashoffset: 0; }
.advisor-workbench__link { stroke: var(--workbench-blue); stroke-width: 2.5; stroke-dasharray: 5 5; opacity: .25; transition: opacity .5s; }
.advisor-workbench[data-workbench-step="0"] .advisor-workbench__link--paper,
.advisor-workbench[data-workbench-step="1"] .advisor-workbench__link--sheet,
.advisor-workbench[data-workbench-step="2"] .advisor-workbench__link--support { opacity: 1; }
.advisor-workbench__picture { position: absolute; left: 9%; top: 27%; width: 83%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 8px 50px 8px 50px; background: #f4e9d5; box-shadow: 0 22px 45px -30px #18366555; transform: translateY(0); transition: transform .9s cubic-bezier(.22,1,.36,1),border-radius .9s; }
.advisor-workbench__picture img { display: block; width: 100%; height: 100%; object-fit: cover; }
.advisor-workbench__picture-line { position: absolute; inset: 0; border: 1px solid #172a3d15; border-radius: inherit; pointer-events: none; }
.advisor-workbench__paper { position: absolute; left: 0; top: 9%; width: 28%; padding: 5.5% 3% 3%; border: 1px solid #d7dfec; border-radius: 3px; background: #fff; box-shadow: 0 9px 22px #26446b0f; transform: rotate(-7deg); transition: transform .9s cubic-bezier(.22,1,.36,1),box-shadow .9s; }
.advisor-workbench__paper-pin { position: absolute; width: 30%; height: 10%; left: 35%; top: -5%; background: #e7c674a6; transform: rotate(4deg); }
.advisor-workbench__object-label { display: block; font-size: clamp(12px,2.7cqw,16px); font-weight: 600; }
.advisor-workbench__paper svg { display: block; width: 100%; height: auto; margin: 13% 0 9%; stroke: #b8c6da; stroke-width: 1.8; stroke-linecap: round; }
.advisor-workbench__paper .advisor-workbench__paper-mark { stroke: var(--workbench-blue); stroke-width: 2.5; }
.advisor-workbench__paper-foot { display: block; font-size: clamp(10px,2.2cqw,13px); color: #60718b; white-space: nowrap; }
.advisor-workbench__chat { display: flex; align-items: center; gap: 8%; position: absolute; left: 37%; top: 11%; width: 58%; min-height: 13%; padding: 4% 4.5%; border: 1px solid #bfcee8; background: #fff; border-radius: 28px 28px 28px 4px; font-size: clamp(12px,2.9cqw,17px); font-weight: 500; line-height: 1.5; box-shadow: 0 8px 24px #274a7310; transform: translateY(0); transition: transform .8s cubic-bezier(.22,1,.36,1),background .8s; }
.advisor-workbench__chat-icon { display: flex; gap: 3px; flex: 0 0 auto; }
.advisor-workbench__chat-icon i { display: block; width: 4px; height: 4px; border-radius: 50%; background: var(--workbench-blue); }
.advisor-workbench__sheet { position: absolute; right: 0; top: 65%; width: 34%; background: #fff; border: 1px solid #b9cce9; border-radius: 6px; padding: 0 3% 3%; box-shadow: 0 13px 30px #14386814; transform: rotate(4deg); transition: transform .9s cubic-bezier(.22,1,.36,1),box-shadow .9s; }
.advisor-workbench__sheet-bar { display: flex; align-items: center; gap: 9%; border-bottom: 1px solid #d9e4f3; padding: 9% 0; font-size: clamp(11px,2.4cqw,14px); white-space: nowrap; }
.advisor-workbench__sheet-icon { display: grid; place-items: center; flex-shrink: 0; background: var(--workbench-blue); color: white; font: 600 clamp(10px,2.3cqw,13px)/1 sans-serif; width: 19%; aspect-ratio: 1; border-radius: 3px; }
.advisor-workbench__sheet-bar i { margin-left: auto; width: 4px; height: 4px; border-radius: 50%; background: #abbbd0; }
.advisor-workbench__cells { display: grid; grid-template-columns: 1fr 1fr; margin-top: 9%; border-left: 1px solid #d7e0ee; border-top: 1px solid #d7e0ee; }
.advisor-workbench__cells>* { min-height: 16px; height: 3.5cqw; border-right: 1px solid #d7e0ee; border-bottom: 1px solid #d7e0ee; }
.advisor-workbench__cells span { background: #edf3fe; color: #536985; font-size: clamp(10px,2cqw,12px); text-align: center; line-height: 1.7; }
.advisor-workbench__cells i:nth-child(3),.advisor-workbench__cells i:nth-child(6),.advisor-workbench__cells i:nth-child(7) { background: #d4e3ff; }
.advisor-workbench__sheet-cursor { position: absolute; left: 66%; top: 68%; width: 11%; transform: translate(0,0); }
.advisor-workbench__sheet-cursor svg { display: block; width: 100%; height: auto; fill: var(--workbench-blue); stroke: #fff; stroke-width: 1.5; }
.advisor-workbench__support { display: flex; align-items: center; gap: 9px; position: absolute; left: 7%; top: 84%; max-width: 57%; font-size: clamp(12px,2.7cqw,16px); font-weight: 500; line-height: 1.5; transform: translateY(0); transition: transform .9s cubic-bezier(.22,1,.36,1); }
.advisor-workbench__check { display: block; width: clamp(22px,5.8cqw,34px); flex: 0 0 auto; border: 1px solid #dbbf7a; background: #fff9e9; border-radius: 50%; }
.advisor-workbench__check svg { display: block; width: 100%; height: auto; stroke: #9f761d; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.advisor-workbench__spark { position: absolute; color: #ba953f; font: 300 clamp(18px,4.5cqw,27px)/1 sans-serif; }
.advisor-workbench__spark--one { right: 1%; top: 40%; }
.advisor-workbench__spark--two { left: 2%; top: 68%; font-size: clamp(13px,3.4cqw,20px); }
.advisor-workbench[data-workbench-step="0"] .advisor-workbench__chat { transform: translateY(-8px); background: #f8fbff; }
.advisor-workbench[data-workbench-step="1"] .advisor-workbench__paper { transform: translate(5%,-4%) rotate(-2deg); }
.advisor-workbench[data-workbench-step="1"] .advisor-workbench__sheet { transform: translate(-5%,-8%) rotate(0deg); box-shadow: 0 16px 40px #245cce26; }
.advisor-workbench[data-workbench-step="2"] .advisor-workbench__picture { transform: translateY(-7px); border-radius: 40px 8px 40px 8px; }
.advisor-workbench[data-workbench-step="2"] .advisor-workbench__support { transform: translateY(-8px); }
.advisor-workbench__controls[hidden] { display: none; }
.advisor-workbench__controls { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 22px; }
.advisor-workbench__controls button { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 13px 4px; min-height: 48px; font-family: inherit; font-size: clamp(13px,2.6cqw,15px); font-weight: 500; line-height: 1.5; background: #fff; color: #52627a; border: 0; border-top: 2px solid #d5deed; cursor: pointer; transition: color .25s,border-color .25s; }
.advisor-workbench__controls button span { font: 12px/1 var(--font-sans-en,sans-serif); color: #7f8ba0; }
.advisor-workbench__controls button[aria-pressed="true"] { border-top-color: var(--workbench-blue); color: var(--workbench-blue); }
.advisor-workbench__controls button[aria-pressed="true"] span { color: inherit; }
.advisor-workbench__controls button:hover { color: var(--workbench-blue); }
.advisor-workbench__controls button:focus-visible { outline: 3px solid var(--workbench-blue); outline-offset: 3px; }
.advisor-workbench__caption { display: flex; align-items: flex-start; gap: 12px; margin-top: 10px; color: #52627a; }
.advisor-workbench__caption>span { flex: 0 0 auto; color: #63738c; border: 1px solid #d8e0eb; border-radius: 3px; padding: 3px 6px; font-size: 11px; line-height: 1.7; }
.advisor-workbench__caption p { margin: 0; min-height: 3.6em; color: #52627a; font-size: 13px; line-height: 1.85; }
.advisor-workbench.is-ready .advisor-workbench__signal { animation: advisor-route 12s linear infinite; }
.advisor-workbench.is-ready .advisor-workbench__chat-icon i { animation: advisor-chat 2.6s ease-in-out infinite; }
.advisor-workbench.is-ready .advisor-workbench__chat-icon i:nth-child(2) { animation-delay: .2s; }
.advisor-workbench.is-ready .advisor-workbench__chat-icon i:nth-child(3) { animation-delay: .4s; }
.advisor-workbench.is-ready[data-workbench-step="1"] .advisor-workbench__sheet-cursor { animation: advisor-cursor 3.4s ease-in-out infinite; }
.advisor-workbench.is-ready[data-workbench-step="2"] .advisor-workbench__check { animation: advisor-check 3.4s ease-in-out infinite; }
.advisor-workbench.is-ready .advisor-workbench__spark { animation: advisor-spark 7s ease-in-out infinite; }
.advisor-workbench.is-ready .advisor-workbench__spark--two { animation-delay: 2s; }
.advisor-workbench[data-workbench-paused] *,html[data-motion-paused] .advisor-workbench *,html[data-motion-suspended] .advisor-workbench * { animation-play-state: paused!important; transition: none!important; }
@keyframes advisor-route { to { stroke-dashoffset: -1600; } }
@keyframes advisor-chat { 0%,65%,100% { transform: translateY(0); opacity: .55; } 30% { transform: translateY(-4px); opacity: 1; } }
@keyframes advisor-cursor { 0%,100% { transform: translate(0,0); } 35%,60% { transform: translate(-22px,-12px); } }
@keyframes advisor-check { 0%,100% { transform: scale(1); } 40% { transform: scale(1.12); } }
@keyframes advisor-spark { 0%,100% { transform: rotate(0deg); } 50% { transform: rotate(90deg); } }
@container (max-width: 380px) {
 .advisor-workbench__picture { border-radius: 5px 26px 5px 26px; }
 .advisor-workbench[data-workbench-step="2"] .advisor-workbench__picture { border-radius: 24px 5px 24px 5px; }
 .advisor-workbench__chat { gap: 7%; border-radius: 18px 18px 18px 3px; padding-inline: 4%; }
 .advisor-workbench__chat-icon { gap: 2px; }
 .advisor-workbench__chat-icon i { width: 3px; height: 3px; }
 .advisor-workbench__support { gap: 6px; }
 .advisor-workbench__cells>* { min-height: 12px; }
 .advisor-workbench__cells span { line-height: 1.2; }
 .advisor-workbench__controls { gap: 8px; }
 .advisor-workbench__caption { gap: 8px; }
 .advisor-workbench__caption>span { font-size: 10px; padding: 3px 4px; }
 .advisor-workbench__caption p { font-size: 12px; }
}
@container (max-width: 300px) {
 .advisor-workbench__object-label { font-size: 11px; white-space: nowrap; }
 .advisor-workbench__paper-foot { font-size: 9px; }
 .advisor-workbench__sheet { width: 36%; top: 62%; }
 .advisor-workbench__sheet-bar { gap: 7%; }
 .advisor-workbench__controls { margin-top: 30px; }
}
@media (prefers-reduced-motion: reduce) { .advisor-workbench *, .advisor-workbench *::before, .advisor-workbench *::after { animation: none!important; transition: none!important; } }