/* Each scene explains a different part of the work through its own action. */
.process-demo.story-demo{container-type:inline-size}
.story-demo .demo-body{min-width:0}
.process-journey.is-enhanced .journey-visual.story-demo:not([data-process-demo="1"]){min-height:min-content}
.story-demo .scene-map{min-height:218px}.story-demo .scene-priorities{min-height:212px}.story-demo .scene-build{min-height:210px}.story-demo .scene-review{min-height:220px}

/* 01 — Selecting a client visibly creates the search we will monitor. */
.scene-map{display:flex}
.market-map{position:relative;flex:1;min-height:218px;border:1px solid #63836e;border-radius:9px;background:#21483b;overflow:hidden;isolation:isolate}
.map-world{position:absolute;inset:0;transform:scale(1.08);transform-origin:24% 50%;opacity:.9}
.map-world svg{display:block;width:100%;height:100%}
.map-river{stroke:#6f9d9040;stroke-width:18}.map-blocks{stroke:#91ad7740;stroke-width:1;fill:#718a5b0b}.map-roads{stroke:#aec68830;stroke-width:3}.map-park{fill:#87aa6940}
.map-area-fill{fill:#c8ed6220}.map-area-line{stroke:#dffa83;stroke-width:2;stroke-dasharray:100;stroke-dashoffset:0;filter:drop-shadow(0 0 4px #dffa8340)}
.map-heading{position:absolute;z-index:2;top:7px;left:7px;display:flex;align-items:center;gap:6px;max-width:42%;padding:4px 7px;border:1px solid #63836e;border-radius:5px;background:#21483b;font-size:.75rem;line-height:1.4;color:#e3efce}
.map-heading>span{min-width:0}
.map-heading>b,.map-focus-heading>b{display:grid;place-items:center;flex:none;width:19px;height:19px;border-radius:50%;font-size:.6875rem;font-weight:700;background:var(--lime);color:var(--ink)}
.map-rival{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.6875rem;line-height:1.3;color:#d3e1c9}
.map-rival i{display:block;width:7px;height:7px;background:#b8c99d;border:2px solid #6d8f69;border-radius:50%}
.map-rival-a{left:9%;top:29%}.map-rival-b{left:29%;top:74%}
.map-team{position:absolute;left:23%;top:46%;display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%,-25%)}
.map-team-pin{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50% 50% 50% 4px;background:var(--lime);color:var(--ink);font-size:1.4rem;box-shadow:0 0 0 5px #dffa8319,0 5px 12px #09221950}
.map-team b{position:relative;z-index:1;font-size:.8125rem;line-height:1.4;font-weight:650;color:#f0f6e5;background:#173c32e6;padding:2px 6px;border-radius:3px}
.map-team>i{position:absolute;top:-7px;left:calc(50% - 22px);width:44px;height:44px;border:1px solid var(--lime);border-radius:50%;opacity:0}
.map-area-caption{position:absolute;bottom:10px;left:11px;font-size:.6875rem;line-height:1.4;color:#d3e4b7}
.map-focus{position:absolute;inset:8px 8px 8px auto;display:flex;flex-direction:column;justify-content:center;gap:7px;width:54%;padding:10px;background:#f2f5e9;border:1px solid #e0e8cf;border-radius:7px;color:var(--ink);box-shadow:0 7px 24px #08281d40}
.map-focus-heading{display:flex;align-items:center;gap:6px}.map-focus-heading>strong{font-size:.8125rem;line-height:1.3;font-weight:650}.map-focus-heading>b{width:17px;height:17px;font-size:.625rem;background:#d5e5b7}
.map-personas{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:5px}
.map-personas>span{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:6px;border:1px solid #b6cd8c;border-radius:4px;font-size:.71875rem;line-height:1.25;background:var(--lime)}
.map-personas b{font-weight:750;color:#35552d}
.map-search-heading{margin-top:1px}.map-search-list{display:grid;gap:5px}
.map-client-query{display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid #d5e0c5;border-left:3px solid #a6ca5c;border-radius:4px;background:#fffef5}
.map-client-query>span{font-size:1.25rem;line-height:1;color:#607e3f}.map-client-query>strong{flex:1;min-width:0;font-size:.78125rem;line-height:1.35;font-weight:550}
.map-selector{position:absolute;left:25%;top:50%;width:14px;height:18px;z-index:3;opacity:0;filter:drop-shadow(0 2px 3px #16312044)}
.map-selector svg,.sort-cursor svg,.build-cursor svg{display:block;width:100%;height:100%;fill:var(--ink);stroke:#f3f8e7;stroke-width:1.5}

/* 02 — Watch the platform answers change inside a monitoring window. */
.scene-monitor{display:flex}
.scan-browser{position:relative;flex:1;display:grid;grid-template-rows:27px 31px minmax(0,1fr)24px;min-height:180px;border:1px solid #86a077;border-radius:8px;background:#f2f5e9;box-shadow:0 6px 18px #08231a30;overflow:hidden;color:var(--ink)}
.scan-tabs{display:flex;background:#214638;border-bottom:1px solid #7b956550}
.scan-platform{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;width:25%;overflow:hidden;font-size:.5625rem;line-height:1.4;color:var(--ink);background:#dffa83;border-right:1px solid #89a56540}
.scan-platform:last-child{border:0}.scan-platform>b{font-weight:550}.scan-platform>em{font-style:normal;font-size:.625rem;color:#3d622a}
.scan-platform>i{position:absolute;bottom:0;left:0;width:30%;height:2px;background:var(--lime);opacity:0}
.scan-query{display:flex;align-items:center;gap:8px;padding:6px 11px;border-bottom:1px solid #d1ddbf;background:#e8eedc}
.scan-query>span{font-size:1.1rem;line-height:1;color:#638246}.scan-query>strong{flex:1;min-width:0;font-size:.75rem;line-height:1.4;font-weight:550}.scan-query>i{width:5px;height:5px;border-radius:50%;background:#6e9448;box-shadow:0 0 0 3px #6e944812}
.scan-answer-stage{position:relative;min-height:94px;overflow:hidden}
.scan-snapshot{position:absolute;inset:0;padding:9px 12px;opacity:0}.scan-snapshot-3{opacity:1}
.scan-answer-label{display:flex;gap:5px;align-items:center;font-size:.5rem;line-height:1.3;letter-spacing:.25px;color:#5e7150}
.scan-answer-label>i{width:5px;height:5px;border-radius:2px;background:#7b9857}
.scan-snapshot p{font-size:.8125rem;line-height:1.45;margin:7px 0 6px;color:var(--ink);max-width:96%}
.scan-snapshot mark{background:linear-gradient(#dffa83,#dffa83) left center / 100% 100% no-repeat;color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .08em}
.scan-citation{display:flex;align-items:center;gap:4px;font-size:.5rem;line-height:1.4;color:#697853}
.scan-citation>span{color:#456d2c;font-size:.6875rem}
.scan-saved{position:absolute;right:10px;bottom:8px;display:block;font-size:.5rem;line-height:1.4;color:#456b2d;background:#e7efd8;border-radius:3px;padding:2px 4px}
.scan-waiting{position:absolute;inset:15px 12px;display:grid;align-content:start;gap:6px;opacity:0}
.scan-waiting i{height:5px;width:66%;background:#c8d6b8;border-radius:4px}.scan-waiting i:nth-child(2){width:83%}.scan-waiting i:nth-child(3){width:40%}
.scan-waiting>span{font-size:.5625rem;line-height:1.4;color:#718362;margin-top:3px}
.scan-record{display:flex;align-items:center;gap:9px;padding:4px 10px;border-top:1px solid #d4dfc3;background:#e6eed8;font-size:.5rem;line-height:1.4;color:#536d3d}
.scan-record>span{white-space:nowrap}.scan-record b{color:#3e6e24;margin-right:2px}.scan-record>strong{margin-left:auto;font-size:.5rem;font-weight:600}

/* 04 — Ranking changes both the order and the visual weight of the work. */
.scene-priorities{display:flex;flex-direction:column;gap:8px}
.sort-criteria{display:flex;align-items:center;gap:5px;min-height:26px;font-size:.6875rem;line-height:1.3;color:#dce9cf}
.sort-criteria>span{display:flex;align-items:center;gap:5px;border:1px solid #a3bf6b65;border-radius:20px;padding:4px 7px;background:#8aab5c19}
.sort-criteria i{width:4px;height:4px;border-radius:50%;background:var(--lime)}
.sort-status{display:grid;margin-left:auto;font-size:.6875rem;line-height:1.3;color:#d9e7ca}.sort-status>b{grid-area:1/1;visibility:hidden;font-weight:500;text-align:right}
[data-stage="0"] .sort-status>b:nth-child(1),[data-stage="1"] .sort-status>b:nth-child(2),[data-stage="2"] .sort-status>b:nth-child(3),[data-stage="3"] .sort-status>b:nth-child(4){visibility:visible}
.sort-table{position:relative;flex:1;min-height:178px}
.sort-lanes{position:absolute;inset:0;display:grid;grid-template-rows:62px 50px 50px;gap:8px;transition:opacity .55s}
.sort-lanes>span{display:flex;align-items:center;border-bottom:1px solid #b3cc7830}
.sort-lanes b{font:650 1.5rem/1 var(--display);color:#b1c59e;width:32px;text-align:center}.sort-lanes>span:first-child>b{font-size:2rem;color:var(--lime)}
.sort-card{position:absolute;left:40px;width:calc(100% - 40px);height:50px;display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #cddcb6;border-radius:6px;background:#edf1e3;color:var(--ink);box-shadow:0 4px 12px #08261d24;transition:left 1s cubic-bezier(.23,.8,.25,1),top 1s cubic-bezier(.23,.8,.25,1),width 1s,height 1s,transform 1s,background .65s,border-color .65s}
.sort-card>div{min-width:0}.sort-card-icon{font-size:1.1rem;line-height:1.1;width:19px;flex:none;text-align:center;color:#678344}
.sort-card strong{display:block;font-size:.875rem;line-height:1.3;font-weight:650}
.sort-card small{display:block;font-size:.71875rem;line-height:1.3;letter-spacing:0;color:#506640;margin-top:3px}
.sort-position{font-size:.65625rem;line-height:1.3;letter-spacing:.25px;white-space:nowrap;margin-left:auto;flex:none;color:#486132;background:#dee7cf;border:1px solid #c6d6ad;border-radius:4px;padding:5px 7px;transition:opacity .6s}
.sort-guide{top:0;height:62px;background:var(--lime);border:2px solid var(--lime);z-index:3;box-shadow:0 0 0 3px #dffa8312,0 5px 14px #08261d30}
.sort-guide strong{font-size:.96875rem}.sort-guide .sort-position{font-size:.6875rem;font-weight:750;letter-spacing:.4px;background:var(--ink);color:var(--lime);border-color:var(--ink);padding:7px 8px}.sort-position>span{margin-left:4px}
.sort-bios{top:70px;z-index:2}.sort-faq{top:128px;z-index:1;background:#e2e9d8}
[data-stage="0"] .sort-lanes,[data-stage="1"] .sort-lanes,[data-stage="0"] .sort-position,[data-stage="1"] .sort-position{opacity:0}
[data-stage="0"] .sort-card,[data-stage="1"] .sort-card{display:block;width:30%;height:130px;padding:10px;background:#f1f4e6;border:1px solid #cddcb6;box-shadow:0 5px 14px #08261d30}
[data-stage="0"] .sort-card small,[data-stage="1"] .sort-card small{display:none}
[data-stage="0"] .sort-card-icon,[data-stage="1"] .sort-card-icon{display:block;margin-bottom:10px}
[data-stage="0"] .sort-guide,[data-stage="1"] .sort-guide{left:35%;top:24px;transform:rotate(-4deg)}
[data-stage="0"] .sort-bios,[data-stage="1"] .sort-bios{left:69%;top:4px;transform:rotate(5deg)}
[data-stage="0"] .sort-faq,[data-stage="1"] .sort-faq{left:1%;top:16px;transform:rotate(-6deg)}
.sort-cursor{position:absolute;left:50%;top:74px;z-index:5;width:15px;height:20px;opacity:0;filter:drop-shadow(0 2px 3px #0c251b66)}

/* 05 — The finished page is large enough to read as it is written. */
.scene-build{display:flex;flex-direction:column;gap:7px}
.build-browser{position:relative;flex:1;min-height:182px;border:1px solid #7d9870;border-radius:8px;background:#f6f7ed;color:var(--ink);box-shadow:0 5px 18px #08261d30;overflow:hidden}
.build-toolbar{display:flex;align-items:center;gap:9px;height:28px;padding:4px 9px;background:#e2e9d5;border-bottom:1px solid #cad8b7}
.build-browser-dots{display:flex;align-items:center;gap:3px}.build-browser-dots>i{width:3px;height:3px;border-radius:50%;background:#8a9e74}
.build-address{font-size:.6875rem;line-height:1.4;color:#61754c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.build-status{display:grid;flex:none;font-size:.6875rem;line-height:1.3;padding:3px 6px;border-radius:3px;background:#cadbb0;color:#385c29}
.build-status>span{grid-area:1/1;visibility:hidden;white-space:nowrap}
[data-stage="0"] .build-status>span:nth-child(1),[data-stage="1"] .build-status>span:nth-child(2),[data-stage="2"] .build-status>span:nth-child(3),[data-stage="3"] .build-status>span:nth-child(4){visibility:visible}
[data-stage="3"] .build-status{background:var(--lime)}
.build-canvas{position:relative;display:grid;grid-template-columns:26% minmax(0,1fr);gap:14px;padding:10px;min-height:152px}
.build-blueprint{position:absolute;inset:10px;display:grid;grid-template-columns:26% minmax(0,1fr);gap:14px;opacity:0}
.build-blueprint>div{border:1px dashed #9bb27c;border-radius:4px;background:#dfe9d066}
.build-blueprint>span{display:grid;align-content:start;gap:9px;padding-top:6px}.build-blueprint i{height:8px;background:#d8e2c9;border-radius:2px}.build-blueprint i:nth-child(2){width:85%}.build-blueprint i:nth-child(3){width:67%}
.build-image-column{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0}
.build-cover{height:104px;border-radius:4px;background:#d8e6bf;overflow:hidden;transform-origin:bottom}.build-cover svg{display:block;width:100%;height:100%}
.build-copy{position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}
.build-eyebrow{font-size:.625rem;line-height:1.4;letter-spacing:.3px;color:#617647}
.build-copy>strong{font:650 1.125rem/1.25 var(--display)}
.build-copy>p{margin:0;font-size:.8125rem;line-height:1.4;color:#50623f}
.build-link-list{display:flex;gap:10px;font-size:.6875rem;line-height:1.4;color:#4c6732}.build-link-list>span{border-bottom:1px solid #c9d9b4;padding-bottom:2px}.build-link-list b{font-weight:400;margin-left:2px}
.build-page-cta{align-self:flex-start;display:inline-block;padding:5px 8px;border-radius:3px;font-size:.71875rem;line-height:1.4;color:#f5f8eb;background:#2d533b;margin-top:1px}
.build-cursor{position:absolute;left:64%;top:110px;width:14px;height:19px;z-index:4;opacity:0;filter:drop-shadow(0 1px 2px #0b291950)}
.build-published{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:5px;max-width:26%;padding:6px;border:1px solid #dff0aa;border-radius:5px;background:#e5f9b0f2;box-shadow:0 4px 14px #18342022;font-size:.6875rem;line-height:1.3;color:#35582a}
.build-published>span{display:grid;place-items:center;flex:none;width:16px;height:16px;border-radius:50%;background:#2b5536;color:#e6f4cc;font-size:.6875rem}
.build-plan-route{display:flex;justify-content:space-between;gap:8px;font-size:.75rem;line-height:1.4;color:#d7e6cb}.build-plan-route b{color:var(--lime)}

/* 06 — Both checks stay visible so the change and the next action are clear. */
.scene-review{display:grid;grid-template-rows:22px minmax(138px,1fr)44px;gap:8px}
.review-query{display:flex;align-items:center;gap:7px;color:#edf5df;min-width:0}
.review-query>span{font-size:1.4rem;line-height:1;color:var(--lime)}.review-query>strong{font-size:.8125rem;line-height:1.3;font-weight:550;min-width:0}.review-query>small{font-size:.65625rem;letter-spacing:0;line-height:1.3;color:#c4d7b3;margin-left:auto}
.review-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.review-answer{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:10px;border:1px solid #7e9a71;border-radius:7px;overflow:hidden}
.review-before{background:#294d40;color:#e6eedd}.review-after{background:#f1f5e7;color:var(--ink);border-color:#c8de91}
.review-card-heading{display:flex;justify-content:space-between;align-items:center;gap:6px;position:relative;z-index:1}
.review-card-heading>b{font-size:.75rem;line-height:1.3;font-weight:700;letter-spacing:.2px}.review-card-heading>span{font-size:.65625rem;line-height:1.3;color:#bbd0a8}.review-after .review-card-heading>span{color:#617c47}
.review-answer p{font-size:1rem;line-height:1.35;margin:9px 0 7px;font-weight:600}
.review-result-row{display:flex;align-items:flex-start;gap:5px;font-size:.75rem;line-height:1.4;color:#c1d1b0}.review-result-row>i{font-style:normal;line-height:1.4;font-weight:750}
.review-after .review-result-row{color:#40652e;font-weight:600}
.review-source{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 5px;margin-top:5px;font-size:.6875rem;line-height:1.4;color:#c1d1b0}.review-source>span{font-size:.5625rem;letter-spacing:.4px;text-transform:uppercase;opacity:.8}
.review-after .review-source{color:#486534}.review-source>strong{font-size:.6875rem;font-weight:650;border-radius:2px;padding:1px 3px;background:var(--lime);color:var(--ink)}
.review-after mark{display:inline-block;background:linear-gradient(var(--lime),var(--lime)) left center / 100% 100% no-repeat;color:var(--ink);font-weight:750;padding:1px 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.review-after .demo-type{display:inline-block;vertical-align:bottom}
.review-scan{position:absolute;inset:40px 12px 12px;display:flex;flex-direction:column;gap:7px;opacity:0}.review-scan>i{display:block;height:6px;border-radius:3px;background:#bdcda9;width:86%;transform-origin:left}.review-scan>i+i{width:64%}.review-scan>span{font-size:.6875rem;line-height:1.35;color:#647b4e}
.review-next{display:flex;align-items:center;gap:8px;padding:5px 9px;border:1px solid #7e995e;border-radius:5px;background:#2b4d3a;color:#edf5dd}
.review-next-icon{display:block;flex:none;font-size:1.7rem;line-height:1;color:var(--lime)}
.review-next>div{min-width:0}.review-next small{display:block;font-size:.6875rem;line-height:1.35;letter-spacing:0;color:#c9ddb5}.review-next strong{display:block;font-size:.8125rem;line-height:1.35;font-weight:600;margin-top:2px}

/* Offscreen panels pause; each loop restarts with the shared controller. */
.story-demo.has-motion .map-world{animation:map-zoom 2.8s cubic-bezier(.2,.75,.25,1) both;animation-play-state:paused}
.story-demo.has-motion .map-area-line{animation:map-trace 1.5s ease 1s both;animation-play-state:paused}
.story-demo.has-motion .map-area-fill{animation:scene-enter .8s ease 1.6s both;animation-play-state:paused}
.story-demo.has-motion .map-team{animation:scene-enter .6s ease 1.8s both;animation-play-state:paused}
.story-demo.has-motion .map-team>i{animation:map-pulse 1.4s ease-out 2.1s 2 both;animation-play-state:paused}
.story-demo.has-motion .map-rival{animation:scene-enter .5s ease 2.2s both;animation-play-state:paused}
.story-demo.has-motion .map-focus{animation:scene-enter .7s ease 1.6s both;animation-play-state:paused}
.story-demo.has-motion .map-personas>span{animation:persona-select .45s ease 3.3s both;animation-play-state:paused}
.story-demo.has-motion .map-personas b{animation:choice-check .4s ease 3.4s both;animation-play-state:paused}
.story-demo.has-motion .map-selector{animation:map-select 4.2s ease-in-out 2.6s both;animation-play-state:paused}
.story-demo.has-motion .map-search-heading{animation:scene-enter .5s ease 3.8s both;animation-play-state:paused}
.story-demo.has-motion .map-client-query{animation:scene-enter .45s ease 3.9s both;animation-play-state:paused}
.story-demo.has-motion .scan-waiting{animation:scene-initial 1.3s linear both;animation-play-state:paused}
.story-demo.has-motion .scan-snapshot{animation:scan-snapshot 2s ease var(--snapshot-at) both;animation-play-state:paused}
.story-demo.has-motion .scan-snapshot mark{animation:scan-highlight .65s ease calc(var(--snapshot-at) + .3s) both;animation-play-state:paused}
.story-demo.has-motion .scan-saved{animation:scene-enter .35s ease var(--saved-at) both;animation-play-state:paused}
.story-demo.has-motion .scan-platform{animation:scan-tab-done .35s ease var(--done-at) both;animation-play-state:paused}
.story-demo.has-motion .scan-platform>em{animation:scene-enter .35s ease var(--done-at) both;animation-play-state:paused}
.story-demo.has-motion .scan-platform>i{animation:scan-probe 1.8s linear var(--scan-at) both;animation-play-state:paused}
.story-demo.has-motion .scan-record{animation:scene-enter .45s ease 9.3s both;animation-play-state:paused}
.story-demo.has-motion .sort-criteria>span{animation:sort-evaluate .7s ease 1.7s both;animation-play-state:paused}
.story-demo.has-motion .sort-cursor{animation:sort-cursor 1.8s ease-in-out 2.6s both;animation-play-state:paused}
.story-demo.has-motion .sort-guide{animation:sort-first .7s ease 4.3s both;animation-play-state:paused}
.story-demo.has-motion .build-blueprint{animation:scene-initial 1.5s linear both;animation-play-state:paused}
.story-demo.has-motion .build-cover{animation:build-cover .8s cubic-bezier(.2,.75,.25,1) .8s both;animation-play-state:paused}
.story-demo.has-motion .build-eyebrow{animation:scene-enter .5s ease 1.2s both;animation-play-state:paused}
.story-demo.has-motion .build-link-list>span{animation:scene-enter .5s ease 4.2s both;animation-play-state:paused}
.story-demo.has-motion .build-page-cta{animation:scene-enter .5s ease 4.9s both;animation-play-state:paused}
.story-demo.has-motion .build-cursor{animation:build-cursor 1.8s ease-in-out 5.8s both;animation-play-state:paused}
.story-demo.has-motion .build-status{animation:build-approve .8s ease 6.8s both;animation-play-state:paused}
.story-demo.has-motion .build-published{animation:scene-enter .6s cubic-bezier(.2,.75,.25,1) 7.8s both;animation-play-state:paused}
.story-demo.has-motion .review-scan{animation:scene-initial 2.7s linear both;animation-play-state:paused}
.story-demo.has-motion .review-scan>i{animation:review-scan 1.2s ease-in-out 2 both;animation-play-state:paused}
.story-demo.has-motion .review-new-answer{animation:scene-enter .6s ease 2.7s both;animation-play-state:paused}
.story-demo.has-motion .review-after mark{animation:scan-highlight .8s ease 4.1s both;animation-play-state:paused}
.story-demo.has-motion .review-after .review-result-row{animation:scene-enter .6s ease 4.2s both;animation-play-state:paused}
.story-demo.has-motion .review-after .review-source{animation:scene-enter .6s ease 4.9s both;animation-play-state:paused}
.story-demo.has-motion .review-next{animation:scene-enter .7s ease 7.7s both;animation-play-state:paused}
.story-demo.has-motion .review-next-icon{animation:review-repeat 1.7s ease 7.7s both;animation-play-state:paused}
.story-demo.has-motion .map-rival-b{animation-delay:2.5s}
.story-demo.has-motion .map-personas>span+span{animation-delay:5.7s}.story-demo.has-motion .map-personas>span+span b{animation-delay:5.8s}
.story-demo.has-motion .map-query-sellers{animation-delay:6.7s}
.story-demo.has-motion .scan-snapshot-3{animation-name:scene-enter;animation-duration:.45s}
.story-demo.has-motion .sort-criteria>span:nth-child(2){animation-delay:2.2s}.story-demo.has-motion .sort-criteria>span:nth-child(3){animation-delay:2.7s}
.story-demo.has-motion.is-running .map-world,.story-demo.has-motion.is-running .map-area-line,.story-demo.has-motion.is-running .map-area-fill,.story-demo.has-motion.is-running .map-team,.story-demo.has-motion.is-running .map-team>i,.story-demo.has-motion.is-running .map-rival,.story-demo.has-motion.is-running .map-focus,.story-demo.has-motion.is-running .map-personas>span,.story-demo.has-motion.is-running .map-personas b,.story-demo.has-motion.is-running .map-selector,.story-demo.has-motion.is-running .map-search-heading,.story-demo.has-motion.is-running .map-client-query,.story-demo.has-motion.is-running .scan-waiting,.story-demo.has-motion.is-running .scan-snapshot,.story-demo.has-motion.is-running .scan-snapshot mark,.story-demo.has-motion.is-running .scan-saved,.story-demo.has-motion.is-running .scan-platform,.story-demo.has-motion.is-running .scan-platform>em,.story-demo.has-motion.is-running .scan-platform>i,.story-demo.has-motion.is-running .scan-record,.story-demo.has-motion.is-running .sort-criteria>span,.story-demo.has-motion.is-running .sort-cursor,.story-demo.has-motion.is-running .sort-guide,.story-demo.has-motion.is-running .build-blueprint,.story-demo.has-motion.is-running .build-cover,.story-demo.has-motion.is-running .build-eyebrow,.story-demo.has-motion.is-running .build-link-list>span,.story-demo.has-motion.is-running .build-page-cta,.story-demo.has-motion.is-running .build-cursor,.story-demo.has-motion.is-running .build-status,.story-demo.has-motion.is-running .build-published,.story-demo.has-motion.is-running .review-scan,.story-demo.has-motion.is-running .review-scan>i,.story-demo.has-motion.is-running .review-new-answer,.story-demo.has-motion.is-running .review-after mark,.story-demo.has-motion.is-running .review-after .review-result-row,.story-demo.has-motion.is-running .review-after .review-source,.story-demo.has-motion.is-running .review-next,.story-demo.has-motion.is-running .review-next-icon{animation-play-state:running}
@keyframes scene-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes scene-initial{0%,75%{opacity:1}100%{opacity:0}}
@keyframes map-zoom{from{transform:scale(.88) translate(8px,-5px)}to{transform:scale(1.08) translate(0,0)}}
@keyframes map-trace{from{stroke-dashoffset:100;opacity:0}20%{opacity:1}to{stroke-dashoffset:0;opacity:1}}
@keyframes map-pulse{0%{scale:.5;opacity:.8}100%{scale:1.6;opacity:0}}
@keyframes persona-select{from{background:#e8efdb;border-color:#c2d1a9;color:#6b7e55}to{background:#dffa83;border-color:#b6cd8c;color:#193b30}}
@keyframes choice-check{from{opacity:0;scale:.5}to{opacity:1;scale:1}}
@keyframes map-select{0%{left:45%;top:110%;opacity:0}12%,16%{left:26%;top:55%;opacity:1;scale:1}19%{left:26%;top:55%;opacity:1;scale:.8}24%,40%{left:26%;top:55%;opacity:1;scale:1}67%,70%{left:77%;top:55%;opacity:1;scale:1}75%{left:77%;top:55%;opacity:1;scale:.8}80%{left:77%;top:55%;opacity:1;scale:1}100%{left:84%;top:100%;opacity:0;scale:1}}
@keyframes scan-snapshot{0%{opacity:0;translate:0 8px}12%,84%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -8px}}
@keyframes scan-highlight{from{background-size:0% 100%}to{background-size:100% 100%}}
@keyframes scan-tab-done{from{background:#214638;color:#dce9cd}to{background:#dffa83;color:#193b30}}
@keyframes scan-probe{0%{translate:-100% 0;opacity:0}10%,90%{opacity:1}100%{translate:340% 0;opacity:0}}
@keyframes sort-evaluate{0%{background:#8aab5c08;border-color:#718c6550}55%{background:#dffa8333;border-color:#dffa83}100%{background:#8aab5c19;border-color:#a3bf6b65}}
@keyframes sort-cursor{0%{left:70%;top:145px;opacity:0}25%,43%{left:53%;top:78px;opacity:1;scale:1}48%{left:53%;top:78px;opacity:1;scale:.83}90%{left:50%;top:30px;opacity:1;scale:1}100%{left:50%;top:30px;opacity:0}}
@keyframes sort-first{0%,100%{scale:1}50%{scale:1.015}}
@keyframes build-cover{from{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}
@keyframes build-cursor{0%{left:64%;top:110px;opacity:0}20%{left:72%;top:68px;opacity:1}65%{left:87%;top:14px;opacity:1;scale:1}80%{left:87%;top:14px;opacity:1;scale:.82}100%{left:87%;top:14px;opacity:0;scale:1}}
@keyframes build-approve{0%,100%{scale:1}50%{scale:.94}}
@keyframes review-scan{0%,100%{scale:1 1;opacity:.4}50%{scale:.65 1;opacity:1}}
@keyframes review-repeat{from{rotate:0deg}to{rotate:360deg}}

/* Each phone layout preserves the meaning and readable type. */
@container(max-width:560px){
 .sort-status{display:none}.sort-card{gap:7px;padding-inline:8px}.sort-card-icon{display:none}.sort-card strong{font-size:.8125rem}.sort-guide strong{font-size:.875rem}.sort-card small{font-size:.6875rem}.sort-position{font-size:.59375rem;padding:4px 5px}.sort-guide .sort-position{font-size:.625rem;padding:6px}.sort-position>span{display:none}
 .build-canvas{grid-template-columns:23% minmax(0,1fr);gap:10px}.build-blueprint{grid-template-columns:23% minmax(0,1fr);gap:10px}.build-published{max-width:24%;font-size:.625rem}
 .review-card-heading>span{font-size:.5625rem}.review-answer p{font-size:.875rem}.review-result-row{font-size:.6875rem}.review-source{font-size:.65625rem}.review-source>strong{font-size:.65625rem}
}
@container(max-width:440px){
 .story-demo:not([data-process-demo="1"]) .demo-body{flex:none}
 .story-demo .scene-map{min-height:414px}.story-demo .scene-priorities{min-height:322px}
 .market-map{min-height:414px}
 .map-world{height:184px;width:200%;right:auto}.map-heading{max-width:none;font-size:.75rem}.map-area-caption{top:157px;bottom:auto}
 .map-team{left:48%;top:73px}.map-rival-a{left:22%;top:53px}.map-rival-b{left:68%;top:124px}.map-rival{font-size:.625rem}
 .map-focus{top:184px;bottom:8px;left:8px;right:8px;width:auto;padding:10px;gap:8px}.map-focus-heading>strong{font-size:.8125rem}.map-personas>span{font-size:.75rem}.map-client-query>strong{font-size:.8125rem}
 .scan-browser{min-height:226px;grid-template-rows:31px minmax(40px,auto) minmax(112px,1fr) auto}
 .scan-platform{font-size:.5625rem;gap:3px}.scan-platform>em{font-size:.5625rem}.scan-query{padding:7px 9px}.scan-query>strong{font-size:.8125rem}
 .scan-snapshot{padding:10px}.scan-answer-label{font-size:.5625rem}.scan-snapshot p{font-size:.8125rem;margin-block:8px;max-width:100%}.scan-citation{font-size:.5625rem;max-width:72%}.scan-saved{font-size:.5rem;right:8px;bottom:7px}
 .scan-record{flex-wrap:wrap;gap:4px 9px;font-size:.5625rem;padding:6px 8px}.scan-record>strong{font-size:.5625rem;width:100%;margin-left:0}
 .sort-criteria{font-size:.6875rem;gap:5px}.sort-criteria>span{padding-inline:7px}
 .sort-table{min-height:288px}.sort-lanes{grid-template-rows:104px 84px 84px;gap:8px}.sort-lanes b{width:26px;font-size:1.4rem}.sort-lanes>span:first-child>b{font-size:1.8rem}
 .sort-card{left:32px;width:calc(100% - 32px);height:84px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:8px 10px}
 .sort-guide{height:104px}.sort-bios{top:112px}.sort-faq{top:204px}.sort-card strong{font-size:.8125rem}.sort-guide strong{font-size:.9375rem}.sort-card small{font-size:.6875rem;line-height:1.35;margin-top:3px}
 .sort-position{order:-1;margin:0;padding:3px 5px;font-size:.625rem}.sort-guide .sort-position{font-size:.6875rem;padding:4px 6px}
 [data-stage="0"] .sort-card,[data-stage="1"] .sort-card{padding:8px;height:130px}
 .scene-build{gap:8px}.build-browser{min-height:344px;flex:none}.build-toolbar{gap:6px;height:28px}.build-status{font-size:.625rem}.build-address{font-size:.625rem}.build-browser-dots{display:none}
 .build-canvas{display:flex;flex-direction:column;gap:13px;padding:12px;min-height:0}.build-blueprint{grid-template-columns:minmax(0,1fr);grid-template-rows:80px 1fr;inset:12px}
 .build-image-column{display:block}.build-cover{height:80px}.build-copy{gap:7px}.build-copy>strong{font-size:1.125rem}.build-copy>p{font-size:.8125rem}.build-page-cta{font-size:.75rem}
 .build-published{left:auto;right:17px;top:52px;bottom:auto;font-size:.6875rem;max-width:132px;align-items:center}.build-published>span{width:15px;height:15px}
 .build-plan-route{flex-direction:column;align-items:center;gap:3px;font-size:.75rem}
 .scene-review{grid-template-rows:minmax(30px,auto) minmax(166px,1fr) auto;gap:9px}.review-query>strong{font-size:.75rem}.review-query>small{font-size:.625rem}
 .review-board{gap:7px}.review-answer{padding:9px 8px;justify-content:flex-start}.review-card-heading>b{font-size:.8125rem}.review-card-heading>span{display:none}.review-answer p{font-size:.875rem;margin:10px 0}.review-result-row{font-size:.6875rem}.review-source{font-size:.6875rem}.review-source>strong{font-size:.6875rem}.review-source>span{font-size:.5625rem}
 .review-scan{inset:39px 8px 9px}.review-scan>span{font-size:.625rem}.review-next{padding:8px}.review-next small{font-size:.6875rem}.review-next strong{font-size:.78125rem}
}
@container(max-width:340px){
 .story-demo .scene-map{min-height:444px}.story-demo .scene-priorities{min-height:372px}
 .market-map{min-height:444px}.map-focus{gap:9px}.map-personas>span{font-size:.71875rem}.map-client-query>strong{font-size:.78125rem}
 .sort-table{min-height:338px}.sort-lanes{grid-template-rows:126px 98px 98px}.sort-guide{height:126px}.sort-bios{top:134px;height:98px}.sort-faq{top:240px;height:98px}
 .review-board{grid-template-columns:minmax(0,1fr);gap:8px}.review-answer{min-height:125px}.review-card-heading>span{display:block}.review-answer p{font-size:1rem;margin:8px 0}.review-result-row{font-size:.75rem}.review-source{font-size:.6875rem}.review-source>strong{font-size:.6875rem}
}
@media(prefers-reduced-motion:reduce){
 .story-demo *,.story-demo *:before,.story-demo *:after{animation:none!important;transition:none!important}
}