/* Generated by build-desktop-density.cjs. Desktop only; no browser zoom override. */
@media (min-width: 1100px) {
html { font-size: 80%; }
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#101412;color:#fff;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:2.4px solid #53efb5;outline-offset:4.8px}.hero{position:relative;isolation:isolate;min-height:100svh;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.header{height:clamp(62.4px,5.3vw,84px);padding:0 3.8%;display:flex;align-items:center;gap:4.5vw}.brand{display:flex;align-items:center;gap:9.6px;font-size:clamp(20.8px,2.2vw,32px);font-weight:750;letter-spacing:-0.8px;white-space:nowrap}.brand svg{width:27.2px;height:33.6px;color:#51edb2}.header nav{display:flex;align-items:center;gap:2.5vw}.header nav button,.login{color:#fff;background:none;padding:9.6px 0;font-size:clamp(11.2px,1.12vw,16px);font-weight:600;white-space:nowrap}.chevron{display:inline-block;width:6.4px;height:6.4px;border-bottom:1.2px solid;border-right:1.2px solid;transform:rotate(45deg);vertical-align:3.2px;margin-left:8px}.account{margin-left:auto;display:flex;align-items:center;gap:2.5vw}.button{display:inline-flex;align-items:center;justify-content:center;gap:9.6px;background:#53edb4;color:#071c13;border:0.8px solid transparent;border-radius:799.2px;padding:13.6px 24px;font-size:clamp(12.8px,1.1vw,16px);font-weight:650;min-height:46.4px;transition:background .2s,transform .2s}.button:hover{background:#78f4c6;transform:translateY(-1.6px)}.button:active{transform:translateY(0)}.small{min-height:38.4px;padding:9.6px 24px}.copy{margin-left:3.8%;padding-top:clamp(72px,13.3vh,136px);padding-bottom:88px;width:52%}.eyebrow{margin:0 0 22.4px;letter-spacing:.24em;font-size:clamp(12px,1.2vw,17.6px);font-weight:500}.copy h1{font-size:clamp(33.6px,3.9vw,59.2px);line-height:1.28;letter-spacing:.005em;font-weight:750;margin:0 0 24px;text-wrap:nowrap}.description{font-size:clamp(12px,1.19vw,17.6px);line-height:1.8;color:#eee;margin:0}.actions{display:flex;gap:16px;margin-top:35.2px}.actions .button{padding-inline:21.6px;min-width:156px}.actions .button span{font-size:21.6px;line-height:1}.outline{color:white;border:0.8px solid #fff;background:transparent}.outline:hover{background:rgba(255,255,255,.12)}.outline svg{width:16.8px;height:16.8px;flex:none}dialog{color:#eaf5ef;background:#18221e;border:0.8px solid #4b6256;border-radius:17.6px;padding:30.4px;width:min(352px,calc(100vw - 25.6px));box-shadow:0 16px 72px #0008}dialog::backdrop{background:#0009;backdrop-filter:blur(4.8px)}dialog h2{font-size:20.8px}dialog p{line-height:1.8;color:#c7d2ca}.close{position:absolute;right:12.8px;top:8px;background:transparent;color:white;font-size:24px}.preview-label{font-size:9.6px;letter-spacing:.12em;color:#70edba}.dismiss{margin-top:12.8px;font-size:12px;min-height:36.8px;padding:8px 18.4px}
@media(min-width:1280px){.copy{padding-top:14vh}.actions{margin-top:36.8px}}
@media(max-width:800px){.header{gap:19.2px}.header nav{gap:14.4px}.header nav button{font-size:11.2px}.account{gap:16px}.small{padding:8px 16px}.brand{font-size:21.6px}.brand svg{width:22.4px}.copy{width:65%;padding-top:15vh}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0007,transparent 75%);z-index:-1}.copy h1{font-size:36.8px}.description{font-size:12.8px}.actions{gap:9.6px}.actions .button{min-width:136px;padding-inline:16px}}
@media(max-width:560px){.hero{min-height:100svh}.hero-photo{object-position:60% center}.hero:after{background:linear-gradient(90deg,#000b,#0004),linear-gradient(0deg,#0009,transparent 75%)}.header{height:auto;min-height:62.4px;padding:14.4px 17.6px;flex-wrap:wrap;gap:11.2px}.brand{font-size:21.6px;gap:6.4px}.brand svg{width:20px;height:25.6px}.header nav{order:3;width:100%;justify-content:space-between;gap:9.6px}.header nav button{font-size:10.4px;padding:7.2px 0}.account{gap:9.6px}.login{font-size:11.2px}.small{font-size:10.4px;min-height:29.6px;padding:6.4px 12.8px}.chevron{width:4.8px;height:4.8px;margin-left:4px}.copy{width:auto;margin:0;padding:clamp(48px,11vh,88px) 17.6px 51.2px}.eyebrow{font-size:10.4px;letter-spacing:.2em;margin-bottom:18.4px}.copy h1{font-size:clamp(24.8px,8.8vw,38.4px);line-height:1.35;margin-bottom:19.2px}.description{font-size:11.2px;line-height:1.9}.description br{display:none}.actions{gap:9.6px;margin-top:25.6px;flex-wrap:wrap}.actions .button{font-size:11.2px;min-width:0;min-height:39.2px;padding:9.6px 16px}.actions .button span{font-size:16.8px}.outline svg{width:14.4px;height:14.4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#101412}.hero-media .hero-photo{z-index:0;opacity:1}.hero-media .standby{opacity:0}
/* finesse component: Xiaozhi conversation; existing hero preserved */
.xiaozhi-demo{position:absolute;right:3.8%;top:32%;width:clamp(240px,27vw,344px);z-index:2;color:#f5faf7;font-size:clamp(11.2px,1.05vw,14.4px)}
.demo-meta{display:flex;align-items:center;justify-content:space-between;margin:0 3.2px 14.4px;color:#e1ece7;font-size:8.8px;letter-spacing:.08em;text-shadow:0 0.8px 6.4px #10221e}
.motion-toggle{color:inherit;background:#233d3655;border:0.8px solid #e3f7ee30;border-radius:16px;padding:5.6px 9.6px;min-height:25.6px;font-size:8.8px}
.seller-bubble{display:flex;align-items:flex-start;gap:8.8px;width:88%;padding:13.6px 16px;border-radius:19.2px;background:linear-gradient(120deg,#dce8e53d,#dce8e523);border:0.8px solid #effff51c;backdrop-filter:blur(12.8px);-webkit-backdrop-filter:blur(12.8px);box-shadow:0 6.4px 22.4px #0d20171a}
.seller-mark{display:grid;place-items:center;flex:none;width:21.6px;height:21.6px;background:#f0e8d3;color:#494333;border-radius:50%;font-size:9.6px}
.xiaozhi-demo p{margin:0;line-height:1.7;font-weight:450;text-shadow:0 0.8px 4px #10221e30}
.assistant-step{margin:16px 0 14.4px 22.4px}
.assistant-identity{display:flex;align-items:center;gap:7.2px;margin:0 0 8px 2.4px;font-size:11.2px;font-weight:550}
.assistant-identity img{border-radius:50%;object-fit:cover;object-position:center 25%;border:0.8px solid #ffffff60;box-shadow:0 1.6px 9.6px #0a201d30}
.identity-dot{display:inline-block;margin-left:6.4px;width:4px;height:4px;border-radius:50%;background:#77efc1;vertical-align:middle}
.assistant-bubble{border:0.8px solid #bcf3db65;border-radius:19.2px;padding:15.2px 16.8px;background:linear-gradient(130deg,#d8efe32e,#dbe5e21f);backdrop-filter:blur(14.4px);-webkit-backdrop-filter:blur(14.4px);box-shadow:inset 0 0.8px 0 #f3fff329,0 0 16px #95e0bd16,0 9.6px 24px #0a201d20;min-height:82.4px}
.demo-input{display:flex;align-items:center;justify-content:space-between;gap:9.6px;width:calc(100% - 22.4px);margin-left:22.4px;padding:12px 16px;border-radius:32px;color:#f1f6f3;background:#c8ddd333;border:0.8px solid #f0fff31c;backdrop-filter:blur(11.2px);-webkit-backdrop-filter:blur(11.2px);font-size:10.4px;text-align:left;min-height:40px;transition:background .25s}
.demo-input svg{width:17.6px;height:17.6px;flex:none}
@media(hover:hover){.demo-input:hover,.motion-toggle:hover{background:#d4eee34a}}
.demo-input:active{background:#d4eee35a}
@media(min-width:560.8px) and (max-width:880px){.xiaozhi-demo{right:3%;top:38%;width:240px}.xiaozhi-demo p{font-size:11.2px}}
@media(max-width:560px){.xiaozhi-demo{position:relative;top:auto;right:auto;width:auto;margin:0 17.6px 35.2px;max-width:336px}.copy{padding-bottom:30.4px}.seller-bubble{background:#47615b77}.assistant-bubble{background:#3c575188}.demo-input{background:#49635d88}.demo-meta{font-size:8px}.assistant-bubble{min-height:72px}}
/* Larger, neutral glass conversation, aligned with the reference. */
.xiaozhi-demo{right:3.8%;top:29%;width:clamp(296px,29vw,392px);font-size:clamp(13.6px,1.25vw,17.6px)}
.seller-bubble{width:90%;padding:16px 18.4px;border:0;background:linear-gradient(120deg,#ebeeef55,#d6dadd33);border-radius:20.8px;backdrop-filter:blur(9.6px);-webkit-backdrop-filter:blur(9.6px)}
.seller-mark{width:25.6px;height:25.6px;font-size:10.4px}.xiaozhi-demo p{line-height:1.65;font-weight:400}
.assistant-step{margin:19.2px 0 17.6px 27.2px}.assistant-identity{font-size:13.6px;gap:8.8px;margin-bottom:10.4px}.assistant-identity img{width:34.4px;height:34.4px}
.assistant-bubble{min-height:100px;padding:16.8px 19.2px;border-radius:20.8px;border:0.8px solid #ead7e396;background:linear-gradient(130deg,#e6e3e344,#cbd0d32e);box-shadow:inset 0 0.8px 0.8px #fff5,0 0 15.2px #e7b6d52b,0 6.4px 24px #10151b15;backdrop-filter:blur(9.6px);-webkit-backdrop-filter:blur(9.6px)}
.demo-input{margin-left:27.2px;width:calc(100% - 27.2px);min-height:47.2px;padding:13.6px 18.4px;font-size:12.8px;border:0;background:#dce1e446;backdrop-filter:blur(9.6px);-webkit-backdrop-filter:blur(9.6px)}
.demo-meta{margin-bottom:16px}.demo-input:focus-visible{outline:1.6px solid #e2e9e6;outline-offset:3.2px}
.hero-interlude{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:2;opacity:0;pointer-events:none}
@media(min-width:560.8px) and (max-width:880px){.xiaozhi-demo{width:256px;right:2.5%;top:36%;font-size:12.8px}.xiaozhi-demo p{font-size:12.8px}.assistant-bubble{padding:14.4px}.demo-input{font-size:10.4px}}
@media(max-width:560px){.xiaozhi-demo{position:relative;top:auto;right:auto;width:auto;margin:0 17.6px 35.2px;font-size:13.6px}.assistant-step{margin-left:14.4px}.demo-input{margin-left:14.4px;width:calc(100% - 14.4px);font-size:11.2px}.assistant-bubble{min-height:100px;background:#64676b80}.seller-bubble{background:#73777a80}.hero-interlude{object-position:60% center}}
/* Video ends, photo fades in, holds for three seconds, then video resumes. */
.hero-interlude{transition:opacity .6s ease-in-out}
.xiaozhi-demo{transition:opacity .55s ease,transform .55s ease}
.xiaozhi-demo.scene-hidden{opacity:0;transform:translateY(-6.4px);pointer-events:none}
.work-bubble{display:grid;min-height:168.8px;padding:16px 18.4px}
.work-progress,.work-result{grid-area:1/1;transition:opacity .4s ease,transform .4s ease}
.work-progress{align-self:center;position:relative;padding-top:2.4px}
.work-indicator{display:block;font-size:19.2px;color:#e8dcf0;margin-bottom:9.6px}
.work-track{height:1.6px;border-radius:1.6px;background:#ffffff26;margin:15.2px 0 9.6px;overflow:hidden}.work-track span{display:block;height:100%;background:#dceee5;transform-origin:left;transition:transform .7s ease}
.work-detail{font-size:9.6px;color:#e1e7e5}
.work-result{opacity:0;transform:translateY(7.2px);pointer-events:none}
.result-status{font-size:10.4px;color:#cff3e1;margin-bottom:8px;display:flex;gap:5.6px;align-items:center}
.result-evidence{display:flex;align-items:center;justify-content:space-between;gap:9.6px;border-top:0.8px solid #ffffff25;margin-top:12.8px;padding-top:10.4px;font-size:10.4px;color:#f2f3f4}.result-evidence strong{font-size:19.2px;font-weight:600;letter-spacing:-.02em;white-space:nowrap}
.xiaozhi-demo .result-note{font-size:9.6px;line-height:1.6;color:#e1e7e5;margin-top:7.2px}
.work-bubble.is-complete .work-progress{opacity:0;transform:translateY(-5.6px)}
.work-bubble.is-complete .work-result{opacity:1;transform:translateY(0)}
@media(max-width:560px){.work-bubble{min-height:176px}.result-evidence strong{font-size:17.6px}}
/* Each second turn delivers a different kind of artifact. */
.result-evidence{display:block;margin-top:10.4px;padding-top:8px}
.evidence-row{display:flex;align-items:center;justify-content:space-between;gap:9.6px;padding:4px 0}
.evidence-row strong{font-size:16.8px}
.xiaozhi-demo[data-kind="answer"] .result-evidence,.xiaozhi-demo[data-kind="answer"] .result-note{display:none}
.xiaozhi-demo[data-kind="answer"] .work-bubble{min-height:125.6px}
.xiaozhi-demo[data-kind="summary"] .evidence-row,.xiaozhi-demo[data-kind="plan"] .evidence-row{justify-content:flex-start;gap:11.2px}
.xiaozhi-demo[data-kind="summary"] .evidence-row>span,.xiaozhi-demo[data-kind="plan"] .evidence-row>span{color:#c8e8da;font-size:9.6px;letter-spacing:.06em}
.xiaozhi-demo[data-kind="summary"] .evidence-row strong,.xiaozhi-demo[data-kind="plan"] .evidence-row strong{font-size:12px;font-weight:450;white-space:normal}
.xiaozhi-demo[data-kind="compare"] .evidence-row{border-bottom:0.8px solid #ffffff14}
.xiaozhi-demo[data-kind="plan"] .result-status{color:#f3dfb4}
/* Four messages remain visible together: seller, Xiaozhi, seller, Xiaozhi. */
.xiaozhi-demo{top:15%;font-size:clamp(12.8px,1.12vw,16px)}
.demo-meta{margin-bottom:11.2px}
.xiaozhi-demo .seller-bubble{padding:11.2px 15.2px;border-radius:17.6px}
.first-answer{margin:10.4px 0 12px 24px}
.first-answer .assistant-bubble{min-height:0;padding:11.2px 15.2px;border-radius:17.6px}
.xiaozhi-demo .assistant-identity{margin-bottom:5.6px;font-size:11.2px;gap:6.4px}
.xiaozhi-demo .assistant-identity img{width:24px;height:24px}
.xiaozhi-demo .assistant-step{margin:10.4px 0 11.2px 24px}
.xiaozhi-demo .work-bubble{min-height:148px;padding:12.8px 15.2px;border-radius:17.6px}
.xiaozhi-demo .demo-input{margin-left:24px;width:calc(100% - 24px);min-height:36px;padding:9.6px 15.2px;font-size:10.4px}
.xiaozhi-demo .result-evidence{margin-top:7.2px;padding-top:5.6px}
.xiaozhi-demo .result-status{margin-bottom:5.6px}
.xiaozhi-demo .result-note{margin-top:4.8px}
@media(max-width:880px) and (min-width:560.8px){.xiaozhi-demo{top:20%;width:264px}.xiaozhi-demo p{font-size:12px}}
@media(max-width:560px){.xiaozhi-demo{top:auto;margin-top:0;font-size:12.8px}.first-answer,.xiaozhi-demo .assistant-step{margin-left:12px}.xiaozhi-demo .demo-input{margin-left:12px;width:calc(100% - 12px)}}
/* Seller portrait uses the same photographic character as the hero. */
.seller-mark.seller-avatar{background-image:url('assets/merchant-interlude.png');background-size:148px auto;background-position:55% 33%;background-repeat:no-repeat;background-color:#525b59;border:0.8px solid #ffffff45;box-shadow:0 0.8px 4px #0002}

/* Soft lilac-pink edge light: only its opacity animates. */
.xiaozhi-demo .assistant-bubble{position:relative;isolation:isolate;border-color:rgba(236,205,230,.55);background:linear-gradient(130deg,rgba(222,218,229,.24),rgba(192,201,211,.16));box-shadow:inset 0 0.8px 0 rgba(255,245,255,.18),0 4.8px 19.2px rgba(19,20,30,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.xiaozhi-demo .assistant-bubble::before,.xiaozhi-demo .assistant-bubble::after{content:"";position:absolute;inset:-0.8px;border-radius:inherit;pointer-events:none;z-index:-1}
.xiaozhi-demo .assistant-bubble::before{border:0.8px solid rgba(238,203,232,.28);box-shadow:0 0 9.6px rgba(223,172,220,.13),inset 0 0 6.4px rgba(234,191,228,.07)}
.xiaozhi-demo .assistant-bubble::after{border:0.8px solid rgba(248,213,241,.8);box-shadow:0 0 8px rgba(238,182,228,.35),0 0 19.2px rgba(207,177,230,.19),inset 0 0 9.6px rgba(241,203,236,.1);opacity:.2}
@media(prefers-reduced-motion:reduce){.xiaozhi-demo .assistant-bubble::after{opacity:.2!important}}
.work-bubble::after{display:none}
.edge-light{position:absolute;inset:-0.8px;border-radius:inherit;pointer-events:none;z-index:-1;border:0.8px solid rgba(248,213,241,.8);box-shadow:0 0 8px rgba(238,182,228,.35),0 0 19.2px rgba(207,177,230,.19),inset 0 0 9.6px rgba(241,203,236,.1);opacity:.2}
@media(prefers-reduced-motion:reduce){.edge-light{opacity:.2!important}}
/* Stable translucent glass: no live-video backdrop sampling on the first reply. */
.xiaozhi-demo .first-answer .assistant-bubble{backdrop-filter:none;-webkit-backdrop-filter:none;background:radial-gradient(ellipse at 15% 0%,rgba(224,236,237,.18),transparent 75%),linear-gradient(125deg,rgba(123,142,148,.46),rgba(69,89,99,.34));border-color:rgba(236,215,233,.4);box-shadow:inset 0 0.8px 0 rgba(255,245,255,.13),0 0 9.6px rgba(219,180,215,.09),0 4px 14.4px rgba(14,25,31,.08);isolation:isolate}
.xiaozhi-demo .first-answer .assistant-bubble::before,.xiaozhi-demo .first-answer .assistant-bubble::after{display:none}
/* Reference-sized pill for the conversation entry. */
.xiaozhi-demo .demo-input{min-height:48px;padding:13.6px 18.4px;font-size:12.8px;font-weight:550;line-height:1.5;border-radius:799.2px;background:linear-gradient(120deg,rgba(213,223,229,.36),rgba(180,195,206,.32));border:0;box-shadow:inset 0 0.8px 0 rgba(255,255,255,.06);gap:14.4px}
.xiaozhi-demo .demo-input svg{width:20px;height:20px;stroke-width:1.5}
@media(max-width:560px){.xiaozhi-demo .demo-input{min-height:44.8px;padding:12px 16px;font-size:11.2px}.xiaozhi-demo .demo-input svg{width:19.2px;height:19.2px}}
.media-scene{position:absolute;inset:0;opacity:1;transition:opacity .7s ease}.desktop-scene{opacity:0}.hero[data-device="desktop"] .mobile-scene{opacity:0}.hero[data-device="desktop"] .desktop-scene{opacity:1}
.device-switch{position:absolute;bottom:19.2px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;padding:4px;border-radius:14.4px;border:0.8px solid #ffffff30;background:#16211edb;box-shadow:0 6.4px 24px #0003;gap:4px}
.device-switch button{display:flex;align-items:center;gap:8px;background:transparent;color:#e5ede9;border-radius:10.4px;padding:8.8px 15.2px;font-size:11.2px;white-space:nowrap;min-height:38.4px}.device-switch svg{width:17.6px;height:17.6px}.device-switch small{display:block;font-size:8.8px;color:#bac9c1;margin-top:2.4px;text-align:left}.device-switch button[aria-pressed="true"]:not(.scene-pause){background:#e8f4ed;color:#12291f}.device-switch button[aria-pressed="true"] small{color:#476052}.device-switch .scene-pause{font-size:9.6px;padding:8px}.desktop-demo{position:absolute;right:3.5%;top:19%;width:clamp(312px,32vw,428px);z-index:3;background:#f9f8fef2;color:#222435;border:0.8px solid #fff9;border-radius:16px;box-shadow:0 17.6px 52px #050b1440;opacity:0;transform:translateY(9.6px);transition:opacity .5s,transform .5s;pointer-events:none;overflow:hidden}.hero[data-device="desktop"] .desktop-demo{opacity:1;transform:none;pointer-events:auto}.hero[data-device="desktop"] .xiaozhi-demo{opacity:0;pointer-events:none}.desktop-demo.scene-hidden{opacity:0!important;pointer-events:none!important}
.workbench-head{display:flex;align-items:center;gap:7.2px;padding:13.6px 16px;border-bottom:0.8px solid #e4e0f2;background:#fff9}.workbench-head img{border-radius:50%}.workbench-head strong{font-size:12px}.workbench-head strong span{font-size:8.8px;color:#8261d0;font-weight:500;background:#eee8ff;padding:3.2px 5.6px;border-radius:8px;margin-left:4.8px}.workbench-head small{margin-left:auto;font-size:8px;color:#8a839a}.workbench-body{padding:14.4px 16px}.desktop-question{margin-left:28px;padding:8.8px 12px;background:#eee8fd;border-radius:11.2px 11.2px 3.2px 11.2px;font-size:11.2px;line-height:1.6}.desktop-reply{padding:12.8px 0}.desktop-author{font-size:9.6px;font-weight:650;color:#7853cb}.desktop-reply p{font-size:11.2px;line-height:1.7;margin:5.6px 0 8.8px}.diagnosis{display:flex;gap:8px}.diagnosis>span{flex:1;background:#fff;border:0.8px solid #e6e2ed;border-radius:8px;padding:8px;font-size:8.8px;color:#716d7e}.diagnosis b{display:block;margin-top:4px;font-size:14.4px;color:#373243}.desktop-result{margin-top:12px;font-size:10.4px;position:relative}.desktop-processing{position:absolute;top:24px;color:#81728f;transition:opacity .3s}.desktop-delivery{opacity:0;transform:translateY(5.6px);transition:opacity .4s,transform .4s;margin-top:7.2px}.desktop-result.complete .desktop-delivery{opacity:1;transform:none}.desktop-result.complete .desktop-processing{opacity:0}.task-line{display:flex;align-items:center;gap:8px;padding:7.2px 0;border-bottom:0.8px solid #e9e4ef}.task-line i{font-style:normal;font-size:8px;background:#eee7fb;color:#7853a6;border-radius:4px;padding:3.2px}.desktop-delivery small{display:block;margin-top:8px;color:#918997;font-size:8px}.workbench-composer{margin:0 16px 14.4px;padding:9.6px 11.2px;border:0.8px solid #e1d9ef;background:#fff;border-radius:10.4px;color:#a198b0;font-size:9.6px;display:flex;align-items:center;justify-content:space-between}.workbench-composer span{border-radius:50%;background:#8765df;color:#fff;padding:2.4px 5.6px}
@media(max-width:880px) and (min-width:560.8px){.desktop-demo{width:276px;right:2%;top:22%}.workbench-body{padding:11.2px}.desktop-question,.desktop-reply p{font-size:9.6px}.task-line{font-size:8.8px}.copy{padding-bottom:112px}}
@media(max-width:560px){.device-switch{position:relative;left:auto;bottom:auto;transform:none;margin:19.2px auto;width:max-content;max-width:calc(100% - 22.4px)}.device-switch button{padding:7.2px 8px;font-size:9.6px}.device-switch svg{width:14.4px}.desktop-demo{display:none;position:relative;top:auto;right:auto;width:auto;margin:0 16px 22.4px}.hero[data-device="desktop"] .desktop-demo{display:block}.hero[data-device="desktop"] .xiaozhi-demo{display:none}.workbench-body{padding:12.8px}.desktop-question,.desktop-reply p{font-size:10.4px}.task-line{font-size:9.6px}}
.desktop-scene::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(180deg,rgba(10,18,24,.35),transparent 96px)}
@media(max-width:560px){.desktop-scene .hero-photo,.desktop-scene .hero-interlude{object-position:46% center}}
/* Compact device selector: single-line labels and a quiet selected surface. */
.device-switch{bottom:25.6px;gap:3.2px;padding:4px;border-radius:799.2px;background:rgba(24,32,32,.82);border:0.8px solid rgba(235,245,239,.24);box-shadow:0 4.8px 17.6px rgba(0,10,7,.2),inset 0 0.8px 0 rgba(255,255,255,.06)}
.device-switch button{min-height:35.2px;min-width:88px;justify-content:center;gap:7.2px;padding:8px 15.2px;border-radius:799.2px;font-size:11.2px;font-weight:550;color:#d8e3de;transition:background .25s ease,color .25s ease,box-shadow .25s ease}
.device-switch svg{width:15.2px;height:15.2px;flex:none}
.device-switch button[aria-pressed="true"]:not(.scene-pause){background:#e5eee8;color:#173729;box-shadow:0 1.6px 5.6px #0002,inset 0 0.8px 0 #fff9}
@media(hover:hover){.device-switch button[aria-pressed="false"]:hover{background:#ffffff12;color:#f1f6f3}}
.device-switch button:focus-visible{outline:1.6px solid #a5e9c7;outline-offset:1.6px}
@media(max-width:560px){.device-switch{bottom:auto;margin:16px auto 22.4px;padding:4px;gap:3.2px}.device-switch button{min-height:35.2px;min-width:86.4px;padding:8px 14.4px;font-size:11.2px}.device-switch svg{width:15.2px;height:15.2px}}
/* Selected design: two independent glass buttons, no enclosing capsule. */
.device-switch{bottom:25.6px;gap:9.6px;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.device-switch button{min-height:35.2px;min-width:89.6px;padding:8px 15.2px;gap:7.2px;border:0.8px solid rgba(235,240,240,.25);border-radius:7.2px;background:linear-gradient(135deg,rgba(198,207,210,.17),rgba(138,151,158,.12));color:#b9c3c5;box-shadow:inset 0 0.8px 0 rgba(255,255,255,.05),0 2.4px 8px rgba(0,0,0,.08);font-size:11.2px;font-weight:500}
.device-switch button[aria-pressed="true"]:not(.scene-pause){background:linear-gradient(135deg,rgba(221,230,231,.22),rgba(160,174,182,.17));border-color:rgba(245,249,248,.8);color:#f4f7f6;box-shadow:inset 0 0.8px 0 rgba(255,255,255,.13),0 2.4px 9.6px rgba(0,0,0,.12)}
@media(hover:hover){.device-switch button[aria-pressed="false"]:hover{background:rgba(210,223,228,.23);border-color:rgba(245,249,248,.5);color:#eef3f1}}
@media(max-width:560px){.device-switch{bottom:auto;gap:9.6px;padding:0;margin:16px auto 22.4px}.device-switch button{min-width:89.6px;min-height:35.2px;border-radius:7.2px;padding:8px 15.2px}}
/* Stronger contrast against both moving desk backgrounds. */
.device-switch{gap:11.2px}
.device-switch button{min-width:102.4px;min-height:38.4px;padding:9.6px 16.8px;font-size:12px;font-weight:600;gap:8px;color:#e1e8e6;background:rgba(21,30,32,.87);border:0.8px solid rgba(226,239,233,.42);box-shadow:0 3.2px 12px rgba(0,0,0,.2),inset 0 0.8px 0 rgba(255,255,255,.07)}
.device-switch svg{width:16.8px;height:16.8px}
.device-switch button[aria-pressed="true"]:not(.scene-pause){color:#f3fff8;background:rgba(24,61,48,.94);border-color:#9be6bd;box-shadow:inset 0 0 0 0.8px rgba(155,230,189,.2),0 3.2px 12.8px rgba(0,0,0,.2)}
.device-switch button[aria-pressed="true"] svg{color:#b4f2ce}
@media(hover:hover){.device-switch button[aria-pressed="false"]:hover{background:rgba(42,55,56,.95);border-color:#dae9e2;color:#fff}}
@media(max-width:560px){.device-switch{gap:9.6px}.device-switch button{min-width:99.2px;min-height:38.4px;padding:9.6px 14.4px;font-size:12px}.device-switch svg{width:16.8px;height:16.8px}}
/* PC: one translucent report, with conclusion, evidence and actions. */
.desktop-demo{top:15%;width:clamp(336px,33vw,456px);border-radius:17.6px;background:linear-gradient(135deg,rgba(62,72,82,.68),rgba(34,45,57,.72));color:#f3f5f8;border:0.8px solid rgba(226,208,241,.43);box-shadow:inset 0 0.8px 0 #ffffff1c,0 9.6px 32px #08101b26;backdrop-filter:none;-webkit-backdrop-filter:none}
.workbench-head{background:none;border-bottom:0.8px solid #ffffff1c;padding:12.8px 17.6px}.workbench-head strong{font-weight:550}.workbench-head strong span{background:#cdb0ef18;color:#e4cef9}.workbench-head small{color:#d2d5df}.workbench-body{padding:13.6px 17.6px 16.8px}
.desktop-question{margin:0;background:#f0f3ff13;border:0.8px solid #ffffff15;border-radius:9.6px;padding:8.8px 10.4px;color:#f0f1f7;font-size:11.2px}
.desktop-author{color:#dbc5ef;font-size:8.8px;letter-spacing:.07em;font-weight:500}.desktop-reply{padding:13.6px 0 12px}.desktop-reply h2{font-size:16.8px;line-height:1.4;font-weight:550;margin:5.6px 0}.desktop-reply p{font-size:10.4px;color:#d4dae0;line-height:1.65;margin:0 0 10.4px}.diagnosis{gap:0}.diagnosis>span{border:0;border-right:0.8px solid #ffffff20;border-radius:0;padding:0 11.2px;background:none;color:#d4dae0;font-size:8.8px}.diagnosis>span:first-child{padding-left:0}.diagnosis>span:last-child{border:0;padding-right:0}.diagnosis b{font-size:18.4px;color:#f2f5f8;font-weight:550;margin-top:4.8px}.diagnosis em{font-size:8.8px;font-style:normal;color:#d4c5ed;font-weight:400;margin-left:3.2px}
.desktop-followup{border-top:0.8px solid #ffffff24;padding:11.2px 0 0}.analysis-row{display:grid;grid-template-columns:59.2px 1fr;gap:9.6px;margin-top:9.6px;align-items:start}.analysis-label{font-size:9.6px;color:#e9e2f3;padding-top:1.6px}.analysis-row p{font-size:10.4px;line-height:1.6;margin:0}.analysis-row small{display:block;font-size:8.8px;color:#bfc9d2;margin-top:2.4px}
.desktop-result{border-top:0.8px solid #ffffff24;padding-top:10.4px;margin-top:12px}.desktop-processing{top:32px;color:#d6c9e4}.task-line{padding:6.4px 0;border-color:#ffffff12;font-size:9.6px}.task-line i{background:#ddc3fc16;color:#ead8fb}.desktop-delivery small{color:#c8d2d7}.confirmation-dot{display:inline-block;width:4px;height:4px;background:#afe0c7;border-radius:50%;margin-right:4.8px}
@media(max-width:880px) and (min-width:560.8px){.desktop-demo{width:280px;top:16%;right:2%}.workbench-head{padding:10.4px 12.8px}.workbench-head small{font-size:7.2px}.workbench-body{padding:11.2px 12.8px}.desktop-reply h2{font-size:14.4px}.diagnosis b{font-size:16px}.analysis-row{grid-template-columns:49.6px 1fr;gap:6.4px}.analysis-row p{font-size:9.6px}}
@media(max-width:560px){.desktop-demo{top:auto;width:auto;margin:0 16px 22.4px}.workbench-head{padding:11.2px}.workbench-head strong span{font-size:8px}.workbench-head small{font-size:7.2px}.workbench-body{padding:12px}.desktop-reply h2{font-size:15.2px}.diagnosis>span{padding:0 8px}.diagnosis b{font-size:16.8px}.analysis-row{grid-template-columns:50.4px 1fr;gap:6.4px}.analysis-row p{font-size:9.6px}.task-line{font-size:9.6px}}
/* Identify the desktop seller question with the female scene portrait. */
.desktop-question{display:flex;align-items:center;gap:8.8px}
.desktop-question p{margin:0;line-height:1.65;flex:1;min-width:0}
.desktop-user-avatar{display:block;width:27.2px;height:27.2px;flex:0 0 27.2px;border-radius:50%;border:0.8px solid rgba(255,255,255,.4);background-color:#586164;background-image:url('assets/desktop-poster.png');background-repeat:no-repeat;background-size:148px auto;background-position:54% 25%;box-shadow:0 1.6px 5.6px #0002}

/* PC answer: evidence and actions grouped by issue. */
.desktop-demo{width:clamp(368px,35vw,480px);top:12%;max-height:80vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#b1bbc555 transparent}
.workbench-head{position:sticky;top:0;z-index:2;background:#35414bec}
.workbench-body{padding:14.4px 19.2px 17.6px}
.desktop-reply{padding:16px 0}
.desktop-reply h2{font-size:18.4px;margin:6.4px 0 8px}
.desktop-reply p{font-size:11.2px;line-height:1.8;color:#e0e5e8}
.desktop-author{font-size:9.6px;letter-spacing:0;color:#d7cbe5}
.diagnosis{margin-top:12.8px}.diagnosis>span{font-size:9.6px}.diagnosis b{font-size:20px}
.diagnosis em{display:block;margin:2.4px 0 0;font-size:8.8px;color:#c9d1d6}
.desktop-followup{padding:0;border-top:0}
.finding{padding:14.4px 0;border-top:0.8px solid #ffffff24}
.finding h3{margin:0 0 6.4px;font-size:12.8px;line-height:1.5;font-weight:600}
.finding>p,.finding-action p{margin:0;font-size:10.4px;line-height:1.85;color:#dfe5e9}
.finding-action{margin-top:8px;padding:8.8px 10.4px;background:#e3eaf20b;border-radius:8px}
.finding-action b{display:block;font-size:9.6px;font-weight:500;color:#d7c5e9;margin-bottom:3.2px}
.desktop-result{margin:0;padding-top:12.8px}
.report-next{font-size:10.4px;line-height:1.85;margin:0;color:#e6ebed}
.desktop-delivery small{font-size:8.8px;line-height:1.7}
@media(max-width:880px) and (min-width:560.8px){.desktop-demo{width:312px;right:2%;top:12%}.workbench-body{padding:12.8px}.desktop-reply h2{font-size:16px}}
@media(max-width:560px){.desktop-demo{width:auto;max-height:none;top:auto;overflow:visible}.workbench-head{position:static;border-radius:17.6px 17.6px 0 0}.workbench-body{padding:14.4px}.desktop-reply h2{font-size:16.8px}}

/* Place the reply author on the right, separate from the seller question. */
.desktop-reply{position:relative;padding-right:36.8px}
.desktop-answer-identity{position:absolute;right:0;top:16px;display:flex;flex-direction:column;align-items:center;gap:4px;width:28.8px;color:#edf3f2;font-size:8.8px;line-height:1.3}
.desktop-answer-identity img{display:block;width:27.2px;height:27.2px;object-fit:cover;border-radius:50%;border:0.8px solid #e8f3ee88;background:#dceae5}
.desktop-followup,.desktop-result{margin-right:36.8px}
@media(max-width:560px){.desktop-reply{padding-right:33.6px}.desktop-followup,.desktop-result{margin-right:33.6px}}

/* One connected answer surface, with Xiaozhi outside on the right. */
.desktop-answer-row{position:relative;margin-top:14.4px;padding-right:36.8px}
.desktop-answer-row>.desktop-answer-identity{top:1.6px}
.desktop-answer-box{padding:14.4px 13.6px;border:0.8px solid rgba(228,221,237,.42);border-radius:13.6px;background:linear-gradient(130deg,rgba(78,92,101,.62),rgba(42,55,66,.66));box-shadow:inset 0 0.8px 0 #ffffff12,0 4px 14.4px #10182014}
.desktop-answer-box .desktop-reply{padding:0 0 14.4px}
.desktop-answer-box .desktop-followup,.desktop-answer-box .desktop-result{margin-right:0}
.desktop-answer-box .desktop-reply h2{font-size:16.8px}
@media(max-width:560px){.desktop-answer-row{padding-right:32px}.desktop-answer-box{padding:12px 10.4px}.desktop-answer-box .desktop-reply h2{font-size:15.2px}}

/* Two purposeful turns; content appears in reading order. */
.desktop-conversation .pc-beat[hidden]{display:none!important}
.desktop-conversation .desktop-question{max-width:92%;margin-right:auto}
.desktop-conversation .desktop-answer-row{margin-left:14.4px}
.desktop-conversation .desktop-answer-box h2{font-size:16px;line-height:1.5;margin:6.4px 0 9.6px}
.desktop-conversation .desktop-answer-box p{font-size:11.2px;line-height:1.85;color:#e1e7eb;margin:0}
.desktop-conversation .desktop-answer-box strong{font-weight:600;color:#f4f6f8}
.pc-detail{padding-top:12.8px;margin-top:12.8px;border-top:0.8px solid #ffffff20}
.pc-detail h3{font-size:12px;line-height:1.6;margin:0 0 5.6px}
.pc-caveat{display:block;font-size:9.6px;line-height:1.8;color:#c7d1d9;margin-top:10.4px}
.pc-followup{margin-top:19.2px}
.desktop-demo{scroll-padding-top:64px}
@media(max-width:560px){.desktop-conversation .desktop-answer-row{margin-left:0}.desktop-conversation .desktop-answer-box p{font-size:10.4px}}

/* Reference treatment: neutral glass interior, soft pink-lilac outline only. */
.desktop-conversation .desktop-answer-box{
 border-color:rgba(232,198,225,.72);
 box-shadow:inset 0 0.8px 0 rgba(255,240,253,.13),0 0 8px rgba(224,175,215,.16),0 4px 14.4px rgba(20,25,33,.12);
}

/* User-selected handwritten wordmark, preserving the supplied artwork. */
.header .brand{flex:0 0 auto}
.brand-wordmark{display:block;width:clamp(153.6px,14.4vw,192.8px);height:auto;object-fit:contain;mix-blend-mode:normal}
@media(max-width:560px){.brand-wordmark{width:128px}}

/* Fine-tune logo position without shifting navigation. */
.header .brand{transform:translateX(-8px)}

/* Three distinct PC stories, sharing the approved conversation surface. */
.desktop-demo .workbench-head{display:flex;flex-wrap:wrap;gap:8px; background:rgba(47,59,69,.98)}
.workbench-head>small{margin-left:auto}
.pc-case-tabs{display:flex;gap:5.6px;flex-basis:100%;padding-top:1.6px}
.pc-case-tabs button{flex:1;min-height:27.2px;border-radius:6.4px;padding:5.6px 8px;background:transparent;border:0.8px solid #ffffff22;color:#d8dfe5;font-size:9.6px;transition:background .18s,border-color .18s}
.pc-case-tabs button[aria-pressed="true"]{background:#d5c4e923;border-color:#ddc3e888;color:#f5effa}
.pc-case-tabs button:hover{background:#ffffff14}
.pc-product{display:flex;align-items:center;gap:9.6px;padding:8px 0}
.pc-product img{width:41.6px;height:52px;object-fit:contain;background:#e4e9e81a;border-radius:6.4px;flex-shrink:0}
.pc-product strong{display:block;font-size:10.4px;line-height:1.5}
.pc-product span{display:block;color:#c7d1d9;font-size:8.8px;line-height:1.8}
.desktop-question>div{min-width:0}
.pc-submit-track{display:flex;gap:6.4px;margin:9.6px 0;flex-wrap:wrap}
.pc-submit-track span{font-size:8.8px;color:#d5e9df;border:0.8px solid #bddbd233;border-radius:4.8px;padding:4px 7.2px}
.pc-published{margin-bottom:9.6px}.pc-status{display:inline-block;background:#9be9ba18;color:#b9f0cd;border-radius:4px;padding:3.2px 6.4px;font-size:8.8px}
.pc-research-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7.2px;margin:8px 0 11.2px}
.pc-research-metrics>span{font-size:8px;line-height:1.6;color:#c9d3dd;border-right:0.8px solid #ffffff22}
.pc-research-metrics>span:last-child{border:0}
.pc-research-metrics strong{display:block;font-size:16px;font-weight:550;margin-top:4px}
.desktop-conversation>.pc-followup:first-child{margin-top:0}
@media(max-width:560px){.pc-case-tabs{gap:4px}.pc-case-tabs button{padding:6.4px 3.2px;min-height:32px}.pc-research-metrics{gap:4px}.pc-research-metrics strong{font-size:12.8px}}

/* Upload progress stays within the approved glass answer. */
.pc-upload [hidden]{display:none!important}
.pc-upload-loading{padding:13.6px 0 6.4px}
.pc-upload-star{display:block;color:#e5d3eb;font-size:18.4px;margin-bottom:12.8px}
.desktop-conversation .pc-upload-label{font-size:12.8px;line-height:1.6}
.pc-upload-meter{height:1.6px;background:#e0e8e426;border-radius:1.6px;margin:18.4px 0 9.6px;overflow:hidden}
.pc-upload-meter>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#d6e5df,#ead6eb);transform:scaleX(0);transform-origin:left center;will-change:transform}
.pc-upload-meta{display:flex;justify-content:space-between;gap:9.6px;font-size:8.8px;color:#d4dfdc;line-height:1.6}
.pc-upload-check{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#b7edcf1c;color:#c5f3dc;border:0.8px solid #b7edcf55;font-size:15.2px;margin:11.2px 0}
.pc-upload-success .pc-published{margin-top:9.6px}

/* Research subject and concise verdict. */
.pc-product-verdict{display:flex;align-items:center;gap:12px;margin:12px 0 12.8px}
.pc-product-verdict>img{width:67.2px;height:89.6px;object-fit:contain;flex:0 0 67.2px;padding:6.4px;background:rgba(231,237,234,.12);border:0.8px solid #ffffff25;border-radius:9.6px}
.pc-product-verdict>div{min-width:0}
.pc-verdict-label{display:block;color:#c1ead5;font-size:8.8px;line-height:1.6;margin-bottom:4.8px}
.pc-product-verdict strong{display:block;font-size:12px;margin-bottom:5.6px}
.desktop-conversation .pc-product-verdict p{font-size:9.6px;line-height:1.8}
.desktop-conversation .pc-verdict-reasons p{font-size:10.4px;margin-top:7.2px}
@media(max-width:560px){.pc-product-verdict{gap:8px}.pc-product-verdict>img{width:52px;height:75.2px;flex-basis:52px}}

/* Soft navigation scrim maintains contrast over the moving footage. */
.header{
 background:linear-gradient(180deg,rgba(7,12,12,.62) 0%,rgba(7,12,12,.38) 65%,rgba(7,12,12,0) 100%);
}
.header nav button,.header .login{
 color:#f7faf8;
 text-shadow:0 0.8px 3.2px rgba(0,0,0,.48);
}

/* Arrow-free navigation with a shared, smoothly moving selection surface. */
.header .smooth-nav{position:relative;isolation:isolate;gap:9.6px;padding:4px}
.header .smooth-nav button{position:relative;z-index:1;padding:8px 13.6px;border-radius:8px;transition:color .2s}
.nav-highlight{position:absolute;left:0;top:4px;height:calc(100% - 8px);width:0;border-radius:8px;background:rgba(224,235,230,.12);border:0.8px solid rgba(233,242,238,.22);box-shadow:inset 0 0.8px 0 #ffffff0c;pointer-events:none;opacity:0;transform:translateX(0);transition:transform .3s cubic-bezier(.22,.8,.25,1),width .3s cubic-bezier(.22,.8,.25,1),opacity .18s}
.smooth-nav button[aria-pressed="true"]{color:#c4f4df}
@media(max-width:800px){.header .smooth-nav{gap:3.2px}.header .smooth-nav button{padding:8px 9.6px}}
@media(max-width:560px){.header .smooth-nav{gap:0;padding:4px 0}.header .smooth-nav button{padding:8px 9.6px;min-height:32px}}
@media(prefers-reduced-motion:reduce){.nav-highlight,.header .smooth-nav button{transition:none}}

/* Give desktop navigation a more relaxed, even rhythm. */
.header .smooth-nav{gap:clamp(14.4px,2.1vw,28.8px)}
.header .smooth-nav button{padding:8.8px 14.4px}
@media(max-width:880px){.header .smooth-nav{gap:9.6px}.header .smooth-nav button{padding:8px 10.4px}}
@media(max-width:560px){.header .smooth-nav{gap:0;justify-content:space-between}.header .smooth-nav button{padding:8px 9.6px}}

/* One neutral login action, distinct from the green hero CTA. */
.account .account-login{background:#e9eeec;color:#172b23;border:0.8px solid rgba(255,255,255,.65);min-width:89.6px;box-shadow:0 2.4px 9.6px rgba(0,0,0,.12)}
.account .account-login:hover{background:#f5f8f6}
@media(max-width:560px){.account .account-login{min-width:70.4px}}

/* A light stationary caption above an independently scrolling conversation. */
.desktop-demo{overflow:hidden}
.desktop-demo .workbench-head{position:relative;top:auto;min-height:35.2px;padding:11.2px 18.4px 8px;border:0;background:linear-gradient(180deg,rgba(165,184,190,.06),transparent);box-shadow:none;gap:6.4px}
.desktop-demo .workbench-head strong{font-size:9.6px;font-weight:500;letter-spacing:.04em;color:#e1e8eb}
.desktop-demo .workbench-head small{font-size:7.2px;color:#bdc9cf}
.desktop-demo .desktop-conversation{max-height:calc(80vh - 38.4px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4d1d340 transparent;padding-top:14.4px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 12.8px);mask-image:linear-gradient(to bottom,transparent,black 12.8px)}
@media(max-width:560px){.desktop-demo .workbench-head{padding:11.2px 14.4px 6.4px}.desktop-demo .desktop-conversation{max-height:65svh}}

/* The promise stays unchanged; hierarchy emphasizes the AI team. */
.copy{position:relative;isolation:isolate}
.copy::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-12%;top:8%;width:96%;height:88%;background:radial-gradient(ellipse at 28% 48%,rgba(6,13,10,.34),rgba(6,13,10,.12) 48%,transparent 73%)}
.copy h1{line-height:1.2;letter-spacing:-.02em}
.headline-lead{display:block;font-size:.9em;font-weight:600;line-height:1.3;color:#eef2ef}
.headline-focus{display:block;margin-top:.2em;font-size:1em;font-weight:750;line-height:1.2;color:#fafcfb;letter-spacing:0}
.headline-ai{color:#53edb4}
@media(max-width:560px){.headline-focus{margin-top:.22em}.copy::before{left:-8%;width:108%;top:0;height:100%}}

/* Stronger headline hierarchy: quiet introduction, dominant AI team. */
.copy .headline-lead{font-size:.675em;font-weight:500;line-height:1.4;letter-spacing:.005em;color:#e2e9e5}
.copy .headline-focus{font-size:1.2em;font-weight:750;margin-top:.32em;line-height:1.16;letter-spacing:-.025em}
.copy h1{margin-bottom:30.4px}
.copy .description{max-width:344px;font-size:clamp(11.2px,1.05vw,14.4px);line-height:1.85;color:#c7d1cb}
@media(max-width:560px){.copy .headline-lead{font-size:.75em}.copy .headline-focus{font-size:1.13em;margin-top:.3em}.copy h1{margin-bottom:22.4px}.copy .description{max-width:264px;font-size:11.2px}}

/* Four compact capability labels replace the descriptive paragraph. */
.hero-features{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:14.4px 17.6px;margin:0;padding:0;max-width:464px}
.hero-features li{display:flex;align-items:center;gap:7.2px;color:#d4dcd7;font-size:11.2px;font-weight:550;line-height:1.4;white-space:nowrap}
.feature-icon{display:grid;place-items:center;flex:none;width:25.6px;height:25.6px;border-radius:8px;background:rgba(133,198,174,.12);color:#57dfbd;box-shadow:inset 0 0.8px 0 #d1fff10a}
.feature-icon svg{width:16.8px;height:16.8px}
@media(max-width:880px){.hero-features{max-width:376px;gap:12.8px}.hero-features li{font-size:10.4px;gap:5.6px}.feature-icon{width:23.2px;height:23.2px}}
@media(max-width:560px){.hero-features{display:grid;grid-template-columns:repeat(2,max-content);column-gap:22.4px;row-gap:12px}.hero-features li{font-size:11.2px}.feature-icon{width:24px;height:24px}}

/* Unified editorial headline: one continuous promise, not separate text blocks. */
.copy .eyebrow{font-size:clamp(10.4px,1vw,13.6px);font-weight:500;letter-spacing:.055em;color:#cbd8d1;margin-bottom:18.4px}
.copy h1{font-size:clamp(35.2px,3.55vw,54.4px);line-height:1.22;letter-spacing:-.025em;margin-bottom:24px}
.copy .headline-lead{font-size:1em;font-weight:700;line-height:1.24;letter-spacing:-.025em;color:#f0f4f1}
.copy .headline-focus{font-size:1.07em;font-weight:700;line-height:1.2;letter-spacing:-.025em;margin-top:.055em;color:#f0f4f1}
.copy .headline-ai{color:#69e8bd}
.copy .headline-team{color:#f3f5f4;font-weight:700}
@media(max-width:800px) and (min-width:560.8px){.copy h1{font-size:33.6px}}
@media(max-width:560px){.copy .eyebrow{font-size:10.4px;letter-spacing:.04em;margin-bottom:16px}.copy h1{font-size:clamp(24px,8.5vw,34.4px);margin-bottom:21.6px}.copy .headline-lead{font-size:1em}.copy .headline-focus{font-size:1.07em;margin-top:.055em}}

/* Lower the left hero group slightly and increase headline presence. */
.copy .eyebrow{display:flex;align-items:center;gap:13.6px;letter-spacing:0;font-size:18.4px;line-height:1.4}
.eyebrow-brand{display:inline-flex;align-items:center;justify-content:center;padding:3.2px 10.4px;border-radius:4.8px;background:#9befbe;color:#092218;font-family:Arial,Inter,sans-serif;font-size:22.4px;font-weight:700;line-height:1.15;letter-spacing:-0.4px;flex-shrink:0}
.eyebrow-description{color:#f1f5f2;font-weight:500;letter-spacing:.04em;white-space:nowrap;text-shadow:0 0.8px 2.4px rgba(0,0,0,.35)}
@media(max-width:560px){.copy .eyebrow{gap:10.4px;font-size:14.4px}.eyebrow-brand{font-size:19.2px;padding:3.2px 8.8px}}
@media(min-width:800.8px){
 .copy{padding-top:calc(clamp(72px,13.3vh,136px) + 32px)}
 .copy h1{font-size:clamp(38px,3.861vw,59.28px)}
}
@media(min-width:1280px){.copy{padding-top:calc(14vh + 32px)}}
@media(min-width:560.8px) and (max-width:800px){.copy{padding-top:calc(15vh + 28.8px)}.copy h1{font-size:35.72px}}
@media(max-width:560px){.copy{padding-top:calc(clamp(48px,11vh,88px) + 12.8px)}.copy h1{font-size:clamp(24.32px,8.55vw,34.96px)}}

/* Readable capability labels with consistent spacing. */
.hero-features{gap:14.4px 19.2px}
.hero-features li{font-size:12px;gap:7.2px}
@media(max-width:880px){.hero-features{gap:12.8px 19.2px}.hero-features li{font-size:11.2px}}
@media(max-width:560px){.hero-features{column-gap:22.4px;row-gap:12px}}

/* Enlarge the complete hero copy group without scaling or blurring text. */
@media(min-width:800.8px){
 .copy h1{font-size:clamp(43.2px,4.4vw,67.2px);margin-bottom:28px}
 .copy .eyebrow{font-size:20px;gap:15.2px;margin-bottom:21.6px}
 .eyebrow-brand{font-size:24.8px;padding:4px 11.2px}
 .hero-features{max-width:520px;gap:16px 20.8px}
 .hero-features li{font-size:13.6px;gap:8px}
 .feature-icon{width:28px;height:28px}
 .feature-icon svg{width:18.4px;height:18.4px}
 .copy .actions{margin-top:38.4px;gap:17.6px}
 .copy .actions .button{font-size:16px;min-height:51.2px;min-width:169.6px;padding:14.4px 24px}
}
@media(min-width:560.8px) and (max-width:800px){.copy h1{font-size:40px}.hero-features li{font-size:12.8px}.copy .actions .button{font-size:14.4px}}
@media(max-width:560px){.copy h1{font-size:clamp(25.6px,9.3vw,38.4px)}.copy .eyebrow{font-size:15.2px}.eyebrow-brand{font-size:20.8px}.hero-features li{font-size:12px}.copy .actions .button{font-size:12px;min-height:42.4px}}

/* Compact mint brand badge. */
.copy .eyebrow{font-size:16.8px;gap:11.2px}
.copy .eyebrow-brand{font-size:20.8px;padding:3.2px 8.8px}
@media(max-width:560px){.copy .eyebrow{font-size:13.6px;gap:8.8px}.copy .eyebrow-brand{font-size:17.6px;padding:2.4px 7.2px}}

/* Character-by-character reveal keeps the complete headline geometry. */
@media(prefers-reduced-motion:no-preference){
 #headline .type-char{animation:hero-type-char 50ms steps(1,start) var(--type-delay) both}
 #headline.typing-ready>.headline-focus{transform-origin:left center;animation:hero-type-emphasis 650ms ease-out var(--type-finish) both}
}
@keyframes hero-type-char{from{opacity:0}to{opacity:1}}
@keyframes hero-type-emphasis{0%{transform:scale(1)}45%{transform:scale(1.018)}100%{transform:scale(1)}}


/* Independent white demo canvas below the photographic hero. */
.product-showcase{background:#f6f8f7;color:#182c24;padding:72px 4% 80px;scroll-margin-top:0}
.showcase-inner{max-width:1056px;margin:auto}
.showcase-eyebrow{text-align:center;color:#54806b;font-size:11.2px;letter-spacing:.1em;margin:0 0 11.2px}
.product-showcase h2{text-align:center;font-size:clamp(22.4px,2.8vw,35.2px);font-weight:650;letter-spacing:-.035em;margin:0 0 28.8px}
.showcase-tabs{display:flex;justify-content:center;gap:6.4px;margin:0 auto 22.4px;width:fit-content;padding:4.8px;border:0.8px solid #dee6e1;border-radius:799.2px;background:#edf1ee}
.showcase-tabs button{position:relative;color:#627069;background:transparent;padding:10.4px 22.4px;border-radius:799.2px;font-size:12.8px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s}
.showcase-tabs button[aria-selected="true"]{background:#fff;color:#123d2a;box-shadow:0 1.6px 6.4px #18362612}
.showcase-tabs button:hover{color:#173e2a}
.showcase-stage{background:#fff;border:0.8px solid #e0e7e2;border-radius:19.2px;box-shadow:0 11.2px 40px #163c2106;overflow:hidden}
.showcase-stage [role="tabpanel"]{min-height:clamp(304px,38vw,480px);padding:20.8px 24px}
.showcase-stage [hidden]{display:none}
.panel-caption{font-size:10.4px;color:#7d8982;letter-spacing:.03em}
@media(prefers-reduced-motion:no-preference){.showcase-stage [role="tabpanel"]:not([hidden]){animation:showcase-reveal 220ms ease-out}}
@keyframes showcase-reveal{from{opacity:.25}to{opacity:1}}
@media(max-width:560px){.product-showcase{padding:48px 16px}.product-showcase h2{font-size:21.6px;margin-bottom:20.8px}.showcase-tabs{gap:1.6px;padding:3.2px;max-width:100%}.showcase-tabs button{font-size:11.2px;padding:9.6px 12.8px}.showcase-stage{border-radius:14.4px}.showcase-stage [role="tabpanel"]{padding:17.6px;min-height:336px}}

/* Subtle bottom-right scroll cue; device switch remains untouched. */
.hero-explore{position:absolute;right:3.8%;bottom:21.6px;z-index:5;display:flex;align-items:center;gap:9.6px;min-height:35.2px;padding:6.4px 0;color:#edf5f0;font-size:10.4px;font-weight:500;letter-spacing:.07em;text-shadow:0 0.8px 4px #07150ecc;opacity:.88;transition:opacity .25s}
.hero-explore svg{width:16px;height:22.4px;flex:none}
.hero-explore.is-dismissed{opacity:0;pointer-events:none;visibility:hidden}
@media(hover:hover){.hero-explore:hover{opacity:1;color:#aff3d4}}
@media(prefers-reduced-motion:no-preference){.hero-explore svg{animation:explore-nudge 3.2s ease-in-out infinite}}
@keyframes explore-nudge{0%,65%,100%{transform:translateY(0)}80%{transform:translateY(4px)}}
@media(max-width:560px){.hero-explore{right:17.6px;bottom:68.8px;font-size:9.6px}}



/* Downward cue stays within the existing outlined action. */
@media(prefers-reduced-motion:no-preference){.explore-demo-button svg{animation:demo-arrow-hint 3.6s ease-in-out infinite}}
@keyframes demo-arrow-hint{0%,65%,100%{transform:translateY(0)}80%{transform:translateY(3.2px)}}

/* Simple secondary action with one outline and a quiet directional cue. */
.copy .actions .explore-demo-button{padding:13.6px 21.6px;gap:15.2px;min-height:51.2px;background:rgba(10,28,20,.18);border:1.2px solid #b6efd2;box-shadow:0 0 0 2.4px rgba(158,237,197,.07),0 2.4px 12.8px rgba(113,222,168,.09),inset 0 0.8px 0 rgba(236,255,245,.12);transition:border-color .25s,background .25s,box-shadow .25s}
.copy .actions .explore-button-label{font-size:14.4px;line-height:1.4;font-weight:600}
.copy .actions .explore-button-icon{display:grid;place-items:center;width:17.6px;height:20.8px;flex:none;background:none;border:0;border-radius:0;color:#eff7f2}
.copy .actions .explore-button-icon svg{width:16.8px;height:19.2px}
@media(hover:hover){.copy .actions .explore-demo-button:hover{transform:none;background:rgba(100,194,146,.12);border-color:#d1ffe6;box-shadow:0 0 0 2.4px rgba(158,237,197,.12),0 3.2px 16px rgba(113,222,168,.14)}}
.copy .actions .explore-demo-button:active{transform:translateY(0.8px)}
@media(prefers-reduced-motion:no-preference){.explore-demo-button .explore-button-icon svg{animation:explore-button-nudge 3s ease-in-out infinite}}
@keyframes explore-button-nudge{0%,55%,100%{transform:translateY(0)}75%{transform:translateY(3.2px)}}
@media(max-width:560px){.copy .actions .explore-demo-button{min-height:42.4px;padding:10.4px 16px;gap:9.6px}.copy .actions .explore-button-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.copy .actions .explore-demo-button{transition:none}}

/* Selected double-chevron direction with a single clean outer border. */
.copy .actions .explore-demo-button{border:1.2px solid rgba(239,249,243,.9);background:rgba(12,23,17,.16);box-shadow:none;gap:17.6px;padding:12.8px 20px;min-height:51.2px}
.copy .actions .explore-button-label{font-size:14.4px;font-weight:500;letter-spacing:.025em}
.copy .actions .explore-button-icon{width:20px;height:22.4px;color:#edf8f1}
.copy .actions .explore-button-icon svg{width:19.2px;height:22.4px;animation:none}
@media(hover:hover){.copy .actions .explore-demo-button:hover{background:rgba(173,232,199,.09);border-color:#baf3d4;box-shadow:none}}
@media(prefers-reduced-motion:no-preference){.explore-demo-button .explore-button-icon path{animation:explore-chevron-flow 2.8s ease-in-out infinite}.explore-demo-button .explore-button-icon path:nth-child(2){animation-delay:.16s}}
@keyframes explore-chevron-flow{0%,45%,100%{transform:translateY(0);opacity:1}70%{transform:translateY(2.4px);opacity:.45}}
@media(max-width:560px){.copy .actions .explore-demo-button{padding:9.6px 14.4px;gap:9.6px;min-height:42.4px}.copy .actions .explore-button-label{font-size:12px}.copy .actions .explore-button-icon svg{width:16px;height:19.2px}}

/* Seller pain-point canvas: readable center, slow staggered horizontal streams. */
.seller-pains{position:relative;isolation:isolate;background:#090b0a;color:#f1f5f2;min-height:max(624px,100svh);height:100svh;max-height:none;overflow:hidden}
.pain-stream{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-around;padding:28.8px 0}
.pain-lane{width:100%;position:relative}
.pain-track{display:flex;width:max-content;animation:pain-drift var(--duration) linear var(--offset) infinite;will-change:transform}
.pain-group{display:flex;align-items:center;gap:48px;padding-right:48px;flex-shrink:0}
.pain-chip{display:block;white-space:nowrap;padding:13.6px 19.2px;border-radius:9.6px;border:0.8px solid #ffffff0b;background:#ffffff04;color:#c7cec9;font-size:clamp(13.6px,1.45vw,18.4px);font-weight:400;letter-spacing:.015em}
.lane-1 .pain-track,.lane-4 .pain-track{animation-direction:reverse}
.lane-1 .pain-chip,.lane-4 .pain-chip{background:transparent;border-color:transparent;color:#7b857e;font-size:clamp(12px,1.2vw,16px)}
.lane-2 .pain-chip,.lane-3 .pain-chip{color:#9ba69e}
.pain-center{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}
.pain-center:before{content:'';position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%);width:min(840px,95vw);height:352px;background:radial-gradient(ellipse,#090b0a 35%,rgba(9,11,10,.97) 48%,rgba(9,11,10,.65) 65%,transparent 76%)}
.pain-center p{font-size:11.2px;letter-spacing:.18em;color:#8d9d93;margin:0 0 19.2px}
.pain-center h2{font-size:clamp(30.4px,4.4vw,60.8px);font-weight:650;line-height:1.3;letter-spacing:-.035em;margin:0}
.pain-scene-note{position:absolute;bottom:17.6px;right:4%;color:#69736c;font-size:8.8px;letter-spacing:.06em}
.seller-pains.is-offscreen .pain-track{animation-play-state:paused}
@keyframes pain-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:560px){.seller-pains{min-height:max(520px,100svh);height:100svh}.pain-group{gap:24px;padding-right:24px}.pain-chip{font-size:12.8px;padding:10.4px 14.4px}.pain-center h2{font-size:clamp(27.2px,8vw,38.4px)}.pain-center:before{width:125vw;height:256px}.pain-center p{font-size:9.6px;margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.pain-track{animation:none;will-change:auto}.lane-1 .pain-track,.lane-3 .pain-track{transform:translateX(-144px)}}



/* Pain section refinement: readable voices, restrained white center question. */
.seller-pains{background:#101412}
.pain-chip{color:#dce3de;background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.085)}
.lane-1 .pain-chip,.lane-4 .pain-chip{color:#aebbb2}
.lane-2 .pain-chip,.lane-3 .pain-chip{color:#c7d2ca}
.pain-center h2{font-size:clamp(28.8px,3.85vw,52.8px);font-weight:600;line-height:1.32;color:#f1f5f2}
.pain-center p{color:#8e9e94;font-size:9.6px;letter-spacing:.12em;margin-bottom:15.2px}
.pain-center:before{width:min(704px,92vw);height:280px;background:radial-gradient(ellipse,#101412 28%,rgba(16,20,18,.94) 45%,rgba(16,20,18,.38) 66%,transparent 78%)}
@media(max-width:560px){.pain-center h2{font-size:clamp(25.6px,7.7vw,33.6px)}.pain-center:before{width:118vw;height:228px}.pain-center p{font-size:8.8px}}

/* Clip each moving row independently; static edge fades avoid a full-screen moving mask. */
.pain-lane{overflow:hidden;contain:layout paint}
.pain-track{backface-visibility:hidden}
.pain-stream:before,.pain-stream:after{content:'';position:absolute;z-index:1;top:0;bottom:0;width:7%;pointer-events:none}
.pain-stream:before{left:0;background:linear-gradient(90deg,#101412,transparent)}
.pain-stream:after{right:0;background:linear-gradient(270deg,#101412,transparent)}

/* Reference direction: green-black atmosphere, three surrounding message bands. */
.seller-pains{background:#030d0b;isolation:isolate}
.pain-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 55% 115%,#154d3e88,transparent 40%)}
.pain-arc{position:absolute;display:block;border-radius:50%;background:#030d0b;border-top:0.8px solid #8dfce1;box-shadow:0 -6.4px 22.4px #36e8b74d,0 -22.4px 60px #26c69730}
.arc-one{width:80%;height:85%;left:22%;top:-67%;transform:rotate(-32deg)}
.arc-two{width:62%;height:75%;left:-41%;top:55%;transform:rotate(-30deg)}
.arc-three{width:73%;height:70%;right:-47%;top:-9%;transform:rotate(146deg)}
.pain-stream{display:block;padding:0;z-index:1}
.pain-lane{position:absolute;left:0}
.pain-lane.lane-0{top:12%}.pain-lane.lane-1{top:23%}.pain-lane.lane-5{top:79%}
.pain-lane.lane-2,.pain-lane.lane-3,.pain-lane.lane-4{display:none}
.pain-group{gap:35.2px;padding-right:35.2px}
.pain-chip,.lane-1 .pain-chip{font-size:clamp(12.8px,1.2vw,16.8px);font-weight:500;padding:13.6px 20px;border-radius:799.2px;background:linear-gradient(180deg,#ffffff09,#ffffff03);border:0.8px solid #ffffff06;color:#e5eee9}
.lane-0 .pain-chip:nth-child(3n+1),.lane-5 .pain-chip:nth-child(3n+2){border-color:#02cc90;background:linear-gradient(110deg,#00b97d33,#003e2914);box-shadow:inset 0 0 16px #00cc7c15,0 0 14.4px #00c88515}
.pain-stream:before{background:linear-gradient(90deg,#030d0b,transparent)}
.pain-stream:after{background:linear-gradient(270deg,#030d0b,transparent)}
.pain-center{z-index:2;justify-content:flex-start;padding-top:35.5%;padding-top:35.5vh;inset:0;transform:none}
.pain-center:before{display:none}
.pain-center p{font-size:clamp(9.6px,1.05vw,14.4px);letter-spacing:.18em;color:#d4ddd8;margin:0 0 16px}
.pain-center h2{font-size:clamp(28.8px,3.65vw,51.2px);font-weight:700;line-height:1.25;letter-spacing:-.025em;color:#f1f5f3}
.pain-center h2 span{color:#00dfb0}
.pain-accent{display:block;width:51.2px;height:4px;border-radius:3.2px;background:#08e3b5;margin:22.4px 0 24px}
.pain-description{color:#bfcac4;font-size:clamp(12px,1.25vw,17.6px);line-height:1.6}
@media(max-width:560px){.seller-pains{min-height:max(576px,100svh)}.pain-lane.lane-0{top:9%}.pain-lane.lane-1{top:19%}.pain-lane.lane-5{top:83%}.pain-center{padding:0 16px;justify-content:center}.pain-center h2{font-size:clamp(22.4px,6.9vw,35.2px)}.pain-center p{font-size:8px;margin-bottom:14.4px}.pain-accent{margin:17.6px 0;width:38.4px;height:3.2px}.pain-description{font-size:10.4px;max-width:280px}.pain-chip,.lane-1 .pain-chip{font-size:12px;padding:11.2px 16px}.arc-two{left:-55%;width:85%}.arc-three{right:-60%;width:95%}}

/* Updated reference: four message bands and soft lateral crescents. */
.pain-lane.lane-0{top:6%}.pain-lane.lane-1{top:19%}.pain-lane.lane-4{display:block;top:72%}.pain-lane.lane-5{top:85%}
.lane-4 .pain-chip{font-size:clamp(12.8px,1.2vw,16.8px);font-weight:500;padding:13.6px 20px;border-radius:799.2px;background:linear-gradient(180deg,#ffffff09,#ffffff03);border:0.8px solid #ffffff06;color:#e5eee9}
.pain-chip,.lane-1 .pain-chip,.lane-4 .pain-chip{background:linear-gradient(180deg,rgba(210,239,221,.07),rgba(164,206,182,.018));box-shadow:inset 0 0.8px 0 rgba(225,250,237,.075),inset 0 -0.8px 0 rgba(225,250,237,.035)}
.lane-0 .pain-chip:nth-child(3n+1),.lane-5 .pain-chip:nth-child(3n+2){box-shadow:inset 0 0 16px #00cc7c15,0 0 14.4px #00c88515}
.pain-center{padding-top:32.5vh}
.pain-center p{font-family:Arial,sans-serif;font-size:12.8px;margin-bottom:14.4px}
.pain-center h2{font-size:clamp(28.8px,3.85vw,52.8px);line-height:1.22}
.pain-accent{margin:20px 0 19.2px}
.pain-description{font-size:clamp(12px,1.18vw,16px);line-height:1.55}
.pain-atmosphere{background:radial-gradient(ellipse at 30% 4%,#06413238,transparent 28%),#030d0b}
.pain-arc{border:0;box-shadow:none;background:none}
.arc-one{display:none}
.arc-two{width:520px;height:344px;left:-216px;top:57%;transform:rotate(-28deg);border-top:0.8px solid #5de3bb88;background:linear-gradient(180deg,#075b4140,transparent 25%);box-shadow:0 -12.8px 36px #0bc18f25;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 60%,transparent)}
.arc-three{width:704px;height:368px;right:-312px;top:0;transform:rotate(-25deg);border-bottom:0.8px solid #91fdd6aa;background:linear-gradient(0deg,#078f6550,transparent 30%);box-shadow:0 12.8px 40px #0bd69d33;mask-image:linear-gradient(90deg,transparent,#000 40%,#000 70%,transparent)}
@media(max-width:560px){.pain-lane.lane-0{top:5%}.pain-lane.lane-1{top:16%}.pain-lane.lane-4{top:76%}.pain-lane.lane-5{top:87%}.pain-center{padding:0 16px}.pain-center p{font-size:8px}.pain-center h2{font-size:clamp(22.4px,6.9vw,35.2px)}.pain-description{font-size:10.4px}.lane-4 .pain-chip{font-size:12px;padding:11.2px 16px}.arc-two{left:-376px}.arc-three{right:-544px}}
/* Local preview size editor; preserves the existing composition at 100%. */
.pain-size-content{display:flex;flex-direction:column;align-items:center;transform:scale(var(--copy-scale,1));transform-origin:center center;width:100%}
.pain-size-editor{position:absolute;z-index:5;right:19.2px;bottom:16px;width:208px;border:0.8px solid #88cdbd40;border-radius:11.2px;background:#11231feb;color:#eaf5ef;box-shadow:0 6.4px 24px #00150d55;font:10.4px/1.5 Arial,sans-serif;text-align:left}
.pain-size-editor summary{padding:9.6px 12.8px;cursor:pointer;list-style:none;font-weight:600}
.pain-size-editor summary:after{content:'−';float:right;color:#6eeac1}.pain-size-editor:not([open]) summary:after{content:'+'}
.pain-size-controls{padding:0 12.8px 9.6px}.pain-size-controls label{display:flex;justify-content:space-between;color:#b7cfc5}.pain-size-controls output{color:#7ce7c3;font-variant-numeric:tabular-nums}
.pain-size-controls input{width:100%;height:25.6px;margin:3.2px 0;accent-color:#62dfb5;cursor:ew-resize}
.pain-size-footer{display:flex;align-items:center;justify-content:space-between;font-size:8.8px;color:#a8beb4}.pain-size-footer button{border:0;background:none;color:#d7f5e9;padding:6.4px 0 6.4px 6.4px;cursor:pointer;font:inherit}
.pain-size-editor :focus-visible{outline:1.6px solid #82f1cb;outline-offset:2.4px}.pain-size-footer button:active{transform:translateY(0.8px)}
@media(hover:hover){.pain-size-editor summary:hover,.pain-size-footer button:hover{color:#70efbf}}
@media(max-width:560px){.pain-size-editor{right:9.6px;bottom:6.4px;width:184px}.pain-size-content{max-width:100%}}
/* Reference green light ribbons: static paint, separate from moving message rows. */
.pain-atmosphere{z-index:0;background:radial-gradient(ellipse at 71% 113%,rgba(21,155,112,.25),transparent 30%),#030d0b}
.pain-arc{border:0;box-shadow:none;background:none;mask-image:none;border-radius:50%}
.arc-one{display:block;width:80%;height:95%;left:22%;top:-79%;transform:rotate(-34deg);border-bottom:1.6px solid rgba(161,255,222,.8);background:linear-gradient(0deg,rgba(33,180,131,.22),transparent 18%);box-shadow:0 6.4px 12.8px rgba(70,255,185,.18),0 19.2px 52px rgba(19,217,147,.2);mask-image:linear-gradient(90deg,transparent 8%,#000 32%,#000 58%,transparent 76%)}
.arc-two{width:48%;height:51%;left:-19%;top:55%;transform:rotate(-30deg);border-top:1.6px solid rgba(173,255,226,.95);background:linear-gradient(180deg,rgba(19,140,99,.24),transparent 18%);box-shadow:0 -4px 9.6px rgba(105,255,203,.32),0 -17.6px 44px rgba(26,224,156,.24);mask-image:linear-gradient(90deg,transparent 12%,#000 38%,#000 59%,transparent 83%)}
.arc-three{width:60%;height:62%;right:-24%;top:-1%;transform:rotate(-32deg);border-bottom:1.6px solid rgba(166,255,223,.95);background:linear-gradient(0deg,rgba(16,171,119,.27),transparent 24%);box-shadow:0 4.8px 12px rgba(77,255,191,.3),0 19.2px 52px rgba(20,223,153,.24);mask-image:linear-gradient(90deg,transparent 8%,#000 36%,#000 65%,transparent 87%)}
@media(max-width:560px){.arc-one{width:130%;left:8%;top:-78%}.arc-two{width:100%;left:-75%;top:55%;opacity:.7}.arc-three{width:130%;right:-95%;top:0;opacity:.7}}
/* Soft luminous bands use one cached vector layer; no animated blur filters. */
.pain-atmosphere{background:url('assets/pain-green-ribbons.svg') center/100% 100% no-repeat,radial-gradient(ellipse at 71% 113%,rgba(21,155,112,.25),transparent 30%),#030d0b}
.pain-atmosphere .pain-arc{display:none}
.pain-atmosphere{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjcyIiBoZWlnaHQ9Ijk0MSIgdmlld0JveD0iMCAwIDE2NzIgOTQxIj48ZGVmcz4KPGZpbHRlciBpZD0id2lkZSIgeD0iLTEwMCUiIHk9Ii0xNTAlIiB3aWR0aD0iMzAwJSIgaGVpZ2h0PSI0MDAlIj48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyNCIvPjwvZmlsdGVyPjxmaWx0ZXIgaWQ9InNvZnQiIHg9Ii0xMDAlIiB5PSItMTUwJSIgd2lkdGg9IjMwMCUiIGhlaWdodD0iNDAwJSI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNyIvPjwvZmlsdGVyPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxpZ2h0Ij48c3RvcCBzdG9wLWNvbG9yPSIjMDBiODg3IiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9Ii40MiIgc3RvcC1jb2xvcj0iIzM4ZWRiNCIgc3RvcC1vcGFjaXR5PSIuNiIvPjxzdG9wIG9mZnNldD0iLjU2IiBzdG9wLWNvbG9yPSIjYzVmZmU4Ii8+PHN0b3Agb2Zmc2V0PSIuNzUiIHN0b3AtY29sb3I9IiMwZGFhN2UiIHN0b3Atb3BhY2l0eT0iLjM1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDA4YjY0IiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50Pgo8cGF0aCBpZD0ibGVmdCIgZD0iTS0xMzAgNzI1IFExODAgMzY4IDQ3MCA1MTAiLz48cGF0aCBpZD0icmlnaHQiIGQ9Ik0xMTkwIDU5NyBRMTQwMCA2NzYgMTgwMCAzMjciLz48cGF0aCBpZD0idG9wIiBkPSJNMzQ1IDE1MCBRNDUwIDI4IDY0MCAtNzAiLz4KPC9kZWZzPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNsaWdodCkiPjxnIHN0cm9rZS13aWR0aD0iODUiIG9wYWNpdHk9Ii41NSIgZmlsdGVyPSJ1cmwoI3dpZGUpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0yMCkiPjx1c2UgaHJlZj0iI2xlZnQiLz48dXNlIGhyZWY9IiNyaWdodCIvPjx1c2UgaHJlZj0iI3RvcCIvPjwvZz48ZyBzdHJva2Utd2lkdGg9IjE4IiBvcGFjaXR5PSIuNyIgZmlsdGVyPSJ1cmwoI3NvZnQpIj48dXNlIGhyZWY9IiNsZWZ0Ii8+PHVzZSBocmVmPSIjcmlnaHQiLz48dXNlIGhyZWY9IiN0b3AiLz48L2c+PGcgc3Ryb2tlLXdpZHRoPSIyIj48dXNlIGhyZWY9IiNsZWZ0Ii8+PHVzZSBocmVmPSIjcmlnaHQiLz48dXNlIGhyZWY9IiN0b3AiLz48L2c+PC9nPjwvc3ZnPg0K"),radial-gradient(ellipse at 71% 113%,rgba(21,155,112,.25),transparent 30%)}
/* Uniform seller-message pills, without green featured outlines. */
.lane-0 .pain-chip:nth-child(3n+1),.lane-5 .pain-chip:nth-child(3n+2){border-color:#ffffff06;background:linear-gradient(180deg,rgba(210,239,221,.07),rgba(164,206,182,.018));box-shadow:inset 0 0.8px 0 rgba(225,250,237,.075),inset 0 -0.8px 0 rgba(225,250,237,.035)}

/* Approved editorial study: two quiet rows, one headline, one light arc. */
.pain-atmosphere{background:#030d0b}
.pain-editorial-light{width:100%;height:100%;display:block;opacity:.85}
.pain-lane.lane-1,.pain-lane.lane-2,.pain-lane.lane-3,.pain-lane.lane-4{display:none}
.pain-lane.lane-0{top:6.5%}.pain-lane.lane-5{top:auto;bottom:6.5%}
.pain-center{padding:0 32px;justify-content:center}
.pain-center h2{font-size:clamp(35.2px,6.2vw,89.6px);font-weight:700;line-height:1.3;letter-spacing:-.035em;margin:0}
.pain-description{margin-top:32px;font-size:clamp(14.4px,2.15vw,28.8px);line-height:1.65;color:#aab5b0}
.pain-chip,.lane-0 .pain-chip,.lane-5 .pain-chip{font-size:clamp(13.6px,1.4vw,19.2px);padding:16px 24px}
.pain-size-editor{width:192px;bottom:9.6px;right:12.8px}
@media(max-width:560px){.pain-center{padding:0 14.4px}.pain-center h2{font-size:clamp(22.4px,7.4vw,40px);line-height:1.4;letter-spacing:-.04em}.pain-description{max-width:228px;margin-top:20.8px;font-size:12.8px;line-height:1.8}.pain-lane.lane-0{top:9%}.pain-lane.lane-5{top:auto;bottom:12%}.pain-chip,.lane-0 .pain-chip,.lane-5 .pain-chip{font-size:12px;padding:12px 17.6px}.pain-editorial-light{opacity:.45}.pain-size-editor{bottom:6.4px}}
@media(max-width:560px){.pain-description{text-wrap:balance;max-width:224px}}

/* Smaller central copy; preserve the surrounding message lanes. */
@media(min-width:560.8px){.pain-center h2{font-size:clamp(28.8px,4.3vw,60.8px);line-height:1.3}.pain-description{font-size:clamp(12.8px,1.5vw,19.2px);margin-top:20.8px}.pain-size-content{transform:none}.pain-chip,.lane-0 .pain-chip,.lane-5 .pain-chip{font-size:clamp(12px,1.12vw,15.2px);padding:12px 19.2px}.pain-group{gap:28px;padding-right:28px}}
/* First line stays centered; second line begins at that same left edge. */
.pain-center h2{width:max-content;max-width:100%;letter-spacing:.015em;line-height:1.45}
.pain-center h2 .pain-title-second{display:block;width:0;min-width:100%;white-space:nowrap;text-align:left;color:inherit}
/* Full-screen second section with natural document scrolling. */
.seller-pains{height:100svh;min-height:100svh;max-height:100svh}
@media(max-height:520px) and (min-width:560.8px){.pain-center h2{font-size:clamp(30.4px,9vh,56px)}.pain-description{margin-top:17.6px;font-size:clamp(12.8px,3vh,18.4px)}.pain-chip,.lane-0 .pain-chip,.lane-5 .pain-chip{padding:9.6px 19.2px;font-size:13.6px}}

/* Blend away the last strip of the hero during the natural section transition. */
html,body{background:#030d0b}
.hero{opacity:var(--hero-exit-opacity,1)}

/* Fade only the artwork into the shared section background, not the content. */
.pain-editorial-light{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 72%,transparent 100%)}

/* The next chapter opens with one centered statement below the demonstrations. */
.bossai-more{display:grid;place-items:center;min-height:336px;padding:102.4px 19.2px 121.6px;background:#030d0b;color:#edf2eb;text-align:center}
.bossai-more h2{margin:0;font-family:Inter,'PingFang SC','Microsoft YaHei',Arial,sans-serif;font-size:33.6px;font-weight:400;line-height:1.5;letter-spacing:.015em}
.bossai-more h2 span{display:inline-block}
@media(max-width:480px){.bossai-more{min-height:256px;padding:72px 16px 88px}.bossai-more h2{font-size:21.6px;line-height:1.7;letter-spacing:0}}

/* Global navigation stays above all chapters without shifting the hero layout. */
.site-header{position:fixed;inset:0 0 auto;z-index:1000;width:100%;border-bottom:0.8px solid transparent;background:linear-gradient(180deg,#030d0b38,transparent);transition:background .25s,border-color .25s,box-shadow .25s}
.site-header.is-scrolled{background:#030d0bed;border-bottom-color:#b7d6c226;box-shadow:0 4px 16px #0002;backdrop-filter:blur(9.6px);-webkit-backdrop-filter:blur(9.6px)}
.site-header-spacer{height:var(--site-header-height,68px);pointer-events:none}
html:has(.site-header){scroll-padding-top:calc(var(--site-header-height,68px) + 9.6px)}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}

/* No header seam over the opening image; the separator belongs to the scrolled state. */
.site-header:not(.is-scrolled){background:transparent;border-bottom-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header.is-scrolled{border-bottom-color:#b7d6c226}

/* Product navigation disclosure: five plain-language entries. */
.product-nav-item{position:relative;z-index:5;display:flex;align-items:center}
.product-nav-menu{position:absolute;left:0;top:calc(100% + 10.4px);width:352px;padding:8px;border:0.8px solid #a9d2b938;border-radius:14.4px;background:#091b14f7;box-shadow:0 14.4px 40px #0005;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s,transform .2s,visibility .18s;pointer-events:none}
.product-nav-item.is-open .product-nav-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.product-nav-menu:before{content:'';position:absolute;left:0;right:0;top:-12.8px;height:13.6px}
.header .smooth-nav .product-menu-link{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:13.6px 14.4px;margin:0;border:0;border-radius:8px;background:transparent;color:#e9f4ed;text-align:left;white-space:normal;text-shadow:none;cursor:pointer}
.product-menu-link>span{display:block}.product-menu-link strong{display:block;font-size:14.4px;line-height:1.5;font-weight:500;letter-spacing:0}.product-menu-link small{display:block;font-size:10.4px;line-height:1.7;font-weight:400;color:#8fae9a;margin-top:3.2px}.product-menu-link i{font-style:normal;color:#90caaa;font-size:16px;opacity:0;transition:opacity .15s}
.header .smooth-nav .product-menu-link:hover,.header .smooth-nav .product-menu-link:focus-visible{background:#91e8bc12;color:#a5efc6}.product-menu-link:hover i,.product-menu-link:focus-visible i{opacity:1}
@media(max-width:42.5em){.product-nav-item{position:static}.product-nav-menu{position:fixed;left:12.8px;right:12.8px;top:calc(var(--site-header-height,102.4px) + 6.4px);width:auto;max-height:calc(100svh - var(--site-header-height,102.4px) - 19.2px);overflow-y:auto;padding:6.4px;border-radius:11.2px}.header .smooth-nav .product-menu-link{padding:11.2px}.product-menu-link strong{font-size:12.8px}.product-menu-link small{font-size:9.6px}.product-menu-link i{opacity:.7}}
@media(prefers-reduced-motion:reduce){.product-nav-menu,.product-menu-link i{transition:none}}

/* Neutral black product menu, without green tint. */
.product-nav-menu{background:#101111fa;border-color:#ffffff26;box-shadow:0 14.4px 40px #0007}
.header .smooth-nav .product-menu-link{color:#f0f0f0}
.product-menu-link small{color:#a5aaa7}
.product-menu-link i{color:#d4d8d5}
.header .smooth-nav .product-menu-link:hover,.header .smooth-nav .product-menu-link:focus-visible{background:#ffffff0d;color:#fff}
.product-menu-link:focus-visible{outline-color:#cbd0cd}

/* Model catalog shares the neutral black navigation surface. */
.model-nav-menu{width:520px;padding:14.4px}
.model-menu-columns{display:grid;grid-template-columns:1fr 1fr;gap:9.6px}
.model-menu-group{min-width:0}.model-menu-group h3{font-size:9.6px;font-weight:400;letter-spacing:.04em;color:#808785;margin:0 0 8px;padding:0 11.2px}
.header .smooth-nav .model-menu-link{padding:9.6px 11.2px;min-height:56px}.model-menu-link strong{font-size:12.8px}.model-menu-link small{font-size:9.6px;color:#929a96;margin-top:2.4px}
.model-menu-note{border-top:0.8px solid #ffffff15;padding:10.4px 11.2px 0;margin:8px 0 0;font-size:8.8px;line-height:1.7;color:#777f7b}
.model-info-dialog{padding:25.6px;border:0.8px solid #ffffff29;border-radius:14.4px;background:#151817;color:#eef3ef;width:min(368px,calc(100vw - 25.6px));font-family:Inter,'Microsoft YaHei',sans-serif;box-shadow:0 16px 56px #0006}.model-info-dialog::backdrop{background:#0307068c;backdrop-filter:blur(3.2px)}.model-info-category{font-size:9.6px;color:#8d9991;margin:0 0 12px}.model-info-dialog h2{font-size:21.6px;font-weight:500;line-height:1.4;margin:0 0 11.2px}.model-info-description{font-size:12px;line-height:1.8;color:#c4d0c7;margin:0 0 17.6px}.model-info-dialog .model-info-status{font-size:9.6px;line-height:1.8;color:#85928a;margin:0 0 16px}.model-info-source{color:#c4d4c9;text-decoration:underline;text-underline-offset:3.2px;font-size:10.4px}.model-info-close{position:absolute;right:9.6px;top:8px;width:25.6px;height:25.6px;border:0;border-radius:50%;background:transparent;color:#b7c2ba;font:20px/1 Arial;cursor:pointer}
@media(max-width:42.5em){.model-nav-menu{width:auto;padding:10.4px}.model-menu-columns{gap:4px}.header .smooth-nav .model-menu-link{padding:8.8px 8px;min-height:57.6px}.model-menu-link strong{font-size:11.2px}.model-menu-link small{font-size:8.8px;line-height:1.6}.model-menu-group h3{padding-left:8px;font-size:8.8px}.model-menu-note{font-size:8px;padding-left:8px}}

@media(min-width:42.501em){.model-nav-menu{left:-96px}}

/* Compact PC conversation: conclusion first, optional supporting analysis. */
@media(min-width:43.751em){.desktop-demo{width:clamp(312px,31vw,424px);max-height:68vh}.desktop-demo .desktop-conversation{max-height:calc(68vh - 38.4px)}}
.desktop-demo .desktop-conversation{padding:11.2px 14.4px 14.4px}
.desktop-conversation .desktop-answer-box{padding:12px 12.8px}
.desktop-conversation .desktop-answer-box h2{font-size:15.2px;margin:4.8px 0 7.2px}
.desktop-conversation .desktop-answer-box p{font-size:10.4px;line-height:1.75}
.pc-answer-fold{margin-top:10.4px;border-top:0.8px solid #ffffff1c}
.pc-answer-fold summary{display:flex;align-items:center;justify-content:space-between;gap:9.6px;cursor:pointer;list-style:none;padding:9.6px 0 0;color:#e0d1ef;font-size:9.6px;line-height:1.5;user-select:none}
.pc-answer-fold summary::-webkit-details-marker{display:none}
.pc-answer-fold summary:focus-visible{outline:1.6px solid #d5c2e7;outline-offset:3.2px;border-radius:2.4px}
.pc-fold-close{display:none}.pc-answer-fold[open] .pc-fold-open{display:none}.pc-answer-fold[open] .pc-fold-close{display:inline}
.pc-fold-icon{font-size:14.4px;line-height:1;transition:transform .18s}.pc-answer-fold[open] .pc-fold-icon{transform:rotate(45deg)}
.pc-answer-fold .pc-detail{margin-top:9.6px;padding-top:9.6px}.pc-answer-fold .pc-detail h3{font-size:11.2px}
@media(prefers-reduced-motion:reduce){.pc-fold-icon{transition:none}}

.desktop-question p.is-pc-typing::after{content:'';display:inline-block;width:0.8px;height:1em;margin-left:2.4px;background:currentColor;vertical-align:-.12em;animation:pc-input-caret .7s step-end infinite}
@keyframes pc-input-caret{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.desktop-question p.is-pc-typing::after{animation:none}}

/* Product attachment inside the merchant message. */
.desktop-question:has(.pc-product){align-items:flex-start}
.desktop-question:has(.pc-product)>div{flex:1}
.desktop-question .pc-product{margin-top:9.6px;padding:9.6px;gap:9.6px;border:0.8px solid #ffffff1c;border-radius:9.6px;background:#17212b45;box-shadow:inset 0 0.8px 0 #ffffff06}
.desktop-question .pc-product img{width:38.4px;height:48px;padding:4px;background:#edf2eeeb;border-radius:6.4px}
.desktop-question .pc-product>div{min-width:0}
.desktop-question .pc-product strong{font-size:10.4px;line-height:1.55;font-weight:550;color:#f2f5f7;margin-bottom:2.4px}
.desktop-question .pc-product span{font-size:8.8px;line-height:1.65;color:#c5cfd5}
.desktop-question .pc-product .pc-attachment-meta{display:flex;align-items:center;gap:4px;font-size:8px;color:#9eafb9;margin-top:4.8px}
.desktop-question .pc-attachment-meta::before{content:'';width:6.4px;height:8px;border:0.8px solid currentColor;border-radius:1.6px;opacity:.8;flex:none}

/* BossAI task stage: one shared baseline, a live product preview and a readable conversation. */
.xz-stage{--xz-ink:#eaf0eb;--xz-muted:#87988d;--xz-accent:#91e8bc;background:#080c0a;color:var(--xz-ink);padding:70.4px 5vw 72px;overflow:hidden;font-family:Inter,'PingFang SC','Microsoft YaHei',Arial,sans-serif}
.xz-stage *{box-sizing:border-box}.xz-stage [hidden]{display:none!important}
.xz-stage-heading{max-width:1152px;margin:0 auto 46.4px;display:flex;justify-content:space-between;align-items:flex-end;gap:19.2px}
.xz-stage-heading h2{font-size:clamp(27.2px,3.7vw,48px);font-weight:600;letter-spacing:-.045em;line-height:1.25;margin:0}.xz-stage-heading h2 span{color:var(--xz-accent)}.xz-stage-heading>p{font-size:12px;color:var(--xz-muted);margin:0 0 8px}
.xz-stage-layout{max-width:1152px;margin:auto;display:grid;grid-template-columns:216px minmax(0,1fr);gap:43.2px;align-items:start}
.xz-presenter{padding-top:14.4px}.xz-capability{font-size:10.4px;letter-spacing:.03em;color:var(--xz-accent)}.xz-presenter h3{font-size:23.2px;font-weight:500;line-height:1.45;letter-spacing:-.025em;margin:15.2px 0 11.2px}.xz-presenter>p{font-size:11.2px;color:#9caaa1;line-height:1.9;margin:0}.xz-presenter>img{width:204px;max-width:100%;height:228px;object-fit:contain;object-position:bottom;display:block;margin:30.4px 0 0}.xz-presenter-caption{font-size:9.6px;color:#9caaa1;text-align:center;margin-top:14.4px}.xz-presenter-caption span{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--xz-accent);margin-right:5.6px}
.xz-demo-area{display:grid;grid-template-columns:minmax(192px,.85fr) minmax(288px,1.15fr);gap:19.2px;align-items:start;min-width:0}
.xz-product-scene{border:0.8px solid #28342c;background:#111a15;border-radius:14.4px;overflow:hidden;margin-top:0;min-width:0}.xz-scene-heading{display:flex;justify-content:space-between;align-items:center;padding:16px;font-size:10.4px;color:#d5e1d8}.xz-scene-state{font-size:8.8px;color:var(--xz-accent);background:#20392b;padding:3.2px 7.2px;border-radius:16px}
.xz-product-photo{background:#e5e9e1;margin:0 9.6px;border-radius:8px;height:192px;display:grid;place-items:center}.xz-product-photo img{height:164px;width:136px;object-fit:contain;filter:drop-shadow(8px 9.6px 8px #29423018)}.xz-product-info{padding:18.4px 16px 8px}.xz-platform{font-size:8.8px;color:#8fa296}.xz-product-info h4{font-size:16.8px;font-weight:550;letter-spacing:-.02em;line-height:1.5;margin:8px 0 9.6px}.xz-product-price{display:flex;justify-content:space-between;align-items:center;gap:6.4px;font-size:19.2px}.xz-product-price span{font-size:9.6px;color:#91a397}.xz-product-specs{display:flex;flex-wrap:wrap;gap:5.6px;margin:12.8px 0 17.6px}.xz-product-specs span{font-size:8.8px;color:#b4c8bb;background:#1c2b22;padding:4px 6.4px;border-radius:4px}.xz-product-checks{border-top:0.8px solid #2b382f;padding:8px 0}.xz-product-checks>div{display:flex;justify-content:space-between;gap:8px;font-size:9.6px;line-height:2.7;color:#90a396}.xz-product-checks b{font-weight:400;color:#c8dccf}.xz-stage[data-phase=prepare] .xz-product-checks b{opacity:.25}
.xz-window{background:#fbfcfa;color:#29392f;border:0.8px solid #dce6de;border-radius:14.4px;overflow:hidden;box-shadow:0 9.6px 28px #0003;min-width:0}.xz-window-bar{height:48.8px;padding:0 14.4px;border-bottom:0.8px solid #e4eae4;display:flex;justify-content:space-between;align-items:center}.xz-window-bar>div{display:flex;align-items:center;gap:7.2px}.xz-window-bar img,.xz-speaker img{width:21.6px;height:21.6px;border-radius:50%;object-fit:cover}.xz-window-bar strong{font-size:12px;font-weight:600}.xz-window-bar div>span{font-size:9.6px;color:#78867c;border-left:0.8px solid #d5ded7;padding-left:8px}.xz-demo-label{font-size:8px;color:#89968d}
.xz-conversation{padding:17.6px 14.4px;min-height:384px}.xz-user{display:flex;align-items:flex-start;gap:7.2px;font-size:11.2px;line-height:1.7}.xz-user>img{height:22.4px;width:22.4px;border-radius:50%;object-fit:cover;object-position:46% 30%;flex:none}.xz-user>div{background:#edf1ec;padding:9.6px 11.2px;border-radius:3.2px 10.4px 10.4px;min-width:0;flex:1}.xz-attachment{display:flex;gap:8px;align-items:center;background:#fbfcfa;border:0.8px solid #e6ebe4;border-radius:6.4px;padding:7.2px;margin-top:9.6px}.xz-attachment img{height:34.4px;width:25.6px;object-fit:contain;flex:none}.xz-attachment strong{display:block;font-size:9.6px;font-weight:550;line-height:1.5}.xz-attachment small{display:block;font-size:8px;color:#7b897f;margin-top:3.2px}
.xz-response{margin-top:20px}.xz-speaker{display:flex;gap:5.6px;align-items:center;justify-content:flex-end;font-size:9.6px;font-weight:600;margin-bottom:10.4px}.xz-speaker span{font-size:7.2px;color:#8a998f}.xz-result-intro{font-size:11.2px;line-height:1.7;margin:0 0 10.4px}.xz-answer-summary{background:#f1f6f1;border:0.8px solid #dfe8df;padding:12px 12.8px;border-radius:9.6px}.xz-answer-summary strong{font-size:10.4px;font-weight:600}.xz-answer-summary p{font-size:10.4px;line-height:1.85;color:#647669;margin:6.4px 0 0}.xz-ready{display:flex;flex-wrap:wrap;gap:8px;font-size:8px;color:#668471;margin-top:9.6px}
.xz-working{background:#f1f6f1;border:0.8px solid #dfe8df;padding:16px;border-radius:9.6px}.xz-working strong{font-size:11.2px}.xz-spark{color:#3d9a6d;margin-right:6.4px}.xz-working p{font-size:9.6px;color:#708176;line-height:1.7;margin:9.6px 0 16px}.xz-work-track,.xz-upload-track{height:2.4px;overflow:hidden;border-radius:4px;background:#dce8dd}.xz-work-track i{display:block;width:40%;height:100%;background:#4eac7b;animation:xz-loading 1.5s ease-in-out infinite alternate}@keyframes xz-loading{to{transform:translateX(150%)}}
.xz-publish,.xz-upload,.xz-success{margin-top:16px}.xz-confirm{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:#204d35;color:#f2faf4;border-radius:7.2px;padding:10.4px 12px;min-height:36px;font-size:10.4px;font-weight:500;cursor:pointer}.xz-upload>div:first-child{display:flex;justify-content:space-between;font-size:10.4px;margin-bottom:9.6px}.xz-upload p{font-size:8.8px;color:#738579}.xz-upload-track i{height:100%;display:block;width:0;background:#3c9e68;transition:width .15s linear}.xz-success{display:flex;align-items:center;gap:8px;padding:10.4px;border-radius:8px;background:#e8f4e9}.xz-success>span{display:grid;place-items:center;width:22.4px;height:22.4px;border-radius:50%;background:#367c4f;color:#f8fcf8}.xz-success strong{font-size:11.2px}.xz-success p{margin:4px 0 0;font-size:8.8px;color:#718776}
.xz-composer{display:flex;justify-content:space-between;align-items:center;border:0.8px solid #dce7dd;border-radius:8px;margin:0 11.2px 11.2px;padding:9.6px;color:#8b9b8f;font-size:8.8px}.xz-composer>span:last-child{display:grid;place-items:center;background:#e8efe8;border-radius:50%;width:20px;height:20px}.xz-demo-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12.8px;margin-top:-4.8px}.xz-steps{display:flex;gap:20px;font-size:9.6px;color:#7d9386}.xz-steps .active{color:#a2e3bb}.xz-replay{font-size:9.6px;padding:8px 0;color:#a3b9ab;background:none;border:0;cursor:pointer}.xz-stage button:focus-visible{outline:1.6px solid #72dca7;outline-offset:3.2px}@media(hover:hover){.xz-confirm:hover{background:#2c6044}.xz-replay:hover{color:#d5f2df}}.xz-confirm:active{transform:translateY(0.8px)}
@media(max-width:960px){.xz-stage-layout{grid-template-columns:168px minmax(0,1fr);gap:24px}.xz-demo-area{grid-template-columns:minmax(160px,.8fr) minmax(264px,1.2fr);gap:12.8px}.xz-presenter h3{font-size:20px}.xz-presenter>img{height:200px}.xz-product-photo{height:164px}.xz-product-photo img{height:140px}.xz-product-info{padding:15.2px 11.2px 8px}.xz-product-info h4{font-size:14.4px}.xz-product-price{font-size:17.6px}.xz-product-price span{font-size:8px}}
@media(max-width:760px){.xz-stage-heading{display:block;margin-bottom:28px}.xz-stage-heading>p{margin:12.8px 0 0}.xz-stage-layout{grid-template-columns:1fr;gap:24px}.xz-presenter{position:relative;min-height:152px;padding:0 144px 0 0}.xz-presenter>img{position:absolute;right:0;bottom:0;width:132px;height:144px;margin:0}.xz-presenter h3{margin:9.6px 0}.xz-presenter>p{font-size:10.4px}.xz-presenter-caption{display:none}.xz-demo-area{grid-template-columns:1fr 1.3fr}.xz-product-photo{height:192px}.xz-product-photo img{height:160px}}
@media(max-width:480px){.xz-stage{padding:46.4px 16px}.xz-stage-heading h2{font-size:24px}.xz-stage-heading>p{font-size:10.4px}.xz-presenter{padding-right:100px;min-height:144px}.xz-presenter>img{width:96px;height:124px}.xz-presenter h3{font-size:19.2px}.xz-presenter>p{font-size:8.8px}.xz-demo-area{grid-template-columns:1fr;gap:14.4px}.xz-product-scene{display:none}.xz-conversation{min-height:360px;padding:16px 12px}.xz-user{font-size:10.4px}.xz-user>div{padding:9.6px}.xz-steps{font-size:8px;gap:9.6px}.xz-replay{font-size:8.8px}.xz-demo-bottom{margin-top:0}}
@media(prefers-reduced-motion:reduce){.xz-work-track i{animation:none}.xz-upload-track i{transition:none}}
@media(max-width:480px){.xz-product-scene{display:block}.xz-product-photo{height:128px}.xz-product-photo img{height:112px}.xz-product-info{padding:12.8px}.xz-product-checks{display:none}.xz-product-specs{margin-bottom:0}}

/* Removed product preview and demo controls per selection. */
.xz-demo-area{display:block}.xz-window{max-width:520px;margin-left:auto}
/* Let the final section fully clear the preceding screen at the scroll limit. */
.xz-stage{min-height:100svh}

/* Continuous base color at the transition from the seller-pain scene. */
.xz-stage{background:#030d0b}
/* Fixed character framing: future video replaces the image inside this same slot. */
.xz-stage-heading{margin-bottom:32px}
.xz-stage-layout{grid-template-columns:352px minmax(0,520px);justify-content:space-between;gap:64px;align-items:center}
.xz-presenter{padding-top:0}
.xz-character-media{position:relative;width:240px;aspect-ratio:2/3;margin:19.2px 0 0;isolation:isolate}
.xz-character-media>img,.xz-character-media>video{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.xz-presenter-caption{width:240px;margin-top:6.4px}
@media(max-width:960px){.xz-stage-layout{grid-template-columns:256px minmax(0,520px);gap:38.4px}}
@media(max-width:760px){.xz-stage-layout{grid-template-columns:1fr;gap:28.8px}.xz-presenter{padding-right:160px;min-height:200px}.xz-character-media{position:absolute;right:0;bottom:0;width:128px;margin:0}.xz-window{margin:0 auto;max-width:520px}}
@media(max-width:480px){.xz-presenter{padding-right:116px;min-height:172px}.xz-character-media{width:108px}.xz-presenter h3{font-size:18.4px}.xz-stage-heading{margin-bottom:25.6px}}

/* Shared demonstration stage: character, output, and foreground conversation. */
.xz-stage{padding:57.6px 6vw 64px}
.xz-stage-heading,.xz-stage-layout{max-width:1440px}
.xz-stage-heading{margin-bottom:44.8px}
.xz-stage-heading h2{font-size:clamp(25.6px,3vw,38.4px)}
.xz-stage-layout{grid-template-columns:336px minmax(0,1fr);gap:60px;align-items:start}
.xz-presenter h3{font-size:25.6px;line-height:1.45;margin:14.4px 0}
.xz-presenter>p{font-size:12.8px}
.xz-character-media{width:336px;max-width:100%;aspect-ratio:2/3;margin-top:6.4px}
.xz-presenter-caption{display:none}
.xz-demo-area{position:relative;min-height:552px;padding-top:0;isolation:isolate}
.xz-window{position:relative;z-index:2;width:392px;max-width:100%;min-height:544px;margin:0 0 0 auto;display:flex;flex-direction:column;border-radius:20.8px;box-shadow:0 14.4px 40px #0005,0 1.6px 9.6px #d6ffe012}
.xz-window-bar{height:52.8px;flex-shrink:0;padding:0 17.6px}
.xz-window-bar strong{font-size:14.4px}.xz-window-bar div>span{font-size:11.2px}
.xz-conversation{padding:19.2px 16px;min-height:0;flex:1}
.xz-user{font-size:13.6px;line-height:1.65}.xz-user>img{width:24px;height:24px}
.xz-attachment strong{font-size:11.2px}.xz-attachment small{font-size:9.6px}
.xz-response{margin-top:22.4px}.xz-speaker{font-size:12px}
.xz-result-intro{font-size:13.6px}.xz-answer-summary strong{font-size:12px}.xz-answer-summary p{font-size:12px;line-height:1.7}
.xz-ready{font-size:9.6px;gap:8px}.xz-confirm{font-size:12.8px;min-height:38.4px}
.xz-composer{margin:0 12.8px 12.8px;padding:12px 13.6px;font-size:11.2px;min-height:44.8px}
.xz-output-scene{position:absolute;z-index:1;left:-24px;top:120px;display:flex;gap:14.4px;align-items:center;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 94%,transparent);padding:24px 28.8px}
.xz-source-sheet{width:184px;background:#e7ebe2;color:#263a30;padding:16px;border-radius:6.4px;transform:rotate(-4deg)}
.xz-sheet-label{font-size:10.4px;letter-spacing:.04em;display:flex;justify-content:space-between;align-items:center}
.xz-source-photo{height:176px;display:grid;place-items:center}.xz-source-photo img{width:96px;height:148px;object-fit:contain}
.xz-source-details{display:flex;flex-direction:column;gap:6.4px;font-size:11.2px}.xz-source-details b{font-size:15.2px;font-weight:500}
.xz-generated-sheet{width:232px;padding:20px;background:#163027;color:#e4ede6;border:0.8px solid #bed7c51c;border-radius:7.2px;transform:rotate(3deg);transition:opacity .5s,transform .5s}
.xz-generated-sheet h4{font-size:20px;line-height:1.4;margin:20px 0 12px;font-weight:500}.xz-generated-sheet p{font-size:12.8px;line-height:1.7;color:#a9bfb2;margin:0}
.xz-sheet-rule{height:0.8px;background:#c6e6d023;margin:18.4px 0}.xz-generated-sheet dl{margin:12px 0 16px}.xz-generated-sheet dl div{display:flex;justify-content:space-between;font-size:11.2px;padding:5.6px 0}.xz-generated-sheet dt{color:#a9bfb2}.xz-generated-sheet dd{margin:0}.xz-generated-sheet small{font-size:9.6px;color:#96cfad}.xz-generated-sheet i{font-style:normal;color:#8de1ae}
.xz-stage[data-phase=prepare] .xz-generated-sheet{opacity:.3;transform:translateY(9.6px) rotate(3deg)}
@media(max-width:960px){.xz-stage-layout{grid-template-columns:240px minmax(0,1fr);gap:28px}.xz-character-media{width:240px}.xz-output-scene{left:-16px;transform:scale(.8);transform-origin:left center}.xz-window{width:352px}.xz-presenter h3{font-size:22.4px}}
@media(max-width:760px){.xz-stage-layout{grid-template-columns:1fr}.xz-presenter{padding-right:160px;min-height:192px}.xz-character-media{position:absolute;right:0;bottom:0;width:128px;margin:0}.xz-demo-area{width:100%;max-width:608px;margin:auto}.xz-window{width:392px}.xz-output-scene{left:-28px}}
@media(max-width:480px){.xz-stage{padding:43.2px 16px}.xz-stage-heading{margin-bottom:24px}.xz-stage-heading h2{font-size:23.2px}.xz-presenter{padding-right:104px;min-height:168px}.xz-presenter h3{font-size:18.4px}.xz-presenter>p{font-size:9.6px}.xz-character-media{width:108px}.xz-output-scene{display:none}.xz-demo-area{min-height:0}.xz-window{width:100%;min-height:496px;border-radius:16px}.xz-user,.xz-result-intro{font-size:12px}.xz-answer-summary p{font-size:11.2px}}
@media(prefers-reduced-motion:reduce){.xz-generated-sheet{transition:none}}

@media(min-width:960.8px){.xz-output-scene{transform:scale(1.32);transform-origin:left center}.xz-window{margin-right:32px}}
/* Role label + one capability sentence, matching the reference's copy hierarchy. */
.xz-capability{font-size:17.6px;letter-spacing:0;color:#aebcb5}
.xz-capability>span{color:#91e8bc;margin-left:7.2px}
.xz-presenter h3{font-weight:400;letter-spacing:0;margin:16px 0 0;line-height:1.4}
.xz-character-media{margin-top:35.2px}
@media(max-width:760px){.xz-character-media{margin-top:0}.xz-capability{font-size:14.4px}}
/* Section title belongs to the whole demonstration, not the left-hand role. */
.xz-stage-heading{justify-content:center;text-align:center;margin-bottom:96px}
@media(max-width:480px){.xz-stage-heading{margin-bottom:32px}}

/* Quiet conversation, image-led output: no repeated summary boxes. */
.xz-output-scene{top:88px;left:0;right:auto;width:680px;display:block;padding:0;transform:none;mask-image:linear-gradient(90deg,transparent,#000 4%,#000);pointer-events:none}
.xz-product-canvas{overflow:hidden;border-radius:14.4px;background:#e9eee5;color:#20392b;border:0.8px solid #dce8da26}
.xz-canvas-top{display:flex;justify-content:space-between;padding:14.4px 20.8px;font-size:10.4px;letter-spacing:.04em;background:#dce5d8}
.xz-canvas-photo{height:324px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 45% 48%,#f8faf4,#d3decd)}
.xz-canvas-photo img{position:relative;width:168px;height:264px;object-fit:contain;filter:drop-shadow(12px 16px 12px #1b382d25)}
.xz-canvas-word{position:absolute;left:28px;top:28px;font:500 30.4px/1.08 Arial,sans-serif;letter-spacing:-.03em;color:#99ad983f}
.xz-canvas-caption{display:flex;justify-content:space-between;align-items:center;padding:20.8px 25.6px;gap:16px;max-width:472px}.xz-canvas-caption h4{font-size:18.4px;font-weight:500;margin:0 0 7.2px}.xz-canvas-caption span{font-size:12px;color:#6d7f6f}.xz-canvas-caption b{font-size:18.4px;font-weight:500}
.xz-window{background:#fdfefd;box-shadow:0 12.8px 36px #0004,0 1.6px 6.4px #d9f3df18}
.xz-window-bar{border-bottom:0;height:60.8px;padding:0 18.4px}.xz-window-bar strong{font-size:15.2px;font-weight:500}.xz-demo-label{font-size:8.8px;color:#9ba59d}
.xz-conversation{padding:4.8px 18.4px 19.2px}.xz-user{display:block;font-size:14.4px;color:#303934}.xz-user>div{padding:12.8px 14.4px;background:#f2f4f1;border-radius:9.6px}
.xz-attachment{border:0;background:none;padding:0;margin-top:9.6px;gap:8px;font-size:10.4px;color:#708075}.xz-attachment img{width:20.8px;height:28.8px}.xz-attachment small{font-size:9.6px;margin-top:1.6px}
.xz-response{margin-top:19.2px}.xz-result-intro{font-size:14.4px;line-height:1.6;margin:0;color:#303934}
.xz-working{padding:0;background:none;border:0;border-radius:0}.xz-working strong{font-size:13.6px;font-weight:400}.xz-work-track{margin-top:14.4px;height:1.6px;max-width:120px}
.xz-publish{margin-top:16px}.xz-confirm{justify-content:flex-start;gap:10.4px;padding:12.8px 13.6px;border:0.8px solid #e9ede7;background:transparent;color:#303934;border-radius:9.6px;font-size:13.6px;font-weight:400;min-height:45.6px}.xz-confirm>span:last-child{margin-left:auto;font-size:20px;color:#a0aaa3}.xz-action-symbol{color:#6bb592;font-size:18.4px}
@media(hover:hover){.xz-confirm:hover{background:#f0f6f0;border-color:#bed9c7}}
.xz-composer{display:block;min-height:89.6px;border:0.8px solid #c6e6d3;border-radius:13.6px;padding:13.6px 14.4px;margin:0 12px 12px;background:#fff;box-shadow:-2.4px 0 9.6px #e8c7d52b,2.4px 0 9.6px #b9e4d24d;color:#808b83;font-size:12.8px}
.xz-composer-tools{display:flex;gap:12px;align-items:center;margin-top:15.2px}.xz-composer-tools img{width:20px;height:20px;border-radius:50%;margin-right:auto}.xz-composer-tools>span{font-size:18.4px;color:#6a776e}.xz-composer-tools .xz-send-symbol{display:grid;place-items:center;border-radius:50%;background:#245a40;color:#fff;width:23.2px;height:23.2px;font-size:16px}
@media(min-width:960.8px){.xz-output-scene{transform:none}}
@media(max-width:960px){.xz-output-scene{width:520px;left:0;transform:none}.xz-canvas-photo{height:280px}}
@media(max-width:760px){.xz-output-scene{left:-16px;width:456px}}
@media(max-width:480px){.xz-output-scene{display:none}.xz-user,.xz-result-intro{font-size:12.8px}.xz-confirm{font-size:12.8px}.xz-composer{font-size:12px}}

/* Reference refinement: neutral paper, readable type and a quiet pastel composer. */
.xz-window{background:#fff;border:0.8px solid #ffffffb3;color:#303030;box-shadow:0 14.4px 35.2px #0003,0 3.2px 9.6px #ffffff12;font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;letter-spacing:0;text-shadow:none}
.xz-window-bar{height:67.2px;padding:0 17.6px}
.xz-window-bar strong{font-size:16px;font-weight:400;color:#303030}
.xz-demo-label{font-size:9.6px;color:#999}
.xz-conversation{padding:0 17.6px 20.8px}
.xz-user{font-size:16px;line-height:1.55;color:#333}
.xz-user>div{background:#f7f7f7;padding:12.8px 14.4px;border-radius:11.2px}
.xz-attachment{font-size:12px;color:#777}
.xz-attachment small{font-size:11.2px;color:#929292}
.xz-result-intro{font-size:16px;line-height:1.6;color:#333;font-weight:400}
.xz-working strong{font-size:15.2px;color:#555}
.xz-confirm{font-size:15.2px;color:#444;border-color:#f0f0f0;min-height:49.6px;border-radius:11.2px}
.xz-action-symbol{color:#a98add}
.xz-confirm>span:last-child{color:#bdbdbd}
.xz-composer{min-height:104px;margin:0 12.8px 14.4px;padding:14.4px 13.6px 10.4px;border:1.2px solid transparent;border-radius:14.4px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#ffdfc8,#efd0ff 52%,#b8dcff) border-box;box-shadow:-3.2px 0 12px #ffd4b929,0 3.2px 12.8px #d9bcf43d,3.2px 0 12px #acd4ff33;color:#949494;font-size:16px;line-height:1.5}
.xz-composer-prompt{display:block;min-height:28.8px}
.xz-composer-tools{margin-top:16px;gap:12.8px}
.xz-composer-tools img{width:21.6px;height:21.6px}
.xz-composer-tools>span{color:#555}
.xz-composer-tools .xz-send-symbol{width:25.6px;height:25.6px;background:#8650f6;color:#fff;font-size:17.6px}
@media(hover:hover){.xz-confirm:hover{background:#f8f7fa;border-color:#e6dff0}}
@media(max-width:480px){.xz-window-bar strong{font-size:13.6px}.xz-window-bar{height:56px}.xz-user,.xz-result-intro,.xz-confirm,.xz-composer{font-size:12.8px}.xz-attachment{font-size:10.4px}.xz-attachment small{font-size:9.6px}.xz-composer{min-height:89.6px}}
/* Composer: remove redundant avatar and balance the action row. */
.xz-composer{padding:14.4px 14.4px 11.2px;min-height:96px;border-radius:14.4px;box-shadow:0 2.4px 11.2px #c7b4e528}
.xz-composer-tools{justify-content:flex-end;gap:8px;margin-top:11.2px}
.xz-composer-tools .xz-add-symbol{display:grid;place-items:center;width:25.6px;height:25.6px;font-size:19.2px;font-weight:400;color:#666}
.xz-composer-tools .xz-send-symbol{width:27.2px;height:27.2px;font-size:18.4px;box-shadow:0 1.6px 4px #7540cb1a}
/* Optical alignment: real line icons, restrained color and compact controls. */
.xz-composer{min-height:97.6px;padding:13.6px 13.6px 9.6px;border-width:0.8px;border-radius:14.4px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(115deg,#ffe8d4,#efd9fb 54%,#c9e1ff) border-box;box-shadow:-2.4px 0.8px 9.6px #ffd7ba20,0 3.2px 10.4px #d7b8ed25,2.4px 0.8px 8px #b6d4ff20}
.xz-composer-prompt{font-weight:400;color:#999;line-height:1.55;min-height:30.4px}
.xz-composer-tools{gap:8px;margin-top:11.2px;height:25.6px;align-items:center}
.xz-composer-tools .xz-add-symbol{width:22.4px;height:24px;color:#505050}
.xz-composer-tools .xz-send-symbol{width:24px;height:24px;background:linear-gradient(145deg,#af88ff,#8650f6);box-shadow:inset 0 0.8px 0 #ffffff38;color:#fff}
.xz-composer-tools svg{display:block;width:16.8px;height:16.8px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.xz-composer-tools .xz-send-symbol svg{width:16px;height:16px}
/* The request starts in the composer; the output follows the assistant response. */
.xz-composer-prompt{min-height:49.6px}
.xz-stage .xz-send-symbol{opacity:.4;transition:opacity .2s,background .2s}
.xz-stage.xz-has-draft .xz-send-symbol{opacity:1}
.xz-has-draft .xz-composer-prompt{color:#333}
.xz-stage[data-phase=compose] .xz-output-scene,.xz-stage[data-phase=sent] .xz-output-scene,.xz-stage[data-phase=prepare] .xz-output-scene{opacity:0;transform:translateY(9.6px);visibility:hidden}
.xz-output-scene{transition:opacity .55s,transform .55s,visibility .55s}
.xz-stage[data-phase=sent] .xz-user,.xz-stage[data-phase=prepare] .xz-response,.xz-stage[data-phase=ready] .xz-result{animation:xz-message-in .35s ease-out both}
@keyframes xz-message-in{from{opacity:0;transform:translateY(4.8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.xz-output-scene,.xz-stage .xz-send-symbol{transition:none}.xz-stage .xz-user,.xz-stage .xz-response,.xz-stage .xz-result{animation:none}}
/* Reviewable assistant output: actual listing content before confirmation. */
.xz-listing-result{margin-top:13.6px;border:0.8px solid #e8e9e7;border-radius:11.2px;padding:13.6px;background:#fff}
.xz-listing-heading{display:flex;gap:12px;align-items:center}.xz-listing-heading>img{width:46.4px;height:56px;object-fit:contain;background:#f5f6f3;border-radius:7.2px;padding:4.8px}.xz-listing-heading>div{min-width:0}
.xz-listing-platform{font-size:10.4px;color:#898989}.xz-listing-heading h4{font-size:14.4px;line-height:1.5;font-weight:500;color:#303030;margin:4px 0}.xz-listing-heading p{font-size:11.2px;color:#858585;margin:0}
.xz-listing-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9.6px;margin:14.4px 0;padding:12px 0;border-top:0.8px solid #eee;border-bottom:0.8px solid #eee}.xz-listing-facts span{display:block;font-size:10.4px;color:#898989;margin-bottom:4.8px}.xz-listing-facts strong{font-size:13.6px;color:#333;font-weight:500}
.xz-listing-copy>span{font-size:10.4px;color:#888}.xz-listing-copy p{font-size:12.8px;line-height:1.7;margin:5.6px 0;color:#555}.xz-listing-note{font-size:10.4px;line-height:1.5;color:#8b7354;margin:10.4px 0 0}
.xz-window .xz-result-intro{font-size:14.4px;line-height:1.65}.xz-window .xz-publish{margin-top:12px}
@media(max-width:480px){.xz-listing-heading h4{font-size:12.8px}.xz-listing-copy p{font-size:11.2px}.xz-window .xz-result-intro{font-size:12.8px}}
/* Keep the demonstration compact when listing details arrive. */
.xz-window{height:544px;min-height:544px}
.xz-window-bar{height:54.4px}
.xz-conversation{min-height:0;overflow-y:auto;scrollbar-width:thin;padding-bottom:12.8px;flex:1}
.xz-window .xz-user{font-size:14.4px}.xz-user>div{padding:9.6px 12px}
.xz-attachment{margin-top:6.4px}.xz-response{margin-top:13.6px}
.xz-window .xz-result-intro{font-size:13.6px;line-height:1.5}
.xz-listing-result{padding:10.4px;margin-top:9.6px;border-radius:9.6px}
.xz-listing-heading>img{width:36px;height:41.6px;padding:3.2px}
.xz-listing-heading{gap:8.8px}.xz-listing-heading h4{font-size:12.8px;margin:2.4px 0}.xz-listing-heading p{font-size:10.4px}
.xz-listing-facts{margin:8.8px 0;padding:8px 0}.xz-listing-facts span{margin-bottom:2.4px}.xz-listing-facts strong{font-size:12px}
.xz-listing-copy p{font-size:11.2px;line-height:1.6;margin:3.2px 0}.xz-listing-note{font-size:9.6px;margin-top:6.4px}
.xz-window .xz-publish{margin-top:9.6px}.xz-confirm{min-height:38.4px;padding:8.8px 11.2px;font-size:13.6px}
.xz-composer{flex:none;min-height:75.2px;padding:10.4px 12.8px 8px;margin-bottom:12px;font-size:14.4px}
.xz-composer-prompt{min-height:21.6px}.xz-composer-tools{margin-top:7.2px;height:23.2px}
@media(max-width:480px){.xz-window{height:496px;min-height:496px}.xz-window .xz-user,.xz-window .xz-result-intro{font-size:12px}.xz-composer{font-size:12.8px}}
/* Product preview follows the same timeline as the conversation. */
.xz-stage[data-phase=sent] .xz-output-scene,.xz-stage[data-phase=prepare] .xz-output-scene{opacity:1;transform:none;visibility:visible}
.xz-canvas-caption h4,.xz-canvas-caption span,.xz-canvas-caption b{transition:color .35s,background-color .35s; border-radius:4px}
.xz-stage[data-fields="0"] .xz-canvas-caption h4,.xz-stage[data-fields="0"] .xz-canvas-caption span,.xz-stage[data-fields="0"] .xz-canvas-caption b,.xz-stage[data-fields="1"] .xz-canvas-caption span,.xz-stage[data-fields="1"] .xz-canvas-caption b,.xz-stage[data-fields="2"] .xz-canvas-caption b{color:transparent;background:#bccbb94d}
.xz-canvas-caption span{display:inline-block;min-width:80px}.xz-canvas-caption h4{min-width:192px}
.xz-preview-progress{height:2.4px;background:transparent;overflow:hidden}.xz-preview-progress i{display:block;height:100%;background:#409c71;transform:scaleX(0);transform-origin:left;transition:transform .12s linear}
.xz-stage[data-phase=upload] .xz-preview-progress{background:#b8cbbb40}
.xz-stage[data-phase=done] .xz-preview-status{color:#23704e}
.xz-canvas-photo img{transition:transform .7s ease,opacity .7s ease}
.xz-stage[data-phase=sent] .xz-canvas-photo img{transform:translateY(8px) scale(.96);opacity:.5}
@media(prefers-reduced-motion:reduce){.xz-canvas-photo img,.xz-canvas-caption h4,.xz-canvas-caption span,.xz-canvas-caption b,.xz-preview-progress i{transition:none}}
/* Product handoff: the preview joins the conversation as a compact receipt. */
.xz-stage[data-phase=done] .xz-output-scene{opacity:0;visibility:hidden;transform:scale(.97);pointer-events:none}
.xz-stage.xz-handoff .xz-output-scene{transition:none}
.xz-flying-product{position:absolute;z-index:6;pointer-events:none;transform-origin:0 0;margin:0;will-change:transform,opacity;box-shadow:0 9.6px 32px #0002}
.xz-success{background:#f4f8f5;border:0.8px solid #dde8df;border-radius:10.4px;padding:11.2px;gap:11.2px;transition:opacity .25s,transform .25s}
.xz-success>img{width:38.4px;height:49.6px;object-fit:contain;border-radius:6.4px;background:#e9eee7;padding:4px}
.xz-success strong{font-size:12.8px;font-weight:500;color:#2b3d31}.xz-success p{font-size:10.4px;margin:4px 0;color:#7c897f}
.xz-receipt-status{display:inline-block;font-size:10.4px;color:#29825b;margin-top:3.2px}
.xz-handoff .xz-success{opacity:0;transform:translateY(3.2px)}
@media(prefers-reduced-motion:reduce){.xz-success{transition:none}}
/* Confirmation is a message, not a separate action button. */
.xz-publish p{margin:0;font-size:14.4px;line-height:1.6;color:#333}
.xz-stage .xz-result{background:#f1f6f2;border:0.8px solid #dfe8e1;border-radius:13.6px 13.6px 13.6px 4px;padding:13.6px 12.8px 12px}
.xz-answer-author{display:flex;align-items:center;gap:5.6px;margin-bottom:10.4px;color:#38654b;font-size:11.2px;line-height:1.4}
.xz-answer-author>span{font-size:16px;line-height:1}.xz-answer-author strong{font-weight:600}.xz-answer-author small{margin-left:auto;font-size:9.6px;font-weight:400;color:#7c9182}
.xz-stage .xz-result-intro{font-size:13.6px;line-height:1.7;color:#3d4b41;margin:0}
.xz-stage .xz-result .xz-listing-result{margin-top:11.2px;padding:12px;border:0;border-radius:8.8px;background:#fff;box-shadow:0 0.8px 2.4px #263c2e08}
.xz-stage .xz-listing-heading{gap:9.6px;align-items:center}.xz-stage .xz-listing-heading>img{width:42.4px;height:49.6px;background:#f5f7f3;border-radius:5.6px;padding:4px}
.xz-stage .xz-listing-platform{font-size:9.6px;color:#89918b}.xz-stage .xz-listing-heading h4{font-size:13.6px;line-height:1.45;font-weight:550;margin:3.2px 0;color:#293b30}.xz-stage .xz-listing-heading p{font-size:10.4px;line-height:1.5;color:#7d877f}
.xz-stage .xz-listing-facts{margin:10.4px 0 9.6px;padding:8.8px 0;border-color:#eef1ed;gap:11.2px}.xz-stage .xz-listing-facts span{font-size:9.6px;color:#8b948d;margin-bottom:3.2px}.xz-stage .xz-listing-facts strong{font-size:12px;font-weight:550;color:#3b5142}
.xz-stage .xz-listing-copy>span{font-size:9.6px;color:#8b948d}.xz-stage .xz-listing-copy p{font-size:11.2px;line-height:1.7;color:#637067;margin:4px 0 0}
.xz-stage .xz-result .xz-publish{border-top:0.8px solid #dce6de;margin-top:11.2px;padding-top:9.6px}.xz-stage .xz-publish p{font-size:12.8px;line-height:1.6;font-weight:500;color:#36533f}
.xz-stage .xz-user{justify-content:flex-end}.xz-stage .xz-user>div{flex:0 1 94%}.xz-stage .xz-user-confirm{justify-content:flex-end}
@media(max-width:480px){.xz-stage .xz-result{padding:12px 10.4px;border-radius:12px 12px 12px 3.2px}.xz-stage .xz-result-intro{font-size:12px}.xz-stage .xz-result .xz-listing-result{padding:9.6px}.xz-stage .xz-listing-heading h4{font-size:12px}.xz-stage .xz-listing-heading>img{width:34.4px;height:42.4px}.xz-stage .xz-listing-heading{gap:7.2px}.xz-stage .xz-listing-facts{gap:7.2px}.xz-answer-author{font-size:10.4px}.xz-answer-author small{font-size:8.8px}.xz-stage .xz-publish p{font-size:12px}}
.xz-user-confirm{display:flex;justify-content:flex-start;margin:12px 0}
.xz-user-confirm span{display:inline-block;padding:8px 13.6px;background:#f3f3f3;border-radius:9.6px;color:#333;font-size:14.4px;line-height:1.5}
.xz-stage[data-phase=confirmed] .xz-user-confirm{animation:xz-message-in .3s ease-out both}
@media(max-width:480px){.xz-publish p,.xz-user-confirm span{font-size:12.8px}}
@media(prefers-reduced-motion:reduce){.xz-stage[data-phase=confirmed] .xz-user-confirm{animation:none}}
/* Participant avatars sit outside their messages: seller right, Xiaozhi left. */
.xz-stage .xz-message-avatar{display:block;width:25.6px;height:25.6px;flex:none;border-radius:50%;box-sizing:border-box}
.xz-stage .xz-avatar-user{padding:0;object-fit:cover;background:#e5ece2;border:0.8px solid #dce4dc}
.xz-stage .xz-avatar-assistant{object-fit:cover;object-position:50% 28%;border:0.8px solid #dce6df}
.xz-stage .xz-user{display:flex;align-items:flex-start;gap:8px}.xz-stage .xz-user>div{flex:0 1 auto;max-width:calc(100% - 33.6px)}
.xz-stage .xz-response{display:grid;grid-template-columns:25.6px minmax(0,1fr);gap:8px;align-items:start}
.xz-stage .xz-response>.xz-message-avatar{grid-column:1;grid-row:1}
.xz-stage .xz-response>.xz-result,.xz-stage .xz-response>.xz-working{grid-column:2;grid-row:1;min-width:0}
.xz-stage .xz-user-confirm{align-items:flex-start;gap:8px;justify-content:flex-end}
.xz-stage .xz-upload,.xz-stage .xz-success{position:relative;margin-left:33.6px}
.xz-stage .xz-upload:before,.xz-stage .xz-success:before{content:'';position:absolute;left:-33.6px;top:0;width:25.6px;height:25.6px;border-radius:50%;background:url('assets/xiaozhi-avatar.png') 50% 28% / cover no-repeat;border:0.8px solid #dce6df;box-sizing:border-box}
/* Material assembly: restrained motion with a visible purpose. */
.xz-canvas-photo{isolation:isolate;background:radial-gradient(ellipse at 42% 48%,#fafbf7,#dfe6da)}
.xz-product-aura{position:absolute;width:272px;height:232px;left:calc(50% - 136px);top:32px;border-radius:50%;background:radial-gradient(ellipse,#b9ead07a,transparent 70%);opacity:.25;transition:opacity .7s}
.xz-product-ground{position:absolute;width:116px;height:20.8px;left:calc(50% - 57.6px);bottom:30.4px;background:radial-gradient(ellipse,#435d3a25,transparent 70%);transition:transform .7s,opacity .7s}
.xz-canvas-photo>img{width:188px;height:280px;z-index:1;filter:drop-shadow(6.4px 9.6px 8px #29423018)}
.xz-stage[data-phase=sent] .xz-canvas-photo>img{transform:translateY(14.4px) scale(.91);opacity:.4}
.xz-stage[data-phase=sent] .xz-product-ground{transform:scale(.65);opacity:.3}
.xz-stage[data-phase=prepare] .xz-product-aura{opacity:1}
.xz-material{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:9.6px 12.8px;border:0.8px solid #fff;border-radius:9.6px;background:#ffffffed;box-shadow:0 6.4px 19.2px #253d2810;font-size:12.8px;line-height:1.3;color:#405849;opacity:0;pointer-events:none}
.xz-material svg{width:16.8px;height:16.8px;stroke:#4f9b78;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.xz-material-currency{display:grid;place-items:center;width:17.6px;height:17.6px;border-radius:4.8px;color:#4f9b78;background:#ebf5ee}
.xz-material-image{left:8%;top:20%;--travel-x:84px;--travel-y:38.4px}
.xz-material-spec{left:54%;top:32%;--travel-x:-68px;--travel-y:24px}
.xz-material-price{left:12%;top:65%;--travel-x:76px;--travel-y:-40px}
.xz-stage[data-phase=prepare] .xz-material{animation:xz-material-merge .8s cubic-bezier(.25,.65,.3,1) both}
.xz-stage[data-phase=prepare] .xz-material-spec{animation-delay:.45s}
.xz-stage[data-phase=prepare] .xz-material-price{animation-delay:.9s}
@keyframes xz-material-merge{0%{opacity:0;transform:translateY(7.2px) scale(.96)}20%,58%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--travel-x),var(--travel-y)) scale(.65)}}
.xz-build-checks{position:absolute;bottom:10.4px;left:0;right:0;display:flex;justify-content:center;gap:12.8px;font-size:9.6px;color:#61806d;z-index:2}
.xz-build-checks span{opacity:1;transform:none;transition:opacity .3s,transform .3s}
.xz-stage[data-fields="0"] .xz-build-checks span,.xz-stage[data-fields="1"] .xz-build-checks span:nth-child(n+2),.xz-stage[data-fields="2"] .xz-build-checks span:nth-child(3){opacity:0;transform:translateY(3.2px)}
.xz-stage[data-phase=ready] .xz-preview-status::before,.xz-stage[data-phase=confirm] .xz-preview-status::before{content:'';display:inline-block;width:4.8px;height:4.8px;background:#479c75;border-radius:50%;margin-right:5.6px;animation:xz-status-breathe 2s ease-in-out infinite}
@keyframes xz-status-breathe{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.xz-stage .xz-material{animation:none}.xz-product-aura,.xz-product-ground,.xz-build-checks span{transition:none}.xz-stage .xz-preview-status::before{animation:none}}
/* Keep supplied character video at its native ratio and soften its baked-in background. */
.xz-character-media>.xz-character-video{object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 9%,#000 89%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
.xz-character-media>.xz-character-video{mask-image:none;pointer-events:none;user-select:none}
.xz-character-media{pointer-events:none;user-select:none}
/* Reduce the mascot only; retain its layout slot and foot baseline. */
.xz-character-media>.xz-character-video{transform:scale(.85);transform-origin:center bottom}
/* A softly focused workbench sits behind the assistant, not behind the whole section. */
.xz-character-media::before{content:'';position:absolute;z-index:-1;pointer-events:none;width:145%;aspect-ratio:3/2;left:-22.5%;bottom:7%;background:url('assets/xiaozhi-workbench-bg.png') center/contain no-repeat;opacity:.78;mask-image:radial-gradient(ellipse at 50% 64%,#000 32%,transparent 72%)}
/* Freeze the outgoing decoded frame while the next first frame seeks. */
.xz-character-transition{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:scale(.85);transform-origin:center bottom;pointer-events:none;z-index:2}
.xz-character-media>.xz-character-video{backface-visibility:hidden}
/* Dissolve the workbench into the exact section color on all four edges. */
.xz-character-media{background:#030d0b}
.xz-character-media::before{opacity:.66;mix-blend-mode:lighten;mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 78%,transparent 100%),linear-gradient(180deg,transparent 15%,#000 55%,#000 74%,transparent 100%);mask-composite:intersect}

.xz-stage.xz-handoff .xz-output-scene{transition:opacity .28s ease;transform:none}
/* Listing-only workbench: image and generated fields share one quiet surface. */
.xz-output-scene:has(.xz-listing-workbench){width:624px;top:84px;mask-image:none}
.xz-listing-workbench{background:#fafaf7;color:#303632;border:0.8px solid #ffffff80;border-radius:16px;box-shadow:0 14.4px 36px #0002;font-family:Arial,'Microsoft YaHei',sans-serif}
.xz-workbench-heading{display:flex;justify-content:space-between;align-items:center;padding:17.6px 22.4px;border-bottom:0.8px solid #e3e5df;font-size:12px;font-weight:500}
.xz-workbench-heading .xz-preview-status{font-size:9.6px;color:#738078;font-weight:400}
.xz-workbench-body{display:grid;grid-template-columns:44% 56%;min-height:348px}
.xz-listing-workbench .xz-canvas-photo{height:348px;background:#eeefe9;overflow:hidden;border-right:0.8px solid #e3e5df}
.xz-listing-workbench .xz-canvas-photo>img{width:200px;height:272px;filter:drop-shadow(6.4px 11.2px 8px #28312a15);transition:transform .6s ease,opacity .6s ease}
.xz-photo-label,.xz-photo-count{position:absolute;left:19.2px;font-size:8px;letter-spacing:.13em;color:#8a9187}.xz-photo-label{top:17.6px}.xz-photo-count{bottom:16px}
.xz-product-details{padding:24.8px 22.4px 16px;max-width:264px}
.xz-detail-label{display:block;font-size:9.6px;color:#7c847d;line-height:1.5}
.xz-detail-title h4{font-size:24px;line-height:1.3;letter-spacing:-.025em;font-weight:500;margin:9.6px 0 8px}
.xz-detail-title p{font-size:10.4px;color:#7b827b;margin:0}
.xz-detail-specs{display:flex;gap:32px;border-top:0.8px solid #e3e5df;border-bottom:0.8px solid #e3e5df;margin:19.2px 0 16px;padding:12px 0}
.xz-detail-specs span{display:block;font-size:8.8px;color:#899087;margin-bottom:6.4px}.xz-detail-specs strong{display:flex;align-items:center;gap:5.6px;font-size:12.8px;font-weight:400}.xz-detail-specs i{width:9.6px;height:9.6px;border:0.8px solid #d1d6cd;background:white;border-radius:50%}
.xz-detail-price>strong{display:block;font-size:23.2px;font-weight:500;letter-spacing:-.04em;margin-top:3.2px}
.xz-product-tags{display:flex;gap:6.4px;margin-top:12px}.xz-product-tags span{font-size:8px;color:#7d857c;border:0.8px solid #dfe3da;border-radius:4px;padding:4px 5.6px}
.xz-workbench-footer{display:flex;gap:17.6px;padding:13.6px 21.6px;border-top:0.8px solid #e3e5df;font-size:8.8px;color:#7f877d}.xz-workbench-footer i{display:inline-block;width:4px;height:4px;background:#8c9d8c;border-radius:50%;vertical-align:middle;margin-right:4px}.xz-workbench-complete{color:#438664;transition:opacity .3s}
.xz-detail-group{transition:opacity .4s ease,transform .4s ease}
.xz-stage[data-fields="0"] .xz-detail-group,.xz-stage[data-fields="1"] .xz-detail-specs,.xz-stage[data-fields="1"] .xz-detail-price,.xz-stage[data-fields="2"] .xz-detail-price{opacity:0;transform:translateY(7.2px)}
.xz-stage[data-fields="0"] .xz-workbench-complete,.xz-stage[data-fields="1"] .xz-workbench-complete,.xz-stage[data-fields="2"] .xz-workbench-complete{opacity:0}
@media(max-width:960px){.xz-output-scene:has(.xz-listing-workbench){width:544px}.xz-product-details{padding:20.8px 17.6px}.xz-detail-title h4{font-size:21.6px}}
@media(max-width:480px){.xz-output-scene:has(.xz-listing-workbench){display:none}}
@media(prefers-reduced-motion:reduce){.xz-detail-group,.xz-workbench-complete,.xz-listing-workbench .xz-canvas-photo>img{transition:none}}
.xz-listing-workbench .xz-workbench-heading{padding-right:52px}
/* Keep the listing preview inside the free space to the left of chat. */
.assistant-stage-slot .xz-output-scene:has(.xz-listing-workbench){left:0;right:auto;width:min(544px,calc(100% - 448px));top:100px;transform:none}
.xz-listing-workbench .xz-workbench-heading{padding:14.4px 17.6px;gap:9.6px}
.xz-listing-workbench .xz-workbench-body{min-height:288px;grid-template-columns:43% 57%}
.xz-listing-workbench .xz-canvas-photo{height:288px}
.xz-listing-workbench .xz-canvas-photo>img{width:85%;height:224px;max-width:168px}
.xz-listing-workbench .xz-product-details{min-width:0;padding:17.6px 16px 12.8px}
.xz-listing-workbench .xz-detail-title h4{font-size:20.8px;margin:8px 0 6.4px}
.xz-listing-workbench .xz-detail-specs{gap:20.8px;margin:14.4px 0 11.2px;padding:9.6px 0}
.xz-listing-workbench .xz-detail-price>strong{font-size:20.8px}
.xz-listing-workbench .xz-product-tags{flex-wrap:wrap;margin-top:8px}
.xz-listing-workbench .xz-workbench-footer{padding:11.2px 17.6px;gap:12.8px;flex-wrap:wrap}
@media(min-width:760.8px) and (max-width:960px){.assistant-stage-slot .xz-output-scene:has(.xz-listing-workbench){width:calc(100% - 372px)}.xz-listing-workbench .xz-workbench-body{grid-template-columns:38% 62%}.xz-listing-workbench .xz-product-details{padding:14.4px 9.6px}.xz-listing-workbench .xz-detail-title h4{font-size:17.6px}.xz-listing-workbench .xz-workbench-heading{padding:12px 9.6px}.xz-listing-workbench .xz-preview-status{font-size:8px}}
@media(min-width:480.8px) and (max-width:760px){.assistant-stage-slot .xz-output-scene:has(.xz-listing-workbench){position:relative;top:auto;width:100%;margin-bottom:19.2px}.xz-listing-workbench .xz-product-details{max-width:none}}
/* White finish only: preserve preview geometry and animation. */
.xz-product-canvas.xz-listing-workbench{background:#fff;color:#303632;border-color:#e5e8e4;box-shadow:0 14.4px 36px #0002}
.xz-listing-workbench .xz-canvas-photo{background:radial-gradient(ellipse at 45% 38%,#ffffff 0%,#f3f5f0 65%,#ecefe9 100%)}
/* Editorial product interior; outer dimensions and timeline hooks stay intact. */
.xz-listing-workbench .xz-canvas-photo{border-right:0;background:radial-gradient(ellipse at 50% 44%,#fff 10%,#f5f5f1 70%,#eeefe9);border-radius:0}
.xz-listing-workbench .xz-photo-label,.xz-listing-workbench .xz-photo-count{display:none}
.xz-listing-workbench .xz-product-details{display:flex;flex-direction:column;justify-content:center;padding:22.4px 20.8px;max-width:none}
.xz-listing-workbench .xz-detail-title>.xz-detail-label{display:inline-flex;align-items:center;gap:5.6px;color:#60736a;font-size:9.6px;letter-spacing:.02em}
.xz-listing-workbench .xz-detail-title>.xz-detail-label:before{content:'';width:4.8px;height:4.8px;border-radius:50%;background:#419e77}
.xz-listing-workbench .xz-detail-title h4{font-size:23.2px;font-weight:600;letter-spacing:-.035em;line-height:1.3;margin:12px 0 8px;color:#202b26}
.xz-listing-workbench .xz-detail-title p{font-size:10.4px;line-height:1.7;color:#7c837e}
.xz-listing-workbench .xz-detail-specs{border:0;gap:9.6px;padding:0;margin:18.4px 0 20px;align-items:center}
.xz-listing-workbench .xz-detail-specs>div{display:flex;align-items:center}
.xz-listing-workbench .xz-detail-specs>div+div:before{content:'';width:0.8px;height:9.6px;background:#d8dfda;margin-right:9.6px}
.xz-listing-workbench .xz-detail-specs span{display:none}
.xz-listing-workbench .xz-detail-specs strong{font-size:11.2px;color:#57645c}
.xz-listing-workbench .xz-detail-price{display:flex;align-items:baseline;gap:7.2px;flex-wrap:wrap}
.xz-listing-workbench .xz-detail-price>.xz-detail-label{order:2;font-size:8.8px;color:#8a938c}
.xz-listing-workbench .xz-detail-price>strong{font-size:26.4px;font-weight:600;letter-spacing:-.04em;color:#213f31;margin:0;order:1}
.xz-listing-workbench .xz-product-tags{display:none}
@media(min-width:760.8px) and (max-width:960px){.xz-listing-workbench .xz-product-details{padding:14.4px 9.6px}.xz-listing-workbench .xz-detail-title h4{font-size:18.4px}.xz-listing-workbench .xz-detail-title p{font-size:9.6px}}
/* Approved A: one uninterrupted white surface, no internal rules or footer. */
.xz-product-canvas.xz-listing-workbench{height:372.8px;box-sizing:border-box;display:flex;flex-direction:column;position:relative}
.xz-listing-workbench .xz-workbench-heading{border:0;padding:17.6px 19.2px 8px;background:transparent;flex:none}
.xz-listing-workbench .xz-workbench-body{flex:1;min-height:0;grid-template-columns:43% 57%;padding-bottom:17.6px}
.xz-listing-workbench .xz-canvas-photo{height:100%;border:0;background:transparent}
.xz-listing-workbench .xz-workbench-footer{display:none}
.xz-listing-workbench .xz-preview-progress{position:absolute;bottom:0;left:0;right:0}
.xz-listing-workbench .xz-product-details{padding:14.4px 20px 14.4px 14.4px}
.xz-listing-workbench .xz-detail-title>.xz-detail-label:before{display:none}
.xz-listing-workbench .xz-detail-title h4{font-size:24px}
.xz-listing-workbench .xz-detail-specs>div+div:before{content:'·';width:auto;height:auto;background:none;margin-right:9.6px;color:#87938b}
.xz-listing-workbench .xz-detail-specs i{display:none}
@media(min-width:760.8px) and (max-width:960px){.xz-listing-workbench .xz-product-details{padding:11.2px 9.6px}.xz-listing-workbench .xz-detail-title h4{font-size:18.4px}}

/* Keep the preview present until the product transfers into the receipt. */
.xz-stage[data-phase]:not([data-phase=done]) .xz-output-scene{opacity:1;visibility:visible;transform:none;pointer-events:auto}

/* finesse component: product research; existing BossAI stage language */
.research-stage{background:#030d0b;color:#ecf2ef;padding:88px 6vw 80px;font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;overflow:clip}
.research-stage *{box-sizing:border-box}.research-stage [hidden]{display:none!important}
.research-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:288px minmax(0,1fr);gap:64px;align-items:start}
.research-presenter{padding-top:24px}.research-role{font-size:17.6px;color:#aebcb5}.research-role span{color:#91e8bc;margin-left:9.6px}
.research-presenter h3{font-size:25.6px;line-height:1.5;font-weight:400;margin:17.6px 0 0;letter-spacing:0}
.research-character{position:relative;width:288px;max-width:100%;margin-top:25.6px;isolation:isolate}
.research-character:before{content:'';position:absolute;z-index:-1;inset:40% -5% 0;background:radial-gradient(ellipse at 50% 70%,#18443750,transparent 65%)}
.research-character img{display:block;width:100%;height:auto;pointer-events:none}
.research-demo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:22.4px;align-items:start;min-width:0}
.research-report{margin-top:68px;border-radius:17.6px;background:#e9ede6;color:#273e33;overflow:hidden;box-shadow:0 16px 40px #0002;min-width:0;position:relative}
.research-report-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:0.8px solid #ccd8ce;font-size:11.2px}.research-report-top small{color:#63766b;font-size:9.6px}
.research-product{display:flex;align-items:center;gap:16px;padding:20.8px 20.8px 16px}.research-product img{width:70.4px;height:100px;object-fit:contain;filter:drop-shadow(2.4px 6.4px 4.8px #243a3020)}
.research-product small{font-size:9.6px;color:#647b6b}.research-product h4{font-size:20px;font-weight:500;margin:7.2px 0}.research-product p{font-size:11.2px;color:#64776b;margin:0}
.research-platforms{display:flex;gap:17.6px;padding:0 20.8px;border-bottom:0.8px solid #cbd7cf}
.research-platforms button{position:relative;color:#6b7d72;background:none;font-size:12.8px;min-height:38.4px;padding:6.4px 0;border-radius:0;font-family:inherit}
.research-platforms button[aria-selected=true]{color:#1b4c35}.research-platforms button[aria-selected=true]:after{content:'';position:absolute;height:1.6px;left:0;right:0;bottom:0;background:#2c7955}
.research-platforms button:focus-visible,.research-replay:focus-visible{outline:1.6px solid #47ac80;outline-offset:3.2px}
.research-data{padding:20px 20.8px;min-height:204px}.research-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10.4px}
.research-metrics span{display:block;font-size:10.4px;color:#6a7c71;white-space:nowrap}.research-metrics strong{display:block;font-size:24px;font-weight:500;letter-spacing:-.04em;margin-top:8px;font-variant-numeric:tabular-nums}.research-metrics small{font-size:9.6px;font-weight:400;letter-spacing:0;margin-left:2.4px}
.research-rank{font-size:9.6px;color:#708175;margin:11.2px 0 16px}.research-chart{width:100%;height:60px;display:block;overflow:visible}.research-chart .grid{stroke:#ccd8cf;stroke-width:1;fill:none}.research-chart .line{stroke:#3b8c63;stroke-width:2.5;fill:none;stroke-linejoin:round;stroke-linecap:round}.research-chart .area{fill:#79ac8c20}.research-chart-label{display:flex;justify-content:space-between;font-size:8.8px;color:#708175;margin-top:4.8px}
.research-verdict{padding:16px 20.8px;background:#dce7dc;display:flex;gap:9.6px;align-items:flex-start;font-size:11.2px;line-height:1.6}.research-verdict span{color:#357551;font-size:14.4px}.research-verdict p{margin:0}.research-verdict strong{display:block;font-weight:500}
.research-window{width:100%;height:544px;background:#fff;color:#303733;border-radius:20.8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 14.4px 36px #0003}
.research-window header{height:58.4px;flex-shrink:0;padding:0 19.2px;display:flex;align-items:center;justify-content:space-between;font-size:14.4px}.research-window header span{color:#91a098;font-size:9.6px}
.research-chat{padding:3.2px 19.2px 19.2px;flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#dbe4dc transparent;font-size:13.6px;line-height:1.65}
.research-question{padding:12px 13.6px;background:#f5f5f5;border-radius:10.4px;margin-bottom:18.4px}.research-question small{display:block;color:#819087;font-size:10.4px;margin-top:8px}
.research-thinking{color:#6e7d74;font-size:12.8px;padding:8px 0}.research-thinking i{display:block;height:1.6px;width:100%;max-width:112px;margin-top:12px;background:#e7eee9;overflow:hidden}.research-thinking i:after{content:'';display:block;width:50%;height:100%;background:#70b596;animation:research-scan 1.2s ease-in-out infinite}
.research-answer>p{margin:0 0 16px}.research-answer strong{font-weight:550}.research-findings{margin:0;padding:0;list-style:none}.research-findings li{margin-bottom:16px;padding-bottom:14.4px;border-bottom:0.8px solid #edf0ed}.research-findings h4{font-size:12.8px;font-weight:500;margin:0 0 4px;color:#295640}.research-findings p{font-size:12px;color:#67766d;line-height:1.65;margin:0}.research-conclusion{display:flex;align-items:center;gap:9.6px;padding:11.2px;border:0.8px solid #e5eae6;border-radius:9.6px;font-size:12px;color:#295640}.research-conclusion b{margin-left:auto;font-weight:400;font-size:17.6px}
.research-composer{margin:0 12.8px 12.8px;padding:12.8px 13.6px 9.6px;border:0.8px solid #dbe4f6;border-radius:13.6px;background:#fff;box-shadow:-2.4px 0 8.8px #f5dcda42,2.4px 0 8.8px #d2dbff44;min-height:80px;font-size:13.6px;color:#929c96;flex-shrink:0}.research-compose-text{display:block;min-height:20px;line-height:1.5}.research-compose-tools{display:flex;justify-content:flex-end;align-items:center;gap:12.8px;margin-top:8px;color:#64736a}.research-send{width:23.2px;height:23.2px;display:grid;place-items:center;background:#8650f6;border-radius:50%;color:white;font-size:16px}
.research-footer{max-width:1440px;margin:16px auto 0;display:flex;justify-content:flex-end}.research-replay{font:11.2px inherit;color:#91a79a;background:none;min-height:35.2px;padding:6.4px 0}
.research-report [data-reveal],.research-chat [data-reveal]{transition:opacity .35s ease,transform .35s ease}
.research-stage[data-step=compose] .research-report [data-reveal],.research-stage[data-step=search] .research-report [data-reveal]{opacity:.14;transform:translateY(4px)}
.research-stage[data-step=compose] .research-chat [data-reveal]{opacity:0;transform:translateY(4px)}
@keyframes research-scan{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}
@media(max-width:1120px){.research-layout{grid-template-columns:224px minmax(0,1fr);gap:28px}.research-character{width:224px}.research-demo{grid-template-columns:minmax(0,1fr) 352px;gap:16px}.research-product{padding:16px;gap:9.6px}.research-product h4{font-size:17.6px}.research-data{padding:17.6px 16px}.research-metrics strong{font-size:20.8px}}
@media(max-width:880px){.research-layout{grid-template-columns:1fr;gap:28px}.research-presenter{position:relative;min-height:176px;padding-right:160px}.research-character{position:absolute;right:0;bottom:0;width:136px;margin:0}.research-presenter h3{font-size:21.6px}.research-demo{max-width:800px;width:100%;margin:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.research-window{height:528px}.research-report{margin-top:36px}.research-product h4{font-size:16.8px}}
@media(max-width:560px){.research-stage{padding:40px 16px 52px}.research-demo{display:flex;flex-direction:column;gap:19.2px}.research-report{width:100%;margin:0}.research-window{height:496px}.research-role{font-size:13.6px}.research-presenter{padding-right:100px;min-height:160px}.research-presenter h3{font-size:17.6px}.research-character{width:104px}.research-chat{font-size:12px}.research-data{min-height:192px}.research-product h4{font-size:17.6px}.research-metrics strong{font-size:22.4px}.research-composer{font-size:12.8px}}
@media(prefers-reduced-motion:reduce){.research-stage *{animation:none!important;transition:none!important}}

.research-findings li{margin-bottom:9.6px;padding-bottom:6.4px}.research-findings li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.research-metrics strong b{font-weight:500}

/* Research: one report, staged evidence and an actionable follow-up. */
.research-product{padding:14.4px 20.8px 9.6px}.research-product img{width:68px;height:78.4px}.research-product h4{font-size:19.2px}
.research-data{padding:15.2px 20.8px 12px;min-height:0}.research-chart{height:48px}.research-rank{margin:8px 0 11.2px}
.research-comparison{padding:11.2px 20.8px 14.4px;border-top:0.8px solid #ccd8ce}
.research-detail-title{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:8px}.research-detail-title small{font-size:9.6px;font-weight:400;color:#687b6e}
.research-peer{display:grid;grid-template-columns:1fr 68px 92px;gap:8px;padding:7.2px 0;font-size:11.2px;border-bottom:0.8px solid #d9e1d9}.research-peer b{font-weight:500}.research-peer>span:last-child{color:#6b7c70;text-align:right}
.research-opportunity{font-size:10.4px;margin-top:10.4px;color:#526e5e}.research-opportunity span{color:#2d5841;margin-right:11.2px}
.research-verdict{padding:11.2px 20.8px;font-size:10.4px}.research-ai-label{color:#38684f;font-size:10.4px;margin-bottom:8px}
.research-answer>p{font-size:14.4px;line-height:1.55;margin-bottom:16px}.research-findings h4{font-weight:600;font-size:12.8px}.research-findings p{font-size:12px;color:#5e6b63;line-height:1.8}.research-findings li{padding-bottom:12px;margin-bottom:13.6px}
.research-followup{font-size:12px;line-height:1.9;animation:research-enter .4s ease-out}.research-followup .research-question{margin-top:16px;margin-bottom:16px}.research-next{background:#eff5ef;color:#39624b;padding:9.6px;border-radius:8px;font-size:10.4px}
.research-stage[data-step=compose] .research-comparison,.research-stage[data-step=search] .research-comparison,.research-stage[data-step=amazon] .research-comparison{opacity:.15}
.research-answer{animation:research-enter .4s ease-out}
@keyframes research-enter{from{opacity:0;transform:translateY(6.4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:560px){.research-peer{grid-template-columns:1fr 52px 72px;font-size:9.6px}.research-detail-title small{font-size:8px}}

/* One presentation stage; role changes never move the conversation frame. */
.assistant-showcase{background:#030d0b;padding:57.6px 6vw 64px;color:#eaf0eb}
.assistant-showcase>.xz-stage-heading{margin:0 auto 28.8px;justify-content:center;text-align:center}
.assistant-role-tabs{display:flex;justify-content:center;gap:9.6px;margin:0 auto 51.2px}
.assistant-role-tabs button{display:flex;align-items:center;gap:8px;border:0.8px solid #a9c6b42b;background:#11231b;color:#a8b9ae;padding:8px 15.2px;border-radius:799.2px;min-height:41.6px;font:12.8px 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:1.6px solid #91e8bc;outline-offset:3.2px}
.assistant-role-tabs img{width:24px;height:24px;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:1440px;margin:auto;min-height:592px;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:336px minmax(0,1fr);gap:60px;align-items:start}
.assistant-stage-slot .xz-demo-area,.assistant-stage-slot .research-demo{display:block;position:relative;min-height:552px;padding:0;isolation:isolate}
.assistant-stage-slot .xz-window,.assistant-stage-slot .research-window{position:relative;z-index:2;width:392px;max-width:100%;height:544px;min-height:544px;margin:0 32px 0 auto;border-radius:20.8px;border:0.8px solid #ffffffb3;box-sizing:border-box;background:#fff;box-shadow:0 14.4px 35.2px #0003,0 3.2px 9.6px #ffffff12}
.assistant-stage-slot .research-window>header{height:60.8px;min-height:60.8px;padding:0 18.4px;font-size:15.2px;font-weight:500}
.assistant-stage-slot .research-composer{min-height:75.2px;margin:0 12px 12px;padding:10.4px 12.8px 8px}
.assistant-stage-slot .research-report{position:absolute;left:0;top:88px;width:576px;max-width:calc(100% - 288px);margin:0;z-index:1}
.assistant-stage-slot .research-presenter{padding-top:14.4px}
.assistant-stage-slot .research-character{width:336px;margin-top:35.2px;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:16px;margin-right:32px}
@media(max-width:960px){.assistant-stage-slot .xz-stage-layout,.assistant-stage-slot .research-layout{grid-template-columns:240px minmax(0,1fr);gap:28px}.assistant-stage-slot .research-character{width:240px}.assistant-stage-slot .xz-window,.assistant-stage-slot .research-window{width:352px;margin-right:0}.assistant-stage-slot .research-report{width:456px;max-width:none;left:-16px}.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:760px){.assistant-stage-slot{min-height:752px}.assistant-stage-slot .xz-stage-layout,.assistant-stage-slot .research-layout{grid-template-columns:1fr;gap:28.8px}.assistant-stage-slot .xz-presenter,.assistant-stage-slot .research-presenter{position:relative;padding:14.4px 160px 0 0;min-height:200px}.assistant-stage-slot .research-character{position:absolute;right:0;bottom:0;width:128px;margin:0}.assistant-stage-slot .research-presenter h3{font-size:22.4px}.assistant-stage-slot .xz-demo-area,.assistant-stage-slot .research-demo{max-width:608px;width:100%;margin:auto}.assistant-stage-slot .xz-window,.assistant-stage-slot .research-window{width:392px;margin-left:auto;margin-right:0}.assistant-stage-slot .research-report{left:-16px;width:456px}.assistant-stage-slot .research-footer{max-width:608px}}
@media(max-width:480px){.assistant-showcase{padding:43.2px 16px}.assistant-showcase>.xz-stage-heading{margin-bottom:20px}.assistant-role-tabs{margin-bottom:25.6px;gap:6.4px}.assistant-role-tabs button{padding:6.4px 10.4px;font-size:11.2px;min-height:36.8px}.assistant-role-tabs img{width:20.8px;height:20.8px}.assistant-stage-slot{min-height:704px}.assistant-stage-slot .xz-presenter,.assistant-stage-slot .research-presenter{min-height:168px;padding-right:104px}.assistant-stage-slot .research-character{width:108px}.assistant-stage-slot .research-presenter h3{font-size:18.4px}.assistant-stage-slot .research-role{font-size:14.4px}.assistant-stage-slot .xz-window,.assistant-stage-slot .research-window{width:100%;height:496px;min-height:496px;border-radius:16px}.assistant-stage-slot .research-report{display:none}.assistant-stage-slot .research-demo,.assistant-stage-slot .xz-demo-area{min-height:496px}.assistant-stage-slot .research-footer{margin-top:9.6px}}
@media(prefers-reduced-motion:reduce){.assistant-role-tabs button{transition:none}}

.assistant-stage-slot{min-height:752px}@media(max-width:760px){.assistant-stage-slot{min-height:880px}}@media(max-width:480px){.assistant-stage-slot{min-height:760px}}
/* Scroll chapters: characters travel naturally; the demonstration stays pinned. */
.assistant-showcase{--xz-accent:#91e8bc;--xz-muted:#87988d}
.assistant-showcase>.xz-stage-heading{margin-bottom:56px}
.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:1440px;align-items:start}
.assistant-scroll-story .assistant-story-rail{display:block;min-width:0}
.assistant-scroll-story .assistant-chapter{height:calc(100svh - 51.2px);min-height:616px;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:24px;line-height:1.5;font-weight:400;letter-spacing:0;margin:16px 0 0}
.assistant-scroll-story .assistant-chapter .xz-capability,.assistant-scroll-story .assistant-chapter .research-role{font-size:16.8px;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:312px;height:auto;aspect-ratio:2/3;margin:28px 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:25.6px;height:calc(100svh - 51.2px);min-height:496px;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:544px}
.assistant-scroll-story .research-footer{position:absolute;right:0;bottom:-27.2px;margin:0 32px 0 0}
@media(max-width:760px){.assistant-stage-slot{min-height:0}.assistant-stage-slot>.research-stage{margin-top:72px}.assistant-showcase>.xz-stage-heading{margin-bottom:40px}}
.assistant-scroll-story .assistant-sticky-content>section{min-height:0;height:auto}
@media(max-width:760px){.assistant-showcase{overflow-x:clip}}
/* Give the section heading a clearer visual hierarchy. */
.assistant-showcase>.xz-stage-heading h2{font-size:clamp(33.6px,4.5vw,60.8px);line-height:1.25}
@media(max-width:480px){.assistant-showcase>.xz-stage-heading h2{font-size:clamp(24px,7.8vw,33.6px)}}

/* Product research as a projected, four-act widescreen. */
.assistant-stage-slot .research-cinema{height:464px;top:72px;background:transparent;color:#edf3ef;overflow:visible;border-radius:0;box-shadow:none;isolation:isolate;mask-image:none}
.cinema-surface{position:absolute;inset:0 0 76px;background:radial-gradient(ellipse at 50% 10%,#243930,#111d18 65%);border:0.8px solid #758e7d40;border-radius:12px;box-shadow:0 0 32px #92c8aa12,inset 0 0.8px #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:17.6px 20.8px;position:relative;z-index:2;font-size:10.4px}.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(9.6px)!important;transition:opacity .55s ease,transform .55s ease,visibility .55s;pointer-events:none}
.research-cinema .research-product{inset:52px 28px 116px;display:flex;gap:24px;padding:0}.research-cinema .research-product img{width:144px;height:184px;filter:drop-shadow(0 14.4px 12px #0005)}.research-cinema .research-product small{color:#8dada0}.research-cinema .research-product h4{font-size:23.2px;color:#f4f7f4;margin:12px 0}.research-cinema .research-product p{color:#b2c3b9;font-size:12px}
.research-cinema .research-platforms{top:53.6px;left:24px;right:24px;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:104px;left:24px;right:24px;padding:0}.research-cinema .research-metrics strong{font-size:33.6px;color:#f3f8f5;margin-top:9.6px}.research-cinema .research-metrics span,.research-cinema .research-rank,.research-cinema .research-chart-label{color:#a6b7ad}.research-cinema .research-rank{margin:14.4px 0 19.2px}.research-cinema .research-chart{height:84px}.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:76px;left:24px;right:24px;padding:0;border:0}.research-cinema .research-detail-title{font-size:20.8px;margin-bottom:19.2px}.research-cinema .research-detail-title small{font-size:9.6px;color:#98ada0;align-self:center}.research-cinema .research-peer{font-size:13.6px;grid-template-columns:1fr 76px 96px;padding:19.2px 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:16px 0;margin-top:16px;color:#c3d2c8;font-size:12px}.research-cinema .research-opportunity span{color:#84b398}
.research-cinema .research-verdict{top:100px;left:33.6px;right:33.6px;padding:0;background:transparent;font-size:14.4px;line-height:1.8;color:#b6c9be}.research-cinema .research-verdict>span{font-size:28px;color:#9cdfb8}.research-cinema .research-verdict strong{font-size:25.6px;line-height:1.45;color:#f1f7f3;margin-bottom:20px;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:20.8px;right:20.8px;bottom:96px;display:flex;gap:10.4px;color:#81998a;font-size:8.8px}.cinema-progress span{flex:1;border-top:1.6px solid #5d75643b;padding-top:8px;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:36px;height:200px;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% - 38.4px);width:76.8px;height:33.6px;border-radius:8px;background:linear-gradient(#3c4943,#1d2923);border:0.8px solid #637a6b;box-shadow:0 6.4px 14.4px #0007}.cinema-projector i{position:absolute;left:12px;top:9.6px;width:22.4px;height:11.2px;background:repeating-linear-gradient(0deg,#121e18 0 1.6px,transparent 1.6px 3.2px)}.cinema-projector span{position:absolute;right:8px;top:5.6px;width:20.8px;height:20.8px;border-radius:50%;border:3.2px solid #26392e;background:#d4f3df;box-shadow:0 0 14.4px #acf8cc8c;transition:background .6s,box-shadow .6s}.cinema-projector b{position:absolute;top:4px;left:6.4px;width:2.4px;height:2.4px;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:480px){.assistant-stage-slot .research-cinema{height:312px;top:auto;left:0;width:100%;max-width:none;margin:0 0 20px}.cinema-surface{bottom:52px}.research-cinema .research-report-top{padding:12px;font-size:8.8px}.research-cinema .research-product{inset:32px 12px 80px;gap:9.6px}.research-cinema .research-product img{width:80px;height:120px}.research-cinema .research-product h4{font-size:16px}.research-cinema .research-product p{font-size:8.8px}.research-cinema .research-platforms{top:36px;left:14.4px;right:14.4px}.research-cinema .research-data{top:83.2px;left:14.4px;right:14.4px}.research-cinema .research-metrics strong{font-size:21.6px}.research-cinema .research-metrics span{font-size:8.8px}.research-cinema .research-rank{margin:8px 0}.research-cinema .research-chart{height:33.6px}.cinema-progress{bottom:65.6px;left:14.4px;right:14.4px;font-size:7.2px;gap:4.8px}.research-cinema .research-comparison{top:52px;left:14.4px;right:14.4px}.research-cinema .research-detail-title{font-size:16px;margin-bottom:9.6px}.research-cinema .research-detail-title small{font-size:7.2px}.research-cinema .research-peer{font-size:9.6px;grid-template-columns:1fr 52px 68px;padding:12.8px 0}.research-cinema .research-opportunity{font-size:8.8px;margin-top:6.4px;padding:8px 0}.research-cinema .research-verdict{top:68px;left:17.6px;right:17.6px;font-size:11.2px}.research-cinema .research-verdict strong{font-size:19.2px;margin-bottom:12.8px}.cinema-projector{transform:scale(.8);transform-origin:center bottom}.cinema-beam{height:136px}}
@media(prefers-reduced-motion:reduce){.research-cinema *{animation:none!important;transition:none!important}}
@media(max-width:480px){.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:4px solid #101612;border-radius:4px;box-shadow:0 0 0 0.8px #64706755,0 11.2px 24px #0005,inset 0 0 44px #0005}
.cinema-surface:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 1.6px,#ffffff03 1.6px 2.4px);pointer-events:none}
.research-cinema .research-product{left:33.6px;right:25.6px;gap:27.2px}.research-cinema .research-product img{width:168px;height:212px;object-fit:contain;filter:drop-shadow(0 11.2px 11.2px #0006)}
.cinema-beam{clip-path:none;left:8%;right:8%;height:188px;bottom:32.8px;background:radial-gradient(ellipse at 50% 100%,#e7eedb1a 0%,#e4ecd20b 28%,transparent 66%);filter:blur(6.4px);opacity:.65;z-index:0;mask-image:linear-gradient(0deg,#000,transparent 92%)}
.cinema-projector{width:105.6px;height:43.2px;left:calc(50% - 52.8px);bottom:-7.2px;border-radius:10.4px 10.4px 8px 8px;background:linear-gradient(174deg,#5a605c 0%,#343a36 15%,#252b27 38%,#171d19 100%);border:0.8px solid #77807760;box-shadow:inset 0 1.6px 1.6px #bfc6bd40,inset 0 -1.6px 2.4px #0009,0 9.6px 12px #0009;transform:perspective(280px) rotateX(12deg)}
.cinema-projector:before{content:'';position:absolute;left:6.4px;right:6.4px;bottom:-3.2px;height:3.2px;border-left:7.2px solid #0a100b;border-right:7.2px solid #0a100b}
.cinema-projector i{left:10.4px;top:14.4px;width:38.4px;height:17.6px;background:repeating-linear-gradient(0deg,#0c140e 0 1.6px,#455047 1.6px 2.4px,transparent 2.4px 4px);border-radius:2.4px}
.cinema-projector span{width:29.6px;height:29.6px;right:9.6px;top:6.4px;border:4px 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 0.8px #86988a,0 0 0 2.4px #1f2c23,0 0 16px #cfede333,inset 0 0 4.8px #c7ead3}
.cinema-projector b{top:7.2px;left:12px;width:2.4px;height:1.6px;background:#c1d0c2;box-shadow:0 0 3.2px #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 0.8px #57695b}
@media(max-width:480px){.research-cinema .research-product{left:16px;right:16px;gap:12px}.research-cinema .research-product img{width:92px;height:136px}.cinema-projector{transform:scale(.75);transform-origin:center bottom}.cinema-beam{height:120px}}

/* 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:54.4px;min-height:54.4px;padding:0 17.6px;font-size:16px;font-weight:400}
.assistant-stage-slot .research-chat{padding:0 17.6px 12.8px}
.assistant-stage-slot .research-composer{min-height:75.2px;margin:0 12.8px 12px;padding:10.4px 12.8px 8px;border:0.8px solid transparent;border-radius:14.4px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(115deg,#ffe8d4,#efd9fb 54%,#c9e1ff) border-box;box-shadow:-2.4px 0.8px 9.6px #ffd7ba20,0 3.2px 10.4px #d7b8ed25,2.4px 0.8px 8px #b6d4ff20;color:#949494;font-size:14.4px;line-height:1.5}
.assistant-stage-slot .research-compose-text{min-height:21.6px;line-height:1.55;color:#999;font-weight:400}
.assistant-stage-slot .research-compose-tools{gap:8px;margin-top:7.2px;height:23.2px}
.assistant-stage-slot .research-compose-tools>span:first-child{display:grid;place-items:center;width:22.4px;height:24px;color:#505050;font-size:19.2px}
.assistant-stage-slot .research-send{width:24px;height:24px;background:linear-gradient(145deg,#af88ff,#8650f6);box-shadow:inset 0 0.8px 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:480px){.assistant-stage-slot .research-window>header{font-size:13.6px}.assistant-stage-slot .research-composer{font-size:12.8px}}
/* 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:2.4px solid #242d27;border-radius:2.4px;box-shadow:0 0 0 0.8px #78847555,0 14.4px 28px #0007,inset 0 0 36px #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:27.2px;height:352px;z-index:0;background:linear-gradient(0deg,#e8f4db40,#e2edcf12 65%,transparent);clip-path:polygon(2% 0,98% 0,58% 100%,54% 100%);filter:blur(9.6px);mask-image:linear-gradient(0deg,#000, #0009 70%,transparent);opacity:.45;pointer-events:none;transition:opacity .8s}
.cinema-projector{bottom:-7.2px;background:linear-gradient(174deg,#80867e,#4e564f 18%,#2a322c 50%,#171f19);box-shadow:inset 0 1.6px 1.6px #dce3d550,0 11.2px 17.6px #000a}
.cinema-projector span{box-shadow:0 0 0 0.8px #86988a,0 0 0 2.4px #1f2c23,0 0 17.6px #e7ffcd65,inset 0 0 4.8px #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:1.6px;background:linear-gradient(90deg,transparent,#aaffdb,transparent);box-shadow:0 0 11.2px 4px #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(3.2px);opacity:.25}to{filter:blur(0);opacity:1}}
@keyframes projection-recognize{0%{transform:translateY(12px);opacity:0}15%{opacity:.9}85%{opacity:.7}100%{transform:translateY(196px);opacity:0}}
@media(max-width:480px){.cinema-beam{height:224px}.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(128px);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(9.6px);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:0.8px solid #c6c9c1;border-radius:4px;box-shadow:0 11.2px 28px #0006,0 0 0 2.4px #ffffff06,inset 0 0 28px #464a4110}
.cinema-surface:after{background:radial-gradient(ellipse,transparent 55%,#24251e0c)}
.research-cinema .research-report-top{color:#72766d}
.cinema-progress{justify-content:center;gap:16px;align-items:center;bottom:94.4px;font-size:8.8px}
.cinema-progress span{flex:0 0 auto;border:0!important;padding:0;display:flex;gap:5.6px;align-items:center;color:#92978e;transition:color .3s}
.cinema-progress span:before{content:'';display:block;width:4px;height:4px;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:69.6px;left:35.2px;right:35.2px;display:block}
.projection-conclusion>small{font-size:9.6px;letter-spacing:.12em;color:#7c887b}
.projection-conclusion h4{font-size:28.8px;letter-spacing:-.03em;line-height:1.3;margin:12px 0 7.2px;color:#29362c;font-weight:600}
.research-verdict .projection-subtitle{font-size:15.2px;color:#6b766a;line-height:1.5;margin:0}
.projection-evidence{display:grid;grid-template-columns:1fr 1fr;gap:25.6px;margin-top:34.4px}
.projection-evidence>div{padding-left:11.2px;border-left:1.6px solid #b8c9ba}
.projection-evidence span{font-size:10.4px;color:#437052;font-weight:600}
.projection-evidence p{font-size:12.8px;line-height:1.9;color:#606d60;margin:7.2px 0 0}
.cinema-projector{filter:brightness(.8)}
@media(max-width:480px){.cinema-progress{bottom:65.6px;gap:8px;font-size:7.2px}.research-cinema .research-verdict{top:44.8px;left:17.6px;right:17.6px}.projection-conclusion h4{font-size:20.8px;margin:8px 0 5.6px}.research-verdict .projection-subtitle{font-size:12px}.projection-evidence{gap:12px;margin-top:19.2px}.projection-evidence p{font-size:9.6px}.projection-evidence span{font-size:8.8px}}
/* Selected concept C: physical pull-down screen and offset projector. */
.cinema-surface{inset:0 7.2px 76px;border:0;border-radius:0;background:radial-gradient(ellipse at 65% 65%,#fffdf8,#f1eae0 80%,#e5ddd2);box-shadow:inset 8px 0 14.4px #62574b0d,inset -8px 0 14.4px #62574b0d,0 16px 28px #0006}
.cinema-surface:before{content:'';position:absolute;top:-9.6px;left:-11.2px;right:-11.2px;height:16.8px;border-radius:5.6px;background:linear-gradient(#222520,#6c6b62 25%,#46463e 48%,#23251f 88%);box-shadow:inset 0 0.8px #b5b0a24d,0 4.8px 7.2px #0005;border-left:4.8px solid #22261f;border-right:4.8px solid #22261f}
.cinema-bottom-rail{position:absolute;bottom:-4px;left:-8px;right:-8px;height:8.8px;border-radius:3.2px;background:linear-gradient(#6d6b5e,#282b24 48%,#151b16);box-shadow:0 4px 5.6px #0006}
.cinema-hangers{position:absolute;top:-24px;left:17.6px;right:17.6px;height:15.2px;border-left:0.8px solid #90938388;border-right:0.8px solid #90938388}
.cinema-projector{left:auto;right:12px;bottom:-4.8px;transform:perspective(280px) 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:-28px;right:-28px;bottom:-12px;height:11.2px;border-radius:50%;background:linear-gradient(#393d33,#101b14);box-shadow:0 6.4px 10.4px #0007}
.cinema-beam{left:12%;right:0;bottom:28.8px;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:18.4px 24px;color:#8b8174}
.research-cinema .research-verdict{left:30.4px;right:24px;top:68.8px;bottom:126.4px;display:grid;grid-template-columns:58% 42%;align-items:center;gap:4.8px}
.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:196px;object-fit:contain;filter:drop-shadow(0 9.6px 9.6px #45372b20)}
.projection-conclusion>small{color:#8f8271;letter-spacing:.1em}
.projection-conclusion h4{font-size:24px;white-space:nowrap;color:#292827;line-height:1.45;margin:9.6px 0 6.4px;text-decoration:underline;text-decoration-color:#d5c2ed;text-decoration-thickness:7.2px;text-underline-offset:-2.4px;text-decoration-skip-ink:none}
.research-verdict .projection-subtitle{font-size:12.8px;color:#7c7369}
.projection-evidence{display:flex;flex-direction:column;gap:11.2px;margin-top:18.4px}
.projection-evidence>div{border:0;padding-left:20px;position:relative}
.projection-evidence>div:before{content:'✓';position:absolute;left:0;top:0.8px;width:14.4px;height:14.4px;border-radius:50%;background:#e2d5ef;color:#655273;text-align:center;font-size:9.6px;line-height:14.4px}
.projection-evidence span{color:#46413c;font-size:10.4px}
.projection-evidence p{font-size:9.6px;line-height:1.65;color:#897e72;margin:3.2px 0 0}
.cinema-progress{bottom:92px}.cinema-progress span{color:#9c9287}
@media(max-width:480px){.cinema-surface{bottom:52px}.cinema-projector{right:6.4px;transform:scale(.7);transform-origin:right bottom}.research-cinema .research-verdict{left:19.2px;right:16px;top:44px;bottom:84px}.projection-conclusion h4{font-size:16.8px;text-decoration-thickness:4.8px}.research-verdict .projection-subtitle{font-size:9.6px}.projection-verdict-photo{height:128px}.projection-evidence{gap:8px;margin-top:10.4px}.projection-evidence p{font-size:8px}.projection-evidence span{font-size:8.8px}.cinema-progress{bottom:65.6px}}

/* Conversation-led research playback. */
.research-cite{display:inline;border:0;background:#f1edf9;color:#7252a1;border-radius:4px;padding:2.4px 4.8px;font:inherit;font-size:.92em;cursor:pointer}.research-cite:hover{background:#e6ddf4}.research-cite:focus-visible{outline:1.6px solid #9066df;outline-offset:2.4px}.research-answer>p,.research-plan>p{line-height:1.75;margin:9.6px 0}.research-plan{padding-top:8px}.research-stage[data-focus="sales"] .research-metrics>div:nth-child(2){background:#e5dced;border-radius:6.4px;box-shadow:0 0 0 6.4px #e5dced;transition:background .4s}.research-followup>.research-question{margin:14.4px 0}.research-chat{scroll-padding-bottom:16px}.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 7.2px 76px;border:2.4px solid #484d48;border-radius:10.4px;background:radial-gradient(ellipse at 78% 90%,#faf7eb,#f3f2eb 64%,#e8e9e1);box-shadow:0 0 0 0.8px #c1c5b570,inset 0 0 0 0.8px #ffffffb0,0 2.4px 0 1.6px #171e19,0 21.6px 24px -12.8px #000b;opacity:1;transition:background .8s,box-shadow .8s}
.cinema-surface:before{inset:-4.8px;height:auto;border:0.8px solid #8e958482;border-radius:12.8px;background:none;box-shadow:inset 0 0.8px 0 #e9ebdb65,0 0.8px 0 #080f0a}
.cinema-surface:after{inset:0;border-radius:7.2px;background:radial-gradient(ellipse at 80% 100%,#fff3ce20,transparent 65%);opacity:1}
.cinema-hangers,.cinema-bottom-rail{display:none}
.cinema-projector{right:0.8px;bottom:0;width:120px;height:48.8px;border-radius:8.8px;background:linear-gradient(170deg,#a1a7a1 0%,#59605c 11%,#303735 23%,#202724 75%,#111a16);border-color:#7f888077;transform:perspective(320px) rotateY(-16deg) rotateX(8deg);box-shadow:inset 0 1.6px 1.6px #d3d7cd70,inset 0 -1.6px 2.4px #0009,0 9.6px 12.8px #0009}
.cinema-projector i{left:auto;right:9.6px;top:13.6px;width:42.4px;height:23.2px;background:repeating-linear-gradient(0deg,#090f0c 0 1.6px,#4b554d 1.6px 2.4px,transparent 2.4px 4px)}
.cinema-projector span{left:10.4px;right:auto;top:8px;width:31.2px;height:31.2px;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 0.8px #9da595,0 0 0 2.4px #1c2821,0 0 14.4px #f2f1d550;transition:filter .6s,box-shadow .6s}
.cinema-projector b{left:54.4px;top:20.8px;width:6.4px;height:1.6px;background:#c9d3be}
.cinema-projector:after{left:-56px;right:-12px;bottom:-11.2px;height:8px;background:#0007;filter:blur(6.4px);box-shadow:none}
.cinema-beam{left:5%;right:38.4px;bottom:27.2px;height:256px;background:conic-gradient(from -67deg at 91% 100%,transparent 0deg,#f0efdc00 5deg,#f0efdc18 22deg,#f0efdc29 38deg,#f0efdc0d 56deg,transparent 65deg);opacity:.45;filter:blur(10.4px);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 0.8px #7b857655,0 21.6px 24px -12.8px #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 0.8px #677569,0 0 0 2.4px #1c2821}
.research-stage[data-power=off] .cinema-projector b{opacity:.15}
@media(max-width:480px){.cinema-surface{bottom:52px}.cinema-projector{transform:scale(.7);transform-origin:right bottom}.cinema-beam{height:160px;right:28px}}
@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:36.8px 38.4px 0}
.research-cinema .research-platforms{top:70.4px;left:38.4px;right:38.4px}
.research-cinema .research-data{top:113.6px;left:38.4px;right:38.4px}
.research-cinema .research-product{inset:65.6px 38.4px 132px}
.research-cinema .research-comparison{top:80px;left:38.4px;right:38.4px}
.research-cinema .research-verdict{top:73.6px;left:38.4px;right:38.4px;bottom:141.6px}
.research-cinema .cinema-progress{bottom:125.6px}
.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:480px){.research-cinema .research-report-top{padding:23.2px 22.4px 0}.research-cinema .research-platforms{top:47.2px;left:22.4px;right:22.4px}.research-cinema .research-data{top:78.4px;left:22.4px;right:22.4px}.research-cinema .research-product{inset:42.4px 22.4px 88px}.research-cinema .research-comparison{top:52px;left:22.4px;right:22.4px}.research-cinema .research-verdict{top:48px;left:22.4px;right:22.4px;bottom:94.4px}.research-cinema .cinema-progress{bottom:83.2px}}
@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(0.8px);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:-23.2px;top:50%;transform:translateY(-50%);width:3.2px;height:120px;pointer-events:none;z-index:4}
.demo-time-track{display:block;width:100%;height:100%;overflow:hidden;border-radius:1.6px;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:760px){.demo-time-rail{right:-10.4px;width:2.4px;height:96px}}
/* Extra exit room after the final demo, without changing its chapter alignment. */
.assistant-scroll-story .assistant-story-rail{padding-bottom:144px}

/* 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}

/* Operations: a physical shop story, synchronized with the shared conversation. */
.operations-stage{color:#eaf0eb;font-family:Inter,'PingFang SC','Microsoft YaHei',Arial,sans-serif}
.operations-stage *{box-sizing:border-box}.operations-stage [hidden]{display:none!important}
.operations-layout{display:grid;grid-template-columns:336px minmax(0,1fr);gap:60px}
.operations-role{color:#afbeb6;font-size:16.8px}.operations-role span{color:#91e8bc;margin-left:12px}
.operations-presenter h3{font-size:24px;line-height:1.5;font-weight:400;margin:16px 0 0}
.operations-character{width:100%;max-width:312px;aspect-ratio:2/3;margin:28px 0 0;position:relative;isolation:isolate}
.operations-character:before{content:'';position:absolute;z-index:-1;inset:12% -24% -2%;background:url('assets/operations-office-night-bg-v1.png') center / cover no-repeat;filter:brightness(.88) saturate(.7) blur(0.48px);pointer-events:none;mask-image:radial-gradient(ellipse at 50% 57%,#000 28%,#000c 45%,transparent 73%),linear-gradient(to bottom,transparent,#000 12%,#000 78%,transparent);mask-composite:intersect}
.operations-character img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;transform:scale(.77);transform-origin:center bottom}
.operations-character-video{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;transform:scale(.77);transform-origin:center bottom;pointer-events:none}
.operations-demo{position:relative;min-height:544px;isolation:isolate}
.operations-scene{position:absolute;left:-32px;top:52.8px;width:608px;max-width:calc(100% - 384px);margin:0;z-index:1}
.operations-scene-art{position:relative;aspect-ratio:4/3}
.operations-shop{display:block;width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 57%,transparent 76%);transition:filter .6s}
.operations-scene-heading{display:flex;align-items:baseline;gap:10.4px;margin:0 17.6px 3.2px;font-size:12.8px;color:#d7e4da}
.operations-scene-heading strong{font-size:24px;font-weight:500;letter-spacing:-.03em;color:#f2e9dc;font-variant-numeric:tabular-nums}
.operations-scene-heading small{color:#d6ad76;font-size:11.2px}
.operations-hotspot{position:absolute;z-index:2;border:0;background:#17241eea;color:#eaece4;padding:6.4px 9.6px;border-radius:4.8px;font-family:inherit;font-size:11.2px;white-space:nowrap;cursor:pointer;box-shadow:0 2.4px 12px #0003;transition:opacity .3s,background .3s;opacity:.55}
.operations-hotspot:after{content:'';position:absolute;left:14.4px;top:100%;width:0.8px;height:20px;background:#e9c38e99}
.operations-hotspot b{font-weight:500;color:#e8bb7c;margin-right:5.6px}.operations-hotspot[data-focus=stock]{left:22%;top:35%}.operations-hotspot[data-focus=ads]{right:4%;top:31%}
.operations-hotspot[aria-pressed=true]{opacity:1;background:#53412a;color:#fff0d9;box-shadow:0 0 0 0.8px #c3975d88,0 4px 16px #0004}
.operations-hotspot:focus-visible{outline:1.6px solid #91e8bc;outline-offset:3.2px}
.operations-marker{position:absolute;left:39%;top:49%;width:19.2px;height:19.2px;border:0.8px solid #f1bb64;border-radius:50%;opacity:0;pointer-events:none}
.operations-stage[data-focus=stock] .operations-marker{opacity:1;animation:operations-pulse 1.8s ease-out infinite}
.operations-stage[data-focus=ads] .operations-marker{opacity:1;left:90%;top:50%;animation:operations-pulse 1.8s ease-out infinite}
.operations-window{display:flex;flex-direction:column}
.operations-chat{flex:1;min-height:0;overflow:auto;padding:3.2px 19.2px 16px;font-size:13.6px;line-height:1.7;scrollbar-width:thin;scrollbar-color:#dbe4dc transparent;scroll-padding:12px}
.operations-question{padding:12px 13.6px;background:#f5f5f5;border-radius:10.4px;margin:0 0 17.6px}
.operations-thinking{color:#6e7d74;font-size:12.8px;padding:8px 0}
.operations-answer p{margin:9.6px 0}.operations-answer strong{font-weight:550}
.operations-finding{margin:12.8px 0;padding-bottom:12px;border-bottom:0.8px solid #edf0ed}.operations-finding strong{display:block;color:#42634d;font-size:12.8px}.operations-finding p{font-size:12px;color:#66756b;margin:4px 0 0}
.operations-answer small{font-size:10.4px;color:#829087;display:block;line-height:1.7}
.operations-alert{margin:14.4px 0 22.4px;padding:0;border:0}
.operations-alert h4{font-size:20px;line-height:1.3;font-weight:550;color:#29392f;margin:0;letter-spacing:-.02em}
.operations-alert h4 strong{font-size:24px;font-weight:650;color:#9a6231;font-variant-numeric:tabular-nums}
.operations-alert p{font-size:10.4px;color:#7f8981;margin:4.8px 0 10.4px}
.operations-alert>span{font-size:12px;color:#455b4c;font-weight:550}
.operations-finding{margin:0 0 19.2px;padding:0;border:0}
.operations-finding>strong{font-size:13.6px;font-weight:550;color:#344d3d}
.operations-key-number{display:flex;align-items:baseline;gap:7.2px;margin:5.6px 0 2.4px;color:#946235}
.operations-key-number b{font-size:23.2px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.operations-key-number>span,.operations-ad-numbers>div>span{font-size:9.6px;color:#7c877f}
.operations-ad-numbers{gap:25.6px}.operations-ad-numbers>div{display:flex;align-items:baseline;gap:6.4px}
.operations-key-number b span{font-size:11.2px;font-weight:500;margin-left:2.4px}
.operations-finding p{font-size:12px;line-height:1.8;margin:4.8px 0 0;color:#68766d}.operations-finding p b{font-weight:550;color:#465c4c}.operations-stage .operations-caution{color:#8b948d;font-size:10.4px;line-height:1.8;margin-top:6.4px}
.operations-followup{margin-top:17.6px}.operations-plan{list-style:none;padding:0;margin:0}.operations-plan li{margin:12px 0;font-size:12px;color:#66756b}.operations-plan strong{display:block;color:#3d5b46;font-size:12.8px}
.operations-stage .xz-composer,.operations-stage .xz-window-bar{flex-shrink:0}
.assistant-scroll-story .operations-layout{display:block}
.assistant-scroll-story .assistant-chapter .operations-role{font-size:16.8px}
.assistant-scroll-story .assistant-chapter .operations-character{max-width:312px}
.assistant-stage-slot .operations-window{position:relative;z-index:2;width:392px;max-width:100%;height:544px;min-height:544px;margin:0 32px 0 auto;border-radius:20.8px;border:0.8px solid #ffffffb3;background:#fff;box-shadow:0 14.4px 35.2px #0003,0 3.2px 9.6px #ffffff12}
@keyframes operations-pulse{0%{transform:scale(.6);box-shadow:0 0 0 0 #ecc27c55}100%{transform:scale(1.3);box-shadow:0 0 0 12.8px #ecc27c00}}
@media(min-width:760.8px) and (max-width:960px){.operations-scene{left:-32px;max-width:calc(100% - 312px);width:464px}.assistant-stage-slot .operations-window{width:352px;margin-right:0}.operations-scene-heading{display:block}.operations-scene-heading strong{font-size:20px}}
@media(max-width:760px){.assistant-stage-slot>.operations-stage{margin-top:72px}.operations-layout{display:block}.operations-presenter{position:relative;min-height:208px;padding:14.4px 160px 0 0}.operations-character{position:absolute;right:0;bottom:0;width:144px;margin:0}.operations-presenter h3{font-size:22.4px}.operations-demo{max-width:608px;margin:auto;min-height:544px}.operations-scene{position:relative;left:auto;top:auto;width:100%;max-width:100%;margin:0 auto 24px}.operations-scene-art{max-width:496px;margin:auto}.operations-scene-heading{justify-content:center}.operations-note{text-align:center}.assistant-stage-slot .operations-window{margin:0 auto}.operations-controls{max-width:496px;margin:8px auto}.operations-scene figcaption{margin-top:0}}
@media(max-width:480px){.operations-presenter{padding-right:112px;min-height:184px}.operations-presenter h3{font-size:18.4px}.operations-role{font-size:14.4px}.operations-character{width:116px}.operations-scene-heading{font-size:10.4px;margin:0}.operations-scene-heading strong{font-size:21.6px}.operations-scene-heading small{font-size:9.6px}.operations-scene{margin-top:14.4px}.operations-hotspot{font-size:8.8px;padding:4.8px 6.4px}.operations-hotspot[data-focus=ads]{right:2%}.operations-note{font-size:12px;margin:4.8px 0}.operations-note span{font-size:9.6px}.operations-controls{font-size:8.8px;gap:6.4px}.operations-controls button{font-size:9.6px}.assistant-stage-slot .operations-window{width:100%;height:496px;min-height:496px;border-radius:16px;margin:0}.operations-chat{font-size:12.8px;padding:3.2px 16px 16px}.operations-demo{min-height:0}.operations-scene figcaption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.operations-stage *{animation:none!important;transition:none!important}.operations-toggle{display:none}}

/* Fourth story: one briefing continues from the computer to the phone. */
.mobile-stage{color:#eaf0eb;font-family:Inter,'PingFang SC','Microsoft YaHei',Arial,sans-serif}
.mobile-stage *{box-sizing:border-box}.mobile-stage [hidden]{display:none!important}
.mobile-layout{display:grid;grid-template-columns:336px minmax(0,1fr);gap:60px}
.mobile-role{font-size:16.8px;color:#afbeb6}.mobile-role span{color:#91e8bc;margin-left:12px}
.mobile-presenter h3{font-size:24px;font-weight:400;line-height:1.5;margin:16px 0 0}
.mobile-character{position:relative;width:100%;max-width:312px;aspect-ratio:2/3;margin:28px 0 0}
.mobile-character :is(img,video){position:absolute;bottom:0;left:50%;width:142%;height:auto;max-width:none;transform:translateX(-50%);pointer-events:none}
.mobile-demo{position:relative;min-height:544px;isolation:isolate}
.mobile-devices{position:absolute;left:-20px;top:68.8px;width:592px;max-width:calc(100% - 384px);height:456px}
.mobile-computer{position:absolute;left:0;top:22.4px;width:88%;aspect-ratio:1.55;padding:8px 8px 13.6px;background:linear-gradient(145deg,#626c64,#232b26 65%,#91988d);border:0.8px solid #909b8c;border-radius:13.6px;box-shadow:0 19.2px 24px -16px #000b;transform:perspective(880px) rotateY(7deg);transform-origin:left center}
.mobile-computer:after{content:'';position:absolute;left:-5%;bottom:-12px;width:110%;height:14.4px;border:0.8px solid #7a8377;border-radius:1.6px 1.6px 14.4px 14.4px;background:linear-gradient(#a9afa1,#596155 70%,#303c32);box-shadow:0 8px 10.4px #0008}
.mobile-computer-screen{height:100%;overflow:hidden;background:#f1f5ef;color:#344c3c;border-radius:6.4px;padding:15.2px 19.2px}
.mobile-screen-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:13.6px;font-size:9.6px;color:#8c9a8d;border-bottom:0.8px solid #dfe7dc}
.mobile-screen-nav b{font-size:12px;letter-spacing:-.03em;color:#294f3a;font-weight:600}
.mobile-computer h4{font-size:19.2px;font-weight:500;letter-spacing:-.03em;margin:17.6px 0 5.6px;line-height:1.3}
.mobile-computer-sub{font-size:9.6px;color:#7c8f7f;margin:0}
.mobile-computer-order{display:flex;align-items:baseline;gap:9.6px;margin:17.6px 0 14.4px}.mobile-computer-order strong{font-size:38.4px;line-height:1;font-weight:500;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.mobile-computer-order span{font-size:10.4px;color:#7c8f7f}
.mobile-computer-lines{font-size:10.4px;line-height:1.7;color:#697d6b}.mobile-computer-lines p{margin:7.2px 0}.mobile-computer-lines b{font-weight:500;color:#47664e}
.mobile-computer-note{margin:16px 0 0;border-top:0.8px solid #dfe7dc;padding-top:9.6px;font-size:8.8px;color:#8a998b}
.mobile-phone{position:absolute;right:0;top:76px;width:193.6px;height:376px;border:2.4px solid #808a7f;border-radius:30.4px;padding:5.6px;background:#1c2822;box-shadow:0 0 0 0.8px #202e25,8px 17.6px 24px #0007;transform:rotate(-4deg);isolation:isolate}
.mobile-phone:before{content:'';position:absolute;left:calc(50% - 28.8px);top:10.4px;width:57.6px;height:15.2px;background:#112019;border-radius:11.2px;z-index:3}
.mobile-phone-screen{position:relative;height:100%;overflow:hidden;border-radius:22.4px;background:radial-gradient(ellipse at 15% 12%,#60776b,#2b483b 55%,#162b21);color:#f5f5e9}
.mobile-phone-status{position:relative;z-index:2;height:25.6px;padding:8.8px 10.4px 0;display:flex;justify-content:space-between;font-size:7.2px;line-height:1;font-weight:550;letter-spacing:.03em}
.mobile-lockscreen{padding:24px 8px 0;text-align:center}
.mobile-lockscreen>small{font-size:9.6px;color:#d2ded0}.mobile-lock-time{font-size:44px;font-weight:400;line-height:1.2;letter-spacing:-.06em;margin:4.8px 0 20.8px;font-variant-numeric:tabular-nums}
.mobile-notification{display:block;width:100%;border:0.8px solid #ffffff35;border-radius:13.6px;padding:9.6px 8.8px;background:#e9eee1e8;color:#354d3c;text-align:left;font-family:inherit;cursor:pointer;box-shadow:0 4px 11.2px #0c231b28;transition:background .2s,transform .2s}
.mobile-notification:hover{background:#f5f7ed;transform:translateY(-1.6px)}
.mobile-notification-heading{display:flex;align-items:center;gap:4.8px;font-size:8.8px;margin-bottom:6.4px}.mobile-notification-heading img{width:16px;height:16px;object-fit:cover;border-radius:50%}.mobile-notification-heading small{margin-left:auto;color:#81917f;font-size:7.2px}
.mobile-notification strong{display:block;font-size:10.4px;font-weight:550;line-height:1.5}.mobile-notification p{font-size:8.8px;line-height:1.6;margin:4px 0 6.4px;color:#71806c}.mobile-notification>span:last-child{font-size:8px;color:#65806d}
.mobile-phone-home{position:absolute;bottom:5.6px;left:calc(50% - 30.4px);width:60.8px;height:2.4px;background:#d3ded0;border-radius:2.4px}
.mobile-phone-preview-note{position:absolute;bottom:22.4px;left:0;right:0;text-align:center;font-size:7.2px;color:#c3d0c0}
.mobile-phone.is-open{transform:rotate(-2deg)}
.mobile-phone.is-open .mobile-phone-screen{background:#f3f5ee;color:#344d3d}
.mobile-phone.is-open .mobile-phone-status{color:#71836f}
.mobile-phone-report{padding:8px 10.4px 26.4px}
.mobile-phone-report>header{display:flex;align-items:center;gap:6.4px;font-size:8.8px;color:#486c53;border-bottom:0.8px solid #dfe5d9;padding-bottom:8px}
.mobile-report-back{border:0;background:none;color:#617e66;font-family:inherit;font-size:16px;line-height:1;padding:0 2.4px;cursor:pointer;min-height:19.2px}
.mobile-phone-report h4{font-size:17.6px;font-weight:550;line-height:1.25;letter-spacing:-.03em;margin:16px 0 5.6px}
.mobile-phone-report>p{font-size:8px;color:#899781;line-height:1.6;margin:0}
.mobile-phone-order{margin:18.4px 0 17.6px;font-size:8.8px;color:#7d8d75}.mobile-phone-order strong{font-size:34.4px;line-height:1;font-weight:500;letter-spacing:-.04em;color:#365740;margin-right:6.4px}
.mobile-phone-finding{padding:8.8px 0;border-top:0.8px solid #e0e6da}.mobile-phone-finding strong{font-size:9.6px;font-weight:550;color:#45664d}.mobile-phone-finding p{font-size:8px;color:#85917b;line-height:1.7;margin:4px 0 0}
.mobile-phone-report footer{font-size:7.2px;line-height:1.6;color:#81947a;margin-top:8px}
.mobile-computer.is-synced .mobile-computer-order strong{color:#2e7851}
.assistant-stage-slot .mobile-window{position:relative;z-index:2;width:392px;max-width:100%;height:544px;min-height:544px;margin:0 32px 0 auto;border-radius:20.8px;border:0.8px solid #ffffffb3;background:#fff;box-shadow:0 14.4px 35.2px #0003,0 3.2px 9.6px #ffffff12;display:flex;flex-direction:column}
.mobile-window .xz-window-bar{flex-shrink:0}
.mobile-chat{padding:3.2px 19.2px 16px;flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#dbe4dc transparent;font-size:13.6px;line-height:1.7}
.mobile-answer p{margin:9.6px 0;font-size:12.8px;line-height:1.8;color:#4f5f54}.mobile-answer p:last-child{margin-bottom:0}.mobile-answer p strong{font-weight:550;color:#314b3a}
.mobile-chat .mobile-question{position:relative;margin:0 33.6px 17.6px 0;padding:12px 13.6px;background:#f5f5f5;border-radius:10.4px 3.2px 10.4px 10.4px;font-size:12.8px;line-height:1.7;color:#333}
.mobile-chat .mobile-question:after{content:'';position:absolute;right:-33.6px;top:0;width:25.6px;height:25.6px;border:0.8px solid #dce4dc;box-sizing:border-box;border-radius:50%;background:#e5ece2 url('assets/merchant-avatar-v1.png') center / cover no-repeat}
.mobile-answer-hint{font-size:11.2px!important;color:#7d8e80!important}
.mobile-stage .xz-composer{flex-shrink:0}
.mobile-phone.is-open .mobile-phone-preview-note{display:none}
.mobile-phone-report h4{font-size:16.8px;margin-top:12.8px}
.mobile-phone-order{margin-top:14.4px;margin-bottom:14.4px}
.mobile-phone-report footer{margin-top:5.6px}
.assistant-scroll-story .mobile-layout{display:block}
.mobile-notification:focus-visible,.mobile-report-back:focus-visible{outline:1.6px solid #b7dfbe;outline-offset:3.2px}
@media(min-width:59.4375em) and (max-width:75em){.mobile-devices{left:-24px;max-width:calc(100% - 312px);height:456px}.assistant-stage-slot .mobile-window{width:352px;margin-right:0}.mobile-phone{width:172px;height:344px;top:132px}.mobile-computer-screen{padding:10.4px}.mobile-computer h4{font-size:16px}.mobile-computer-order strong{font-size:30.4px}.mobile-computer-note{display:none}}
@media(max-width:760px){.assistant-stage-slot>.mobile-stage{margin-top:72px}.mobile-layout{display:block}.mobile-presenter{position:relative;min-height:224px;padding:14.4px 176px 0 0}.mobile-character{position:absolute;right:-12px;bottom:0;width:144px;margin:0;aspect-ratio:1}.mobile-character :is(img,video){width:145%}.mobile-presenter h3{font-size:22.4px}.mobile-demo{min-height:0}.mobile-devices{position:relative;left:auto;top:auto;width:496px;max-width:100%;height:472px;margin:20px auto 28px}.assistant-stage-slot .mobile-window{margin:0 auto}.mobile-computer{top:16px;width:82%}.mobile-phone{right:4%;top:88px}.mobile-phone-screen{font-size:9.6px}}
@media(max-width:480px){.mobile-presenter{min-height:184px;padding-right:116px}.mobile-presenter h3{font-size:18.4px}.mobile-role{font-size:14.4px}.mobile-character{width:108px;right:-4px}.mobile-devices{height:376px;margin-top:28px;margin-bottom:20px}.mobile-computer{width:87%;top:0;padding:4.8px;border-radius:9.6px}.mobile-computer-screen{padding:9.6px}.mobile-screen-nav{font-size:7.2px;padding-bottom:8px}.mobile-screen-nav b{font-size:9.6px}.mobile-computer h4{font-size:14.4px;margin-top:10.4px}.mobile-computer-sub{font-size:7.2px}.mobile-computer-order{margin:12px 0 8px;gap:6.4px}.mobile-computer-order strong{font-size:24.8px}.mobile-computer-order span{font-size:8px}.mobile-computer-lines{font-size:8px;line-height:1.5}.mobile-computer-lines p{margin:4px 0}.mobile-computer-note{display:none}.mobile-phone{width:158.4px;height:312px;top:52px;right:0;border-radius:24.8px;padding:4px}.mobile-phone-screen{border-radius:18.4px}.mobile-phone:before{top:8.8px;width:46.4px;height:12px;left:calc(50% - 23.2px)}.mobile-lockscreen{padding-top:18.4px}.mobile-lock-time{font-size:36px;margin-bottom:16px}.mobile-notification{padding:8px 7.2px}.mobile-notification strong{font-size:9.6px}.mobile-notification p{font-size:8px}.mobile-phone-report{padding:6.4px 8.8px 20.8px}.mobile-phone-report h4{font-size:16px;margin-top:11.2px}.mobile-phone-order{margin:14.4px 0 13.6px}.mobile-phone-order strong{font-size:28.8px}.mobile-phone-finding{padding:7.2px 0}.mobile-phone-finding p{font-size:7.2px}.mobile-phone-report footer{font-size:6.4px}.assistant-stage-slot .mobile-window{width:100%;height:496px;min-height:496px;border-radius:16px;margin:0}.mobile-chat{font-size:12px;padding:3.2px 16px 16px}.mobile-answer p{font-size:12px}.mobile-chat .mobile-question{font-size:12px;padding:10.4px}}
@media(prefers-reduced-motion:reduce){.mobile-stage *{transition:none!important;animation:none!important}}
@media(min-width:59.4375em) and (max-width:90.625em){.mobile-devices{max-width:calc(100% - 404px)}.mobile-phone{width:164px;height:352px;right:24px}.mobile-computer-lines p:nth-child(2),.mobile-computer-note{display:none}.mobile-computer-screen{padding:12.8px}.mobile-computer h4{font-size:17.6px;margin-top:13.6px}.mobile-computer-order{margin-top:12.8px;margin-bottom:9.6px}.mobile-computer-order strong{font-size:32px}}
@media(max-width:480px){.mobile-character{right:0}.mobile-character :is(img,video){width:125%}.mobile-phone-report h4{font-size:14.4px;margin-top:9.6px}.mobile-phone-order{margin-top:12.8px;margin-bottom:11.2px}}

.mobile-notification{transition:opacity .3s ease,transform .35s ease,background .2s}
.mobile-stage[data-phase=waiting] .mobile-notification{opacity:0;visibility:hidden;transform:translateY(7.2px)}
.mobile-stage[data-phase=waiting] .mobile-phone-preview-note{opacity:0}
/* Photographic laptop hardware; its display remains live HTML. */
.mobile-devices .mobile-computer{left:-6.4px;top:8px;width:100%;aspect-ratio:3/2;padding:0;border:0;border-radius:0;background:url('assets/mobile-laptop-realistic-v1.png') center / 100% 100% no-repeat;box-shadow:none;transform:none;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 96%,transparent);mask-composite:intersect}
.mobile-devices .mobile-computer:after{display:none}
.mobile-devices .mobile-computer:before{content:'';position:absolute;left:17.32%;top:9.375%;width:65.3%;height:48.8%;z-index:2;background:linear-gradient(125deg,#ffffff0a,transparent 48%,#00000006);pointer-events:none}
.mobile-devices .mobile-computer-screen{position:absolute;left:17.32%;top:9.375%;width:65.3%;height:48.8%;padding:10.4px 13.6px;border-radius:0.8px;background:#eff3ed;box-shadow:inset 0 0 3.2px #0002}
.mobile-devices .mobile-screen-nav{font-size:8px;padding-bottom:6.4px}.mobile-devices .mobile-screen-nav b{font-size:10.4px}
.mobile-devices .mobile-computer h4{font-size:15.2px;line-height:1.3;margin:9.6px 0 3.2px}.mobile-devices .mobile-computer-sub{font-size:8px}
.mobile-devices .mobile-computer-order{margin:9.6px 0 8px;gap:6.4px}.mobile-devices .mobile-computer-order strong{font-size:27.2px}.mobile-devices .mobile-computer-order span{font-size:8.8px}
.mobile-devices .mobile-computer-lines{font-size:8.8px;line-height:1.5}.mobile-devices .mobile-computer-lines p{margin:4.8px 0}
@media(min-width:59.4375em) and (max-width:90.625em){.mobile-devices .mobile-computer-screen{padding:7.2px 9.6px}.mobile-devices .mobile-screen-nav{padding-bottom:4.8px}.mobile-devices .mobile-computer h4{font-size:12.8px;margin-top:6.4px}.mobile-devices .mobile-computer-order{margin:7.2px 0}.mobile-devices .mobile-computer-order strong{font-size:21.6px}.mobile-devices .mobile-computer-lines{display:none}}
@media(max-width:480px){.mobile-devices .mobile-computer{top:0;left:-9.6px;width:100%}.mobile-devices .mobile-computer-screen{padding:6.4px 8px}.mobile-devices .mobile-screen-nav{font-size:6.4px;padding-bottom:4px}.mobile-devices .mobile-screen-nav b{font-size:8px}.mobile-devices .mobile-computer h4{font-size:11.2px;margin:5.6px 0 2.4px}.mobile-devices .mobile-computer-sub{font-size:6.4px}.mobile-devices .mobile-computer-order{margin:6.4px 0 0}.mobile-devices .mobile-computer-order strong{font-size:20px}.mobile-devices .mobile-computer-order span{font-size:7.2px}.mobile-devices .mobile-computer-lines{display:none}}
/* Keep the phone inside the middle column, clear of the fixed conversation. */
.mobile-devices .mobile-phone{left:70%;right:auto;top:60px;width:216px;height:408px;transform:translateX(-50%) rotate(-3deg)}
.mobile-devices .mobile-phone.is-open{transform:translateX(-50%) rotate(-2deg)}
@media(min-width:59.4375em) and (max-width:90.625em){.mobile-devices .mobile-phone{left:62%;right:auto;width:193.6px;height:384px;top:48px}}
@media(min-width:59.4375em) and (max-width:78.125em){.mobile-devices .mobile-phone{left:70%;width:168px;height:352px}}
@media(max-width:760px){.mobile-devices{height:440px}.mobile-devices .mobile-phone{left:46%;top:9.6px;width:208px;height:408px}}
@media(max-width:480px){.mobile-devices{height:360px;margin-top:16px}.mobile-devices .mobile-phone{left:46%;width:176px;height:340px;top:4px}}

/* Feather only the empty outer rim of the baked lighting video. */
.mobile-character-video{mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent),linear-gradient(to bottom,transparent,#000 1%,#000 99.65%,transparent);mask-composite:intersect}

/* Expanded room canvas preserves the original sofa scale and floor position. */
.mobile-character .mobile-character-video{width:180.58696%;left:30.70652%}
@media(max-width:760px){.mobile-character .mobile-character-video{width:184.40217%;left:30.29891%}}
@media(max-width:480px){.mobile-character .mobile-character-video{width:158.96739%;left:33.01630%}}

/* Original white-backed footage; keep the room area white instead of keying it. */
.mobile-character .mobile-character-video{background:#fff;mask-image:none;-webkit-mask-image:none;border-radius:19.2px}

@media(max-width:760px){.mobile-presenter{padding:14.4px 0 0;min-height:0}.mobile-character{position:relative;right:auto;bottom:auto;width:100%;max-width:312px;aspect-ratio:1404/1100;margin:19.2px auto 0}.mobile-character .mobile-character-video{width:100%;left:50%}}

/* The night room dissolves into the same dark green page background. */
.mobile-character .mobile-character-video{background:#030d0b;border-radius:0}

/* Device study: desktop application behind a true-to-scale phone. */
.mobile-devices .mobile-computer{width:92%;left:-32px;top:28px}
.mobile-devices .mobile-phone{left:85%;top:76px;width:184px;height:384px;padding:4.8px;border:1.6px solid #929791;border-radius:32px;background:linear-gradient(100deg,#b7bbb3,#414843 3%,#111915 6%,#17211b 94%,#8d938c 98%,#c2c4bd);box-shadow:0 0 0 0.8px #222d25,0.8px 0 0 1.6px #4b554c,9.6px 16px 25.6px #0008;transform:translateX(-50%) rotate(-2deg)}
.mobile-devices .mobile-phone.is-open{transform:translateX(-50%) rotate(-1deg)}
.mobile-phone:before{left:calc(50% - 25.6px);top:10.4px;width:51.2px;height:14.4px;border-radius:11.2px;background:#050907;box-shadow:inset 0 0 0 0.8px #18231c;z-index:5}
.mobile-phone:after{content:'';position:absolute;right:-3.2px;top:88px;width:1.6px;height:36px;border-radius:1.6px;background:linear-gradient(#a2a79f,#48534a,#8a948a);box-shadow:-185.6px -36.8px 0 -0.24px #778276,-185.6px -7.2px 0 -0.24px #778276}
.mobile-phone-screen{border-radius:25.6px;background:radial-gradient(ellipse at 15% 10%,#9aab9e80,transparent 65%),radial-gradient(ellipse at 90% 85%,#99b7a030,transparent 55%),linear-gradient(155deg,#537363,#213e31 60%,#12271c)}
.mobile-phone-screen:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:6;border:0.8px solid #ffffff12;border-radius:inherit;background:linear-gradient(120deg,#ffffff06,transparent 38%)}
.mobile-phone-status{height:28.8px;padding:9.6px 11.2px 0;font-size:8px;letter-spacing:0;line-height:1}
.mobile-phone:not(.is-open) .mobile-phone-status>span:first-child{visibility:hidden}
.mobile-status-icons{display:flex;gap:3.2px;align-items:center;height:8.8px}.mobile-status-icons svg{width:10.4px;height:8px}.mobile-status-icons i{position:relative;display:block;width:14.4px;height:7.2px;border:0.8px solid currentColor;border-radius:1.6px;opacity:.9}.mobile-status-icons i:before{content:'';position:absolute;inset:0.8px 2.4px 0.8px 0.8px;background:currentColor;border-radius:0.8px}.mobile-status-icons i:after{content:'';position:absolute;right:-2.4px;top:1.6px;width:1.6px;height:2.4px;background:currentColor;border-radius:0.8px}
.mobile-lockscreen{padding:6.4px 7.2px 0;text-align:center}.mobile-lock-symbol{display:block;width:8px;height:6.4px;border-radius:1.6px;background:#e3ebde;margin:3.2px auto 10.4px;position:relative}.mobile-lock-symbol:before{content:'';position:absolute;left:1.6px;top:-4px;width:4.8px;height:4.8px;border:1.2px solid #e3ebde;border-radius:4px;box-sizing:border-box}
.mobile-lockscreen>small{font-size:9.6px;color:#e5eddf;font-weight:500}.mobile-lock-time{font-size:51.2px;font-weight:350;line-height:1.08;letter-spacing:-.055em;margin:4px 0 23.2px;color:#ecf1e6}
.mobile-notification{padding:8.8px 8px 8px;border-radius:14.4px;border:0.8px solid #ffffff36;background:#e6ede1e8;box-shadow:0 4.8px 12px #071c1925;backdrop-filter:blur(16px)}
.mobile-notification-heading{font-size:8px;margin-bottom:4.8px;gap:4px}.mobile-notification-heading img{width:16px;height:16px;border-radius:4.8px}.mobile-notification-heading small{font-size:7.2px;color:#6f7d6d}.mobile-notification strong{font-size:9.6px;line-height:1.55;color:#273f2f;font-weight:600}.mobile-notification p{font-size:8px;line-height:1.6;color:#52684f;margin:2.4px 0 4px}.mobile-notification>span:last-child{font-size:7.2px;color:#647c63}
.mobile-lock-actions{position:absolute;bottom:31.2px;left:18.4px;right:18.4px;display:flex;justify-content:space-between}.mobile-lock-actions>span{display:grid;place-items:center;width:24.8px;height:24.8px;border-radius:50%;background:#041b1570;color:#e0e8dc;font-size:17.6px}.mobile-lock-actions svg{width:12.8px;height:12.8px;fill:none;stroke:currentColor;stroke-width:1.6}
.mobile-phone-preview-note{bottom:17.6px;font-size:6.4px;color:#d2dfcf;letter-spacing:.02em}.mobile-phone-home{bottom:5.6px;width:60px;left:calc(50% - 30px);height:2.4px;background:#edf1e6}
.mobile-phone.is-open .mobile-phone-screen{background:#f6f7f3;color:#2c4334}.mobile-phone.is-open .mobile-phone-status{color:#243a2d}.mobile-phone.is-open .mobile-phone-home{background:#172d20}
.mobile-phone-report{padding:0;height:calc(100% - 28.8px);position:relative;overflow:hidden}.mobile-phone-report>header{display:flex;gap:5.6px;align-items:center;margin:0;padding:3.2px 8px 7.2px;border-bottom:0.8px solid #e2e7de;font-size:9.6px;background:#f6f7f3}.mobile-report-back{min-height:20px;font-size:21.6px;color:#31533e;padding:0 1.6px;margin-right:0}.mobile-phone-report>header img{width:19.2px;height:19.2px;border-radius:50%}.mobile-phone-report>header>span{line-height:1.3;font-weight:550}.mobile-phone-report>header small{display:block;font-size:6.4px;font-weight:400;color:#879583;margin-top:1.6px}.mobile-phone-report>header .mobile-phone-menu{margin-left:auto;letter-spacing:0.8px;font-size:14.4px}
.mobile-phone-summary{padding:0 10.4px}.mobile-phone-report h4{font-size:15.2px;margin:13.6px 0 4px;line-height:1.25;font-weight:600}.mobile-phone-summary>p{font-size:7.2px;color:#7b8c78;margin:0;line-height:1.5}.mobile-phone-order{display:flex;align-items:center;gap:6.4px;margin:12.8px 0;padding:10.4px 0;border-top:0.8px solid #e1e7da;border-bottom:0.8px solid #e1e7da;font-size:8px;color:#536b52}.mobile-phone-order strong{font-size:34.4px;line-height:1;margin:0;color:#2f6140;font-weight:450}.mobile-phone-order span{font-size:8px;line-height:1.5}.mobile-phone-order small{display:block;font-size:6.4px;color:#8b7964}
.mobile-phone-finding{border-top:0;padding:0;margin:10.4px 0}.mobile-phone-finding strong{font-size:8.8px;color:#3a563e;line-height:1.5}.mobile-phone-finding p{font-size:7.2px;line-height:1.6;color:#73816d;margin:2.4px 0 0}
.mobile-phone-input{position:absolute;bottom:13.6px;left:8px;right:8px;display:flex;align-items:center;gap:6.4px;border-top:0.8px solid #e0e6db;padding-top:7.2px;height:32.8px;background:#f6f7f3}.mobile-phone-input>span:first-child{font-size:16.8px;color:#687a65}.mobile-phone-input>span:nth-child(2){flex:1;padding:5.6px 7.2px;background:#fff;border:0.8px solid #e2e7df;border-radius:11.2px;font-size:8px;color:#93a08d}.mobile-phone-input i{font-size:10.4px;font-style:normal;background:#4c7055;color:#fff;border-radius:50%;width:16.8px;height:16.8px;text-align:center;line-height:16px}
.mobile-phone.is-conversation .mobile-phone-summary{display:none}.mobile-phone-dialogue{padding:0 8.8px 49.6px}.mobile-device-date{text-align:center;color:#97a18f;font-size:6.4px;margin:9.6px 0 12.8px}.mobile-device-question{margin:0 0 11.2px 17.6px;padding:7.2px 8px;background:#dce9d8;color:#304a35;font-size:8.8px;line-height:1.6;border-radius:9.6px 2.4px 9.6px 9.6px;min-height:28px}.mobile-device-answer{margin-right:9.6px;padding:8.8px;background:#fff;border:0.8px solid #e3e8df;border-radius:2.4px 9.6px 9.6px 9.6px;color:#52634e;font-size:8.8px;line-height:1.75}.mobile-device-answer b{font-weight:600;color:#314e36}.mobile-device-thinking{display:flex;gap:3.2px;align-items:center;background:#fff;border-radius:2.4px 9.6px 9.6px 9.6px;padding:10.4px;width:38.4px}.mobile-device-thinking i{width:3.2px;height:3.2px;border-radius:50%;background:#81977b}

/* A desktop app has navigation and compact information, rather than a phone page enlarged. */
.mobile-devices .mobile-computer-screen{padding:0;background:#f4f6f1;overflow:hidden;color:#384b3a}
.mobile-desktop-titlebar{height:16px;border-bottom:0.8px solid #dce2d8;background:#e8ece5;display:flex;align-items:center;justify-content:center;font-size:6.4px;color:#6a7966;position:relative;letter-spacing:.01em}.mobile-window-controls{position:absolute;left:7.2px;display:flex;gap:3.2px}.mobile-window-controls i{width:4px;height:4px;border-radius:50%;background:#bcc7b6}.mobile-window-controls i:first-child{background:#cbb39e}
.mobile-desktop-app{height:calc(100% - 16px);display:flex}.mobile-desktop-sidebar{width:34.4px;flex:none;background:#e9eee6;border-right:0.8px solid #dfe5d9;display:flex;flex-direction:column;align-items:stretch;padding:6.4px 4px;gap:4px;font-size:6.4px;color:#7b8b76;text-align:center}.mobile-desktop-sidebar>b{font-size:14.4px;font-weight:700;color:#365e40;line-height:1;margin-bottom:7.2px}.mobile-desktop-sidebar>span{border-radius:3.2px;padding:4px 0}.mobile-desktop-sidebar .is-current{color:#365940;background:#d5e1d0;font-weight:600}.mobile-desktop-sidebar .mobile-sidebar-bottom{margin-top:auto}
.mobile-desktop-main{flex:1;min-width:0;padding:8px 9.6px}.mobile-devices .mobile-screen-nav{font-size:6.4px;border:0;padding:0 0 8px}.mobile-devices .mobile-screen-nav b{font-size:8px;font-weight:600}.mobile-desktop-heading{display:flex;align-items:center;justify-content:space-between;gap:6.4px}.mobile-devices .mobile-computer h4{font-size:12px;font-weight:600;margin:0 0 3.2px;line-height:1.3}.mobile-desktop-heading>span{font-size:6.4px;border:0.8px solid #dce3d7;padding:2.4px 4.8px;border-radius:3.2px;background:#fcfdf9}.mobile-devices .mobile-computer-sub{font-size:6.4px;margin:0;color:#95a08c}
.mobile-desktop-metrics{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:4.8px;margin:9.6px 0}.mobile-desktop-metrics>div,.mobile-desktop-metrics .mobile-computer-order{display:flex;align-items:flex-start;flex-direction:column;gap:4px;background:#fff;border:0.8px solid #e0e6d9;padding:7.2px 6.4px;border-radius:4px;margin:0}.mobile-desktop-metrics span,.mobile-devices .mobile-computer-order span{font-size:6.4px;color:#7c8a72;line-height:1.25}.mobile-desktop-metrics strong,.mobile-devices .mobile-computer-order strong{font-size:21.6px;line-height:1;font-weight:500;letter-spacing:-.04em;color:#355e3c;font-variant-numeric:tabular-nums}.mobile-desktop-metrics small{font-size:6.4px;margin-left:2.4px;font-weight:400;letter-spacing:0;color:#89947d}.mobile-desktop-metrics em{font-size:5.6px;font-style:normal;line-height:1.3;color:#95836e;white-space:nowrap}
.mobile-devices .mobile-computer-lines{display:block;font-size:6.4px;line-height:1.4}.mobile-computer-lines>header{display:flex;align-items:center;justify-content:space-between;margin:0 0 4px;font-size:6.4px;color:#4e684c}.mobile-computer-lines>header>span{color:#98a48e;font-size:5.6px}.mobile-devices .mobile-computer-lines p,.mobile-devices .mobile-computer-lines p:nth-child(2){display:flex;align-items:center;gap:4px;margin:0;padding:5.6px 0;border-top:0.8px solid #e1e6da;font-size:6.4px;line-height:1.3}.mobile-computer-lines p>b{font-weight:400;flex:1;min-width:0}.mobile-computer-lines p>span:last-child{font-size:5.6px;color:#8a977f}.mobile-desktop-dot{width:3.2px;height:3.2px;border-radius:50%;background:#bc9b6b;flex:none}
@media(min-width:59.4375em) and (max-width:90.625em){.mobile-devices .mobile-computer{left:-20px;width:91%;top:38.4px}.mobile-devices .mobile-phone{left:84%;top:92px;width:168px;height:352px}.mobile-phone:after{box-shadow:none}.mobile-desktop-main{padding:6.4px}.mobile-desktop-metrics{gap:3.2px;margin:7.2px 0}.mobile-desktop-metrics>div,.mobile-desktop-metrics .mobile-computer-order{padding:5.6px 4px}.mobile-devices .mobile-computer h4{font-size:10.4px}.mobile-desktop-metrics strong,.mobile-devices .mobile-computer-order strong{font-size:19.2px}.mobile-lock-time{font-size:45.6px;margin-bottom:18.4px}.mobile-phone-report h4{font-size:13.6px;margin-top:10.4px}.mobile-phone-finding{margin:8.8px 0}.mobile-device-answer{font-size:8px}.mobile-phone-order{margin:9.6px 0;padding:8px 0}}
@media(min-width:59.4375em) and (max-width:78.125em){.mobile-devices .mobile-computer{left:-16px;width:95%;top:36.8px}.mobile-devices .mobile-phone{left:86%;top:116px;width:152px;height:321.6px}.mobile-phone-status{padding-left:8px;padding-right:8px;font-size:7.2px}.mobile-status-icons{gap:2.4px}.mobile-status-icons svg{width:8px}.mobile-phone:before{width:44.8px;left:calc(50% - 22.4px);height:12.8px}.mobile-lockscreen{padding:4.8px 5.6px 0}.mobile-lock-time{font-size:41.6px;margin-bottom:16px}.mobile-notification{padding:7.2px 6.4px}.mobile-notification strong{font-size:8.8px}.mobile-notification p{font-size:7.2px}.mobile-phone-summary{padding:0 8px}.mobile-phone-report h4{font-size:12px}.mobile-phone-order{margin:8px 0;padding:6.4px 0}.mobile-phone-order strong{font-size:28.8px}.mobile-phone-finding{margin:7.2px 0}.mobile-phone-finding strong{font-size:8px}.mobile-phone-finding p{font-size:6.4px}.mobile-phone-report>header{padding:2.4px 5.6px 5.6px}.mobile-phone-input{bottom:11.2px}.mobile-device-date{margin-bottom:8.8px}.mobile-device-question,.mobile-device-answer{font-size:7.2px;padding:6.4px}.mobile-device-answer{line-height:1.65}.mobile-desktop-sidebar{width:25.6px;font-size:5.6px;padding:4.8px 2.4px}.mobile-desktop-main{padding:5.6px}.mobile-devices .mobile-screen-nav{padding-bottom:5.6px}.mobile-desktop-metrics em{font-size:4.8px}.mobile-desktop-metrics strong,.mobile-devices .mobile-computer-order strong{font-size:16.8px}.mobile-devices .mobile-computer-lines p{font-size:5.6px;padding:4px 0}.mobile-devices .mobile-computer-lines p>span:last-child{display:none}}
@media(max-width:760px){.mobile-devices{height:440px;margin:24px auto}.mobile-devices .mobile-computer{width:87%;left:-5%;top:20.8px}.mobile-devices .mobile-phone{left:79%;top:88px;width:184px;height:384px}.mobile-phone:after{box-shadow:none}}
@media(max-width:480px){.mobile-devices{height:348px;margin:16px auto 24px}.mobile-devices .mobile-computer{left:-9%;top:4px;width:102%}.mobile-devices .mobile-phone{left:73%;top:80px;width:140.8px;height:296px;border-radius:25.6px;padding:4px}.mobile-phone-screen{border-radius:20px}.mobile-phone:before{width:38.4px;left:calc(50% - 19.2px);height:11.2px;top:9.6px}.mobile-phone-status{height:25.6px;font-size:6.4px;padding:8.8px 7.2px 0}.mobile-status-icons svg{width:7.2px;height:6.4px}.mobile-status-icons{gap:2.4px}.mobile-status-icons i{width:12px;height:6.4px}.mobile-lockscreen{padding:4px 4.8px 0}.mobile-lock-symbol{margin-bottom:8px}.mobile-lockscreen>small{font-size:8px}.mobile-lock-time{font-size:39.2px;margin:3.2px 0 15.2px}.mobile-notification{padding:6.4px 5.6px;border-radius:11.2px}.mobile-notification-heading{font-size:7.2px;margin-bottom:4px}.mobile-notification-heading img{width:13.6px;height:13.6px}.mobile-notification-heading small{font-size:6.4px}.mobile-notification strong{font-size:8px}.mobile-notification p{font-size:7.2px}.mobile-notification>span:last-child{font-size:6.4px}.mobile-lock-actions{bottom:25.6px;left:13.6px;right:13.6px}.mobile-lock-actions>span{width:20.8px;height:20.8px;font-size:15.2px}.mobile-phone-preview-note{font-size:5.6px;bottom:15.2px}.mobile-phone-report{height:calc(100% - 25.6px)}.mobile-phone-report>header{font-size:8px;padding:1.6px 5.6px 4.8px;gap:4px}.mobile-phone-report>header img{width:16.8px;height:16.8px}.mobile-phone-summary{padding:0 8px}.mobile-phone-report h4{font-size:12px;margin-top:9.6px}.mobile-phone-summary>p{font-size:6.4px}.mobile-phone-order{margin:8px 0;padding:6.4px 0;gap:4.8px}.mobile-phone-order strong{font-size:27.2px}.mobile-phone-order span{font-size:7.2px}.mobile-phone-order small{font-size:5.6px}.mobile-phone-finding{margin:6.4px 0}.mobile-phone-finding strong{font-size:8px}.mobile-phone-finding p{font-size:6.4px;line-height:1.5}.mobile-phone-input{bottom:11.2px;height:28px;left:6.4px;right:6.4px;gap:4px;padding-top:4.8px}.mobile-phone-input>span:nth-child(2){font-size:7.2px;padding:4.8px 6.4px}.mobile-phone-input i{width:14.4px;height:14.4px;line-height:13.6px}.mobile-phone-dialogue{padding:0 7.2px 41.6px}.mobile-device-date{margin:8px 0;font-size:5.6px}.mobile-device-question,.mobile-device-answer{font-size:7.2px;line-height:1.6;padding:6.4px}.mobile-device-question{margin-left:12px;margin-bottom:8px}.mobile-desktop-titlebar{height:12.8px;font-size:5.6px}.mobile-desktop-app{height:calc(100% - 12.8px)}.mobile-desktop-sidebar{width:24px;font-size:4.8px;padding:4px 2.4px;gap:2.4px}.mobile-desktop-sidebar>b{font-size:12px;margin-bottom:4px}.mobile-desktop-sidebar>span{padding:3.2px 0}.mobile-desktop-main{padding:5.6px 6.4px}.mobile-devices .mobile-screen-nav{font-size:5.6px;padding-bottom:5.6px}.mobile-devices .mobile-screen-nav b{font-size:7.2px}.mobile-devices .mobile-computer h4{font-size:9.6px;margin:0 0 2.4px}.mobile-desktop-metrics{margin:7.2px 0;gap:3.2px}.mobile-desktop-metrics>div,.mobile-desktop-metrics .mobile-computer-order{padding:4.8px 3.2px;gap:3.2px}.mobile-desktop-metrics span,.mobile-devices .mobile-computer-order span{font-size:5.6px}.mobile-desktop-metrics strong,.mobile-devices .mobile-computer-order strong{font-size:17.6px}.mobile-desktop-metrics em{font-size:4.8px}.mobile-devices .mobile-computer-lines p{font-size:5.6px;padding:4px 0}.mobile-devices .mobile-computer-lines p>span:last-child{display:none}}

/* Fit the whole desktop report into the photographed display, including both findings. */
.mobile-desktop-titlebar{height:12.8px}.mobile-desktop-app{height:calc(100% - 12.8px)}.mobile-desktop-main{padding:6.4px 9.6px}.mobile-devices .mobile-screen-nav{padding-bottom:4.8px}.mobile-desktop-metrics{margin:6.4px 0}.mobile-desktop-metrics>div,.mobile-desktop-metrics .mobile-computer-order{padding:5.6px 6.4px;gap:2.4px}.mobile-devices .mobile-computer-lines p,.mobile-devices .mobile-computer-lines p:nth-child(2){padding:4px 0}
.mobile-devices .mobile-phone{left:calc(100% - 112px)}
@media(min-width:59.4375em) and (max-width:106.25em){.mobile-devices .mobile-phone{left:calc(100% - 100px);top:144px;width:168px;height:352px}.mobile-phone:after{box-shadow:none}.mobile-desktop-main{padding:4.8px 6.4px}.mobile-desktop-metrics{margin:4.8px 0;gap:3.2px}.mobile-desktop-metrics>div,.mobile-desktop-metrics .mobile-computer-order{padding:4px;gap:2.4px}.mobile-devices .mobile-computer-lines p,.mobile-devices .mobile-computer-lines p:nth-child(2){padding:3.2px 0}.mobile-desktop-metrics strong,.mobile-devices .mobile-computer-order strong{font-size:18.4px}.mobile-devices .mobile-computer-lines p>span:last-child{display:none}}
@media(min-width:59.4375em) and (max-width:78.125em){.mobile-devices .mobile-phone{left:calc(100% - 88px);top:156px;width:152px;height:321.6px}.mobile-desktop-sidebar{width:22.4px;padding:4px 2.4px;gap:2.4px}.mobile-desktop-sidebar>span{padding:3.2px 0}.mobile-desktop-sidebar>b{font-size:12.8px;margin-bottom:4px}.mobile-desktop-heading{display:none}.mobile-devices .mobile-screen-nav b{font-size:8.8px}.mobile-devices .mobile-computer-sub{font-size:5.6px}.mobile-desktop-main{padding:4.8px}.mobile-desktop-metrics strong,.mobile-devices .mobile-computer-order strong{font-size:16px}.mobile-desktop-metrics em{display:none}}
@media(max-width:760px){.mobile-devices .mobile-phone{left:77%}}
@media(max-width:480px){.mobile-devices .mobile-phone{left:73%}.mobile-desktop-main{padding:4.8px 6.4px}.mobile-desktop-metrics>div,.mobile-desktop-metrics .mobile-computer-order{padding:4px 3.2px}.mobile-desktop-metrics{gap:3.2px;margin:5.6px 0}.mobile-desktop-heading{display:none}.mobile-devices .mobile-screen-nav b{font-size:8px}}

/* Scale the desktop UI with its physical screen, including the small-screen mockup. */
.mobile-devices .mobile-computer-screen{container-type:inline-size}
.mobile-desktop-titlebar{height:4.2cqw;font-size:1.8cqw}.mobile-window-controls{left:2cqw;gap:1cqw}.mobile-window-controls i{width:1.2cqw;height:1.2cqw}.mobile-desktop-app{height:calc(100% - 4.2cqw)}
.mobile-desktop-sidebar{width:9cqw;padding:2cqw 1cqw;gap:1cqw;font-size:1.8cqw}.mobile-desktop-sidebar>b{font-size:4.4cqw;margin-bottom:2cqw}.mobile-desktop-sidebar>span{padding:1.3cqw 0;border-radius:1cqw}
.mobile-desktop-main{padding:2cqw 2.5cqw}.mobile-devices .mobile-screen-nav{font-size:1.9cqw;padding:0 0 1.5cqw;line-height:1.2}.mobile-devices .mobile-screen-nav b{font-size:2.3cqw}.mobile-desktop-heading{display:flex;gap:2cqw}.mobile-devices .mobile-computer h4{font-size:3.6cqw;line-height:1.25;margin:0 0 .8cqw}.mobile-desktop-heading>span{font-size:1.7cqw;padding:.5cqw 1cqw}.mobile-devices .mobile-computer-sub{font-size:1.8cqw;line-height:1.25;margin:0}
.mobile-desktop-metrics{gap:1.4cqw;margin:2.5cqw 0 2cqw}.mobile-desktop-metrics>div,.mobile-desktop-metrics .mobile-computer-order{padding:1.7cqw 1.5cqw;gap:1cqw;border-radius:1.2cqw}.mobile-desktop-metrics span,.mobile-devices .mobile-computer-order span{font-size:1.9cqw;line-height:1.25}.mobile-desktop-metrics strong,.mobile-devices .mobile-computer-order strong{font-size:6cqw;line-height:1}.mobile-desktop-metrics small{font-size:1.8cqw;margin-left:.6cqw}.mobile-desktop-metrics em{display:block;font-size:1.55cqw;line-height:1.3}
.mobile-devices .mobile-computer-lines{font-size:1.9cqw;line-height:1.25}.mobile-computer-lines>header{font-size:1.9cqw;margin-bottom:1cqw;line-height:1.25}.mobile-computer-lines>header>span{font-size:1.7cqw}.mobile-devices .mobile-computer-lines p,.mobile-devices .mobile-computer-lines p:nth-child(2){font-size:1.9cqw;line-height:1.3;padding:1.3cqw 0;gap:1cqw}.mobile-devices .mobile-computer-lines p>span:last-child{display:block;font-size:1.6cqw}.mobile-desktop-dot{width:1cqw;height:1cqw}
@media(min-width:59.4375em) and (max-width:106.25em){.mobile-devices .mobile-computer{top:8px}.mobile-devices .mobile-phone{left:calc(100% - 132px);top:168px;width:156px;height:329.6px}}
@media(min-width:59.4375em) and (max-width:78.125em){.mobile-devices .mobile-phone{left:calc(100% - 88px);top:156px;width:152px;height:321.6px}}
@media(max-width:480px){.mobile-devices{height:440px}.mobile-devices .mobile-phone{left:70%;top:124px}}

.mobile-devices .mobile-screen-nav{display:none}

/* Readable phone copy: larger type, stronger contrast, no tilted text in the app. */
.mobile-devices .mobile-phone.is-open{transform:translateX(-50%)}
.mobile-phone-report>header{font-size:11.2px;color:#263d2b}.mobile-phone-report>header small{font-size:8px;color:#5e715a}
.mobile-device-question,.mobile-device-answer{font-size:11.2px;line-height:1.65;letter-spacing:0;color:#243b2b;font-weight:450;padding:8px}
.mobile-device-answer b{font-weight:650;color:#1d4227}.mobile-device-question{background:#d7e6d1}.mobile-device-date{font-size:8px;color:#64765e}
.mobile-phone-input>span:nth-child(2){font-size:9.6px;color:#62745c;font-weight:450;white-space:nowrap}
.mobile-phone-summary>p{font-size:8px;color:#5e7159}.mobile-phone-order span{font-size:9.6px;color:#405c3d}.mobile-phone-order small{font-size:8px;color:#806a50}
.mobile-phone-finding strong{font-size:10.4px;color:#2e4d33;font-weight:600}.mobile-phone-finding p{font-size:8.8px;line-height:1.6;color:#536b4d}
.mobile-notification strong{font-size:10.4px;color:#203b28}.mobile-notification p{font-size:8.8px;color:#4b6347}
@media(max-width:480px){.mobile-phone-report>header{font-size:9.6px}.mobile-phone-report>header small{font-size:7.2px}.mobile-device-question,.mobile-device-answer{font-size:9.6px;line-height:1.65;padding:7.2px}.mobile-device-date{font-size:7.2px}.mobile-phone-input>span:nth-child(2){font-size:8.8px}.mobile-phone-summary>p{font-size:7.2px}.mobile-phone-order span{font-size:8.8px}.mobile-phone-order small{font-size:7.2px}.mobile-phone-finding strong{font-size:9.6px}.mobile-phone-finding p{font-size:8px}.mobile-notification strong{font-size:9.6px}.mobile-notification p{font-size:8px}}
.mobile-device-date{margin:8px 0 9.6px}.mobile-device-question{margin-bottom:8px}.mobile-device-answer{margin-right:2.4px}.mobile-phone-order{margin:9.6px 0;padding:7.2px 0}.mobile-phone-finding{margin:8px 0}
@media(max-width:480px){.mobile-device-date{margin:6.4px 0 8px}.mobile-device-question{margin-bottom:7.2px}.mobile-phone-order{margin:7.2px 0;padding:5.6px 0}.mobile-phone-finding{margin:6.4px 0}}

.mobile-device-answer{line-height:1.55}

/* Shared message treatment across all three assistant stories. */
.assistant-showcase .xz-answer-author>small{display:none!important}
@property --assistant-edge-angle{syntax:'<angle>';initial-value:25deg;inherits:false}
.assistant-showcase :is(.xz-result,.xz-working,.xz-upload,.xz-success,.research-answer,.research-plan,.operations-answer,.operations-plan-answer,.research-thinking,.mobile-answer){position:relative;isolation:isolate;box-shadow:0 2.4px 12.8px #306b4c0b,0 0 6.4px #8dc6ac12}
.assistant-showcase :is(.xz-result,.xz-working,.xz-upload,.xz-success,.research-answer,.research-plan,.operations-answer,.operations-plan-answer,.research-thinking,.mobile-answer):after{content:'';position:absolute;inset:-0.8px;border-radius:inherit;padding:1.2px;background:conic-gradient(from var(--assistant-edge-angle),#8abda44d 0deg,#8abda44d 65deg,#6cab94 105deg,#c8ded4 125deg,#d0b47c 145deg,#c9dacb 164deg,#8abda44d 205deg,#8abda44d 280deg,#8bbeb1 315deg,#8abda44d 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:1;animation:assistant-edge-flow 9s linear infinite}
@keyframes assistant-edge-flow{to{--assistant-edge-angle:385deg}}
@media(prefers-reduced-motion:reduce){.assistant-showcase :is(.xz-result,.xz-working,.xz-upload,.xz-success,.research-answer,.research-plan,.operations-answer,.operations-plan-answer,.research-thinking,.mobile-answer):after{animation:none}}
.assistant-showcase :is(.research-answer,.research-plan,.operations-answer,.operations-plan-answer,.research-thinking,.mobile-answer){position:relative;margin:14.4px 0 17.6px 33.6px;padding:13.6px 12.8px 12px;background:#f1f6f2;border:0.8px solid #dfe8e1;border-radius:17.6px;min-width:0}
.assistant-showcase :is(.research-answer,.research-plan,.operations-answer,.operations-plan-answer,.research-thinking,.mobile-answer):before{content:'';position:absolute;left:-34.4px;top:0;width:25.6px;height:25.6px;border:0.8px solid #dce6df;border-radius:50%;background:url('assets/xiaozhi-avatar.png') 50% 28% / cover no-repeat;box-sizing:border-box}
.assistant-showcase .research-chat .research-question,.assistant-showcase .operations-chat .operations-question{position:relative;margin:0 33.6px 17.6px 0;padding:12px 13.6px;background:#f5f5f5;border-radius:10.4px 3.2px 10.4px 10.4px;font-size:12.8px;line-height:1.7;color:#333}
.assistant-showcase .research-chat .research-question:after,.assistant-showcase .operations-chat .operations-question:after{content:'';position:absolute;right:-33.6px;top:0;width:25.6px;height:25.6px;border-radius:50%;background:#e5ece2 url('assets/merchant-avatar-v1.png') center / cover no-repeat;border:0.8px solid #dce4dc;box-sizing:border-box}
.assistant-showcase .research-followup>.research-question,.assistant-showcase .operations-followup>.operations-question{margin-top:17.6px}
.assistant-showcase :is(.research-answer,.research-plan)>p{font-size:12.8px;line-height:1.8;color:#4f5f54;margin:9.6px 0}
.assistant-showcase :is(.research-answer,.research-plan)>p:last-child{margin-bottom:0}
.assistant-showcase :is(.research-answer,.research-plan)>p strong{font-weight:550;color:#314b3a}
.assistant-showcase .research-cite{white-space:normal;text-align:left;font-size:.9em;line-height:1.6;padding:1.6px 4px;background:#e5ede7;color:#416951;vertical-align:baseline}
.assistant-showcase .research-thinking{font-size:12px;line-height:1.7;color:#738378;padding-top:12px;padding-bottom:12px}
.assistant-showcase .research-thinking i{margin-top:9.6px}
/* Loading is a compact status bubble, distinct from a finished answer. */
.assistant-showcase :is(.xz-working,.research-thinking){width:fit-content;max-width:calc(100% - 33.6px);padding:10.4px 12px;border:0;border-radius:11.2px;background:#f2f6f3;box-shadow:none;color:#63766a;font-size:12.8px;line-height:1.65}
.assistant-showcase .xz-stage .xz-working{max-width:100%;justify-self:start}
.assistant-showcase :is(.xz-working,.research-thinking):after{display:none;animation:none}
.assistant-showcase .xz-working .xz-spark{display:none}
.assistant-showcase .xz-working strong{font-size:12.8px;font-weight:400;line-height:1.65;color:#63766a}
.assistant-showcase .xz-work-track,.assistant-showcase .research-thinking i{display:block;width:84.8px;max-width:100%;height:1.6px;border-radius:1.6px;margin:8px 0 0;background:#dce8df;overflow:hidden}
.assistant-showcase .xz-work-track i{background:#70b596}
.assistant-showcase .operations-answer .operations-alert{margin:12.8px 0 20px}
.assistant-showcase .operations-alert h4{font-size:19.2px}
.assistant-showcase .operations-alert h4 strong{font-size:23.2px}
.assistant-showcase .operations-plan-answer .operations-plan{margin:0}
.assistant-showcase .operations-plan-answer .operations-plan li:last-child{margin-bottom:0}
.assistant-showcase .operations-followup>.operations-plan-answer{margin-top:0}
@media(max-width:480px){.assistant-showcase :is(.research-answer,.research-plan,.operations-answer,.operations-plan-answer,.research-thinking,.mobile-answer){padding:12px 10.4px;border-radius:14.4px}.assistant-showcase :is(.research-answer,.research-plan)>p{font-size:12px}.assistant-showcase .research-chat .research-question,.assistant-showcase .operations-chat .operations-question{font-size:12px;padding:10.4px}.assistant-showcase .operations-alert h4{font-size:17.6px}.assistant-showcase .operations-alert h4 strong{font-size:20.8px}}

.assistant-showcase .xz-stage .xz-result{border-radius:17.6px}
@media(max-width:480px){.assistant-showcase .xz-stage .xz-result{border-radius:14.4px}}

/* The stage visual is collected into its related answer, rather than disappearing without a destination. */
.scene-handoff-receipt{display:flex;align-items:center;gap:9.6px;margin-top:11.2px;padding:8px 0 0;border-top:0.8px solid #d8e3d9;min-height:54.4px;opacity:0;transform:translateY(4px)}
.scene-handoff-receipt>img{display:block;flex:none;width:60.8px;height:46.4px;object-fit:contain;border-radius:7.2px;background:#e9eee8}
.scene-handoff-receipt>div{flex:1;min-width:0}.scene-handoff-receipt strong{display:block;font-size:11.2px;line-height:1.5;font-weight:550;color:#34503c}.scene-handoff-receipt span{display:block;font-size:9.6px;line-height:1.65;margin-top:2.4px;color:#71846f}
.research-answer>.scene-handoff-receipt{order:10}
@media(max-width:480px){.scene-handoff-receipt{gap:7.2px}.scene-handoff-receipt>img{width:48.8px;height:37.6px}.scene-handoff-receipt strong{font-size:10.4px}.scene-handoff-receipt span{font-size:8.8px}}
@media(prefers-reduced-motion:reduce){.scene-handoff-receipt{transform:none}}

.bossai-more h2{font-size:clamp(33.6px,4.5vw,60.8px);font-weight:600;letter-spacing:-.045em;line-height:1.25}
.bossai-more h2 span:last-child{color:#91e8bc}
.capability-pages{background:#030d0b;color:#eaf0eb;padding:0 6vw 80px;font-family:Inter,'PingFang SC','Microsoft YaHei',Arial,sans-serif}
.capability-section{max-width:1152px;margin:0 auto;padding:48px 0 104px}
.capability-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38.4px}
.capability-copy h2{font-size:36.8px;font-weight:500;letter-spacing:-.035em;line-height:1.3;margin:0}
.capability-copy p{max-width:328px;color:#a5b5a8;font-size:15.2px;line-height:1.9;margin:0 0 2.4px}
.capability-app{background:#f0f3ed;color:#344337;border-radius:14.4px;overflow:hidden}
.capability-app *{box-sizing:border-box}.capability-app button,.capability-app input,.capability-app select,.capability-app textarea{font:inherit}.capability-app button{cursor:pointer}.capability-app button:focus-visible,.capability-app input:focus-visible,.capability-app select:focus-visible,.capability-app textarea:focus-visible{outline:1.6px solid #407957;outline-offset:2.4px}
.cap-app-header{height:51.2px;padding:0 22.4px;display:flex;align-items:center;justify-content:space-between;background:#e3e9df;font-size:10.4px;color:#7c8a79}.cap-app-header strong{font-size:15.2px;color:#315540;font-weight:650}.cap-app-header strong span{font-weight:400;font-size:11.2px;margin-left:16px;color:#5b6e58}
.catalog-toolbar,.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19.2px 22.4px}
.cap-segments{display:flex;gap:3.2px;background:#e2e8dc;padding:3.2px;border-radius:8px}.cap-segments button{background:transparent;border:0;border-radius:5.6px;padding:8px 13.6px;color:#71816b;font-size:11.2px;white-space:nowrap}.cap-segments button[aria-pressed=true]{background:#fff;color:#2d553b}
.catalog-search input{background:#fff;border:0.8px solid #dce4d5;border-radius:6.4px;width:188px;padding:9.6px 12px;color:#40533e;font-size:11.2px}
.catalog-body{display:grid;grid-template-columns:minmax(0,1fr) 240px;padding:0 22.4px 22.4px;gap:19.2px}.catalog-list{background:#fff;border-radius:8px;padding:0 14.4px;align-self:start}.catalog-columns{display:grid;grid-template-columns:1fr 104px 64px;padding:12px 8px;font-size:10.4px;color:#8a9681}.catalog-row{display:grid;grid-template-columns:46.4px minmax(0,1fr) 104px 64px;align-items:center;gap:9.6px;width:100%;padding:16px 8px;border:0;border-top:0.8px solid #e9ede4;background:#fff;text-align:left;color:#566850;min-height:86.4px}.catalog-row:hover,.catalog-row.is-selected{background:#f1f6ee}.catalog-row img{width:43.2px;height:51.2px;object-fit:contain}.catalog-row strong{font-size:12.8px;font-weight:550;display:block;color:#344c36}.catalog-row small{display:block;font-size:10.4px;color:#8c9782;margin-top:6.4px}.catalog-row>span:nth-last-child(2){font-size:10.4px}.catalog-row em{font-style:normal;font-size:10.4px;color:#8b7654}.catalog-list>footer{display:flex;justify-content:space-between;padding:14.4px 8px;font-size:9.6px;color:#929e88}.catalog-empty{padding:30.4px 8px;font-size:12px;color:#798975}.catalog-detail{background:#e4ebdf;border-radius:8px;padding:17.6px}.catalog-detail-photo{height:176px;background:#f5f6f0;border-radius:6.4px;display:grid;place-items:center}.catalog-detail-photo img{height:90%;width:90%;object-fit:contain}.catalog-detail h3{font-size:15.2px;font-weight:550;line-height:1.5;margin:16px 0 6.4px}.catalog-detail>p{font-size:10.4px;color:#7a8a70;line-height:1.7;margin:0}.catalog-detail dl{font-size:10.4px;line-height:1.8;margin:16px 0}.catalog-detail dl>div{display:flex;justify-content:space-between;margin-top:6.4px}.catalog-detail dt{color:#8b987f}.catalog-detail dd{margin:0;color:#4b654a}.catalog-detail .catalog-detail-note{font-size:9.6px;color:#708266}
.studio-work-name{font-size:10.4px;color:#86917c}.studio-body{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22.4px;padding:0 22.4px 22.4px}.studio-preview{background:#e2e8de;min-height:408px;padding:22.4px;display:flex;flex-direction:column;align-items:center;justify-content:center}.studio-artboard{width:min(100%,312px);aspect-ratio:1;background:#fafbf8;display:grid;place-items:center;overflow:hidden;transition:background .3s,aspect-ratio .3s}.studio-artboard img{display:block;width:62%;height:88%;object-fit:contain;transition:transform .35s}.studio-artboard[data-scene=green]{background:#254c3a}.studio-artboard[data-scene=sand]{background:#ded4bd}.studio-caption{font-size:10.4px;color:#75836e;line-height:1.7;text-align:center;margin:17.6px 0 0}.studio-settings{padding:6.4px 0}.studio-settings h3{font-size:14.4px;font-weight:550;margin:0 0 20px}.studio-settings>label{display:block;font-size:10.4px;color:#7f8e73;margin-bottom:19.2px}.studio-settings select,.studio-settings textarea{display:block;width:100%;border:0.8px solid #d7dfce;border-radius:6.4px;padding:9.6px;background:#fbfcf8;color:#52684c;font-size:11.2px;margin-top:8px;line-height:1.7;resize:vertical}.studio-settings fieldset{border:0;padding:0;margin:0 0 19.2px}.studio-settings legend{font-size:10.4px;color:#7f8e73;margin-bottom:9.6px}.studio-scenes{display:flex;gap:6.4px}.studio-scenes button{flex:1;border:0.8px solid #d9e1d0;border-radius:5.6px;background:transparent;padding:7.2px 3.2px;font-size:8.8px;color:#7a8a70}.studio-scenes button[aria-pressed=true]{border-color:#5b8262;color:#315d3f;background:#e5ecdf}.studio-scenes i{display:block;width:18.4px;height:18.4px;border-radius:50%;background:#fff;margin:0 auto 6.4px}.studio-scenes button:nth-child(2) i{background:#254c3a}.studio-scenes button:nth-child(3) i{background:#ded4bd}.studio-demo-note{font-size:9.6px;color:#89977c;line-height:1.8;margin:0}.studio-filmstrip{display:flex;gap:8px;margin-top:14.4px;width:min(100%,312px)}.studio-filmstrip button{flex:1;border:0.8px solid transparent;background:#f4f7ef;padding:6.4px;border-radius:4.8px;color:#76866c;font-size:8.8px}.studio-filmstrip button[aria-pressed=true]{border-color:#487956}.studio-filmstrip img{display:block;width:100%;height:40px;object-fit:contain;margin-bottom:4px}
.team-toolbar{padding:22.4px;display:flex;align-items:center;justify-content:space-between}.team-toolbar h3{font-size:18.4px;font-weight:500;margin:0}.team-members{display:flex}.team-members span{width:34.4px;height:34.4px;background:#c7d7bf;border:2.4px solid #f0f3ed;border-radius:50%;display:grid;place-items:center;font-size:8.8px;margin-left:-5.6px;color:#4d694b}.team-members span:nth-child(2){background:#d9cfb7}.team-members span:nth-child(3){background:#d4dfe1}.team-task-form{display:flex;gap:9.6px;margin:0 22.4px 22.4px}.team-task-form input{flex:1;min-width:0;border:0.8px solid #d7e0ce;border-radius:6.4px;background:#fff;padding:12px 14.4px;font-size:12.8px;color:#435c3f}.team-task-form>button{background:#315e41;border:0;border-radius:6.4px;padding:0 16px;color:#fff;font-size:11.2px;white-space:nowrap}.team-task-form>button span{margin-left:14.4px}.team-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14.4px;padding:0 22.4px 16px}.team-column{background:#e2e9dc;border-radius:8px;padding:13.6px;min-height:288px}.team-column>header{display:flex;align-items:center;justify-content:space-between;margin:0 0 14.4px}.team-column h4{font-weight:500;font-size:12px;margin:0;color:#607957}.team-column>header>span{font-size:9.6px;color:#85967c}.team-task{background:#fcfdf9;padding:14.4px;border-radius:6.4px;margin-bottom:9.6px}.task-context{font-size:8.8px;color:#94a187}.team-task h5{font-size:12.8px;line-height:1.6;font-weight:550;margin:8px 0;color:#3b5439}.team-task p{font-size:10.4px;line-height:1.7;margin:0;color:#8b987e}.team-task footer{display:flex;justify-content:space-between;align-items:center;gap:6.4px;margin-top:16px}.team-task footer>span{font-size:9.6px;color:#8c987e}.task-advance{border:0;background:transparent;color:#4d7c54;font-size:9.6px!important;padding:3.2px 0}.team-empty{font-size:10.4px;color:#91a087;line-height:1.8;margin:28.8px 0}.team-feedback{font-size:9.6px;color:#8a9a7e;margin:0;padding:0 22.4px 20px}
.capability-pages [hidden]{display:none!important}
@media(max-width:760px){.capability-copy{display:block}.capability-copy h2{font-size:30.4px}.capability-copy p{margin-top:19.2px;max-width:416px;font-size:13.6px}.catalog-body{grid-template-columns:minmax(0,1fr) 192px;gap:12.8px}.catalog-row{grid-template-columns:32px minmax(0,1fr) 64px;gap:7.2px}.catalog-row img{width:30.4px;height:43.2px}.catalog-row>span:nth-last-child(2){display:none}.catalog-columns{grid-template-columns:1fr 64px}.catalog-columns>span:nth-child(2){display:none}.studio-body{grid-template-columns:minmax(0,1fr) 192px;gap:14.4px}.studio-preview{padding:16px;min-height:352px}.team-board{gap:9.6px}.team-column{padding:9.6px}.team-task{padding:10.4px}}
@media(max-width:480px){.bossai-more h2{font-size:clamp(24px,7.8vw,33.6px)}.bossai-more{min-height:240px;padding:64px 16px}.capability-pages{padding:0 16px 32px}.capability-section{padding:24px 0 64px}.capability-copy{margin-bottom:22.4px}.capability-copy h2{font-size:24.8px}.capability-copy p{font-size:12px;margin-top:15.2px;line-height:1.8}.capability-app{border-radius:9.6px}.cap-app-header{height:43.2px;padding:0 12.8px;font-size:8.8px}.cap-app-header strong{font-size:13.6px}.cap-app-header strong span{font-size:9.6px;margin-left:9.6px}.catalog-toolbar,.studio-toolbar{padding:12.8px;display:block}.cap-segments{width:100%;gap:0}.cap-segments button{padding:7.2px 8px;font-size:9.6px;flex:1}.catalog-search input{width:100%;margin-top:9.6px;font-size:10.4px;padding:8.8px}.catalog-body{display:block;padding:0 12.8px 12.8px}.catalog-list{padding:0 6.4px}.catalog-row{grid-template-columns:30.4px minmax(0,1fr) 37.6px;padding:11.2px 3.2px;min-height:68.8px;gap:6.4px}.catalog-row strong{font-size:10.4px}.catalog-row small{font-size:8.8px;margin-top:4px}.catalog-row em{font-size:8.8px}.catalog-columns{padding:9.6px 3.2px;font-size:8.8px;grid-template-columns:1fr 37.6px}.catalog-list>footer{font-size:8px;padding:11.2px 3.2px}.catalog-detail{margin-top:11.2px;padding:12.8px;display:grid;grid-template-columns:76px 1fr;gap:0 12.8px}.catalog-detail-photo{grid-row:1/5;height:112px}.catalog-detail h3{font-size:12px;margin:0 0 5.6px}.catalog-detail>p{font-size:8.8px}.catalog-detail dl{margin:5.6px 0;font-size:8.8px}.catalog-detail .catalog-detail-note{font-size:8px;grid-column:1/-1;margin-top:9.6px}.studio-work-name{display:block;font-size:8.8px;margin-top:11.2px}.studio-body{display:block;padding:0 12.8px 12.8px}.studio-preview{min-height:256px;padding:14.4px}.studio-artboard{max-width:192px}.studio-caption{font-size:8.8px;margin-top:12.8px}.studio-settings{margin-top:17.6px}.studio-settings h3{font-size:13.6px;margin-bottom:14.4px}.studio-settings>label,.studio-settings legend{font-size:9.6px}.studio-settings textarea,.studio-settings select{font-size:10.4px}.studio-scenes button{font-size:9.6px}.team-toolbar{padding:14.4px 12.8px}.team-toolbar h3{font-size:14.4px}.team-members span{width:28px;height:28px;font-size:8px}.team-task-form{margin:0 12.8px 14.4px;gap:5.6px}.team-task-form input{font-size:10.4px;padding:9.6px;min-width:0}.team-task-form>button{font-size:9.6px;padding:0 9.6px}.team-task-form>button span{display:none}.team-board{display:block;padding:0 12.8px 14.4px}.team-column{min-height:0;margin-bottom:11.2px;padding:11.2px}.team-task{padding:12.8px}.team-task h5{font-size:12px}.team-empty{margin:11.2px 0}.team-feedback{padding:0 12.8px 16px;font-size:8.8px}}
@media(prefers-reduced-motion:reduce){.studio-artboard,.studio-artboard img{transition:none}}

.capability-pages .sr-only{position:absolute;width:0.8px;height:0.8px;padding:0;margin:-0.8px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* A full-screen pause between the Xiaozhi demonstrations and the next chapter. */
.bossai-more{min-height:100svh;box-sizing:border-box;padding:51.2px 19.2px;display:grid;place-items:center}
@media(max-width:480px){.bossai-more{min-height:100svh;padding:38.4px 16px}}

/* A three-beat reveal: question, playful interruption, then the main statement. */
.bossai-more-sequence{position:relative;width:100%;min-height:144px}
.bossai-more-step{display:none;margin:0;font-family:Inter,'PingFang SC','Microsoft YaHei',Arial,sans-serif;font-size:clamp(33.6px,4.5vw,60.8px);line-height:1.25;font-weight:600;letter-spacing:-.045em;color:#edf2eb}
.bossai-more-no{color:#91e8bc;letter-spacing:-.035em}
.bossai-more[data-sequence] .bossai-more-sequence>[data-beat]{display:block;position:absolute;left:0;top:50%;width:100%;margin:0;opacity:0;visibility:hidden;transform:translateY(calc(-50% + 9.6px));transition:opacity .38s ease,transform .44s cubic-bezier(.22,.61,.36,1),visibility .38s;text-align:center;pointer-events:none}
.bossai-more[data-sequence] .bossai-more-sequence>.is-current{opacity:1;visibility:visible;transform:translateY(-50%)}
@media(max-width:480px){.bossai-more-step{font-size:clamp(24px,7.8vw,33.6px)}.bossai-more-sequence{min-height:128px}}
@media(prefers-reduced-motion:reduce){.bossai-more[data-sequence] .bossai-more-sequence>[data-beat]{transition:none}}

/* Let the two parts of the final statement breathe, including when they wrap. */
.bossai-more-statement h2{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:.35em;row-gap:.2em;margin:0}

/* Open up the lettering instead of packing the transition copy into a dense block. */
.bossai-more h2,.bossai-more-step{letter-spacing:.06em;line-height:1.5}
.bossai-more-no{letter-spacing:.035em}
.bossai-more-statement h2{column-gap:.48em;row-gap:.25em}

.bossai-more-no{color:#edf2eb}

/* The invitation follows the final line, leaving the headline in place. */
.bossai-more-statement{position:relative}
.bossai-more .bossai-more-explore{opacity:0;visibility:hidden;pointer-events:none}
.bossai-more-explore{position:absolute;top:calc(100% + 200px);left:50%;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:14.4px;min-height:52.8px;padding:6.4px 9.6px;box-sizing:border-box;border:0;border-radius:0;background:transparent;color:#edf2eb;text-decoration:none;white-space:nowrap;font-family:Inter,'PingFang SC','Microsoft YaHei',Arial,sans-serif;font-size:22px;font-weight:400;letter-spacing:1.5px;transform:translateX(-50%);transition:background .25s,border-color .25s}
.bossai-more-explore svg{width:27.2px;height:30.4px;color:#b7ddca;animation:more-explore-arrow 1.4s ease-in-out infinite}
.bossai-more-explore:hover{color:#91e8bc}
.bossai-more-explore:focus-visible{outline:1.6px solid #91e8bc;outline-offset:4.8px}
.bossai-more[data-sequence] .bossai-more-explore{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,9.6px);transition:opacity .55s ease,transform .55s ease,visibility 0s .55s,background .25s,border-color .25s}
.bossai-more[data-sequence] .bossai-more-statement.is-current .bossai-more-explore{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition-delay:.44s,.44s,.44s,0s,0s}
@keyframes more-explore-arrow{0%,100%{transform:translateY(-2.4px);opacity:.6}50%{transform:translateY(3.2px);opacity:1}}
@media(max-width:37.5em){.bossai-more-explore{top:calc(100% + 124px);min-height:46.4px;padding:6.4px 9.6px;font-size:16px;gap:14.4px}.bossai-more-explore svg{width:25.6px;height:28.8px}}
@media(prefers-reduced-motion:reduce){.bossai-more-explore svg{animation:none}.bossai-more[data-sequence] .bossai-more-explore{transition:none}}

/* Edge light arrives with the final statement and stays for the completed chapter. */
.bossai-more{position:relative;isolation:isolate;overflow:hidden}
.bossai-more-sequence{z-index:1}
.bossai-more-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .95s ease,visibility .95s}
.bossai-more[data-current-beat=statement] .bossai-more-atmosphere{opacity:1;visibility:visible}
.bossai-more-atmosphere svg{width:100%;height:100%;overflow:visible}
.more-arc path{stroke:url(#more-arc-mint);vector-effect:non-scaling-stroke}
.more-arc-line{stroke-width:1.2}
.more-arc-halo{stroke-width:24;filter:url(#more-arc-soft-glow);opacity:.48}
.more-arc{transform-box:fill-box;transform-origin:center;animation:more-arc-drift 10s ease-in-out infinite alternate;animation-play-state:paused}
.more-arc-right{animation-delay:-6s;animation-duration:11.5s}
.bossai-more[data-current-beat=statement] .more-arc{animation-play-state:running}
@keyframes more-arc-drift{from{transform:translateY(-7.2px) rotate(-.6deg);opacity:.65}to{transform:translateY(8px) rotate(.6deg);opacity:1}}
@media(max-width:37.5em){.bossai-more-atmosphere svg{width:160%;margin-left:-30%}.more-arc-line{stroke-width:1}.more-arc-halo{opacity:.34}}
@media(prefers-reduced-motion:reduce){.bossai-more-atmosphere{transition:none}.more-arc{animation:none}}
.more-arc-upper{animation-delay:-4s;animation-duration:13s}
.more-arc-upper .more-arc-line{opacity:.65}
.more-arc-upper .more-arc-halo{opacity:.25}

.bossai-more-atmosphere{mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 86%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 86%,transparent 100%)}

/* Workbench chapter matches the direct, centered video chapter heading. */
#capability-products .workbench-heading{display:block;text-align:center;margin:0 auto 51.2px;padding:0 9.6px}
#capability-products .workbench-heading h2{font-size:54.4px;font-weight:600;line-height:1.25;letter-spacing:-.035em}
#capability-products .workbench-heading h2 span{color:#91e8bc}
#capability-products .workbench-heading p{max-width:640px;margin:21.6px auto 0;color:#9aac9f;font-size:16px;line-height:1.9;font-weight:400}
@media(max-width:68.6875em){#capability-products .workbench-heading h2{font-size:38.4px}}
@media(max-width:37.5em){#capability-products .workbench-heading{margin-bottom:27.2px;padding:0}#capability-products .workbench-heading h2{font-size:24px;line-height:1.5}#capability-products .workbench-heading h2 span{display:block}#capability-products .workbench-heading p{font-size:10.4px;line-height:1.9;margin-top:16px}}

/* More breathing room between the video fan and the workbench chapter. */
#capability-products{padding-top:136px;padding-bottom:120px}
@media(max-width:37.5em){#capability-products{padding-top:84px;padding-bottom:74.4px}}

/* Market discovery chapter: authentic product imagery, purple controls, quiet table detail. */
.market-section{min-height:0;padding-top:80px;box-sizing:border-box}
#capability-market .market-heading{display:block;text-align:center;margin:0 auto 51.2px}
#capability-market .market-heading h2 span{color:#91e8bc}
.market-app{background:#f5f7ff;border:0.8px solid #dfe4f1;border-radius:14.4px;overflow:hidden;color:#23324b}
.market-app-header{display:flex;align-items:center;justify-content:space-between;padding:17.6px 22.4px;border-bottom:0.8px solid #e3e7f2;background:#fcfdff}
.market-app-header strong{font-size:16px;letter-spacing:-.03em}.market-app-header strong span{font-size:11.2px;font-weight:400;color:#8490a6;border-left:0.8px solid #dce2ef;margin-left:14.4px;padding-left:14.4px;letter-spacing:0}.market-demo{font-size:9.6px;color:#8e95a9}
.market-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18.4px 22.4px}.market-tabs{display:flex;gap:4px;padding:4px;border-radius:8px;border:0.8px solid #e1e4f2;background:#edeff9}.market-tabs button{font:inherit;font-size:11.2px;white-space:nowrap;padding:8.8px 17.6px;border:0;border-radius:5.6px;background:transparent;color:#58627d;cursor:pointer}.market-tabs button[aria-pressed=true]{background:#7d45ff;color:#fff}.market-scope{font-size:9.6px;color:#8a94a9}
.market-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12.8px;padding:0 19.2px 19.2px}.market-board{background:#fff;border:0.8px solid #e1e5f1;border-radius:9.6px;padding:16px;min-width:0}.market-board>header{display:flex;align-items:center;gap:8px;margin-bottom:19.2px}.market-board-icon{font-size:21.6px;color:var(--market-accent);line-height:1}.market-board h3{font-size:15.2px;font-weight:600;margin:0 0 4.8px}.market-board header p{font-size:8.8px;color:#9aa3b6;margin:0}.market-platform{font-size:8px;color:#66718b;margin-left:auto}.market-leader{display:flex;gap:12.8px;align-items:flex-start}.market-product-photo{flex:none;width:78.4px;height:78.4px;border-radius:6.4px;background-image:url('assets/market-ranking-reference-v1.png');background-size:975.5102% 470.4082%;background-position:var(--photo-x) 16.5289%;background-repeat:no-repeat;background-color:#f4f5f8}.market-leader-info{flex:1;min-width:0}.market-rank{font-size:8px;letter-spacing:0.8px;color:var(--market-accent)}.market-leader h4{font-size:13.6px;line-height:1.4;margin:4.8px 0;font-weight:600}.market-leader-info>p{font-size:8.8px;line-height:1.6;color:#919bad;margin:0}.market-facts{display:flex;gap:19.2px;margin-top:12.8px}.market-facts strong{font-size:18.4px;line-height:1.2;font-weight:600}.market-facts small{display:block;font-size:8px;color:#9aa3b6;margin-top:4.8px}.market-facts .market-positive{color:#369c77;font-size:15.2px}.market-board-chart{display:flex;align-items:center;justify-content:space-between;padding:14.4px 0 9.6px;font-size:8.8px;color:#8e98ae}.market-board-chart svg{width:92px;height:24px;color:#7481c9}.market-board ol{padding:0;margin:0;list-style:none}.market-board li{display:flex;align-items:center;gap:9.6px;border-top:0.8px solid #edf0f8;padding:11.2px 0;font-size:10.4px;line-height:1.6}.market-row-rank{color:#a4adbf;font-size:9.6px}.market-board li strong{margin-left:auto;font-size:13.6px;font-weight:550;text-align:right;white-space:nowrap}.market-board li small{display:block;font-size:7.2px;font-weight:400;color:#a0aabd}.market-detail{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-top:0.8px solid #edf0f8;background:#fff;color:#8255db;font:inherit;font-size:9.6px;padding:14.4px 0 0;cursor:pointer}.market-detail span{font-size:15.2px}.market-footer{font-size:8.8px;line-height:1.7;color:#98a2b5;padding:0 22.4px 17.6px}
.market-content.is-detail{display:block}.market-detail-heading{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:17.6px 19.2px;border:0.8px solid #e1e5f1;border-bottom:0;border-radius:9.6px 9.6px 0 0}.market-detail-heading h3{margin:0;font-size:16.8px}.market-detail-heading small{font-size:8.8px;color:#919bb1;font-weight:400;margin-left:12.8px}.market-detail-heading button{border:0;background:transparent;color:#8255db;font:inherit;font-size:9.6px;cursor:pointer}.market-table-wrap{overflow:auto;border:0.8px solid #e1e5f1;border-radius:0 0 9.6px 9.6px;background:#fff}.market-table{border-collapse:collapse;width:100%;text-align:left;min-width:400px}.market-table th{background:#f0f2fa;color:#8590a7;font-size:9.6px;font-weight:400;padding:12.8px 19.2px}.market-table td{padding:16.8px 19.2px;border-top:0.8px solid #e9edf6;font-size:11.2px}.market-table td strong{font-size:12.8px;font-weight:500}.market-table td small{display:block;color:#9ba5b7;font-size:8px;margin-top:6.4px}.market-table-rank{color:#9b8bbf}.market-table-sales{font-size:17.6px!important;font-weight:600}.market-table-tag{padding:4.8px 8px;border-radius:4px;background:#f0ebff;color:#9770dc;font-size:8.8px}.market-app button:focus-visible{outline:1.6px solid #8853f4;outline-offset:2.4px}.market-app button:hover{filter:brightness(.97)}
@media(max-width:68.6875em){.market-content{gap:9.6px;padding:0 12.8px 16px}.market-board{padding:12.8px}.market-leader{display:block}.market-product-photo{margin-bottom:12.8px}.market-facts{gap:16px}.market-platform{display:none}.market-toolbar{padding:16px 12.8px}}
@media(max-width:47.5em){.market-content{grid-template-columns:1fr}.market-leader{display:flex}.market-product-photo{margin-bottom:0}.market-toolbar{align-items:flex-start;flex-direction:column;gap:9.6px}.market-tabs{width:100%;gap:1.6px}.market-tabs button{padding:8px 6.4px;flex:1;font-size:9.6px}.market-app-header{padding:14.4px}.market-app-header strong{font-size:14.4px}.market-app-header strong span{font-size:9.6px;margin-left:8px;padding-left:8px}.market-footer{font-size:8px;padding:0 14.4px 14.4px}.market-section{padding-top:48px}#capability-market .market-heading{margin-bottom:27.2px}#capability-market .market-heading h2 span{display:block}.market-detail-heading{padding:14.4px 11.2px}.market-detail-heading h3{font-size:14.4px}.market-detail-heading small{display:block;margin:5.6px 0 0}.market-table th,.market-table td{padding:12.8px}.market-board-chart svg{display:none}}

/* A compact final invitation, with the original waving character on a plum ground. */
.closing-section{background:#030d0b;color:#fff;padding:32px 6vw 120px;font-family:Inter,'PingFang SC','Microsoft YaHei',Arial,sans-serif}
.closing-banner{position:relative;max-width:1152px;margin:0 auto;display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:28px;min-height:304px;padding:25.6px 56px 25.6px 24px;border:0.8px solid #a68bd62b;border-radius:32px;background:linear-gradient(110deg,#37205f 0%,#412276 55%,#4b2880 100%);isolation:isolate}
.closing-mascot{height:264px;display:flex;align-items:center;justify-content:center;pointer-events:none}
.closing-mascot video{display:block;height:100%;width:100%;object-fit:contain}
.closing-copy{padding:12px 0 16px;min-width:0}
.closing-eyebrow{color:#cfbfe8;font-size:10.4px;letter-spacing:1.6px;margin:0 0 14.4px}
.closing-copy h2{font-size:41.6px;line-height:1.35;letter-spacing:-.025em;font-weight:550;margin:0;color:#faf6ff}.closing-copy h2 span{white-space:nowrap}
.closing-description{font-size:16px;line-height:1.8;color:#d0c1e4;margin:15.2px 0 22.4px}
.closing-button{display:inline-flex;align-items:center;justify-content:center;gap:20.8px;min-height:48.8px;padding:0 22.4px;border:0.8px solid #fff;border-radius:799.2px;background:#faf8ff;color:#3c225f;font:600 13.6px/1.4 Inter,'Microsoft YaHei',sans-serif;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.closing-button svg{width:18.4px;height:18.4px;transition:transform .2s}.closing-button:hover{background:#fff;transform:translateY(-1.6px);box-shadow:0 6.4px 19.2px #160b3226}.closing-button:hover svg{transform:translateX(2.4px)}.closing-button:active{transform:translateY(0)}.closing-button:focus-visible{outline:1.6px solid #d3b8ff;outline-offset:4.8px}
@media(max-width:68.6875em){.closing-banner{padding:20.8px 28.8px 20.8px 12px;grid-template-columns:184px minmax(0,1fr);gap:17.6px;min-height:264px;border-radius:24px}.closing-mascot{height:224px}.closing-copy h2{font-size:28px}.closing-description{font-size:13.6px}.closing-button{font-size:12.8px;min-height:44px}}
@media(max-width:42.5em){.closing-section{padding:24px 16px 64px}.closing-banner{grid-template-columns:1fr;gap:0;padding:19.2px 19.2px 28.8px;border-radius:22.4px;text-align:center}.closing-mascot{height:184px;max-width:192px;width:100%;margin:0 auto}.closing-copy{padding:12px 0 0}.closing-eyebrow{font-size:8.8px;margin-bottom:9.6px}.closing-copy h2{font-size:23.2px;line-height:1.5}.closing-copy h2 span{display:block}.closing-description{font-size:11.2px;line-height:1.9;margin:12.8px 0 18.4px}.closing-button{font-size:12px;min-height:43.2px;padding:0 20px;gap:17.6px}}
@media(prefers-reduced-motion:reduce){.closing-button,.closing-button svg{transition:none}.closing-button:hover,.closing-button:hover svg{transform:none}}

/* Keep the final statement cohesive rather than loosely tracked. */
.bossai-more-statement h2{letter-spacing:0;line-height:1.3;font-weight:650;column-gap:.18em;row-gap:.16em}

/* A direct, readable action matching the reference's quiet pill button. */
.closing-button{min-height:54.4px;padding:0 27.2px;background:#eeeef2;border-color:#eeeef2;color:#09090c;font-size:18.4px;font-weight:500;letter-spacing:0;gap:0;box-shadow:none}
.closing-button:hover{background:#fff;box-shadow:none}
@media(max-width:68.6875em){.closing-button{min-height:48px;font-size:16px;padding:0 24px}}
@media(max-width:42.5em){.closing-button{min-height:44.8px;font-size:14.4px;padding:0 22.4px}}

/* Match Latin cap height to the adjacent Chinese glyphs optically. */
.bossai-more-statement .more-statement-lead{display:inline-flex;align-items:baseline;white-space:nowrap}
.bossai-more-statement .more-statement-brand{font-family:Arial,'Microsoft YaHei',sans-serif;font-size:1.14em;line-height:1;font-weight:inherit;letter-spacing:-.025em;margin-right:.025em}

/* Retain the chosen title layout without editing controls. */
.bossai-more-statement .more-statement-chinese{font:inherit;display:inline-block}
[data-title-part]{position:relative;display:inline-block;transform:translate(var(--title-x,0px),var(--title-y,0px))}

/* A lighter closing composition: large regular type, closer character and fresh mint. */
.closing-banner{grid-template-columns:176px minmax(0,1fr);gap:16px;min-height:264px;padding:25.6px 38.4px 25.6px 25.6px;border:0;border-radius:33.6px;background:#bfe8d2;color:#14372a}
.closing-mascot{height:224px;overflow:visible}
.closing-mascot video{width:264px;max-width:none;flex:none;height:100%}
.closing-copy{padding:8px 0}
.closing-copy h2{font-size:44.8px;font-weight:400;line-height:1.3;letter-spacing:-.025em;color:#14372a}
.closing-description{font-size:17.6px;line-height:1.7;color:#416451;margin:16px 0 22.4px}
.closing-button{min-height:54.4px;padding:0 26.4px;background:#173e2d;border-color:#173e2d;color:#fff;font-size:17.6px;font-weight:400}
.closing-button:hover{background:#23513c;border-color:#23513c}
.closing-button:focus-visible{outline-color:#173e2d}
@media(max-width:68.6875em){.closing-banner{grid-template-columns:148px minmax(0,1fr);gap:12.8px;padding:22.4px 25.6px 22.4px 17.6px;min-height:240px;border-radius:27.2px}.closing-mascot{height:200px}.closing-mascot video{width:232px}.closing-copy h2{font-size:32px}.closing-description{font-size:14.4px;margin:13.6px 0 19.2px}.closing-button{font-size:15.2px;min-height:47.2px}}
@media(max-width:42.5em){.closing-banner{grid-template-columns:1fr;padding:17.6px 19.2px 27.2px;gap:0;border-radius:22.4px}.closing-mascot{height:172px}.closing-mascot video{width:232px}.closing-copy{padding-top:9.6px}.closing-copy h2{font-size:24px;line-height:1.45}.closing-description{font-size:11.2px;line-height:1.8;margin:12.8px 0 19.2px}.closing-button{font-size:14.4px;min-height:44.8px;padding:0 23.2px}}

/* One main-color control drives the whole banner, including readable text/actions. */
.closing-banner{background:var(--closing-main,#bfe8d2);color:var(--closing-ink,#14372a)}
.closing-copy h2{color:var(--closing-ink,#14372a)}
.closing-description{color:var(--closing-muted,#416451)}
.closing-button{background:var(--closing-action,#173e2d);border-color:var(--closing-action,#173e2d);color:var(--closing-action-ink,#fff)}
.closing-button:hover{background:var(--closing-action,#23513c);border-color:var(--closing-action,#23513c);filter:brightness(.94)}
.closing-button:focus-visible{outline-color:var(--closing-ink,#173e2d)}
.closing-color-editor{max-width:1152px;margin:14.4px auto 0;font:10.4px/1.5 Arial,'Microsoft YaHei',sans-serif;color:#c0d4c8;text-align:right}
.closing-color-editor summary{display:inline-block;padding:6.4px 11.2px;border:0.8px solid #3d5a49;background:#102219;border-radius:6.4px;cursor:pointer;list-style:none}.closing-color-editor summary::-webkit-details-marker{display:none}
.closing-color-panel{display:flex;align-items:center;justify-content:flex-end;gap:9.6px;margin-top:9.6px;padding:12.8px;border:0.8px solid #3d5a49;border-radius:9.6px;background:#102219}
.closing-color-panel input[type=color]{width:41.6px;height:30.4px;padding:2.4px;border:0.8px solid #577262;border-radius:5.6px;background:#1b3426;cursor:pointer}.closing-color-panel input[type=text]{width:84px;min-height:30.4px;padding:4.8px 8px;border:0.8px solid #577262;background:#07150e;border-radius:5.6px;color:#e2eee6;font:10.4px/1.5 monospace}
.closing-color-panel button{min-height:30.4px;padding:4.8px 10.4px;border:0.8px solid #577262;background:#1b3426;color:#e2eee6;border-radius:5.6px;font:inherit;cursor:pointer}.closing-color-panel .closing-color-done{background:#c1e7d1;color:#143323;border-color:#c1e7d1}.closing-color-editor :focus-visible{outline:1.6px solid #91e8bc;outline-offset:2.4px}
@media(max-width:42.5em){.closing-color-panel{justify-content:flex-start;flex-wrap:wrap;padding:9.6px;gap:7.2px}.closing-color-editor{font-size:9.6px}.color-code-label{display:none}}

/* Warm off-white finish with a tighter, vertically centered content group. */
.closing-section{--closing-main:#91e8bc;--closing-ink:#142d23;--closing-muted:#627269;--closing-action:#142d23;--closing-action-ink:#ffffff}
.closing-banner,.closing-color-editor{max-width:1056px}
.closing-banner{align-items:center}
.closing-copy{padding-top:0;padding-bottom:0}

/* Keep the transition's decorative motion idle while it is off screen. */
.bossai-more:not(.is-more-visible) .more-arc,.bossai-more:not(.is-more-visible) .bossai-more-explore svg{animation-play-state:paused!important}

/* Gently moving green fields, with white typography on a deeper green ground. */
.closing-banner{position:relative;overflow:hidden;background:#124b38;isolation:isolate}
.closing-banner:before{content:'';position:absolute;inset:-45%;z-index:-1;background:linear-gradient(115deg,#0d4433 8%,color-mix(in srgb,var(--closing-main,#91e8bc) 25%,#0e4934) 34%,#10513e 57%,color-mix(in srgb,var(--closing-main,#91e8bc) 18%,#164a3b) 77%,#0d4433 96%);transform-origin:center;animation:closing-green-flow 12s ease-in-out infinite alternate;animation-play-state:paused;pointer-events:none}
.closing-section.is-closing-visible .closing-banner:before{animation-play-state:running}
.closing-copy h2{color:#fff}
.closing-description{color:#ffffffde}
.closing-button{background:#102f24;border-color:#ffffff38;color:#fff}
.closing-button:hover{background:#193f30;border-color:#ffffff66;filter:none}
.closing-button:focus-visible{outline-color:#fff}
@keyframes closing-green-flow{from{transform:translate(-5%,-3%) rotate(-5deg)}to{transform:translate(5%,3%) rotate(7deg)}}
@media(prefers-reduced-motion:reduce){.closing-banner:before{animation:none}}

/* Liquid-glass interpretation: moving green underneath, a translucent curved surface above. */
.closing-banner{border:0.8px solid #e2fff14d;background:#123e30;box-shadow:inset 0 0.8px 0 #fff6,inset 0 -0.8px 0 #001d1680,0 12.8px 36px #0002}
.closing-banner:before{z-index:-1;background:radial-gradient(ellipse at 32% 38%,#72e4af80 0%,#36b68620 25%,transparent 51%),radial-gradient(ellipse at 72% 66%,#a2f4d24d 0%,#4bcca42b 23%,transparent 48%),linear-gradient(115deg,#0b3629 8%,color-mix(in srgb,var(--closing-main,#91e8bc) 22%,#0b4632) 35%,#124c3c 60%,#1b5c47 80%,#0c3b2d 96%);animation-duration:14s}
.closing-banner:after{content:'';position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff20 0%,#ffffff04 35%,transparent 60%,#d9fff10c 100%);border:0.8px solid #effff52b;box-shadow:inset 0 1.6px 1.6px #ffffff26,inset 0 -1.6px 2.4px #ffffff0c,inset 1.6px 0 2.4px #ffffff12;backdrop-filter:blur(9.6px) saturate(130%);-webkit-backdrop-filter:blur(9.6px) saturate(130%)}
.closing-mascot,.closing-copy{position:relative;z-index:1}
.closing-copy h2{color:#fff;text-shadow:0 0.8px 1.6px #04221733}
.closing-description{color:#f0fff6e6}
.closing-button{background:#ffffff17;border:0.8px solid #ffffff66;color:#fff;box-shadow:inset 0 0.8px 0 #ffffff38,0 2.4px 9.6px #06291e26}
.closing-button:hover{background:#ffffff28;border-color:#ffffffa6;box-shadow:inset 0 0.8px 0 #ffffff55,0 4px 12.8px #06291e33}
@supports not (backdrop-filter:blur(0.8px)){.closing-banner:after{background:linear-gradient(135deg,#ffffff17,#ffffff05)}}
@media(max-width:42.5em){.closing-banner:after{backdrop-filter:blur(6.4px) saturate(120%);-webkit-backdrop-filter:blur(6.4px) saturate(120%)}}

/* Hover sweep gives the invitation a filling response without delaying clicks. */
.closing-button{position:relative;isolation:isolate;overflow:hidden;background:#ffffff13;border-color:#ffffff8c;color:#fff;transition:color .2s ease,border-color .25s ease,transform .2s ease,box-shadow .25s ease}
.closing-button:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#f4fff9;transform:scaleX(0);transform-origin:left center;transition:transform .55s cubic-bezier(.22,.61,.36,1);pointer-events:none}
.closing-button>span{position:relative;z-index:1}
.closing-button:hover,.closing-button:focus-visible{background:#ffffff13;border-color:#f4fff9;color:#153d2c;box-shadow:inset 0 0.8px 0 #ffffff40,0 4px 12.8px #06291e26;transition-delay:.12s,0s,0s,0s}
.closing-button:hover:before,.closing-button:focus-visible:before{transform:scaleX(1)}
.closing-button:active{transform:scale(.98)}
@media(prefers-reduced-motion:reduce){.closing-button,.closing-button:before{transition:none}}

/* A thin chromatic ring circulates independently from the glass surface. */
@property --closing-ring-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.closing-color-ring{position:absolute;inset:0;z-index:3;padding:1.6px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--closing-ring-angle),#91e8bc55 0deg,#91e8bc 65deg,#80dce8 125deg,#b7a2f0 190deg,#f0cadc 235deg,#a5efdc 285deg,#91e8bc55 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:closing-ring-cycle 9s linear infinite;animation-play-state:paused;opacity:.85}
.closing-section.is-closing-visible .closing-color-ring{animation-play-state:running}
@keyframes closing-ring-cycle{to{--closing-ring-angle:360deg}}
@media(prefers-reduced-motion:reduce){.closing-color-ring{animation:none}}

/* A completed page session opens directly on the settled statement after refresh. */
.bossai-more[data-sequence-restored=true] .bossai-more-sequence>[data-beat],.bossai-more[data-sequence-restored=true] .bossai-more-explore,.bossai-more[data-sequence-restored=true] .bossai-more-atmosphere{transition:none!important}

/* Simple disclosure rows after the closing Xiaozhi invitation. */
.bossai-faq{background:#030d0b;color:#f5f7f4;padding:0 6vw 112px;font-family:Inter,'PingFang SC','Microsoft YaHei',Arial,sans-serif}
.faq-inner{max-width:1056px;margin:0 auto}
.bossai-faq h2{font-size:51.2px;line-height:1.3;font-weight:400;letter-spacing:-.025em;margin:0 0 30.4px}
.faq-item{border-bottom:0.8px solid #ffffff29}.faq-item:last-child{border-bottom:0}
.faq-item h3{margin:0;font-weight:400}
.faq-question{display:flex;align-items:center;justify-content:space-between;gap:25.6px;width:100%;min-height:112px;padding:24px 0;border:0;background:transparent;color:#f5f7f4;font:400 24px/1.5 Inter,'Microsoft YaHei',sans-serif;text-align:left;cursor:pointer}
.faq-plus{position:relative;display:block;flex:none;width:42.4px;height:42.4px;border-radius:50%;background:#f7faf7;color:#07130d;transition:background .2s,transform .3s}
.faq-plus:before,.faq-plus:after{content:'';position:absolute;left:50%;top:50%;width:16px;height:1.6px;background:currentColor;transform:translate(-50%,-50%)}
.faq-plus:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .25s,opacity .2s}
.faq-item.is-open .faq-plus{background:#91e8bc}.faq-question:focus-visible{outline:1.6px solid #91e8bc;outline-offset:4.8px;border-radius:3.2px}
.faq-item.is-open .faq-plus:after{transform:translate(-50%,-50%) rotate(0);opacity:0}
.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s ease,opacity .25s ease}
.faq-answer>div{overflow:hidden;min-height:0}
.faq-answer p{max-width:800px;color:#afbeb4;font-size:16px;line-height:1.9;margin:0;padding:0 68px 28px 0}
.faq-item.is-open .faq-answer{grid-template-rows:1fr;opacity:1}
@media(max-width:68.6875em){.bossai-faq h2{font-size:40px}.faq-question{font-size:20px;min-height:92px}.faq-plus{width:36.8px;height:36.8px}.faq-answer p{font-size:14.4px}}
@media(max-width:42.5em){.bossai-faq{padding:0 16px 64px}.bossai-faq h2{font-size:30.4px;margin-bottom:19.2px}.faq-question{font-size:14.4px;line-height:1.6;min-height:76px;padding:20px 0;gap:14.4px}.faq-plus{width:28.8px;height:28.8px}.faq-plus:before,.faq-plus:after{width:12px;height:1.2px}.faq-answer p{font-size:11.2px;line-height:1.9;padding:0 8px 20.8px 0}}
@media(prefers-reduced-motion:reduce){.faq-answer,.faq-plus,.faq-plus:after{transition:none}}

/* Keep later chapters out of the compositor until the introduction unlocks. */
.bossai-more:not([data-sequence-complete="true"])~:is(section,div,footer){visibility:hidden!important;opacity:0!important;pointer-events:none!important}

.remix-gallery{background:#fff;color:#202524;padding:88px 4vw 52px;overflow:hidden;font-family:Inter,'PingFang SC','Microsoft YaHei',Arial,sans-serif}
.remix-heading{max-width:1120px;margin:0 auto 64px;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:0 3%}.remix-heading h2{font-size:46.4px;font-weight:600;line-height:1.2;letter-spacing:-.045em;margin:0}.remix-heading h2 span{color:#356247}.remix-heading p{font-size:14.4px;line-height:1.85;margin:0 0 4.8px;color:#78837a;max-width:352px}
.remix-stack{display:flex;align-items:flex-start;justify-content:center;max-width:1216px;margin:0 auto;padding:24px 28px 28px;isolation:isolate}
.remix-item{position:relative;flex:0 0 208px;width:208px;margin-left:-31.2px;transition:opacity .3s;z-index:1}.remix-item:first-child{margin-left:0}.remix-item:nth-child(2){z-index:2}.remix-item:nth-child(3){z-index:3}.remix-item:nth-child(4){z-index:4}.remix-item:nth-child(5){z-index:5}.remix-item:nth-child(6){z-index:6}
.remix-card{display:block;position:relative;width:100%;aspect-ratio:9/16;padding:0;overflow:hidden;border:5.6px solid var(--card-color);border-radius:30.4px;background:#1e2621;text-align:left;cursor:pointer;transform:translateY(var(--card-y)) rotate(var(--card-tilt));transform-origin:50% 80%;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s;box-sizing:border-box;color:#fff}
.remix-card video{display:block;width:100%;height:100%;object-fit:cover}.remix-card:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}.remix-play{position:absolute;z-index:2;left:12.8px;top:12.8px;display:grid;place-items:center;width:35.2px;height:35.2px;border-radius:50%;border:0.8px solid #ffffffd0;background:#ffffff26;color:#fff;font-size:12.8px;backdrop-filter:blur(6.4px);padding-left:2.4px}
.remix-card-copy{position:absolute;left:14.4px;right:12px;bottom:16.8px;z-index:2;pointer-events:none}.remix-card-copy small{display:block;font-size:9.6px;line-height:1.5;color:#ffffffd9;margin-bottom:7.2px}.remix-card-copy strong{display:block;font-size:21.6px;line-height:1.14;font-weight:600;letter-spacing:-.04em}.remix-card-copy>span{display:block;font-size:9.6px;margin-top:9.6px;color:#ffffffb8}
.remix-start{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:0.8px solid #dce3da;color:#344e3b;border-radius:22.4px;padding:10.4px 15.2px;width:142.4px;font-size:12px;font-family:inherit;margin:34.4px auto 0;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.remix-start span{font-size:16.8px;line-height:1}.remix-start:hover{background:#203c2b;border-color:#203c2b;color:#fff}.remix-item:hover,.remix-item:focus-within{z-index:20}.remix-item:hover .remix-card,.remix-item:focus-within .remix-card{transform:translateY(-17.6px) rotate(0) scale(1.035);box-shadow:0 14.4px 28px #15271c18}.remix-stack:has(.remix-item:hover) .remix-item:not(:hover){opacity:.65}.remix-card:focus-visible,.remix-start:focus-visible{outline:2.4px solid #608967;outline-offset:4.8px}
.remix-gallery-hint{text-align:center;font-size:10.4px;color:#8b948b;margin:17.6px auto 0;line-height:1.8}.remix-gallery-hint span{margin-left:4px}
.remix-dialog{position:fixed;inset:0;width:min(784px,calc(100vw - 38.4px));max-width:none;max-height:calc(100svh - 38.4px);padding:0;border:0;border-radius:20.8px;background:#f9faf6;color:#27392a;overflow:auto;box-shadow:0 22.4px 80px #0005;font-family:Inter,'PingFang SC','Microsoft YaHei',Arial,sans-serif}.remix-dialog::backdrop{background:#06100bd9;backdrop-filter:blur(9.6px)}.remix-close{position:absolute;right:13.6px;top:12px;z-index:4;width:27.2px;height:27.2px;padding:0;border:0;border-radius:50%;background:#e8ede2;color:#53644e;font-size:20.8px;line-height:1;cursor:pointer}.remix-dialog-layout{display:grid;grid-template-columns:minmax(208px,42%) minmax(0,1fr)}.remix-player-wrap{padding:17.6px;background:#e7ece2;display:grid;place-items:center}.remix-player{display:block;width:100%;max-height:calc(100svh - 73.6px);aspect-ratio:9/16;object-fit:contain;border:4.8px solid var(--selected-color,#263b2c);border-radius:24px;background:#070c09;box-sizing:border-box}.remix-dialog-content{padding:40px 30.4px 20px;display:flex;flex-direction:column}.remix-dialog-brand{font-size:9.6px;color:#829177}.remix-dialog-content h2{font-size:23.2px;line-height:1.35;margin:17.6px 0 12px;font-weight:550;letter-spacing:-.035em}.remix-selected-name{font-size:11.2px;line-height:1.8;color:#7d8b71;margin:0 0 19.2px}.remix-open-settings,.remix-plan-button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:#2f5b3c;border:0;color:#fff;padding:12px 14.4px;border-radius:8px;font-size:12px;font-family:inherit;cursor:pointer}.remix-open-settings span,.remix-plan-button span{font-size:16px}
.remix-settings label{display:block;font-size:9.6px;color:#788b6d;margin-bottom:12.8px}.remix-settings select,.remix-settings textarea{display:block;box-sizing:border-box;width:100%;margin-top:6.4px;padding:8.8px 9.6px;border:0.8px solid #d9e2d1;border-radius:6.4px;color:#465c3f;background:#fff;font-family:inherit;font-size:10.4px;line-height:1.7}.remix-settings textarea{resize:vertical}.remix-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12.8px}.remix-preview-note{font-size:8.8px;line-height:1.7;color:#8c9982;margin:9.6px 0 0}.remix-dialog-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px}.remix-dialog-pagination button{width:28.8px;height:28.8px;border:0.8px solid #dae2d2;background:transparent;border-radius:50%;font-size:13.6px;color:#586f4f;cursor:pointer}.remix-current-index{font-size:9.6px;color:#8c9b80}.remix-plan-result h3{font-size:16px;font-weight:550}.remix-plan-result dl{font-size:10.4px;line-height:1.8}.remix-plan-result dl>div{padding:8px 0}.remix-plan-result dt{color:#9aa68c;font-size:8.8px}.remix-plan-result dd{margin:2.4px 0 0;color:#45613e}.remix-edit-plan{border:0.8px solid #ccd8c2;border-radius:6.4px;background:transparent;color:#4b6b43;padding:8px 14.4px;font:inherit;cursor:pointer}.remix-dialog [hidden]{display:none!important}.remix-dialog button:focus-visible,.remix-dialog select:focus-visible,.remix-dialog textarea:focus-visible{outline:1.6px solid #608967;outline-offset:3.2px}
@media(min-width:59.4375em) and (max-width:90.625em){.remix-item{flex-basis:176px;width:176px;margin-left:-37.6px}.remix-start{width:124px;font-size:11.2px}.remix-card-copy strong{font-size:19.2px}.remix-heading h2{font-size:40px}}
@media(max-width:760px){.remix-gallery{padding:60px 0 36px}.remix-heading{display:block;margin-bottom:28px;padding:0 22.4px}.remix-heading h2{font-size:34.4px}.remix-heading p{font-size:12.8px;margin-top:19.2px}.remix-stack{justify-content:flex-start;overflow-x:auto;max-width:none;padding:24px 22.4px 24px;gap:14.4px;scroll-snap-type:x mandatory;scroll-padding-left:22.4px;scrollbar-width:none}.remix-stack::-webkit-scrollbar{display:none}.remix-item,.remix-item:first-child{flex-basis:200px;width:200px;margin-left:0;scroll-snap-align:start}.remix-card{transform:none;border-width:4.8px;border-radius:27.2px}.remix-start{margin-top:14.4px;width:100%;font-size:12px}.remix-item:hover .remix-card,.remix-item:focus-within .remix-card{transform:none;box-shadow:none}.remix-stack:has(.remix-item:hover) .remix-item:not(:hover){opacity:1}.remix-gallery-hint{padding:0 22.4px;margin-top:8px}.remix-dialog-content{padding:36px 20.8px 19.2px}.remix-dialog-content h2{font-size:20px}.remix-player-wrap{padding:12.8px}}
@media(max-width:480px){.remix-gallery{padding-top:46.4px}.remix-heading{padding:0 16px}.remix-heading h2{font-size:28.8px}.remix-heading p{font-size:11.2px;line-height:1.9;margin-top:16px}.remix-item,.remix-item:first-child{width:196px;flex-basis:196px}.remix-stack{padding-left:16px;padding-right:16px;scroll-padding-left:16px;gap:13.6px}.remix-card-copy strong{font-size:20.8px}.remix-gallery-hint{font-size:8.8px;padding:0 16px}.remix-gallery-hint span{display:block;margin:0}.remix-dialog{width:calc(100vw - 19.2px);max-height:calc(100svh - 19.2px);border-radius:16px}.remix-dialog-layout{display:flex;flex-direction:column}.remix-player-wrap{padding:12.8px 36px;background:#e7ece2}.remix-player{max-height:46svh;width:auto;max-width:100%;border-width:3.2px;border-radius:17.6px}.remix-close{right:8px;top:8px;width:24px;height:24px;font-size:18.4px}.remix-dialog-content{padding:19.2px}.remix-dialog-content h2{font-size:18.4px;margin:12px 0 9.6px}.remix-selected-name{font-size:9.6px;margin-bottom:16px}.remix-dialog-pagination{padding-top:16px}.remix-preview-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.remix-item,.remix-card,.remix-start{transition:none}.remix-item:hover .remix-card,.remix-item:focus-within .remix-card{transform:translateY(var(--card-y)) rotate(var(--card-tilt));box-shadow:none}}

/* Back to the site's near-black ground; a focused title and substantial per-video actions. */
.remix-gallery{background:#030d0b;color:#edf2eb;padding-top:84px}
.remix-heading{display:block;text-align:center;max-width:880px;margin-bottom:57.6px;padding:0 19.2px}
.remix-heading h2{font-size:54.4px;line-height:1.18;letter-spacing:-.045em;font-weight:600}
.remix-heading h2 span{color:#91e8bc}
.remix-heading p{max-width:520px;margin:21.6px auto 0;font-size:14.4px;line-height:1.85;color:#9aac9f}
.remix-start{width:152px;min-height:44.8px;padding:8px 8.8px 8px 15.2px;border:0.8px solid color-mix(in srgb,var(--card-color) 40%,#23352a);border-radius:12px;background:#122219;color:#e6eee4;font-size:13.6px;font-weight:550;gap:9.6px;transition:background .2s,border-color .2s,transform .2s}
.remix-start span{display:grid;place-items:center;flex:none;width:26.4px;height:26.4px;border-radius:7.2px;background:var(--card-color);color:#142319;font-size:16px;transition:transform .2s}
.remix-item:nth-child(5) .remix-start span{color:#fff}
.remix-start:hover,.remix-start:focus-visible{background:#1a3022;border-color:var(--card-color);color:#fff;transform:translateY(-2.4px)}
.remix-start:hover span{transform:translate(0.8px,-0.8px)}.remix-start:active{transform:translateY(0)}
.remix-item.is-picked .remix-start{border-color:var(--card-color)}
.remix-gallery-hint{color:#73867a;margin-top:19.2px;font-size:10.4px}
@media(min-width:59.4375em) and (max-width:90.625em){.remix-start{width:132px;padding-left:11.2px;font-size:12.8px}.remix-start span{width:24px;height:24px}.remix-heading h2{font-size:48px}}
@media(max-width:760px){.remix-gallery{padding-top:60px}.remix-heading{margin-bottom:30.4px;padding:0 22.4px}.remix-heading h2{font-size:39.2px}.remix-heading p{font-size:12.8px;margin-top:17.6px}.remix-start{width:100%;min-height:44px;font-size:12.8px;padding-left:16px}.remix-start span{width:25.6px;height:25.6px}}
@media(max-width:480px){.remix-gallery{padding-top:48px}.remix-heading{padding:0 16px;margin-bottom:24px}.remix-heading h2{font-size:30.4px;line-height:1.22}.remix-heading p{font-size:11.2px;line-height:1.85;margin-top:16.8px}.remix-gallery-hint{font-size:8.8px;margin-top:14.4px}.remix-start{border-radius:11.2px;min-height:43.2px}}
@media(prefers-reduced-motion:reduce){.remix-start:hover,.remix-start:focus-visible{transform:none}.remix-start span{transition:none}}

/* A single invitation card closes the fan of six reference videos. */
.remix-stack{max-width:1320px;padding-bottom:24px}
.remix-item.remix-cta-item{z-index:7}
.remix-cta-card{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:9/16;box-sizing:border-box;padding:24px 18.4px;border-radius:30.4px;background:radial-gradient(ellipse at 20% 10%,#ffffff15,transparent 65%),#6534f6;color:#fff;transform:translateY(var(--card-y)) rotate(var(--card-tilt));transform-origin:50% 80%;transition:transform .4s cubic-bezier(.2,.7,.2,1);overflow:hidden}
.remix-cta-card:before{content:'';position:absolute;inset:0;border:0.8px solid #ffffff1c;border-radius:inherit;pointer-events:none}
.remix-cta-content{width:100%;text-align:center}.remix-cta-content h3{font-size:27.2px;line-height:1.12;font-weight:650;letter-spacing:-.055em;margin:0 0 20px;color:#fff}
.remix-cta-button{display:flex;align-items:center;justify-content:center;gap:12.8px;width:100%;padding:12px 10.4px;border:0;border-radius:32px;background:#070a08;color:#fff;font:550 12.8px/1.3 Inter,'Microsoft YaHei',sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.remix-cta-button span{font-size:19.2px;line-height:1;transition:transform .2s}.remix-cta-button:hover{background:#18211b}.remix-cta-button:hover span{transform:translateX(2.4px)}.remix-cta-button:active{transform:scale(.98)}.remix-cta-button:focus-visible{outline:2.4px solid #fff;outline-offset:4px}
.remix-cta-content p{font-size:9.6px;line-height:1.8;margin:17.6px 0 0;color:#e0d6ff}
.remix-cta-item:hover .remix-cta-card,.remix-cta-item:focus-within .remix-cta-card{transform:translateY(-14.4px) rotate(-2deg)}
@media(min-width:59.4375em) and (max-width:90.625em){.remix-cta-content h3{font-size:23.2px}.remix-cta-card{padding:20.8px 15.2px}.remix-cta-button{font-size:11.2px;padding:10.4px 8px;gap:9.6px}.remix-cta-content p{font-size:8.8px}}
@media(max-width:760px){.remix-stack{max-width:none}.remix-cta-card{transform:none;border-radius:27.2px}.remix-cta-item:hover .remix-cta-card,.remix-cta-item:focus-within .remix-cta-card{transform:none}}
@media(max-width:480px){.remix-cta-content h3{font-size:26.4px}.remix-cta-card{padding:22.4px 19.2px}.remix-cta-button{font-size:12px}.remix-cta-content p{font-size:9.6px}}
@media(prefers-reduced-motion:reduce){.remix-cta-card,.remix-cta-button,.remix-cta-button span{transition:none}.remix-cta-item:hover .remix-cta-card,.remix-cta-item:focus-within .remix-cta-card{transform:translateY(var(--card-y)) rotate(var(--card-tilt))}}

/* Play the selected card in place. Opaque neighbors avoid stacked-video ghosting. */
.remix-item{opacity:1;transition:transform .36s cubic-bezier(.22,.7,.2,1)}
.remix-stack:has(.remix-item:hover) .remix-item:not(:hover){opacity:1}
.remix-card{transition:transform .36s cubic-bezier(.22,.7,.2,1);box-shadow:none!important;will-change:auto}
.remix-play{backdrop-filter:none;background:#111b1766}
.remix-item.is-expanded,.remix-item.is-expanded:hover,.remix-item.is-expanded:focus-within{z-index:35}
.remix-item.is-expanded .remix-card,.remix-item.is-expanded:hover .remix-card,.remix-item.is-expanded:focus-within .remix-card{transform:translateY(-11.2px) rotate(0) scale(1.13);cursor:default;will-change:transform}
.remix-item.is-expanded .remix-card video{object-fit:cover;background:transparent}
.remix-item.is-expanded .remix-card:after,.remix-item.is-expanded .remix-card-copy,.remix-item.is-expanded .remix-play{opacity:0;visibility:hidden}
.remix-inline-close{position:absolute;right:-8.8px;top:-38.4px;z-index:50;display:grid;place-items:center;width:25.6px;height:25.6px;border:0.8px solid #ffffff35;border-radius:50%;background:#e8eee7;color:#304e37;font:19.2px/1 Arial,sans-serif;cursor:pointer}
.remix-inline-close[hidden]{display:none}.remix-inline-close:focus-visible{outline:1.6px solid #91e8bc;outline-offset:3.2px}
.remix-gallery.has-expanded-card .remix-item:has(~ .is-expanded){transform:translateX(-12px)}
.remix-gallery.has-expanded-card .is-expanded~.remix-item{transform:translateX(12px)}
.remix-item.is-previewing .remix-play{opacity:0}.remix-item.is-expanded .remix-card{border-color:var(--card-color)}
.remix-cta-content h3{font-size:clamp(19.2px,1.75vw,25.6px);line-height:1.18;letter-spacing:-.045em}.remix-cta-content h3 span{display:block;white-space:nowrap}
.remix-dialog.is-settings-only{width:min(416px,calc(100vw - 25.6px))}.remix-dialog.is-settings-only .remix-dialog-layout{display:block}.remix-dialog.is-settings-only .remix-player-wrap{display:none}.remix-dialog.is-settings-only .remix-dialog-content{padding:28px}.remix-dialog.is-settings-only .remix-dialog-content h2{margin-top:12.8px;font-size:20.8px}
@media(max-width:760px){.remix-item.is-expanded .remix-card,.remix-item.is-expanded:hover .remix-card,.remix-item.is-expanded:focus-within .remix-card{transform:translateY(-4px) scale(1.025)}.remix-gallery.has-expanded-card .remix-item:has(~ .is-expanded),.remix-gallery.has-expanded-card .is-expanded~.remix-item{transform:none}.remix-inline-close{top:-16px;right:-4px;width:24px;height:24px}.remix-cta-content h3{font-size:24px}}
@media(max-width:480px){.remix-dialog.is-settings-only .remix-dialog-content{padding:24px 18.4px}.remix-cta-content h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.remix-item,.remix-card{transition:none}.remix-item.is-expanded .remix-card{transform:none}}
.remix-item.is-folded .remix-card,.remix-item.is-folded:hover .remix-card,.remix-item.is-folded:focus-within .remix-card{transform:translateY(var(--card-y)) rotate(var(--card-tilt))}
@media(max-width:760px){.remix-item.is-folded .remix-card,.remix-item.is-folded:hover .remix-card,.remix-item.is-folded:focus-within .remix-card{transform:none}}

/* Keep the close control just outside the transformed card, without opening the fan too far. */
.remix-inline-close{left:calc(106.5% + 4.8px);right:auto;top:calc(-10.4% - 17.6px);width:24px;height:24px;background:#748177;color:#fff;border:0.8px solid #a1ada344;font-size:18.4px}
.remix-gallery.has-expanded-card .remix-item:has(~ .is-expanded){transform:translateX(-3.2px)}
.remix-gallery.has-expanded-card .is-expanded~.remix-item{transform:translateX(3.2px)}
@media(max-width:760px){.remix-inline-close{left:calc(101.25% + 4px);top:calc(-2% - 10.4px);width:22.4px;height:22.4px;font-size:17.6px}.remix-gallery.has-expanded-card .remix-item:has(~ .is-expanded),.remix-gallery.has-expanded-card .is-expanded~.remix-item{transform:none}}
@media(prefers-reduced-motion:reduce){.remix-inline-close{left:calc(100% + 4.8px);top:-6.4px}}

/* Match inner clipping to the frame; overlap the shared edge to avoid compositor seams. */
.remix-card{--frame-radius:30.4px;--frame-width:5.6px;border-radius:var(--frame-radius);border-width:var(--frame-width);background:var(--card-color);isolation:isolate}
.remix-card video,.remix-item.is-expanded .remix-card video{position:absolute;inset:-0.8px;width:calc(100% + 1.6px);height:calc(100% + 1.6px);border-radius:calc(var(--frame-radius) - var(--frame-width) + 0.8px);object-fit:cover;background:transparent}
@media(max-width:760px){.remix-card{--frame-radius:27.2px;--frame-width:4.8px}}

.remix-heading h2{white-space:nowrap}
@media(max-width:480px){.remix-heading h2{font-size:clamp(22.4px,8.2vw,30.4px)}}

/* Give the whole video showcase a little more space above it. */
.remix-gallery{padding-top:124px}
@media(max-width:760px){.remix-gallery{padding-top:84px}}
@media(max-width:480px){.remix-gallery{padding-top:67.2px}}

/* Enlarge the complete desktop showcase while keeping the fan inside the viewport. */
@media(min-width:68.75em){
 .remix-heading{max-width:1000px}
 .remix-heading h2{font-size:60.8px}
 .remix-heading p{font-size:16px;max-width:584px}
 .remix-stack{max-width:1480px}
 .remix-item,.remix-item:first-child{flex:1 1 0;width:auto;min-width:0;max-width:232px}
}

/* Give the video chapter headline more presence. */
@media(min-width:68.75em){.remix-heading h2{font-size:70.4px}}
@media(min-width:37.5625em) and (max-width:68.6875em){.remix-heading h2{font-size:44.8px}}
@media(max-width:37.5em){.remix-heading h2{font-size:clamp(24px,8.8vw,33.6px)}}

/* Both capability chapters share the same typography at every viewport size. */
:is(.remix-heading,#capability-products .workbench-heading,#capability-market .market-heading) h2{font-size:70.4px;font-weight:600;line-height:1.25;letter-spacing:-.035em}
:is(.remix-heading,#capability-products .workbench-heading,#capability-market .market-heading) p{font-size:16px;font-weight:400;line-height:1.9;color:#9aac9f;max-width:640px;margin:21.6px auto 0}
@media(max-width:68.6875em){:is(.remix-heading,#capability-products .workbench-heading,#capability-market .market-heading) h2{font-size:44.8px}:is(.remix-heading,#capability-products .workbench-heading,#capability-market .market-heading) p{font-size:12.8px;margin-top:17.6px}}
@media(max-width:37.5em){:is(.remix-heading,#capability-products .workbench-heading,#capability-market .market-heading) h2{font-size:clamp(24px,8.8vw,33.6px);line-height:1.4}:is(.remix-heading,#capability-products .workbench-heading,#capability-market .market-heading) p{font-size:11.2px;line-height:1.9;margin-top:16px}}

/* Keep the next chapter outside the video showcase's first viewport. */
.remix-gallery{box-sizing:border-box;min-height:0;padding-bottom:48px}

.remix-heading{margin-bottom:51.2px}
@media(max-width:37.5em){.remix-gallery{padding-bottom:28.8px}.remix-heading{margin-bottom:27.2px}}

/* Footer: only verified destinations and the supplied contact channel. */
.site-footer{padding:64px 6vw 25.6px;background:#020a08;color:#dce6df;font-family:Inter,'PingFang SC','Microsoft YaHei',Arial,sans-serif;border-top:0.8px solid #b4d5bf19}
.site-footer *{box-sizing:border-box}.footer-inner{max-width:1056px;margin:0 auto}.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:72px;padding-bottom:54.4px}.footer-brand img{display:block;width:128px;height:44.8px;object-fit:contain;object-position:left center}.footer-brand p{font-size:13.6px;color:#8eab9b;margin:16px 0 0;letter-spacing:.03em}.footer-main nav{display:flex;align-items:flex-start;flex-direction:column;gap:14.4px}.footer-main h2{font-size:14.4px;font-weight:500;color:#eef5ef;margin:6.4px 0 6.4px}.site-footer a{color:#a1b7a9;text-decoration:none;font-size:12.8px;line-height:1.65;transition:color .2s}.site-footer a:hover{color:#91e8bc}.site-footer a:focus-visible{outline:1.6px solid #91e8bc;outline-offset:4px;border-radius:1.6px}.footer-location{font-size:10.4px;color:#6c8978;line-height:1.8}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:19.2px;border-top:0.8px solid #b4d5bf26;padding-top:22.4px;color:#6f8c7b;font-size:10.4px}.footer-bottom>div{display:flex;gap:28px}.footer-bottom a{font-size:10.4px}.footer-bottom a span{margin-left:8px}
@media(max-width:68.6875em){.footer-main{gap:36px;grid-template-columns:1.1fr 1fr 1fr}.site-footer{padding-top:52px}.site-footer a{font-size:11.2px}}
@media(max-width:42.5em){.site-footer{padding:36px 16px 20px}.footer-main{grid-template-columns:1fr 1fr;gap:28px 17.6px;padding-bottom:30.4px}.footer-brand{grid-column:1/-1}.footer-brand img{width:112px;height:39.2px}.footer-brand p{font-size:11.2px;margin-top:9.6px}.footer-main nav{gap:11.2px}.footer-main h2{font-size:12.8px;margin:0 0 4px}.site-footer a{font-size:10.4px;overflow-wrap:anywhere}.footer-location{font-size:8.8px}.footer-bottom{align-items:flex-start;gap:14.4px;flex-direction:column;padding-top:17.6px;font-size:9.6px}.footer-bottom>div{gap:22.4px}.footer-bottom a{font-size:9.6px}}
@media(prefers-reduced-motion:reduce){.site-footer a{transition:none}}
/* Policy page uses its own quiet reading layout, with the same footer and brand. */
.privacy-page{margin:0;background:#030d0b;color:#edf4ee;font-family:Inter,'PingFang SC','Microsoft YaHei',Arial,sans-serif}.privacy-page *{box-sizing:border-box}.privacy-page a{color:#9bdabb;text-underline-offset:3.2px}.privacy-header{display:flex;justify-content:space-between;align-items:center;max-width:1056px;margin:auto;padding:22.4px 0;border-bottom:0.8px solid #bfdac522}.privacy-header img{display:block;object-fit:contain;object-position:left center}.privacy-header>a:last-child{text-decoration:none;font-size:11.2px}.privacy-header>a:last-child span{margin-left:11.2px}.privacy-main{max-width:1056px;margin:auto;padding:56px 0 88px}.privacy-title>p{color:#91e8bc;font-size:11.2px;letter-spacing:.12em;margin:0 0 16px}.privacy-title h1{font-size:49.6px;letter-spacing:-.035em;font-weight:500;line-height:1.2;margin:0 0 17.6px}.privacy-meta{color:#7f9b8a;font-size:11.2px}.privacy-notice{margin:32px 0 44px;border:0.8px solid #7c987a4d;border-radius:9.6px;padding:19.2px 22.4px;background:#19302266;color:#c1d5c6}.privacy-notice strong{font-size:12.8px;font-weight:500}.privacy-notice p{font-size:11.2px;line-height:1.9;margin:8px 0 0;color:#9eb7a6}.privacy-layout{display:grid;grid-template-columns:216px minmax(0,1fr);gap:56px}.privacy-toc{position:sticky;top:22.4px;align-self:start;display:flex;flex-direction:column;gap:13.6px;font-size:10.4px;line-height:1.8}.privacy-toc strong{font-size:11.2px;color:#d3e5d8;font-weight:500;margin-bottom:4px}.privacy-toc a{text-decoration:none;color:#839f8d}.privacy-toc a:hover{color:#91e8bc}.privacy-article>section{scroll-margin-top:25.6px;border-bottom:0.8px solid #c1ddc31a;padding:0 0 28px;margin:0 0 30.4px}.privacy-article>section:last-child{border-bottom:0}.privacy-article h2{font-size:20px;line-height:1.5;font-weight:500;letter-spacing:-.02em;margin:0 0 17.6px;color:#ecf4ee}.privacy-article h2>span{color:#6a987d;font-size:11.2px;margin-right:12px;font-weight:400}.privacy-article p,.privacy-article li{font-size:12.8px;line-height:2;color:#a9bfb0;overflow-wrap:anywhere}.privacy-article p{margin:0 0 14.4px}.privacy-article ul{padding-left:17.6px}.privacy-article li{margin-bottom:9.6px}.privacy-article strong{color:#d0e3d6;font-weight:500}.privacy-article code{font-size:.83em;color:#a5d4b8;overflow-wrap:anywhere}.privacy-facts{padding:3.2px 0 12px;font-size:12px}.privacy-facts>div{display:grid;grid-template-columns:120px 1fr;padding:11.2px 0;border-bottom:0.8px solid #c1ddc31a;gap:9.6px;line-height:1.8}.privacy-facts dt{color:#7fa28e}.privacy-facts dd{margin:0;color:#d0e4d7}.privacy-table-wrap{overflow-x:auto;border:0.8px solid #c1ddc326;border-radius:8px;margin:0 0 20px}.privacy-article table{border-collapse:collapse;width:100%;font-size:11.2px;line-height:1.95;color:#adc4b5}.privacy-article th{font-weight:500;background:#18302288;text-align:left;color:#c5dccd;padding:13.6px 16px}.privacy-article td{padding:14.4px 16px;border-top:0.8px solid #c1ddc31a;vertical-align:top;overflow-wrap:anywhere}.privacy-article td:first-child{width:120px;color:#d0e3d6}.privacy-page a:focus-visible{outline:1.6px solid #91e8bc;outline-offset:3.2px}
@media(max-width:90em){.privacy-header,.privacy-main{margin-left:6vw;margin-right:6vw}.privacy-layout{grid-template-columns:176px minmax(0,1fr);gap:32px}}
@media(max-width:55em){.privacy-layout{display:block}.privacy-toc{position:static;display:grid;grid-template-columns:1fr 1fr;gap:9.6px 16px;padding-bottom:22.4px;border-bottom:0.8px solid #c1ddc326;margin-bottom:30.4px}.privacy-toc strong{grid-column:1/-1}.privacy-main{padding-top:36px}.privacy-title h1{font-size:38.4px}.privacy-article h2{font-size:18.4px}}
@media(max-width:42.5em){.privacy-header,.privacy-main{margin-left:16px;margin-right:16px}.privacy-header{padding:17.6px 0}.privacy-header img{width:96px;height:33.6px}.privacy-header>a:last-child{font-size:9.6px}.privacy-main{padding-top:28px;padding-bottom:40px}.privacy-title h1{font-size:32px}.privacy-title>p{font-size:9.6px;margin-bottom:12px}.privacy-meta{font-size:9.6px;line-height:1.8}.privacy-notice{padding:14.4px;margin:22.4px 0}.privacy-notice p{font-size:10.4px}.privacy-toc{display:flex;gap:8.8px;font-size:9.6px}.privacy-article h2{font-size:16.8px}.privacy-article p,.privacy-article li{font-size:11.2px;line-height:1.95}.privacy-article h2>span{font-size:9.6px;margin-right:8px}.privacy-facts{font-size:10.4px}.privacy-facts>div{grid-template-columns:84px 1fr}.privacy-article table{font-size:9.6px}.privacy-article th,.privacy-article td{padding:9.6px 8px}.privacy-article td:first-child{width:64px}.privacy-article>section{margin-bottom:22.4px;padding-bottom:20px}}

/* Broad dim arch and compact link columns, following the supplied footer reference. */
.site-footer{position:relative;isolation:isolate;overflow:hidden;border-top:0;background:#020605;padding:120px 6vw 28.8px}
.site-footer:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:min(1200px,96vw);height:640px;left:50%;top:19.2px;transform:translateX(-50%);border-radius:50% 50% 0 0 / 55% 55% 0 0;background:linear-gradient(180deg,#ffffff12 0%,#ffffff06 13%,#ffffff02 28%,transparent 57%);box-shadow:inset 0 14.4px 25.6px #ffffff05;mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 36%,transparent 66%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 36%,transparent 66%)}
.footer-inner{max-width:1280px}
.footer-main{grid-template-columns:1.55fr .75fr 1fr 1.15fr;gap:52px;padding-bottom:60px}
.footer-brand img{width:120px;height:41.6px}.footer-brand p{font-size:12px;line-height:1.85;letter-spacing:0;max-width:240px;color:#a2aaa6;margin-top:16px}
.footer-main h2{font-size:12.8px;font-weight:400;color:#89948e;margin:5.6px 0 6.4px}.footer-main nav{gap:12.8px}.site-footer a{font-size:12px;color:#e1e8e3}.footer-location{color:#87958c;font-size:9.6px;margin-top:3.2px}.footer-bottom{border-top-color:#c4d5c714;color:#718379;font-size:9.6px}.footer-bottom a{font-size:9.6px;color:#a0afa6}
@media(max-width:68.6875em){.site-footer{padding-top:96px}.footer-main{grid-template-columns:1.4fr .7fr 1fr 1.1fr;gap:24px}.footer-brand p{font-size:10.4px}.site-footer a{font-size:10.4px}.footer-main h2{font-size:11.2px}}
@media(max-width:42.5em){.site-footer{padding:64px 16px 22.4px}.site-footer:before{width:160%;height:504px;top:16px}.footer-main{grid-template-columns:1fr 1fr;gap:28.8px 19.2px;padding-bottom:33.6px}.footer-brand{grid-column:1/-1}.footer-brand img{width:112px;height:39.2px}.footer-brand p{font-size:11.2px;max-width:248px;margin-top:12px}.footer-main nav{gap:11.2px}.footer-main nav:last-child{grid-column:1/-1}.footer-main h2{font-size:11.2px;margin:0 0 3.2px}.site-footer a{font-size:10.4px}.footer-bottom a{font-size:9.6px}}

/* Replace the dome with a low, diffused mint light along the footer base. */
.site-footer{background:#030d0b}
.site-footer:before{inset:0;width:auto;height:auto;transform:none;border-radius:0;box-shadow:none;mask-image:none;-webkit-mask-image:none;background:radial-gradient(ellipse 46% 80% at 22% 125%,#417d6033 0%,#1a503224 42%,transparent 76%),radial-gradient(ellipse 50% 85% at 83% 130%,#478f752b 0%,#195a4520 40%,transparent 75%),linear-gradient(180deg,#030d0b 12%,#030d0a 100%)}
.site-footer:after{content:'';position:absolute;left:8%;right:8%;bottom:0;height:0.8px;pointer-events:none;background:linear-gradient(90deg,transparent,#91e8bc66 32%,#c3f2dc80 50%,#91e8bc4d 70%,transparent)}
@media(max-width:42.5em){.site-footer:before{inset:0;width:auto;height:auto;top:0;background:radial-gradient(ellipse 120% 55% at 50% 112%,#387c5d33,transparent 80%),#030d0b}}

/* Make the footer light field clearly visible instead of disappearing into black. */
.site-footer:before{background:radial-gradient(ellipse 58% 110% at 18% 115%,#367d58a6 0%,#1a543d80 32%,transparent 72%),radial-gradient(ellipse 55% 110% at 88% 120%,#2d746d99 0%,#154d3d66 32%,transparent 72%),linear-gradient(180deg,#030d0b 0%,#071b12 56%,#173f2e 100%)}
@media(max-width:42.5em){.site-footer:before{background:radial-gradient(ellipse 110% 70% at 20% 115%,#367d5899,transparent 78%),radial-gradient(ellipse 100% 75% at 100% 115%,#2d746d80,transparent 78%),linear-gradient(180deg,#030d0b 0%,#071b12 55%,#173f2e 100%)}}

.site-footer{background:#030d0b;border-top:0}.site-footer:before{mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 100%)}

}