/* One presentation stage; role changes never move the conversation frame. */
.assistant-showcase{background:#030d0b;padding:72px 6vw 80px;color:#eaf0eb}
.assistant-showcase>.xz-stage-heading{margin:0 auto 36px;justify-content:center;text-align:center}
.assistant-role-tabs{display:flex;justify-content:center;gap:12px;margin:0 auto 64px}
.assistant-role-tabs button{display:flex;align-items:center;gap:10px;border:1px solid #a9c6b42b;background:#11231b;color:#a8b9ae;padding:10px 19px;border-radius:999px;min-height:52px;font:16px Arial,'Microsoft YaHei',sans-serif;transition:background .2s,color .2s,border-color .2s}
.assistant-role-tabs button[aria-selected=true]{color:#e2f4e8;background:#254734;border-color:#82caa1}
.assistant-role-tabs button:focus-visible{outline:2px solid #91e8bc;outline-offset:4px}
.assistant-role-tabs img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.assistant-role-tabs button[data-assistant=research] img{object-fit:cover;object-position:center 12%;background:#1b3428}
.assistant-stage-slot{max-width:1800px;margin:auto;min-height:740px;position:relative}
.assistant-stage-slot>[hidden]{display:none!important}
.assistant-stage-slot>.xz-stage,.assistant-stage-slot>.research-stage{padding:0;overflow:visible;background:transparent}
.assistant-stage-slot .xz-stage-layout,.assistant-stage-slot .research-layout{max-width:none;grid-template-columns:420px minmax(0,1fr);gap:75px;align-items:start}
.assistant-stage-slot .xz-demo-area,.assistant-stage-slot .research-demo{display:block;position:relative;min-height:690px;padding:0;isolation:isolate}
.assistant-stage-slot .xz-window,.assistant-stage-slot .research-window{position:relative;z-index:2;width:490px;max-width:100%;height:680px;min-height:680px;margin:0 40px 0 auto;border-radius:26px;border:1px solid #ffffffb3;box-sizing:border-box;background:#fff;box-shadow:0 18px 44px #0003,0 4px 12px #ffffff12}
.assistant-stage-slot .research-window>header{height:76px;min-height:76px;padding:0 23px;font-size:19px;font-weight:500}
.assistant-stage-slot .research-composer{min-height:94px;margin:0 15px 15px;padding:13px 16px 10px}
.assistant-stage-slot .research-report{position:absolute;left:0;top:110px;width:720px;max-width:calc(100% - 360px);margin:0;z-index:1}
.assistant-stage-slot .research-presenter{padding-top:18px}
.assistant-stage-slot .research-character{width:420px;margin-top:44px;aspect-ratio:2/3}
.assistant-stage-slot .research-character img{width:100%;height:100%;object-fit:contain;transform:scale(.85);transform-origin:center bottom}
.assistant-stage-slot .research-footer{margin-top:20px;margin-right:40px}
@media(max-width:1200px){.assistant-stage-slot .xz-stage-layout,.assistant-stage-slot .research-layout{grid-template-columns:300px minmax(0,1fr);gap:35px}.assistant-stage-slot .research-character{width:300px}.assistant-stage-slot .xz-window,.assistant-stage-slot .research-window{width:440px;margin-right:0}.assistant-stage-slot .research-report{width:570px;max-width:none;left:-20px}.assistant-stage-slot .research-report{mask-image:linear-gradient(90deg,transparent,#000 5%,#000)}.assistant-stage-slot .research-footer{margin-right:0}}
@media(max-width:950px){.assistant-stage-slot{min-height:940px}.assistant-stage-slot .xz-stage-layout,.assistant-stage-slot .research-layout{grid-template-columns:1fr;gap:36px}.assistant-stage-slot .xz-presenter,.assistant-stage-slot .research-presenter{position:relative;padding:18px 200px 0 0;min-height:250px}.assistant-stage-slot .research-character{position:absolute;right:0;bottom:0;width:160px;margin:0}.assistant-stage-slot .research-presenter h3{font-size:28px}.assistant-stage-slot .xz-demo-area,.assistant-stage-slot .research-demo{max-width:760px;width:100%;margin:auto}.assistant-stage-slot .xz-window,.assistant-stage-slot .research-window{width:490px;margin-left:auto;margin-right:0}.assistant-stage-slot .research-report{left:-20px;width:570px}.assistant-stage-slot .research-footer{max-width:760px}}
@media(max-width:600px){.assistant-showcase{padding:54px 20px}.assistant-showcase>.xz-stage-heading{margin-bottom:25px}.assistant-role-tabs{margin-bottom:32px;gap:8px}.assistant-role-tabs button{padding:8px 13px;font-size:14px;min-height:46px}.assistant-role-tabs img{width:26px;height:26px}.assistant-stage-slot{min-height:880px}.assistant-stage-slot .xz-presenter,.assistant-stage-slot .research-presenter{min-height:210px;padding-right:130px}.assistant-stage-slot .research-character{width:135px}.assistant-stage-slot .research-presenter h3{font-size:23px}.assistant-stage-slot .research-role{font-size:18px}.assistant-stage-slot .xz-window,.assistant-stage-slot .research-window{width:100%;height:620px;min-height:620px;border-radius:20px}.assistant-stage-slot .research-report{display:none}.assistant-stage-slot .research-demo,.assistant-stage-slot .xz-demo-area{min-height:620px}.assistant-stage-slot .research-footer{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.assistant-role-tabs button{transition:none}}

.assistant-stage-slot{min-height:940px}@media(max-width:950px){.assistant-stage-slot{min-height:1100px}}@media(max-width:600px){.assistant-stage-slot{min-height:950px}}
/* Scroll chapters: characters travel naturally; the demonstration stays pinned. */
.assistant-showcase{--xz-accent:#91e8bc;--xz-muted:#87988d}
.assistant-showcase>.xz-stage-heading{margin-bottom:70px}
.assistant-story-rail,.assistant-sticky-view{display:none}
.assistant-scroll-story .assistant-stage-slot{display:grid;grid-template-columns:24% minmax(0,1fr);gap:5%;min-height:0;max-width:1800px;align-items:start}
.assistant-scroll-story .assistant-story-rail{display:block;min-width:0}
.assistant-scroll-story .assistant-chapter{height:calc(100svh - 64px);min-height:770px;display:flex;align-items:center}
.assistant-scroll-story .assistant-chapter>aside{width:100%;padding:0;position:relative;min-height:0}
.assistant-scroll-story .assistant-chapter h3{font-size:30px;line-height:1.5;font-weight:400;letter-spacing:0;margin:20px 0 0}
.assistant-scroll-story .assistant-chapter .xz-capability,.assistant-scroll-story .assistant-chapter .research-role{font-size:21px;color:#afbeb6}
.assistant-scroll-story .assistant-chapter .xz-character-media,.assistant-scroll-story .assistant-chapter .research-character{position:relative;inset:auto;width:100%;max-width:390px;height:auto;aspect-ratio:2/3;margin:35px 0 0}
.assistant-scroll-story .assistant-chapter .research-character img{width:100%;height:100%;object-fit:contain;transform:scale(.85);transform-origin:center bottom}
.assistant-scroll-story .xz-presenter-caption{display:none}
.assistant-scroll-story .assistant-sticky-view{display:flex;align-items:center;position:sticky;top:32px;height:calc(100svh - 64px);min-height:620px;min-width:0}
.assistant-scroll-story .assistant-sticky-content{width:100%;position:relative}
.assistant-scroll-story .assistant-sticky-content>section{padding:0;background:transparent;overflow:visible}
.assistant-scroll-story .assistant-sticky-content>[hidden]{display:none!important}
.assistant-scroll-story .xz-stage-layout,.assistant-scroll-story .research-layout{display:block}
.assistant-scroll-story .xz-demo-area,.assistant-scroll-story .research-demo{min-height:680px}
.assistant-scroll-story .research-footer{position:absolute;right:0;bottom:-34px;margin:0 40px 0 0}
@media(max-width:950px){.assistant-stage-slot{min-height:0}.assistant-stage-slot>.research-stage{margin-top:90px}.assistant-showcase>.xz-stage-heading{margin-bottom:50px}}
.assistant-scroll-story .assistant-sticky-content>section{min-height:0;height:auto}
@media(max-width:950px){.assistant-showcase{overflow-x:clip}}
/* Give the section heading a clearer visual hierarchy. */
.assistant-showcase>.xz-stage-heading h2{font-size:clamp(42px,4.5vw,76px);line-height:1.25}
@media(max-width:600px){.assistant-showcase>.xz-stage-heading h2{font-size:clamp(30px,7.8vw,42px)}}

/* Product research as a projected, four-act widescreen. */
.assistant-stage-slot .research-cinema{height:580px;top:90px;background:transparent;color:#edf3ef;overflow:visible;border-radius:0;box-shadow:none;isolation:isolate;mask-image:none}
.cinema-surface{position:absolute;inset:0 0 95px;background:radial-gradient(ellipse at 50% 10%,#243930,#111d18 65%);border:1px solid #758e7d40;border-radius:15px;box-shadow:0 0 40px #92c8aa12,inset 0 1px #d5e9db24;z-index:-1;transform-origin:50% 0;transition:transform .85s cubic-bezier(.2,.7,.2,1),opacity .7s}
.research-cinema .research-report-top{border:0;color:#a9b9af;padding:22px 26px;position:relative;z-index:2;font-size:13px}.research-cinema .research-report-top small{color:#7d9184}
.research-cinema .research-product,.research-cinema .research-platforms,.research-cinema .research-data,.research-cinema .research-comparison,.research-cinema .research-verdict{position:absolute;opacity:0!important;visibility:hidden;transform:translateY(12px)!important;transition:opacity .55s ease,transform .55s ease,visibility .55s;pointer-events:none}
.research-cinema .research-product{inset:65px 35px 145px;display:flex;gap:30px;padding:0}.research-cinema .research-product img{width:180px;height:230px;filter:drop-shadow(0 18px 15px #0005)}.research-cinema .research-product small{color:#8dada0}.research-cinema .research-product h4{font-size:29px;color:#f4f7f4;margin:15px 0}.research-cinema .research-product p{color:#b2c3b9;font-size:15px}
.research-cinema .research-platforms{top:67px;left:30px;right:30px;padding:0;border-color:#52695a55}.research-cinema .research-platforms button{color:#a5b6ac}.research-cinema .research-platforms button[aria-selected=true]{color:#a0f0c8}
.research-cinema .research-data{top:130px;left:30px;right:30px;padding:0}.research-cinema .research-metrics strong{font-size:42px;color:#f3f8f5;margin-top:12px}.research-cinema .research-metrics span,.research-cinema .research-rank,.research-cinema .research-chart-label{color:#a6b7ad}.research-cinema .research-rank{margin:18px 0 24px}.research-cinema .research-chart{height:105px}.research-cinema .research-chart .grid{stroke:#75897c30}.research-cinema .research-chart .line{stroke:#94d8b1}.research-cinema .research-chart .area{fill:#85d8a811}
.research-cinema .research-comparison{top:95px;left:30px;right:30px;padding:0;border:0}.research-cinema .research-detail-title{font-size:26px;margin-bottom:24px}.research-cinema .research-detail-title small{font-size:12px;color:#98ada0;align-self:center}.research-cinema .research-peer{font-size:17px;grid-template-columns:1fr 95px 120px;padding:24px 0;border-color:#a1baa02c}.research-cinema .research-peer b{color:#b5e1c6}.research-cinema .research-peer>span:last-child{color:#a4b7ab}.research-cinema .research-opportunity{padding:20px 0;margin-top:20px;color:#c3d2c8;font-size:15px}.research-cinema .research-opportunity span{color:#84b398}
.research-cinema .research-verdict{top:125px;left:42px;right:42px;padding:0;background:transparent;font-size:18px;line-height:1.8;color:#b6c9be}.research-cinema .research-verdict>span{font-size:35px;color:#9cdfb8}.research-cinema .research-verdict strong{font-size:32px;line-height:1.45;color:#f1f7f3;margin-bottom:25px;font-weight:500}
[data-reel=product] .research-product,[data-reel=market] .research-platforms,[data-reel=market] .research-data,[data-reel=competition] .research-comparison,[data-reel=conclusion] .research-verdict{opacity:1!important;visibility:visible;transform:translateY(0)!important;pointer-events:auto}
.cinema-progress{position:absolute;left:26px;right:26px;bottom:120px;display:flex;gap:13px;color:#81998a;font-size:11px}.cinema-progress span{flex:1;border-top:2px solid #5d75643b;padding-top:10px;transition:color .4s,border-color .4s}
[data-reel=product] .cinema-progress span:nth-child(1),[data-reel=market] .cinema-progress span:nth-child(2),[data-reel=competition] .cinema-progress span:nth-child(3),[data-reel=conclusion] .cinema-progress span:nth-child(4){color:#e1f3e8;border-color:#9addb8}
.cinema-beam{position:absolute;left:12%;right:12%;bottom:45px;height:250px;background:linear-gradient(0deg,#cee7db22,transparent 90%);clip-path:polygon(0 0,100% 0,53% 100%,47% 100%);pointer-events:none;z-index:-2;opacity:.65;transition:opacity .8s}
.cinema-projector{position:absolute;bottom:0;left:calc(50% - 48px);width:96px;height:42px;border-radius:10px;background:linear-gradient(#3c4943,#1d2923);border:1px solid #637a6b;box-shadow:0 8px 18px #0007}.cinema-projector i{position:absolute;left:15px;top:12px;width:28px;height:14px;background:repeating-linear-gradient(0deg,#121e18 0 2px,transparent 2px 4px)}.cinema-projector span{position:absolute;right:10px;top:7px;width:26px;height:26px;border-radius:50%;border:4px solid #26392e;background:#d4f3df;box-shadow:0 0 18px #acf8cc8c;transition:background .6s,box-shadow .6s}.cinema-projector b{position:absolute;top:5px;left:8px;width:3px;height:3px;border-radius:50%;background:#a3d9b6}
[data-reel=warmup] .cinema-surface{opacity:.2;transform:scaleY(.02)}[data-reel=warmup] .cinema-beam{opacity:0}[data-reel=warmup] .cinema-projector span{background:#4d6054;box-shadow:none}[data-reel=warmup] .cinema-progress{opacity:0}
@media(max-width:600px){.assistant-stage-slot .research-cinema{height:390px;top:auto;left:0;width:100%;max-width:none;margin:0 0 25px}.cinema-surface{bottom:65px}.research-cinema .research-report-top{padding:15px;font-size:11px}.research-cinema .research-product{inset:40px 15px 100px;gap:12px}.research-cinema .research-product img{width:100px;height:150px}.research-cinema .research-product h4{font-size:20px}.research-cinema .research-product p{font-size:11px}.research-cinema .research-platforms{top:45px;left:18px;right:18px}.research-cinema .research-data{top:104px;left:18px;right:18px}.research-cinema .research-metrics strong{font-size:27px}.research-cinema .research-metrics span{font-size:11px}.research-cinema .research-rank{margin:10px 0}.research-cinema .research-chart{height:42px}.cinema-progress{bottom:82px;left:18px;right:18px;font-size:9px;gap:6px}.research-cinema .research-comparison{top:65px;left:18px;right:18px}.research-cinema .research-detail-title{font-size:20px;margin-bottom:12px}.research-cinema .research-detail-title small{font-size:9px}.research-cinema .research-peer{font-size:12px;grid-template-columns:1fr 65px 85px;padding:16px 0}.research-cinema .research-opportunity{font-size:11px;margin-top:8px;padding:10px 0}.research-cinema .research-verdict{top:85px;left:22px;right:22px;font-size:14px}.research-cinema .research-verdict strong{font-size:24px;margin-bottom:16px}.cinema-projector{transform:scale(.8);transform-origin:center bottom}.cinema-beam{height:170px}}
@media(prefers-reduced-motion:reduce){.research-cinema *{animation:none!important;transition:none!important}}
@media(max-width:600px){.assistant-stage-slot .research-cinema{display:block;position:relative;flex-shrink:0}}

/* Material pass: neutral projection screen and optical lens, no solid triangle. */
.cinema-surface{background:radial-gradient(ellipse at 50% 45%,#303531 0%,#242825 70%,#1b201c 100%);border:5px solid #101612;border-radius:5px;box-shadow:0 0 0 1px #64706755,0 14px 30px #0005,inset 0 0 55px #0005}
.cinema-surface:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 2px,#ffffff03 2px 3px);pointer-events:none}
.research-cinema .research-product{left:42px;right:32px;gap:34px}.research-cinema .research-product img{width:210px;height:265px;object-fit:contain;filter:drop-shadow(0 14px 14px #0006)}
.cinema-beam{clip-path:none;left:8%;right:8%;height:235px;bottom:41px;background:radial-gradient(ellipse at 50% 100%,#e7eedb1a 0%,#e4ecd20b 28%,transparent 66%);filter:blur(8px);opacity:.65;z-index:0;mask-image:linear-gradient(0deg,#000,transparent 92%)}
.cinema-projector{width:132px;height:54px;left:calc(50% - 66px);bottom:-9px;border-radius:13px 13px 10px 10px;background:linear-gradient(174deg,#5a605c 0%,#343a36 15%,#252b27 38%,#171d19 100%);border:1px solid #77807760;box-shadow:inset 0 2px 2px #bfc6bd40,inset 0 -2px 3px #0009,0 12px 15px #0009;transform:perspective(350px) rotateX(12deg)}
.cinema-projector:before{content:'';position:absolute;left:8px;right:8px;bottom:-4px;height:4px;border-left:9px solid #0a100b;border-right:9px solid #0a100b}
.cinema-projector i{left:13px;top:18px;width:48px;height:22px;background:repeating-linear-gradient(0deg,#0c140e 0 2px,#455047 2px 3px,transparent 3px 5px);border-radius:3px}
.cinema-projector span{width:37px;height:37px;right:12px;top:8px;border:5px solid #121a15;background:radial-gradient(circle at 40% 35%,#f5fff8 0 4%,#b8d8cd 8%,#4b6b64 19%,#152e2b 35%,#83a5a0 39%,#15241e 53%,#526c60 60%,#0e1812 70%);box-shadow:0 0 0 1px #86988a,0 0 0 3px #1f2c23,0 0 20px #cfede333,inset 0 0 6px #c7ead3}
.cinema-projector b{top:9px;left:15px;width:3px;height:2px;background:#c1d0c2;box-shadow:0 0 4px #d8f6d2}
[data-reel=warmup] .cinema-surface{opacity:.5;transform:none;background:#0d120f}[data-reel=warmup] .cinema-projector span{background:#18231c;box-shadow:0 0 0 1px #57695b}
@media(max-width:600px){.research-cinema .research-product{left:20px;right:20px;gap:15px}.research-cinema .research-product img{width:115px;height:170px}.cinema-projector{transform:scale(.75);transform-origin:center bottom}.cinema-beam{height:150px}}

/* Match the approved listing conversation shell exactly. */
.assistant-stage-slot .research-window{color:#303030;letter-spacing:0;text-shadow:none}
.assistant-stage-slot .research-window>header{height:68px;min-height:68px;padding:0 22px;font-size:20px;font-weight:400}
.assistant-stage-slot .research-chat{padding:0 22px 16px}
.assistant-stage-slot .research-composer{min-height:94px;margin:0 16px 15px;padding:13px 16px 10px;border:1px solid transparent;border-radius:18px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(115deg,#ffe8d4,#efd9fb 54%,#c9e1ff) border-box;box-shadow:-3px 1px 12px #ffd7ba20,0 4px 13px #d7b8ed25,3px 1px 10px #b6d4ff20;color:#949494;font-size:18px;line-height:1.5}
.assistant-stage-slot .research-compose-text{min-height:27px;line-height:1.55;color:#999;font-weight:400}
.assistant-stage-slot .research-compose-tools{gap:10px;margin-top:9px;height:29px}
.assistant-stage-slot .research-compose-tools>span:first-child{display:grid;place-items:center;width:28px;height:30px;color:#505050;font-size:24px}
.assistant-stage-slot .research-send{width:30px;height:30px;background:linear-gradient(145deg,#af88ff,#8650f6);box-shadow:inset 0 1px 0 #ffffff38;color:#fff}
.assistant-stage-slot .research-footer{display:none}
.research-stage[data-step=compose] .research-compose-text,.research-stage[data-step=followup] .research-compose-text{color:#333}
@media(max-width:600px){.assistant-stage-slot .research-window>header{font-size:17px}.assistant-stage-slot .research-composer{font-size:16px}}
/* Projection stage: matte screen, optical startup and a single recognition pass. */
.cinema-surface{background:radial-gradient(ellipse at 48% 44%,#e6e8df 0%,#d1d6ca 65%,#aab4a6 100%);border:3px solid #242d27;border-radius:3px;box-shadow:0 0 0 1px #78847555,0 18px 35px #0007,inset 0 0 45px #34413225;transition:opacity .8s,background .8s}
.cinema-surface:after{background:radial-gradient(ellipse at center,transparent 45%,#17251d20);opacity:.8}
.research-cinema .research-report-top,.research-cinema .research-report-top small{color:#526356}
.research-cinema .research-product h4,.research-cinema .research-metrics strong,.research-cinema .research-verdict strong{color:#23372c}
.research-cinema .research-product small,.research-cinema .research-product p,.research-cinema .research-metrics span,.research-cinema .research-rank,.research-cinema .research-chart-label{color:#5b7060}
.research-cinema .research-platforms button{color:#637466}.research-cinema .research-platforms button[aria-selected=true]{color:#205c3a}
.research-cinema .research-detail-title,.research-cinema .research-peer,.research-cinema .research-verdict{color:#304e3c}
.research-cinema .research-peer b,.research-cinema .research-peer>span:last-child,.research-cinema .research-detail-title small,.research-cinema .research-opportunity{color:#506c59}
.research-cinema .research-chart .line{stroke:#347652}.research-cinema .research-chart .area{fill:#34765218}
.cinema-progress{color:#6c7b6d}.cinema-progress span{border-color:#64735d30}
[data-reel=product] .cinema-progress span:nth-child(1),[data-reel=market] .cinema-progress span:nth-child(2),[data-reel=competition] .cinema-progress span:nth-child(3),[data-reel=conclusion] .cinema-progress span:nth-child(4){color:#244e36;border-color:#4e8764}
.cinema-beam{left:4%;right:4%;bottom:34px;height:440px;z-index:0;background:linear-gradient(0deg,#e8f4db40,#e2edcf12 65%,transparent);clip-path:polygon(2% 0,98% 0,58% 100%,54% 100%);filter:blur(12px);mask-image:linear-gradient(0deg,#000, #0009 70%,transparent);opacity:.45;pointer-events:none;transition:opacity .8s}
.cinema-projector{bottom:-9px;background:linear-gradient(174deg,#80867e,#4e564f 18%,#2a322c 50%,#171f19);box-shadow:inset 0 2px 2px #dce3d550,0 14px 22px #000a}
.cinema-projector span{box-shadow:0 0 0 1px #86988a,0 0 0 3px #1f2c23,0 0 22px #e7ffcd65,inset 0 0 6px #e8ffe1}
[data-reel=warmup] .cinema-surface{background:#333e35;opacity:.45;transform:none}
[data-reel=product] .research-product{animation:projection-focus .8s ease-out both}
.research-cinema .research-product:after{content:'';position:absolute;left:0;top:0;width:46%;height:2px;background:linear-gradient(90deg,transparent,#aaffdb,transparent);box-shadow:0 0 14px 5px #b7ffcf35;opacity:0;pointer-events:none}
[data-reel=product] .research-product:after{animation:projection-recognize 1.7s .35s ease-in-out both}
@keyframes projection-focus{from{filter:blur(4px);opacity:.25}to{filter:blur(0);opacity:1}}
@keyframes projection-recognize{0%{transform:translateY(15px);opacity:0}15%{opacity:.9}85%{opacity:.7}100%{transform:translateY(245px);opacity:0}}
@media(max-width:600px){.cinema-beam{height:280px}.research-cinema .research-product:after{animation-name:projection-recognize-mobile}@keyframes projection-recognize-mobile{0%{transform:translateY(0);opacity:0}20%{opacity:.8}100%{transform:translateY(160px);opacity:0}}}
@media(prefers-reduced-motion:reduce){.research-cinema .research-product,.research-cinema .research-product:after{animation:none!important}.cinema-beam{transition:none}}
/* Feather optical cone edges instead of exposing a cut-out triangle. */
.cinema-beam{clip-path:none;background:conic-gradient(from -35deg at 56% 100%,transparent 0deg,#efffe100 3deg,#efffe119 13deg,#efffe135 35deg,#efffe119 57deg,#efffe100 67deg,transparent 70deg);filter:blur(12px);mask-image:linear-gradient(0deg,transparent,#000 8%,#0009 70%,transparent)}
/* Neutral projection finish and a composed final evidence frame. */
.cinema-surface{background:radial-gradient(ellipse at 48% 42%,#faf9f5 0%,#eeede7 72%,#d9dad4 100%);border:1px solid #c6c9c1;border-radius:5px;box-shadow:0 14px 35px #0006,0 0 0 3px #ffffff06,inset 0 0 35px #464a4110}
.cinema-surface:after{background:radial-gradient(ellipse,transparent 55%,#24251e0c)}
.research-cinema .research-report-top{color:#72766d}
.cinema-progress{justify-content:center;gap:20px;align-items:center;bottom:118px;font-size:11px}
.cinema-progress span{flex:0 0 auto;border:0!important;padding:0;display:flex;gap:7px;align-items:center;color:#92978e;transition:color .3s}
.cinema-progress span:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#b9bfb5;transition:background .3s,transform .3s}
[data-reel=product] .cinema-progress span:nth-child(1):before,[data-reel=market] .cinema-progress span:nth-child(2):before,[data-reel=competition] .cinema-progress span:nth-child(3):before,[data-reel=conclusion] .cinema-progress span:nth-child(4):before{background:#387756;transform:scale(1.3)}
.research-cinema .research-verdict{top:87px;left:44px;right:44px;display:block}
.projection-conclusion>small{font-size:12px;letter-spacing:.12em;color:#7c887b}
.projection-conclusion h4{font-size:36px;letter-spacing:-.03em;line-height:1.3;margin:15px 0 9px;color:#29362c;font-weight:600}
.research-verdict .projection-subtitle{font-size:19px;color:#6b766a;line-height:1.5;margin:0}
.projection-evidence{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:43px}
.projection-evidence>div{padding-left:14px;border-left:2px solid #b8c9ba}
.projection-evidence span{font-size:13px;color:#437052;font-weight:600}
.projection-evidence p{font-size:16px;line-height:1.9;color:#606d60;margin:9px 0 0}
.cinema-projector{filter:brightness(.8)}
@media(max-width:600px){.cinema-progress{bottom:82px;gap:10px;font-size:9px}.research-cinema .research-verdict{top:56px;left:22px;right:22px}.projection-conclusion h4{font-size:26px;margin:10px 0 7px}.research-verdict .projection-subtitle{font-size:15px}.projection-evidence{gap:15px;margin-top:24px}.projection-evidence p{font-size:12px}.projection-evidence span{font-size:11px}}
/* Selected concept C: physical pull-down screen and offset projector. */
.cinema-surface{inset:0 9px 95px;border:0;border-radius:0;background:radial-gradient(ellipse at 65% 65%,#fffdf8,#f1eae0 80%,#e5ddd2);box-shadow:inset 10px 0 18px #62574b0d,inset -10px 0 18px #62574b0d,0 20px 35px #0006}
.cinema-surface:before{content:'';position:absolute;top:-12px;left:-14px;right:-14px;height:21px;border-radius:7px;background:linear-gradient(#222520,#6c6b62 25%,#46463e 48%,#23251f 88%);box-shadow:inset 0 1px #b5b0a24d,0 6px 9px #0005;border-left:6px solid #22261f;border-right:6px solid #22261f}
.cinema-bottom-rail{position:absolute;bottom:-5px;left:-10px;right:-10px;height:11px;border-radius:4px;background:linear-gradient(#6d6b5e,#282b24 48%,#151b16);box-shadow:0 5px 7px #0006}
.cinema-hangers{position:absolute;top:-30px;left:22px;right:22px;height:19px;border-left:1px solid #90938388;border-right:1px solid #90938388}
.cinema-projector{left:auto;right:15px;bottom:-6px;transform:perspective(350px) rotateY(-12deg) rotateX(10deg);background:linear-gradient(165deg,#b8b5a9,#77796e 25%,#3c4239 55%,#252e26);filter:none}
.cinema-projector:after{content:'';position:absolute;z-index:-1;left:-35px;right:-35px;bottom:-15px;height:14px;border-radius:50%;background:linear-gradient(#393d33,#101b14);box-shadow:0 8px 13px #0007}
.cinema-beam{left:12%;right:0;bottom:36px;background:conic-gradient(from -62deg at 88% 100%,transparent 0deg,#fff5de00 5deg,#fff5de26 19deg,#fff5de38 32deg,#fff5de16 51deg,transparent 62deg);opacity:.5}
.research-cinema .research-report-top{padding:23px 30px;color:#8b8174}
.research-cinema .research-verdict{left:38px;right:30px;top:86px;bottom:158px;display:grid;grid-template-columns:58% 42%;align-items:center;gap:6px}
.projection-conclusion{grid-column:1;grid-row:1;position:relative;z-index:1}
.projection-verdict-photo{grid-column:2;grid-row:1;width:100%;height:245px;object-fit:contain;filter:drop-shadow(0 12px 12px #45372b20)}
.projection-conclusion>small{color:#8f8271;letter-spacing:.1em}
.projection-conclusion h4{font-size:30px;white-space:nowrap;color:#292827;line-height:1.45;margin:12px 0 8px;text-decoration:underline;text-decoration-color:#d5c2ed;text-decoration-thickness:9px;text-underline-offset:-3px;text-decoration-skip-ink:none}
.research-verdict .projection-subtitle{font-size:16px;color:#7c7369}
.projection-evidence{display:flex;flex-direction:column;gap:14px;margin-top:23px}
.projection-evidence>div{border:0;padding-left:25px;position:relative}
.projection-evidence>div:before{content:'✓';position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:#e2d5ef;color:#655273;text-align:center;font-size:12px;line-height:18px}
.projection-evidence span{color:#46413c;font-size:13px}
.projection-evidence p{font-size:12px;line-height:1.65;color:#897e72;margin:4px 0 0}
.cinema-progress{bottom:115px}.cinema-progress span{color:#9c9287}
@media(max-width:600px){.cinema-surface{bottom:65px}.cinema-projector{right:8px;transform:scale(.7);transform-origin:right bottom}.research-cinema .research-verdict{left:24px;right:20px;top:55px;bottom:105px}.projection-conclusion h4{font-size:21px;text-decoration-thickness:6px}.research-verdict .projection-subtitle{font-size:12px}.projection-verdict-photo{height:160px}.projection-evidence{gap:10px;margin-top:13px}.projection-evidence p{font-size:10px}.projection-evidence span{font-size:11px}.cinema-progress{bottom:82px}}

/* Conversation-led research playback. */
.research-cite{display:inline;border:0;background:#f1edf9;color:#7252a1;border-radius:5px;padding:3px 6px;font:inherit;font-size:.92em;cursor:pointer}.research-cite:hover{background:#e6ddf4}.research-cite:focus-visible{outline:2px solid #9066df;outline-offset:3px}.research-answer>p,.research-plan>p{line-height:1.75;margin:12px 0}.research-plan{padding-top:10px}.research-stage[data-focus="sales"] .research-metrics>div:nth-child(2){background:#e5dced;border-radius:8px;box-shadow:0 0 0 8px #e5dced;transition:background .4s}.research-followup>.research-question{margin:18px 0}.research-chat{scroll-padding-bottom:20px}.research-second-thinking[hidden],.research-plan[hidden]{display:none!important}

/* Floating optical display: physical frame stays present when power is off. */
.cinema-surface{inset:0 9px 95px;border:3px solid #484d48;border-radius:13px;background:radial-gradient(ellipse at 78% 90%,#faf7eb,#f3f2eb 64%,#e8e9e1);box-shadow:0 0 0 1px #c1c5b570,inset 0 0 0 1px #ffffffb0,0 3px 0 2px #171e19,0 27px 30px -16px #000b;opacity:1;transition:background .8s,box-shadow .8s}
.cinema-surface:before{inset:-6px;height:auto;border:1px solid #8e958482;border-radius:16px;background:none;box-shadow:inset 0 1px 0 #e9ebdb65,0 1px 0 #080f0a}
.cinema-surface:after{inset:0;border-radius:9px;background:radial-gradient(ellipse at 80% 100%,#fff3ce20,transparent 65%);opacity:1}
.cinema-hangers,.cinema-bottom-rail{display:none}
.cinema-projector{right:1px;bottom:0;width:150px;height:61px;border-radius:11px;background:linear-gradient(170deg,#a1a7a1 0%,#59605c 11%,#303735 23%,#202724 75%,#111a16);border-color:#7f888077;transform:perspective(400px) rotateY(-16deg) rotateX(8deg);box-shadow:inset 0 2px 2px #d3d7cd70,inset 0 -2px 3px #0009,0 12px 16px #0009}
.cinema-projector i{left:auto;right:12px;top:17px;width:53px;height:29px;background:repeating-linear-gradient(0deg,#090f0c 0 2px,#4b554d 2px 3px,transparent 3px 5px)}
.cinema-projector span{left:13px;right:auto;top:10px;width:39px;height:39px;background:radial-gradient(circle at 42% 40%,#fffde7 0%,#d6e3d8 9%,#5d7974 20%,#182e29 38%,#92a99f 42%,#152720 55%,#4d6559 62%,#0b140f 72%);box-shadow:0 0 0 1px #9da595,0 0 0 3px #1c2821,0 0 18px #f2f1d550;transition:filter .6s,box-shadow .6s}
.cinema-projector b{left:68px;top:26px;width:8px;height:2px;background:#c9d3be}
.cinema-projector:after{left:-70px;right:-15px;bottom:-14px;height:10px;background:#0007;filter:blur(8px);box-shadow:none}
.cinema-beam{left:5%;right:48px;bottom:34px;height:320px;background:conic-gradient(from -67deg at 91% 100%,transparent 0deg,#f0efdc00 5deg,#f0efdc18 22deg,#f0efdc29 38deg,#f0efdc0d 56deg,transparent 65deg);opacity:.45;filter:blur(13px);mask-image:linear-gradient(0deg,transparent,#000 10%,#0009 65%,transparent);transition:opacity .7s}
.research-stage[data-power=off] .cinema-surface,.research-stage[data-power=starting] .cinema-surface{background:#18221e;opacity:1;transform:none;box-shadow:0 0 0 1px #7b857655,0 27px 30px -16px #000b}
.research-stage[data-power=stopping] .cinema-surface{background:#29332b;transition-delay:.3s}
.research-stage[data-power=off] .research-cinema>:not(.cinema-surface):not(.cinema-projector):not(.cinema-beam),.research-stage[data-power=starting] .research-cinema>:not(.cinema-surface):not(.cinema-projector):not(.cinema-beam),.research-stage[data-power=stopping] .research-cinema>:not(.cinema-surface):not(.cinema-projector):not(.cinema-beam){opacity:0!important;pointer-events:none;transition:opacity .5s}
.research-stage[data-power=off] .cinema-beam,.research-stage[data-power=stopping] .cinema-beam{opacity:0}
.research-stage[data-power=stopping] .cinema-beam{transition-delay:.4s}
.research-stage[data-power=off] .cinema-projector span{filter:brightness(.3);box-shadow:0 0 0 1px #677569,0 0 0 3px #1c2821}
.research-stage[data-power=off] .cinema-projector b{opacity:.15}
@media(max-width:600px){.cinema-surface{bottom:65px}.cinema-projector{transform:scale(.7);transform-origin:right bottom}.cinema-beam{height:200px;right:35px}}
@media(prefers-reduced-motion:reduce){.cinema-surface,.cinema-beam,.cinema-projector span{transition:none!important}}
/* Photographic apparatus with live HTML projected above it. */
.assistant-stage-slot .research-cinema{background:none}
.research-cinema:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/research-projection-apparatus.png') center / 100% 100% no-repeat;pointer-events:none;transition:filter 1s ease;filter:brightness(1)}
.research-cinema .cinema-surface,.research-cinema .cinema-projector,.research-cinema .cinema-beam{display:none!important}
.research-cinema .research-report-top{padding:46px 48px 0}
.research-cinema .research-platforms{top:88px;left:48px;right:48px}
.research-cinema .research-data{top:142px;left:48px;right:48px}
.research-cinema .research-product{inset:82px 48px 165px}
.research-cinema .research-comparison{top:100px;left:48px;right:48px}
.research-cinema .research-verdict{top:92px;left:48px;right:48px;bottom:177px}
.research-cinema .cinema-progress{bottom:157px}
.research-stage[data-power=off] .research-cinema:before{filter:brightness(.15) saturate(.5)}
.research-stage[data-power=starting] .research-cinema:before{filter:brightness(.65)}
.research-stage[data-power=stopping] .research-cinema:before{filter:brightness(.15) saturate(.5);transition-delay:.45s}
@media(max-width:600px){.research-cinema .research-report-top{padding:29px 28px 0}.research-cinema .research-platforms{top:59px;left:28px;right:28px}.research-cinema .research-data{top:98px;left:28px;right:28px}.research-cinema .research-product{inset:53px 28px 110px}.research-cinema .research-comparison{top:65px;left:28px;right:28px}.research-cinema .research-verdict{top:60px;left:28px;right:28px;bottom:118px}.research-cinema .cinema-progress{bottom:104px}}
@media(prefers-reduced-motion:reduce){.research-cinema:before{transition:none}}
/* Blend photographic stage into page; preserve hardware inside the safe edges. */
.research-cinema:before{-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 91%,transparent);mask-composite:intersect}
/* Power-off removes the apparatus entirely while retaining layout and chat. */
.research-cinema:before{transition:opacity .65s ease,filter .65s ease;opacity:1}
.research-stage[data-power=stopping] .research-cinema:before{opacity:0;transition-delay:.25s}
.research-stage[data-power=off] .research-cinema:before{opacity:0;transition-delay:0s}
.research-stage[data-power=starting] .research-cinema:before{opacity:1}
@media(prefers-reduced-motion:reduce){.research-cinema:before{transition:none!important}}
/* Research props sit behind the unchanged mascot, with feathered scene edges. */
.research-character-video{display:block;width:100%;height:auto;pointer-events:none;transform:scale(.78);transform-origin:center bottom}
.research-character .research-loop-seam,.assistant-scroll-story .assistant-chapter .research-character .research-loop-seam{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transform:scale(.78);transform-origin:center bottom;pointer-events:none;opacity:0;-webkit-mask-image:linear-gradient(to bottom,#000 95.2%,transparent 96%);mask-image:linear-gradient(to bottom,#000 95.2%,transparent 96%)}
.assistant-scroll-story .assistant-chapter .research-character-video{display:block;width:100%;height:100%;object-fit:contain;transform:scale(.78);transform-origin:center bottom;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 95.2%,transparent 96%);mask-image:linear-gradient(to bottom,#000 95.2%,transparent 96%)}
.assistant-scroll-story .research-character:before{content:'';position:absolute;z-index:-1;inset:auto -22% 9%;height:auto;aspect-ratio:3/2;background:url('assets/research-workbench-bg.png') center / cover no-repeat;filter:brightness(.58) saturate(.65) blur(1px);pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 50% 60%,#000 30%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 60%,#000 30%,transparent 72%)}

/* Minimal media progress rail, matching the reference without timestamp labels. */
.demo-time-rail{position:absolute;right:-29px;top:50%;transform:translateY(-50%);width:4px;height:150px;pointer-events:none;z-index:4}
.demo-time-track{display:block;width:100%;height:100%;overflow:hidden;border-radius:2px;background:#ffffff26}
.demo-time-track i{display:block;width:100%;height:100%;background:linear-gradient(180deg,#c2a8fa,#a98adc);border-radius:inherit;transform:scaleY(0);transform-origin:center top;will-change:transform}
.assistant-stage-slot :is(.xz-window,.research-window,.operations-window,.mobile-window):has(.demo-time-rail){overflow:visible}
@media(max-width:950px){.demo-time-rail{right:-13px;width:3px;height:120px}}
/* Extra exit room after the final demo, without changing its chapter alignment. */
.assistant-scroll-story .assistant-story-rail{padding-bottom:180px}

/* Wait for this presenter instead of the already-pinned conversation window. */
.assistant-showcase [data-presenter-ready=false] :is(.xz-output-scene,.research-report,.operations-scene,.mobile-devices,.demo-time-rail){opacity:0!important;visibility:hidden!important;pointer-events:none!important}