.marketing-workflow-demo{min-width:0}.marketing-workflow-demo__scene{position:relative;display:grid;min-height:420px;padding:var(--spacing-5);overflow:clip;isolation:isolate}.marketing-workflow-demo__back-plane{position:absolute;z-index:-2;inset:13% 6% 7% 17%;border:1px solid color-mix(in srgb,var(--color-accent) 28%,var(--color-border));border-radius:var(--radius-container);background:color-mix(in srgb,var(--color-accent-muted) 54%,var(--color-background-surface));box-shadow:var(--shadow-low);transform:rotate(-3deg) translateY(5px)}.marketing-workflow-demo__connectors{position:absolute;z-index:-1;inset:13% 4% 5%;width:92%;height:78%;overflow:visible;color:color-mix(in srgb,var(--color-accent) 66%,var(--color-border));pointer-events:none}.marketing-workflow-demo__connectors path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-dasharray:5 7;opacity:.72}.marketing-workflow-demo__frame{align-self:center;display:grid;gap:var(--spacing-3);width:min(100%,430px);min-height:364px;margin:auto;border-color:color-mix(in srgb,var(--color-accent) 32%,var(--color-border));background:color-mix(in srgb,var(--color-background-surface) 93%,var(--color-background-body));box-shadow:var(--shadow-med);transform:perspective(900px) rotateX(2deg) rotateY(-3deg)}.marketing-workflow-demo__frame h2{margin:0;font-size:var(--font-size-xl);line-height:1.25}.marketing-workflow-demo__frame-header{display:flex;align-items:center;gap:var(--spacing-2)}.marketing-workflow-demo__frame-header>.astryx-text{flex:1}.marketing-workflow-demo__icon{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-inner);color:var(--color-text-accent);background:var(--color-accent-muted)}.marketing-workflow-demo__icon svg{width:16px;height:16px}.marketing-workflow-demo__title{display:grid;gap:var(--spacing-1)}.marketing-workflow-demo__title>.astryx-text{margin:0;line-height:1.45}.marketing-workflow-demo__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-1);padding:0;margin:0}.marketing-workflow-demo__steps button{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:3px var(--spacing-1);min-width:0;min-height:72px;padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-inner);color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-background-muted) 60%,transparent);cursor:pointer;font:inherit;text-align:start}.marketing-workflow-demo__steps button>span{color:var(--color-text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.62rem;font-weight:700}.marketing-workflow-demo__steps button>div{display:grid;gap:2px;min-width:0}.marketing-workflow-demo__steps strong{color:var(--color-text-primary);font-size:.68rem;line-height:1.25;overflow-wrap:anywhere}.marketing-workflow-demo__steps small{display:-webkit-box;overflow:hidden;color:var(--color-text-secondary);font-size:.6rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.marketing-workflow-demo__steps svg{grid-column:2;width:14px;height:14px;color:var(--color-success)}.marketing-workflow-demo__steps button[aria-selected=true]{border-color:color-mix(in srgb,var(--color-accent) 52%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 10%,var(--color-background-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 10%,transparent)}.marketing-workflow-demo__steps button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.marketing-workflow-demo__slide{display:grid;gap:var(--spacing-2);min-width:0;padding:var(--spacing-3);border:1px solid color-mix(in srgb,var(--color-accent) 25%,var(--color-border));border-radius:var(--radius-inner);background:color-mix(in srgb,var(--color-background-muted) 48%,var(--color-background-surface))}.marketing-workflow-demo__slide:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.marketing-workflow-demo__slide-heading{display:flex;align-items:baseline;gap:var(--spacing-2)}.marketing-workflow-demo__slide-heading span{color:var(--color-text-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.62rem;font-weight:700}.marketing-workflow-demo__slide-heading strong{color:var(--color-text-primary);font-size:var(--font-size-xs)}.marketing-workflow-demo__scenario{display:grid;min-height:82px;padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-inner);color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-background-surface) 76%,var(--color-background-muted));font-size:.65rem}.marketing-workflow-demo__scenario-line{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr) 7px;align-items:center;gap:var(--spacing-2);min-width:0;padding-block:4px;border-bottom:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}.marketing-workflow-demo__scenario-line:last-child{border-bottom:0}.marketing-workflow-demo__scenario-line>span{color:var(--color-text-primary);font-size:.63rem;font-weight:700}.marketing-workflow-demo__scenario-line small{overflow:hidden;color:var(--color-text-secondary);font-size:.61rem;text-align:end;overflow-wrap:anywhere}.marketing-workflow-demo__scenario-line i{display:block;width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-border-emphasized)}.marketing-workflow-demo__scenario-line i.is-ready{background:var(--color-success)}.marketing-workflow-demo__scenario-line i.is-working{background:var(--color-warning)}.marketing-workflow-demo__scenario-line i.is-review{background:var(--color-accent)}.marketing-workflow-demo__scenario--invite,.marketing-workflow-demo__scenario--question,.marketing-workflow-demo__scenario--request{align-content:center;gap:var(--spacing-2)}.marketing-workflow-demo__scenario--invite>small,.marketing-workflow-demo__scenario--question>small,.marketing-workflow-demo__scenario--request>small{color:var(--color-text-accent);font-size:.58rem;font-weight:700;letter-spacing:.06em}.marketing-workflow-demo__scenario--invite strong,.marketing-workflow-demo__scenario--question strong,.marketing-workflow-demo__scenario--request strong{color:var(--color-text-primary);font-size:var(--font-size-xs);line-height:1.45}.marketing-workflow-demo__scenario--request>div{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.marketing-workflow-demo__scenario--invite>span,.marketing-workflow-demo__scenario--question>span,.marketing-workflow-demo__scenario--request>div span{width:fit-content;padding:3px 5px;border:1px solid color-mix(in srgb,var(--color-accent) 26%,var(--color-border));border-radius:var(--radius-full);font-size:.58rem}.marketing-workflow-demo__scenario--matrix{grid-template-columns:minmax(68px,1.25fr) repeat(3,minmax(0,.5fr));align-items:center;gap:3px;padding:var(--spacing-2)}.marketing-workflow-demo__scenario--matrix>b,.marketing-workflow-demo__scenario--matrix>span{color:var(--color-text-accent);font-size:.58rem;font-weight:700}.marketing-workflow-demo__scenario--matrix>b{text-align:center}.marketing-workflow-demo__scenario--matrix>i{display:block;min-height:12px;border-radius:3px;background:color-mix(in srgb,var(--color-accent) 17%,var(--color-background-surface))}.marketing-workflow-demo__scenario--matrix>i:nth-of-type(2),.marketing-workflow-demo__scenario--matrix>i:nth-of-type(5){background:color-mix(in srgb,var(--color-accent) 44%,var(--color-background-surface))}.marketing-workflow-demo__scenario--timeline{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:var(--spacing-1)}.marketing-workflow-demo__scenario--timeline>div{display:grid;gap:5px;min-width:0}.marketing-workflow-demo__scenario--timeline span{color:var(--color-text-secondary);font-size:.57rem;font-weight:700}.marketing-workflow-demo__scenario--timeline i{display:block;height:32px;border-radius:var(--radius-inner);background:color-mix(in srgb,var(--color-accent) 22%,var(--color-background-surface))}.marketing-workflow-demo__scenario--timeline>div:nth-child(2) i{background:color-mix(in srgb,var(--color-accent) 55%,var(--color-background-surface))}.marketing-workflow-demo__scenario--timeline>div:nth-child(4) i{height:18px}.marketing-workflow-demo__scenario--artifact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-2);align-items:center}.marketing-workflow-demo__scenario--artifact-grid span{display:grid;place-items:center;min-height:48px;padding:var(--spacing-1);border:1px solid color-mix(in srgb,var(--color-accent) 28%,var(--color-border));border-radius:var(--radius-inner);color:var(--color-text-accent);background:var(--color-accent-muted);font-size:.58rem;font-weight:700;text-align:center}.marketing-workflow-demo__scenario--search{gap:var(--spacing-2)}.marketing-workflow-demo__scenario--search>div{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-inner);color:var(--color-text-secondary)}.marketing-workflow-demo__scenario--search svg{width:14px;height:14px;color:var(--color-text-accent)}.marketing-workflow-demo__scenario--library-actions{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--spacing-2)}.marketing-workflow-demo__scenario--library-actions>div{display:grid;gap:2px}.marketing-workflow-demo__scenario--library-actions span{color:var(--color-text-primary);font-size:.63rem;font-weight:700}.marketing-workflow-demo__scenario--library-actions small{font-size:.58rem}.marketing-workflow-demo__scenario--evidence b,.marketing-workflow-demo__scenario--library-actions b,.marketing-workflow-demo__scenario--role-report b,.marketing-workflow-demo__scenario--versions b{padding:4px 5px;border-radius:var(--radius-full);color:var(--color-text-accent);background:var(--color-accent-muted);font-size:.57rem;white-space:nowrap}.marketing-workflow-demo__scenario--approved-list,.marketing-workflow-demo__scenario--class-tracking,.marketing-workflow-demo__scenario--job-list,.marketing-workflow-demo__scenario--lesson-context,.marketing-workflow-demo__scenario--lesson-flow,.marketing-workflow-demo__scenario--project-outline,.marketing-workflow-demo__scenario--question-list,.marketing-workflow-demo__scenario--review-list,.marketing-workflow-demo__scenario--shared-info,.marketing-workflow-demo__scenario--source-list{align-content:center}.marketing-workflow-demo__scenario--cited-answer{gap:6px;align-content:center}.marketing-workflow-demo__scenario--cited-answer>span{display:block;height:6px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-text-primary) 17%,transparent)}.marketing-workflow-demo__scenario--cited-answer>span:nth-child(2){width:88%}.marketing-workflow-demo__scenario--cited-answer>span:nth-child(3){width:72%}.marketing-workflow-demo__scenario--cited-answer>div{display:flex;align-items:center;gap:var(--spacing-1);margin-top:var(--spacing-1)}.marketing-workflow-demo__scenario--cited-answer b{display:grid;place-items:center;width:20px;height:20px;border-radius:var(--radius-inner);color:var(--color-text-accent);background:var(--color-accent-muted);font-size:.58rem}.marketing-workflow-demo__scenario--cited-answer small{margin-left:auto;color:var(--color-text-secondary);font-size:.57rem}.marketing-workflow-demo__scenario--evidence,.marketing-workflow-demo__scenario--versions{align-content:center;gap:5px}.marketing-workflow-demo__scenario--evidence>div,.marketing-workflow-demo__scenario--versions>div{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding-bottom:5px;border-bottom:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}.marketing-workflow-demo__scenario--evidence>div:last-child,.marketing-workflow-demo__scenario--versions>div:last-child{padding-bottom:0;border-bottom:0}.marketing-workflow-demo__scenario--evidence span,.marketing-workflow-demo__scenario--versions span{color:var(--color-text-primary);font-size:.61rem;font-weight:700}.marketing-workflow-demo__scenario--class-card,.marketing-workflow-demo__scenario--portal,.marketing-workflow-demo__scenario--role-report{align-content:center;gap:var(--spacing-2)}.marketing-workflow-demo__scenario--class-card>div{display:flex;align-items:center;gap:var(--spacing-1)}.marketing-workflow-demo__scenario--class-card i{display:block;width:21px;height:21px;border-radius:50%;background:color-mix(in srgb,var(--color-accent) 29%,var(--color-background-surface))}.marketing-workflow-demo__scenario--class-card span{margin-left:var(--spacing-1);color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:700}.marketing-workflow-demo__scenario--class-card small,.marketing-workflow-demo__scenario--portal small,.marketing-workflow-demo__scenario--role-report small{color:var(--color-text-secondary);font-size:.6rem;line-height:1.4}.marketing-workflow-demo__scenario--role-report{grid-template-columns:minmax(0,1fr) auto}.marketing-workflow-demo__scenario--role-report>span{color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:700}.marketing-workflow-demo__scenario--role-report>div{display:flex;gap:var(--spacing-1)}.marketing-workflow-demo__scenario--role-report small{grid-column:1/-1}.marketing-workflow-demo__scenario--portal{grid-template-columns:auto minmax(0,1fr)}.marketing-workflow-demo__scenario--portal>svg{width:27px;height:27px;color:var(--color-text-accent)}.marketing-workflow-demo__scenario--portal>div{display:grid;gap:2px}.marketing-workflow-demo__scenario--portal strong{color:var(--color-text-primary);font-size:var(--font-size-xs)}.marketing-workflow-demo__progress{margin-top:calc(var(--spacing-1) * -1)}.marketing-workflow-demo__progress [role=progressbar]{height:5px}.marketing-workflow-demo__review{display:flex;align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.4}.marketing-workflow-demo__review i{width:48px;height:6px;margin-left:auto;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-success) 62%,var(--color-border))}.marketing-workflow-demo--assessment .marketing-workflow-demo__frame{border-color:color-mix(in srgb,var(--color-text-accent) 36%,var(--color-border))}.marketing-workflow-demo--library .marketing-workflow-demo__connectors,.marketing-workflow-demo--notebook .marketing-workflow-demo__connectors{color:color-mix(in srgb,var(--color-text-secondary) 70%,var(--color-border))}@media (hover:hover){.marketing-workflow-demo__frame{transition:transform var(--duration-fast,125ms) var(--ease-standard,ease-out),box-shadow var(--duration-fast,125ms) var(--ease-standard,ease-out)}.marketing-workflow-demo__scene:hover .marketing-workflow-demo__frame{box-shadow:var(--shadow-med);transform:perspective(900px) rotateX(0deg) rotateY(-1deg) translateY(-2px)}.marketing-workflow-demo__steps button:hover{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 6%,var(--color-background-surface))}}@media (max-width:960px){.marketing-workflow-demo__scene{min-height:0}.marketing-workflow-demo__frame{transform:none}}@media (max-width:600px){.marketing-workflow-demo__scene{min-height:0;padding:var(--spacing-2)}.marketing-workflow-demo__back-plane{inset:8% 2% 4% 9%;transform:none}.marketing-workflow-demo__connectors{display:none}.marketing-workflow-demo__frame{min-height:0;transform:none}.marketing-workflow-demo__steps button{min-height:63px;padding:var(--spacing-1)}.marketing-workflow-demo__steps small{display:none}}@media (prefers-reduced-motion:reduce){.marketing-workflow-demo *,.marketing-workflow-demo :after,.marketing-workflow-demo :before{animation:none!important;transition:none!important}.marketing-workflow-demo__back-plane,.marketing-workflow-demo__frame{transform:none}}