html,body{overflow-x:hidden}
#project-view{overflow-x:clip;background:#d4f5ff}
#project-view .back{display:grid;place-items:center;width:48px;height:48px;padding:12px}
#project-view .back img{display:block;width:24px;height:24px}
#project-view .brand{height:30px}
#project-view .brand img{display:block;width:111px;height:30px}
#project-view .project-hero h2{font-size:16px}
#project-view .project-hero p{font-size:14px}
#project-view .work-asset{display:block;width:min(715px,100%);margin-top:32px}
#project-view .work-asset img{display:block;width:100%;height:auto}
#project-view .robot-animation{position:relative;min-height:360px;overflow:hidden;background:#d4f5ff}
#project-view .robot-animation iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0;background:#d4f5ff}
#project-view .robot-animation-status{position:absolute;inset:0;display:grid;place-items:center;color:#70868f;font-size:14px;pointer-events:none;transition:opacity .3s ease}
#project-view .robot-animation.is-loaded .robot-animation-status{opacity:0}
@media(min-width:901px){#project-view .project-hero{padding-bottom:18px}#project-view .case-nav-sticky{margin-top:-24px}}
#project-view .case-nav-sticky{position:sticky;z-index:18;top:0;padding:0 0 20px;background:#d4f5ff;box-shadow:none}
#project-view .case-nav-sticky.is-stuck{padding-top:20px}
#project-view .case-nav-sentinel{height:1px;margin-bottom:-1px;pointer-events:none}
#project-view .case-nav{display:grid;grid-template-columns:195fr 202fr 214fr 282fr 247fr 251fr;gap:0;width:min(1440px,calc(100% - var(--page-inset)));height:48px;padding:0;margin-bottom:0;overflow-x:auto}
#project-view .case-nav button{--nav-fill:#eefbfe;--nav-left-fade:rgba(238,251,254,.28);--nav-left-width:56px;--nav-right-width:56px;position:relative;isolation:isolate;min-width:0;min-height:48px;height:48px;margin:0 -1px;padding:10px 30px;border:0;background:linear-gradient(var(--nav-fill),var(--nav-fill)) var(--nav-left-width) 0/calc(100% - var(--nav-left-width) - var(--nav-right-width)) 100% no-repeat;color:rgba(0,0,0,.7);font-size:15px;font-weight:500;line-height:1.8;white-space:nowrap;cursor:pointer;transition:color .36s cubic-bezier(.22,1,.36,1),font-weight .36s ease}
#project-view .case-nav button::before,#project-view .case-nav button::after{position:absolute;z-index:-1;top:0;height:48px;content:"";transition:background .36s cubic-bezier(.22,1,.36,1)}
#project-view .case-nav button::before{left:0;width:56px;background:linear-gradient(90deg,var(--nav-left-fade),var(--nav-fill));clip-path:path("M1.13185 5.34261C-1.08257 3.57108 0.170095 0 3.00593 0H55.4536V48H3.00593C0.170098 48 -1.08257 44.4289 1.13184 42.6574L20.5492 27.1235C22.5509 25.5222 22.5509 22.4778 20.5492 20.8765L1.13185 5.34261Z")}
#project-view .case-nav button::after{right:0;width:56px;background:var(--nav-fill);clip-path:path("M0 0H29.7188C31.1883 0 32.6067 0.539272 33.705 1.51554L53.955 19.5155C56.6401 21.9023 56.6401 26.0977 53.955 28.4845L33.705 46.4845C32.6067 47.4607 31.1883 48 29.7188 48H0V0Z")}
#project-view .case-nav button:first-child{--nav-left-width:46px;--nav-right-width:59px;margin-left:0}
#project-view .case-nav button:first-child::before{width:46px;clip-path:path("M0 12C0 5.37258 5.37258 0 12 0L46 0V48H12C5.37258 48 0 42.6274 0 36V12Z")}
#project-view .case-nav button:first-child::after{width:59px;clip-path:path("M0 0H32.7188C34.1883 0 35.6067 0.539272 36.705 1.51554L56.955 19.5155C59.6401 21.9023 59.6401 26.0977 56.955 28.4845L36.705 46.4845C35.6067 47.4607 34.1883 48 32.7188 48H0V0Z")}
#project-view .case-nav button:last-child{--nav-right-width:46px;margin-right:0}
#project-view .case-nav button:last-child::after{width:46px;clip-path:path("M46 12C46 5.37258 40.6274 0 34 0H0V48H34C40.6274 48 46 42.6274 46 36V12Z")}
#project-view .case-nav button.active{--nav-fill:#fff;--nav-left-fade:#fff;z-index:2;color:#000;font-weight:600}
#project-view .case-nav button:not(.active):hover,#project-view .case-nav button:not(.active):focus-visible{--nav-fill:#dff4ff;--nav-left-fade:rgba(223,244,255,.35);z-index:3;color:#000;font-weight:600}
#project-view .case-nav button:focus-visible{outline:2px solid #62c7ef;outline-offset:-3px}
#project-view .case-content{width:min(1440px,calc(100% - var(--page-inset)))}
.chapter[data-panel="scene"]{padding:32px 38px}
.chapter[data-panel="scene"] .scene-full-content{display:block;width:min(1366px,100%);height:auto;margin-inline:auto}
.chapter[data-panel="scene"]>h1{margin:0 0 44px;font-size:24px}
.chapter[data-panel="framework"]{padding:32px 38px}
.chapter[data-panel="framework"] .framework-full-content{display:block;width:min(1343px,100%);height:auto;margin-inline:auto}
.chapter[data-panel="agent"]{padding:32px 35px 14px;background:#fff}
.chapter[data-panel="agent"] .agent-title-asset{width:265px;height:112px;margin:0 0 3px;padding:0}
.chapter[data-panel="agent"] .agent-title-asset img{display:block;width:265px;height:112px}
.chapter[data-panel="agent"] .stage-nav-sticky{position:sticky;z-index:17;top:88px;margin:0 -35px 19px;padding:16px 35px 18px;background:#fff}
.chapter[data-panel="agent"] .stage-nav{position:relative;display:grid;grid-template-columns:repeat(4,max-content);justify-content:space-between;gap:0;width:min(1305px,calc(100% - 40px));margin:0 0 0 40px}
.chapter[data-panel="agent"] .stage-nav::before{position:absolute;z-index:0;top:24px;left:7%;right:7%;border-top:1px dashed rgba(0,0,0,.2);content:""}
.chapter[data-panel="agent"] .stage-nav button{position:relative;z-index:1;display:flex;align-items:center;gap:15px;width:auto;min-width:0;height:48px;padding:0 24px;border:1px solid rgba(0,0,0,.15);border-radius:12px;background:#fff;color:#000;font-size:15px;font-weight:400;white-space:nowrap;cursor:pointer;transition:background-color .32s cubic-bezier(.22,1,.36,1),border-color .32s ease,font-weight .32s ease,box-shadow .32s ease}
.chapter[data-panel="agent"] .stage-nav button b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#000;color:#fff;font-size:14px;font-weight:600;line-height:1}
.chapter[data-panel="agent"] .stage-nav button span{line-height:1.8}
.chapter[data-panel="agent"] .stage-nav button:hover{border-color:#d5eef8;background:#eefbfe;font-weight:600;box-shadow:0 4px 14px rgba(111,194,226,.12)}
.chapter[data-panel="agent"] .stage-nav button.active{border-color:transparent!important;background:#dbf4ff;font-weight:600;box-shadow:none!important}
.chapter[data-panel="agent"] .stage-nav button:focus,.chapter[data-panel="agent"] .stage-nav button.active:focus-visible{outline:none!important;box-shadow:none!important}
.chapter[data-panel="agent"] .stage-nav button:focus-visible{outline:2px solid #62c7ef;outline-offset:3px}
.agent-wide-asset{display:block;width:100%;height:auto;margin-inline:auto}
.agent-needs-asset{margin:0 0 34px}
.agent-entry-asset{margin-bottom:18px}
.agent-scenarios{display:grid}
.agent-scenario{display:grid;grid-template-columns:minmax(280px,397px) minmax(0,1fr);gap:40px;align-items:center;padding:44px 0;border-bottom:1px solid rgba(0,0,0,.06)}
.agent-scenario>img{display:block;width:100%;height:auto}
.agent-media{display:grid;place-items:center;min-width:0;overflow:hidden;border-radius:20px;background:#fff}
.agent-media video,.agent-media img{display:block;width:100%;max-height:620px;object-fit:contain;background:#fff}
.agent-input-asset{margin-top:42px}
.demand-needs-asset{display:block;width:1366px;max-width:100%;height:auto;margin:0 0 -1px}
.demand-mode{position:relative;width:min(1325px,calc(100% - 45px));margin-inline:auto;border-radius:25px;background:#effbff;color:#000}
.demand-default-mode{height:1494px;padding:49px 55px 36px;border-radius:22.578px;background:linear-gradient(170.091deg,#e8faff 8.4734%,#fff 45.959%)}
.demand-mode-header{font-size:14px;line-height:1.8}
.demand-mode-header p{margin:0;font-size:14px;line-height:1.8}
.demand-mode-title{display:flex;align-items:center;height:32px;gap:10px}
.demand-mode-title i{width:10px;height:10px;border:3px solid #111;border-radius:50%}
.demand-mode-title h2{margin:0;font-size:16px;font-weight:600;line-height:1.8}
.demand-mode-title span{padding:4px 12px;border-radius:999px;background:#e1f8fd;color:rgba(0,0,0,.45);font-size:12px;line-height:18px}
.demand-default-mode>.demand-mode-header p{margin-top:8px}
.demand-timeline{position:relative;margin-top:36px;padding-left:35px}
.demand-timeline::before{position:absolute;top:10px;bottom:4px;left:7px;border-left:1px dashed rgba(0,0,0,.2);content:""}
.demand-timeline>section{position:relative}
.demand-timeline>section::before{position:absolute;left:-35px;top:9px;width:8px;height:8px;border:2px solid rgba(0,0,0,.25);border-radius:50%;background:#effbff;content:""}
.demand-timeline h3,.demand-timeline h4{margin:0;font-weight:600;line-height:1.8}
.demand-timeline h3,.demand-timeline h4,.demand-timeline p{font-size:14px}
.demand-timeline p{margin:4px 0 0;line-height:1.8}
.demand-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,570px));justify-content:space-between;gap:40px;margin-top:25px}
.demand-rule-grid article{height:161px;padding:31px 39px;border-radius:24px;background:#fff}
.demand-rule-grid h4{margin-bottom:7px}
.demand-rule-grid p{margin:0;color:#000}
.demand-rule-grid p span{color:rgba(0,0,0,.65)}
.demand-questioning{margin-top:46px}
.demand-questioning>p{margin-top:4px}
.demand-questioning>h4{margin-top:27px}
.demand-dialogue-asset{display:block;width:1195px;max-width:100%;height:auto;margin-top:10px}
.demand-form-demo{position:relative;margin-top:10px;border:1px solid rgba(0,0,0,.06);border-radius:25px;background:rgba(0,0,0,.02)}
.demand-example-badge{position:absolute;top:15px;left:15px;display:grid;place-items:center;width:32px;height:32px;border-radius:12px;background:#ece8ff;color:#776ba3;font-size:12px}
.demand-form-demo{height:491px;margin-top:10px;overflow:hidden}
.demand-form-demo>img{display:block;width:858px;height:449px;margin:19px auto 0;object-fit:contain}
.demand-plan-mode{height:786px;margin-top:60px;padding:39px 56px 34px;border-radius:22.578px;background:linear-gradient(162.191deg,#e8faff 19.323%,rgba(249,254,255,0) 73.964%)}
.demand-plan-mode>.demand-mode-header p{margin-top:8px}
.demand-plan-mode>img{display:block;width:1225px;max-width:100%;height:auto;margin:21px auto 0}
@media(max-width:1500px){.demand-default-mode,.demand-plan-mode{height:auto}.demand-rule-grid{gap:24px}}
.execution-pain-asset{display:block;width:1366px;max-width:100%;height:auto;margin:0 auto 18px}
.execution-filter{width:min(1325px,calc(100% - 45px));height:959px;margin-inline:auto;padding:29px 49px 0;border-radius:25px;background:linear-gradient(156deg,#fff 7%,#fbfeff 60%,#fff 100%);overflow:visible}
.execution-filter header{display:flex;align-items:flex-start;justify-content:space-between;min-height:50px}
.execution-filter h2,.execution-flow>h2,.execution-copy-guide h2{margin:0;font-size:16px;font-weight:600;line-height:2}
.execution-filter h2{position:relative;padding-left:29px}
.execution-filter header p{width:646px;margin:0;font-size:14px;line-height:1.8}
.execution-filter>img{display:block;width:1216px;max-width:100%;height:auto;margin:21px auto 0}
.execution-flow{position:relative;width:min(1325px,calc(100% - 45px));height:5299px;margin:48px auto 0;border-radius:25px;background:linear-gradient(163deg,#edfaff 2%,#fff 29%,#fff 100%);overflow:hidden}
.execution-flow>h2{position:absolute;top:39px;left:49px;width:775px;height:32px;padding-left:29px}
.execution-filter h2::before,.execution-flow>h2::before,.execution-copy-guide h2::before{position:absolute;left:0;top:10px;width:8px;height:8px;border:3px solid #0b0f10;border-radius:50%;background:transparent;content:""}
.execution-layers{position:absolute;top:94px;left:0;width:100%}
.execution-layer{position:relative;padding:0;height:443px}
.execution-layer::before{position:absolute;top:14px;bottom:0;left:55px;border-left:1px dashed #cbcbcb;content:""}
.execution-layer::after{position:absolute;top:8px;left:50px;width:8px;height:8px;border:2px solid #9aa9af;border-radius:50%;background:#fff;content:""}
.execution-layer>h3{position:absolute;top:0;left:90px;width:703px;height:43px;margin:0;padding:9px 14px;border-radius:5px;background:linear-gradient(90deg,#d7f4ff 0%,rgba(215,244,255,.65) 58%,rgba(215,244,255,0) 100%);font-size:14px;font-weight:600;line-height:25px;transform:translateY(-8px)}
.execution-layer small{display:inline-block;margin:0 0 7px;padding:4px 10px;border-radius:999px;background:#edf4f6;color:rgba(0,0,0,.56);font-size:12px;line-height:18px}
.execution-layer h4{margin:0 0 24px;font-size:14px;font-weight:600;line-height:1.8}
.execution-layer p{margin:0;font-size:12px;line-height:1.8;color:rgba(0,0,0,.66)}
.execution-layer-one-grid{position:absolute;top:75px;left:96px;display:grid;grid-template-columns:423px 700px;gap:100px;align-items:start}
.execution-copy-stack{padding-top:4px}
.execution-copy-stack h4:nth-of-type(2){margin-bottom:22px}
.execution-copy-stack h4:nth-of-type(3){margin-bottom:0}
.execution-copy-stack p{width:360px;margin-top:6px}
.execution-task-gif{display:block;width:700px;height:340px;object-fit:cover}
.execution-layer-two{height:1119px}
.execution-current-intro{position:absolute;top:72px;left:96px;display:grid;grid-template-columns:627px 338px;justify-content:space-between;width:1151px}
.execution-current-intro>div{padding-top:1px}
.execution-current-intro h4{margin-bottom:22px}
.execution-current-intro p{width:612px}
.execution-current-intro>img{display:block;width:338px;height:210px}
.execution-example{position:absolute;display:block;height:auto}
.execution-resource-example{top:362px;left:96px;width:1169px}
.execution-output-example{top:703px;left:93px;width:1173px}
.execution-layer-three{height:968px}
.execution-layer-summary{position:absolute;top:73px;left:90px;display:grid;grid-template-columns:276px 507px 270px;justify-content:space-between;width:1155px}
.execution-layer-summary small{margin-bottom:5px}
.execution-layer-summary h4{margin:0;font-size:13px}
.execution-tools-gif{position:absolute;top:163px;left:95px;display:block;width:1205px;height:759px;object-fit:cover}
.execution-layer-four{height:1385px}
.execution-strategy-label{position:absolute;top:172px;left:90px;padding:5px 11px;border-radius:999px;background:#edf4f6;color:rgba(0,0,0,.62);font-size:12px;line-height:18px}
.execution-strategy-copy{position:absolute;top:214px;left:91px;width:1092px!important;color:#000!important;font-size:12px!important;line-height:29px!important}
.execution-error-table,.execution-recovery-example,.execution-replan-example{position:absolute;left:91px;display:block;height:auto}
.execution-error-table{top:261px;width:1155px}
.execution-recovery-example{top:520px;width:1164px}
.execution-replan-example{top:794px;width:1164px}
.execution-layer-five{height:1250px}
.execution-completion-summary{top:66px;left:91px;grid-template-columns:276px 507px 270px;width:1113px}
.execution-notification-example{position:absolute;top:161px;left:91px;display:block;width:1167px;height:auto}
.execution-layer-five::before{bottom:0}
.execution-copy-guide{position:relative;width:min(1325px,calc(100% - 45px));height:491px;margin:30px auto 28px;border-radius:25px;background:linear-gradient(163deg,#eaf9ff 4%,#fff 52%,#fff 100%)}
.execution-copy-guide h2{position:absolute;top:43px;left:45px;padding-left:29px}
.execution-copy-guide>p{position:absolute;top:92px;left:48px;width:1210px;margin:0;font-size:14px;line-height:1.8}
.execution-copy-guide>img{position:absolute;top:163px;left:45px;display:block;width:1233px;height:284px}
.delivery-pain-asset{display:block;width:1366px;max-width:100%;height:auto;margin:0 auto 18px}
.delivery-card{position:relative;width:min(1325px,calc(100% - 45px));margin-inline:auto;border-radius:22.578px;background:linear-gradient(170deg,#ebfbff 8.4734%,#fff 45.959%);overflow:hidden}
.delivery-card h2{position:absolute;top:36px;left:49px;margin:0;padding-left:28px;font-size:18px;font-weight:600;line-height:1.8}
.delivery-card h2::before{position:absolute;top:10px;left:0;width:8px;height:8px;border:3px solid #0b0f10;border-radius:50%;content:""}
.delivery-card>p{position:absolute;top:77px;left:49px;width:calc(100% - 98px);margin:0;color:rgba(0,0,0,.88);font-size:15px;font-weight:500;line-height:1.8}
.delivery-card>img,.delivery-example>img{position:absolute;display:block;object-fit:cover}
.delivery-adaptive{height:448px}
.delivery-adaptive>img{top:118px;left:23px;width:1278px;height:314px;object-fit:contain}
.delivery-actions{height:854px;margin-top:40px}
.delivery-actions>img{top:128px;left:47px;width:1216px;height:692px}
.delivery-editable{height:1470px;margin-top:36px}
.delivery-example{position:absolute;left:49px;width:1228px}
.delivery-example h3{position:relative;margin:0;padding-left:19px;font-size:14px;font-weight:600;line-height:25px}
.delivery-example h3::before{position:absolute;top:9px;left:0;width:7px;height:7px;border-radius:2px;background:#e8e2ff;content:""}
.delivery-page-edit{top:145px;height:776px}
.delivery-page-edit>img{top:41px;left:0;width:1228px;height:735px;object-fit:contain}
.delivery-element-edit{top:962px;height:474px}
.delivery-element-edit>img{top:41px;left:0;width:1228px;height:433px}
.delivery-side-question{height:869px;margin-top:40px;background:linear-gradient(174.198deg,#ebfbff 8.4734%,#fff 45.959%)}
.delivery-side-question>img{top:133px;left:48px;width:1228px;height:698px}
.delivery-assets{height:1612px;margin-top:40px;background:linear-gradient(169.326deg,#ebfbff 8.4734%,#fff 45.959%)}
.delivery-assets>img:nth-of-type(1){top:129px;left:50px;width:1228px;height:699px}
.delivery-assets>img:nth-of-type(2){top:857px;left:49px;width:1230px;height:700px}
.chapter[data-panel="evaluation"]{padding:0 0 34px;background:#fff}
.evaluation-intro{padding:40px 85px 0}
.evaluation-title-asset{display:block;width:354px;height:112px;margin:0 0 1px -28px}
.evaluation-intro>p{width:min(1120px,100%);margin:-13px 0 28px;color:rgba(0,0,0,.82);font-size:14px;font-weight:400;line-height:1.8}
.evaluation-compare-asset{display:block;width:1006px;max-width:100%;height:auto;margin:0 auto 43px}
.evaluation-timeline{width:100%;padding:0 85px}
.evaluation-step{position:relative;padding-left:27px}
.evaluation-step-content{transform:translateY(-8px)}
.evaluation-line{position:absolute;top:0;left:0;display:block;width:12px;height:100%;object-fit:fill}
.evaluation-step h2{position:relative;margin:0 0 6px;font-size:18px;font-weight:600;line-height:1.8}
.evaluation-step p{margin:0 0 21px;color:rgba(0,0,0,.82);font-size:14px;font-weight:400;line-height:1.8}
.evaluation-step-content>img{display:block;width:1269px;max-width:100%;height:auto}
.evaluation-step-metric{min-height:584px}
.evaluation-step-aesthetic{min-height:306px}
.evaluation-step-calibration{min-height:429px}
.evaluation-step-optimize{min-height:387px}
.evaluation-step-optimize .evaluation-line{height:calc(100% - 6px)}
.chapter[data-panel="mobile"]{padding:0 0 32px;background:#fff;overflow:hidden}
.mobile-page-intro{display:flex;align-items:center;justify-content:space-between;padding:60px 59px 52px 67px}
.mobile-page-intro>img{display:block;width:216px;height:52px}
.mobile-page-intro>p{width:760px;margin:0;font-size:14px;font-weight:500;line-height:29px}
.mobile-input-section{position:relative;width:1325px;max-width:calc(100% - 114px);height:984px;margin:0 auto;border-radius:23px;background:linear-gradient(165deg,#eafaff 5%,#fff 73%);overflow:hidden}
.mobile-scene-change{position:absolute;top:53px;left:59px}
.mobile-scene-change h2,.mobile-input-copy h2,.mobile-record-section h2,.mobile-video-section>h2{margin:0;font-size:18px;font-weight:600;line-height:32px}
.mobile-scene-change p{margin:22px 0 0;font-size:15px;line-height:27px}
.mobile-input-copy{position:absolute;top:309px;left:49px}
.mobile-input-copy h2{position:relative;padding-left:22px}
.mobile-input-copy h2::before,.mobile-record-section h2::before,.mobile-video-section>h2::before{position:absolute;top:10px;left:0;width:9px;height:9px;border-radius:3px;background:#79dfff;content:""}
.mobile-input-copy p{margin:5px 0 0;font-size:14px;line-height:25px}
.mobile-pc-input{position:absolute;top:409px;left:49px;display:block;width:668px;height:522px}
.mobile-input-arrow{position:absolute;top:662px;left:807px;width:44px;height:34px}
.mobile-phone-input{position:absolute;top:66px;left:852px;display:block;width:473px;height:932px}
.mobile-record-section{padding-top:68px}
.mobile-record-section>header{width:984px;max-width:calc(100% - 120px);margin:0 auto 30px;text-align:center}
.mobile-record-section h2{position:relative;display:inline-block;padding-left:24px}
.mobile-record-section h2::before{position:absolute;top:10px;left:0;width:9px;height:9px;border-radius:3px;background:#79dfff;content:""}
.mobile-record-section header p{margin:9px 0 0;font-size:14px;line-height:29px}
.mobile-record-section>img{display:block;width:1287px;max-width:calc(100% - 114px);height:auto;margin:0 auto}
.mobile-video-section{padding:49px 0 0}
.mobile-video-section>h2{position:relative;width:max-content;max-width:calc(100% - 120px);margin:0 auto 42px;padding-left:24px}
.mobile-video-layout{display:grid;grid-template-columns:225px 400px 400px 186px;gap:18px;align-items:start;justify-content:center;width:1325px;max-width:calc(100% - 114px);margin:0 auto}
.mobile-video-layout figure{margin:0}
.mobile-video-layout figure>img{display:block;width:400px;max-width:100%;height:auto}
.mobile-mode-copy{display:flex;align-self:stretch;flex-direction:column}
.mobile-mode-copy>img{display:block;height:100px;max-width:100%;object-fit:contain}
.mobile-mode-copy-left>img{width:221px;margin-top:132px;transform:translateX(-18px)}
.mobile-mode-copy-right>img{width:209px;margin-top:146px}
.mobile-mode-copy p{margin:0;font-size:14px;line-height:25px}
.mobile-mode-copy-left p{margin:205px 0 0 14px}
.mobile-mode-copy-right p:first-of-type{margin-top:54px}
.mobile-mode-copy-right p:last-of-type{margin-top:auto;margin-bottom:128px}
.chapter[data-panel="system"]{padding:0 0 48px;background:#fff;overflow:hidden}
.system-intro{position:relative;height:457px}
.system-intro-copy{position:absolute;top:59px;left:69px;width:582px}
.system-intro-copy>img{display:block;width:349px;height:53px}
.system-intro-copy h2,.system-principles h2,.system-library h2{position:relative;margin:91px 0 10px;padding-left:28px;font-size:17px;font-weight:600;line-height:32px}
.system-intro-copy h2::before,.system-principles h2::before,.system-library h2::before{position:absolute;top:10px;left:0;width:12px;height:12px;border-radius:50%;background:#111;content:""}
.system-intro-copy h2::before{box-sizing:border-box;border:3px solid #111;background:transparent}
.system-intro-copy p{margin:0;font-size:14px;line-height:27px}
.system-hero-asset{position:absolute;top:-3px;right:0;display:block;width:769px;height:478px}
.system-principles{padding:0 64px}
.system-principles h2{margin:0 0 21px 5px;padding-left:20px}
.system-principles h2::before,.system-library h2::before{box-sizing:border-box;top:10px;width:12px;height:12px;border:3px solid rgba(0,0,0,.25);background:transparent}
.system-principles h2,.system-library h2{display:flex;align-items:center;gap:16px;padding-left:0}
.system-principles h2::before,.system-library h2::before{position:static;flex:0 0 12px}
.system-principles>img{display:block;width:1296px;max-width:100%;height:auto}
.system-library{padding:38px 61px 0}
.system-library h2{margin:0 0 8px 8px;padding-left:22px}
.system-library>p{width:1288px;max-width:100%;margin:0 0 19px;font-size:14px;line-height:27px}
.system-library>img{display:block;max-width:100%;height:auto;margin-inline:auto}
.system-library-overview{width:1314px}
.system-examples-title{display:flex;align-items:center;gap:16px;margin:28px 0 20px 8px;font-size:16px;font-weight:600;line-height:32px;color:rgba(0,0,0,.88)}
.system-examples-title::before{box-sizing:border-box;width:12px;height:12px;flex:0 0 12px;border:3px solid rgba(0,0,0,.25);border-radius:50%;content:""}
.system-library-examples{width:1320px;margin-top:0!important}
.system-ai-workflow{padding:119px 61px 0}
.system-ai-workflow>img{display:block;width:1317px;max-width:100%;height:auto;margin:0 auto}
@media(max-width:1450px){
  .execution-filter{height:auto;padding-bottom:28px}
  .execution-flow{height:auto;padding:38px 34px 42px;overflow:visible}
  .execution-flow>h2{position:relative;top:auto;left:auto;width:auto;height:auto;margin-bottom:30px}
  .execution-layers{position:static}
  .execution-layer,.execution-layer-two,.execution-layer-three,.execution-layer-four,.execution-layer-five{height:auto;min-height:0;padding:0 0 48px 44px}
  .execution-layer::before{left:5px}.execution-layer::after{left:0}
  .execution-layer>h3,.execution-layer-one-grid,.execution-current-intro,.execution-example,.execution-layer-summary,.execution-tools-gif,.execution-strategy-label,.execution-strategy-copy,.execution-error-table,.execution-recovery-example,.execution-replan-example,.execution-notification-example{position:static}
  .execution-layer>h3{width:100%;margin-bottom:28px}
  .execution-layer-one-grid{grid-template-columns:minmax(260px,423px) minmax(0,700px);gap:40px}
  .execution-task-gif,.execution-tools-gif{width:100%;height:auto}
  .execution-current-intro{grid-template-columns:minmax(0,1fr) 338px;gap:35px;width:100%;margin-bottom:28px}
  .execution-example,.execution-error-table,.execution-recovery-example,.execution-replan-example,.execution-notification-example{width:100%;margin-top:28px}
  .execution-layer-summary{width:100%;margin-bottom:24px}
  .execution-strategy-label{display:inline-block;margin:22px 0 12px}
  .execution-strategy-copy{width:auto!important;margin-bottom:18px}
  .execution-copy-guide{height:auto;padding:42px 45px}
  .execution-copy-guide h2{position:relative;top:auto;left:auto}.execution-copy-guide>p,.execution-copy-guide>img{position:static}
  .execution-copy-guide>p{width:auto;margin:16px 0 20px}
  .execution-copy-guide>img{width:100%;height:auto}
  .delivery-card,.delivery-adaptive,.delivery-actions,.delivery-editable,.delivery-side-question,.delivery-assets{height:auto;padding:36px 38px}
  .delivery-card h2,.delivery-card>p,.delivery-card>img,.delivery-example,.delivery-example>img{position:relative;top:auto;left:auto}
  .delivery-card h2{margin-bottom:8px}
  .delivery-card>p{width:auto;margin-bottom:28px}
  .delivery-card>img,.delivery-example>img{width:100%;height:auto}
  .delivery-example{width:100%;height:auto;margin-top:32px}
  .delivery-example>img{margin-top:16px}
  .delivery-assets>img:nth-of-type(1),.delivery-assets>img:nth-of-type(2){top:auto;left:auto;width:100%;height:auto}
  .delivery-assets>img:nth-of-type(1){margin-top:0}
  .delivery-assets>img:nth-of-type(2){margin-top:28px}
  .chapter[data-panel="evaluation"]{padding-bottom:28px}
  .evaluation-intro,.evaluation-timeline{padding-inline:6%}
  .evaluation-step{min-height:0;padding-bottom:44px}
  .evaluation-step:last-child{padding-bottom:0}
  .mobile-page-intro{gap:40px;padding-inline:6%}
  .mobile-input-section{max-width:88%;height:auto;padding:44px 5%}
  .mobile-scene-change,.mobile-input-copy,.mobile-pc-input,.mobile-input-label,.mobile-input-arrow,.mobile-phone-input{position:relative;top:auto;left:auto}
  .mobile-input-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,42%);gap:28px 42px;align-items:center}
  .mobile-scene-change{grid-column:1}.mobile-input-copy{grid-column:1}.mobile-pc-input{grid-column:1;width:100%;height:auto}.mobile-input-arrow{display:none}.mobile-phone-input{grid-column:2;grid-row:1/4;width:100%;height:auto}
  .mobile-video-layout{grid-template-columns:repeat(2,minmax(0,400px));max-width:88%;gap:34px;justify-content:center}
  .mobile-mode-copy{grid-column:1/-1}.mobile-mode-copy-left{order:-1}.mobile-mode-copy>img,.mobile-mode-copy-left>img,.mobile-mode-copy-right>img{margin:0;transform:none}.mobile-mode-copy p,.mobile-mode-copy-left p,.mobile-mode-copy-right p:first-of-type,.mobile-mode-copy-right p:last-of-type{margin:10px 0 0}.mobile-mode-copy-right{gap:12px}
  .system-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,54%);height:auto;min-height:430px}
  .system-intro-copy,.system-hero-asset{position:relative;top:auto;left:auto;right:auto}
  .system-intro-copy{width:auto;padding:56px 0 40px 8%}.system-hero-asset{width:100%;height:auto;align-self:start}
  .system-principles,.system-library,.system-ai-workflow{padding-inline:5%}
}
.scene-definition{display:block;width:100%;height:auto}
.scene-steps{position:relative;margin-top:56px;padding-left:70px}
.scene-progress{position:absolute;top:0;bottom:0;left:7px;width:20px;height:100%;object-fit:fill}
.scene-step{position:relative;margin:0 0 58px}
.scene-step:last-child{margin-bottom:0}
.step-copy{display:grid;grid-template-columns:70px 1fr;gap:22px;align-items:start;margin-bottom:28px}
.step-copy> b{display:grid;place-items:center;min-height:44px;padding:8px 14px;border-radius:999px;background:#dff4ff;font-size:15px}
.step-copy h2{margin:0 0 4px;font-size:16px;line-height:1.8}
.step-copy p{margin:0;color:rgba(0,0,0,.7);font-size:14px;line-height:1.8}
.scene-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:30px 44px;border-radius:20px;background:#f4f9fc}
.scene-categories span{min-height:76px;padding:10px 22px;font-size:14px;line-height:1.8}
.scene-categories b{display:block}
.scene-step>img{display:block;width:100%;height:auto}
.scene-step--assessment>img{max-width:1085px;margin-inline:auto}
.scene-step--ux>img{max-width:978px;margin-inline:auto;padding:34px 40px;border-radius:20px;background:#f4f9fc}
@media(max-width:900px){#project-view .case-nav{display:flex;width:min(700px,calc(100% - var(--page-inset)));overflow-x:auto}#project-view .case-nav button{flex:0 0 auto;min-width:190px}#project-view .robot-animation{min-height:240px}.chapter[data-panel="scene"],.chapter[data-panel="framework"],.chapter[data-panel="agent"]{padding:32px 22px}.chapter[data-panel="agent"] .stage-nav{display:flex;width:100%;margin:0 0 20px;justify-content:flex-start;gap:18px;overflow-x:auto}.chapter[data-panel="agent"] .stage-nav::before{display:none}.chapter[data-panel="agent"] .stage-nav button{flex:0 0 auto}.agent-scenario{grid-template-columns:1fr;gap:24px}.agent-media video,.agent-media img{max-height:none}.demand-mode{width:100%;height:auto}.demand-default-mode,.demand-plan-mode{padding:28px 20px}.demand-timeline{padding-left:24px}.demand-rule-grid{grid-template-columns:1fr;gap:16px}.demand-rule-grid article{width:100%;height:auto}.demand-form-demo{height:auto;padding:50px 16px 22px}.demand-form-demo>img{width:100%;height:auto;margin:0}.demand-plan-mode{margin-top:28px}.scene-steps{padding-left:32px}.scene-progress{left:0}.step-copy{grid-template-columns:1fr;gap:12px}.step-copy>b{justify-self:start}.scene-categories{grid-template-columns:1fr;padding:18px}.scene-step--ux>img{padding:20px}.evaluation-intro,.evaluation-timeline{padding-inline:24px}.evaluation-title-asset{width:min(354px,100%);height:auto}.evaluation-intro>p{margin-top:0}.evaluation-compare-asset{margin-bottom:32px}.evaluation-step{padding-left:25px}.evaluation-step h2{font-size:16px}.evaluation-step p{font-size:13px}.mobile-page-intro{display:block;padding:35px 24px}.mobile-page-intro>p{width:auto;margin-top:18px;font-size:13px;line-height:1.8}.mobile-input-section{display:block;max-width:calc(100% - 32px);padding:28px 20px}.mobile-scene-change,.mobile-input-copy,.mobile-pc-input,.mobile-input-label,.mobile-phone-input{display:block;margin-bottom:28px}.mobile-input-copy h2,.mobile-record-section h2,.mobile-video-section>h2{font-size:16px}.mobile-input-label{width:max-content}.mobile-phone-input{width:min(420px,100%);margin-inline:auto}.mobile-record-section{padding-top:38px}.mobile-record-section>header{max-width:calc(100% - 40px);margin-bottom:20px}.mobile-record-section>img{max-width:calc(100% - 32px)}.mobile-video-section{padding-top:34px}.mobile-video-section>h2{max-width:calc(100% - 40px);margin-bottom:28px}.mobile-video-layout{display:block;max-width:calc(100% - 32px)}.mobile-video-layout figure{margin-bottom:32px}.mobile-video-layout figure>img{width:min(400px,100%);margin-inline:auto}.mobile-mode-copy{margin-bottom:24px}.mobile-mode-copy>img{height:auto}.system-intro{display:block;min-height:0}.system-intro-copy{padding:34px 24px}.system-intro-copy>img{width:min(349px,100%);height:auto}.system-intro-copy h2{margin-top:36px}.system-hero-asset{width:100%}.system-principles,.system-library,.system-ai-workflow{padding-inline:16px}.system-principles{padding-top:30px}.system-library{padding-top:32px}.system-principles h2,.system-library h2,.system-examples-title{margin-left:8px}.system-examples-title{margin-top:20px;margin-bottom:14px}.system-library-examples{margin-top:0!important}.system-ai-workflow{padding-top:44px}}
@media(max-width:900px){.chapter[data-panel="agent"] .stage-nav-sticky{margin:0 -22px 20px;padding:12px 22px 14px}.chapter[data-panel="agent"] .stage-nav{margin-bottom:0}}