/* White-and-purple, scroll-linked product walkthrough. */
.workflow{overflow:visible!important;background:#fff!important}
.workflow .depth-art{display:none}
.workflow-layout{position:relative;display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:55px;align-items:start}
.workflow-steps{display:flex;flex-direction:column;gap:clamp(32px,7vh,72px);padding:6vh 0 22vh;min-width:0}
.workflow-step{width:100%;position:relative;padding:28px;text-align:left;border:1px solid #e9e3f5!important;background:#fff!important;box-shadow:none;border-radius:18px;transform:none!important;color:#231b35;transition:border-color .3s,box-shadow .3s,opacity .3s;opacity:.5;scroll-margin-top:35vh}
.workflow-step.is-active{opacity:1;border-color:#7650ef!important;background:#fff!important;box-shadow:0 16px 50px #7650ef12}
.workflow-step:hover,.workflow-step:focus-visible{opacity:1;background:#fff!important}
.workflow-step:focus-visible{outline:2px solid #7650ef;outline-offset:4px}
.workflow-step .step-count,.workflow-endnote span{color:#7650ef;font-size:12px}
.workflow-step strong{max-width:none;font-size:27px;line-height:1.15;letter-spacing:-.035em}
.workflow-step>span:nth-of-type(2){display:block;font-size:16px;line-height:1.65;color:#686273;max-width:none}
.workflow-model-card:after{display:none}
.model-switch-note{color:#7650ef!important;margin-top:20px!important}
.model-stream{height:130px;margin:24px -28px -28px;background:#fff;border-top:1px solid #eee8fa;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.model-stream:before,.model-stream:after,.model-center-line{display:none}
.model-track{padding:0;gap:0;height:100%;animation:none;will-change:transform}
.model-set{display:flex;align-items:center;gap:16px;padding-right:16px;flex-shrink:0;height:100%}
.model-chip{width:82px;min-width:82px;height:96px;padding:8px 0;display:flex;flex-direction:column;justify-content:center;gap:9px;background:#fff;border:0;border-radius:0;box-shadow:none!important;transition:none;filter:grayscale(1);opacity:.35;font-size:12px;color:#342b48;transform:scale(.75)}
.model-chip img{width:44px;height:44px;object-fit:contain;flex:none}
.model-chip.is-focus{background:#fff;border:0}
.product-stage{position:sticky!important;top:max(45px,calc((100vh - 560px)/2));align-self:start;transform:none!important;will-change:auto;min-width:0;z-index:2;padding:22px 4px 0}
.product-stage:before{display:none!important}
.laptop-display{position:relative;padding:12px 10px 16px;background:linear-gradient(135deg,#27242d,#09080b 50%,#343039);border:1px solid #615968;border-radius:22px 22px 8px 8px;box-shadow:0 32px 55px #21113820}
.laptop-display:before{content:"";position:absolute;top:5px;left:50%;height:4px;width:4px;border-radius:50%;background:#696071}
.laptop-base{position:relative;height:17px;width:calc(100% + 34px);margin-left:-17px;border-radius:2px 2px 50% 50% / 2px 2px 15px 15px;background:linear-gradient(#dfdce3,#aaa4b2 55%,#6c6575);box-shadow:0 20px 32px #20103222}
.laptop-base:before{content:"";display:block;width:17%;height:5px;margin:auto;background:#817a8d;border-radius:0 0 7px 7px}
.laptop-caption{display:flex;justify-content:space-between;margin-top:26px;font-size:12px;color:#7a7189;letter-spacing:.04em}
.walkthrough-current{color:#7650ef;font-weight:700}
.product-frame{border-radius:10px;border:0;background:#fff;box-shadow:none;opacity:1!important;transform:none!important}
.product-topbar{height:48px;background:#fff;color:#211632;border-bottom:1px solid #eee8f6;padding:0 16px;gap:12px}
.product-logo span{color:#7650ef}.product-workspace{color:#776d86}.product-avatar{background:#7650ef;color:#fff}
.product-body{grid-template-columns:130px minmax(0,1fr);height:410px;min-height:410px;background:#fff}
.product-sidebar{background:#fff;border-color:#eee8f6;color:#756b82;padding:22px 8px;font-size:10px}
.sidebar-item{padding:10px 7px}.sidebar-item.selected{background:#f3edff;color:#7650ef}
.product-content{padding:26px 22px;min-width:0;overflow:auto}
.stage-panel[hidden]{display:none!important}.stage-panel.is-active{animation:screen-arrive .35s ease both}
.product-content h3{font-size:26px;line-height:1.1;letter-spacing:-.04em;color:#241733;margin:20px 0 12px}
.screen-intro{color:#776d83}.screen-caption{color:#7650ef}.example-tag{background:#f6f1ff;color:#7650ef;border-color:#e9dffa;font-size:9px}
.source-icon,.artifact-icon,.question-bubble{background:#f3edff;color:#7650ef}
.source-search,.answer-card,.artifact-preview{border-color:#e9e1f4;background:#fff}
.citation-row span,.related-context,.artifact-options span{background:#faf7ff;border-color:#e9dffa;color:#7650ef}
.answer-label,.artifact-preview small,.source-arrow,.artifact-arrow{color:#7650ef}
.product-foot{border-color:#eee8f6;color:#8a8094;background:#fff;font-size:9px}
.model-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.provider-option{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e9e1f4;border-radius:9px;background:#fff;color:#372b47;font:500 11px 'DM Sans',sans-serif;cursor:pointer;text-align:left;min-width:0}
.provider-option img{width:25px;height:25px;object-fit:contain}.provider-option i{margin-left:auto;color:#7650ef;font-style:normal}
.provider-option.selected{border-color:#7650ef;background:#faf7ff;box-shadow:0 0 0 1px #7650ef18}
.provider-option:focus-visible{outline:2px solid #7650ef;outline-offset:2px}
.provider-status{font-size:11px;color:#7d708d;margin-top:16px}.provider-status b{color:#7650ef}
@keyframes screen-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:901px) and (max-height:720px){.product-stage{top:20px}.product-body{min-height:345px}.product-content{padding:16px}.product-content h3{font-size:23px;margin:14px 0 8px}.model-picker{gap:6px;margin-top:12px}.provider-option{padding:7px}.product-sidebar{padding-top:16px}.laptop-caption{margin-top:14px}}
@media(max-width:1100px) and (min-width:901px){.workflow-layout{gap:28px;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr)}.product-sidebar{display:none}.product-body{grid-template-columns:1fr}.workflow-step{padding:23px}}
@media(max-width:900px){.workflow-layout{display:flex;flex-direction:column;gap:0}.product-stage{order:-1;top:10px;width:min(640px,100%);margin:0 auto;background:#fff;padding:10px 12px 12px;z-index:3}.workflow-steps{display:flex;width:100%;gap:clamp(32px,7vh,56px);padding:32px 0 25vh}.workflow-step{scroll-margin-top:56vh}.product-body{min-height:230px;grid-template-columns:100px minmax(0,1fr);height:230px}.product-sidebar{font-size:9px;padding:12px 4px}.product-content{padding:12px 18px;min-height:0;overflow:auto}.product-content h3{font-size:21px;margin:10px 0}.screen-intro{font-size:11px;margin:5px 0}.product-topbar{height:35px}.product-foot{display:none}.laptop-display{padding:9px 7px 9px;border-radius:15px 15px 6px 6px}.laptop-caption{margin-top:9px;font-size:10px}.model-picker{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}.provider-option{flex-direction:column;gap:4px;padding:6px 3px;font-size:9px}.provider-option i{display:none}.provider-option img{width:22px;height:22px}.provider-status{margin-top:8px;font-size:10px}.source-search{margin:10px 0}.source-list>div{padding:8px}.question-bubble{margin:8px 0;font-size:10px;padding:8px}.answer-card{padding:10px}.answer-card p{font-size:11px;margin:6px 0}.artifact-preview{margin:10px 0;padding:10px}.workflow-endnote{margin-top:25px}}
@media(max-width:620px){.product-sidebar{display:none}.product-body{grid-template-columns:1fr}.product-workspace{font-size:9px}.product-content h3 br{display:none}.product-content h3{font-size:20px}.product-body{height:220px;min-height:220px}.workflow-step{padding:24px}.workflow-step strong{font-size:27px}.model-stream{margin:24px -24px -24px;height:120px}.model-chip{height:96px;min-width:82px}.laptop-caption{font-size:9px}.workflow-steps{gap:32px;padding-bottom:25vh}}
@media(prefers-reduced-motion:reduce){.stage-panel.is-active{animation:none}.workflow-step{transition:none}}

/* Analytics is the fourth step of the laptop walkthrough. */
.analytics-screen .question-bubble{font-size:13px;line-height:1.4;margin:12px 0;padding:10px 12px}
.walkthrough-chart{padding:14px 16px 10px;border:1px solid #e9e1f4;border-radius:12px;background:#fff}
.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#241733;font-size:13px}
.chart-heading>span{font-size:12px;color:#776d83}
.chart-columns{display:flex;align-items:flex-end;justify-content:space-around;gap:22px;height:128px;margin-top:12px;background:repeating-linear-gradient(to top,transparent 0,transparent 31px,#f0eaf8 31px,#f0eaf8 32px)}
.chart-columns>div{height:100%;flex:1;max-width:76px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.chart-columns b{font-size:12px;color:#57466d;line-height:20px}
.chart-columns i{display:block;width:100%;height:calc(var(--bar-height) * .7);background:linear-gradient(180deg,#7650ef,#a68bf4);border-radius:5px 5px 0 0;transform-origin:bottom}
.chart-columns span{font-size:12px;color:#776d83;line-height:22px;width:100%;text-align:center;background:#fff}
.analytics-screen.is-active .chart-columns i{animation:analytics-bar-in .65s cubic-bezier(.2,.7,.3,1) both}
.analytics-insight{display:flex;gap:10px;align-items:center;margin-top:12px;color:#655772}
.analytics-insight>span{color:#7650ef;font-size:23px}
.analytics-insight p{font-size:12px;line-height:1.5;margin:0}
.analytics-insight strong{color:#30213f}
.analytics-source{font-size:12px;color:#8a8094;margin-top:8px}
@keyframes analytics-bar-in{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
@media(max-width:900px){.analytics-screen h3{font-size:18px;margin:8px 0}.analytics-screen .question-bubble{font-size:11px;padding:6px 8px;margin:6px 0}.walkthrough-chart{padding:8px 10px 5px}.chart-heading{font-size:11px}.chart-columns{height:76px;margin-top:4px}.chart-columns b,.chart-columns span{font-size:10px;line-height:16px}.analytics-insight{margin-top:6px}.analytics-insight p,.analytics-source{font-size:10px}.analytics-source{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.analytics-screen.is-active .chart-columns i{animation:none}}

/* Short product demonstrations; every sequence holds its final state. */
.demo-screen [data-reveal]{transition:opacity .5s ease,transform .5s ease}
.demo-screen[data-phase] [data-reveal]:not(.demo-shown){opacity:0;transform:translateY(9px);pointer-events:none}
.demo-screen .screen-intro{font-size:13px}
.demo-connections{display:grid;gap:10px;margin-top:22px}
.demo-connection{display:flex;align-items:center;gap:10px;padding:14px 10px;border:1px solid #e9e1f4;border-radius:10px;background:#fff}
.demo-connection>div{min-width:0;flex:1}.demo-connection strong,.demo-connection small{display:block}
.demo-connection strong{font-size:13px;color:#30213f}.demo-connection small{font-size:11px;color:#8a8094;margin-top:4px}
.connection-state{font-size:10px;color:#7650ef;white-space:nowrap}
.demo-confirm{margin-top:16px;font-size:12px;color:#7650ef}
.demo-note{font-size:10px;color:#8a8094;margin-top:12px}
.demo-question{min-height:38px;font-size:13px}
.demo-source-preview{margin-top:12px;padding:12px 14px;border-left:2px solid #7650ef;background:#faf7ff;border-radius:0 8px 8px 0}
.demo-source-preview>span{font-size:9px;letter-spacing:.08em;color:#7650ef;font-weight:700}
.demo-source-preview p{font-size:12px;line-height:1.5;margin:7px 0 0;color:#655772}
.model-picker{position:relative}
.demo-pointer{position:absolute;z-index:4;pointer-events:none;color:#7650ef;font-size:25px;text-shadow:0 2px 3px #fff;opacity:0;transform:translate(25px,30px) rotate(-25deg);transition:transform 1s ease,opacity .3s}
[data-panel="models"][data-phase="1"] .demo-pointer,[data-panel="models"][data-phase="2"] .demo-pointer{opacity:1;transform:translate(0,0) rotate(-25deg)}
[data-panel="models"][data-phase="2"] .provider-option.selected{box-shadow:0 0 0 5px #7650ef18}
.provider-option{transition:background .35s,border-color .35s,box-shadow .35s}
.analytics-screen[data-phase="0"] .chart-columns i{transform:scaleY(.03);animation:none}
.analytics-screen .chart-columns i{transition:transform 1s cubic-bezier(.2,.7,.3,1),filter .6s}
.analytics-screen[data-phase="4"] .chart-columns>div:last-child i{filter:brightness(1.13);box-shadow:0 0 18px #7650ef25}
.refresh-confirm{margin-top:9px}
.demo-create-trigger{display:flex;justify-content:space-between;padding:10px 14px;background:#7650ef;color:#fff;border-radius:8px;font-size:12px;width:160px;margin:14px 0;transition:box-shadow .4s}
[data-panel="create"][data-phase="1"] .demo-create-trigger{box-shadow:0 0 0 5px #7650ef22}
.demo-brief{border:1px solid #e9e1f4;border-radius:10px;padding:16px;background:#fff;box-shadow:0 10px 25px #2c184508}
.brief-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.07em;color:#8a8094;margin-bottom:10px}.brief-label span{color:#7650ef}
.demo-brief>strong{font-size:18px;color:#30213f}
.brief-metric{display:flex;gap:9px;align-items:center;margin:14px 0}
.brief-metric>b{font-size:28px;color:#7650ef;letter-spacing:-.05em}.brief-metric>span{font-size:11px;color:#776d83}
.brief-spark{margin-left:auto;height:35px;display:flex;align-items:end;gap:5px}.brief-spark i{width:12px;height:58%;background:#c5b4f7;border-radius:2px 2px 0 0}.brief-spark i:nth-child(2){height:78%;background:#a68bf4}.brief-spark i:nth-child(3){height:100%;background:#7650ef}
.demo-brief p{font-size:12px;color:#655772;line-height:1.5;margin:8px 0}
.brief-action{border-top:1px solid #eee8fa;padding-top:10px;display:grid;gap:4px;font-size:11px;color:#655772}.brief-action strong{color:#30213f}
.brief-sources{font-size:9px;color:#8a8094;margin-top:12px}
@media(max-width:900px){.demo-screen h3{font-size:18px;margin:7px 0}.demo-screen .screen-intro{font-size:11px}.demo-connections{gap:5px;margin-top:9px}.demo-connection{padding:7px;gap:7px}.demo-connection strong{font-size:11px}.demo-connection small{font-size:9px;margin-top:2px}.connection-state{font-size:9px}.demo-confirm{font-size:10px;margin-top:8px}.demo-note{font-size:9px;margin-top:5px}.demo-source-preview{padding:8px;margin-top:8px}.demo-source-preview p{font-size:10px}.demo-create-trigger{margin:8px 0;padding:7px 10px}.demo-brief{padding:10px}.demo-brief>strong{font-size:15px}.brief-metric{margin:8px 0}.brief-metric>b{font-size:22px}.demo-brief p{font-size:10px}.demo-pointer{display:none}}
@media(prefers-reduced-motion:reduce){.demo-screen *{animation:none!important;transition:none!important}.demo-pointer{display:none}.demo-screen[data-phase] [data-reveal]{opacity:1!important;transform:none!important}}