.ai-document{padding:32px 0 55px}.ai-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:32px 0 38px}.ai-heading h1{font-size:clamp(44px,5.5vw,76px);font-weight:400;letter-spacing:-.055em;line-height:1.1;margin:18px 0 0}.ai-heading h1>span{font:11px var(--mono);color:#8c887f;vertical-align:top;display:inline-block;margin:10px 0 0 22px;letter-spacing:0}.ai-heading p{font:13px/1.7 var(--mono);color:#858178;margin:0 0 4px}.ai-atlas{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid #e2dbcc;border-radius:12px;background:#fffdf8;overflow:hidden;align-items:start}.ai-index{position:sticky;top:0;padding:22px 15px}.atlas-label{font:9px var(--mono);letter-spacing:.06em;color:#8a857a;padding:0 12px 22px;display:flex;justify-content:space-between}.ai-index [role=tablist]{display:flex;flex-direction:column;gap:4px}.ai-index button{display:flex;align-items:center;gap:13px;text-align:left;width:100%;border:0;border-radius:6px;background:none;padding:17px 12px;color:#79766f;cursor:pointer}.ai-index button span{font:10px var(--mono);color:#a29b8d}.ai-index button strong{font-size:15px;font-weight:400}.ai-index button i{font:17px var(--mono);margin-left:auto;opacity:0}.ai-index button:hover{background:#f5f0e5}.ai-index button[aria-selected=true]{background:#315ee8;color:white}.ai-index button[aria-selected=true] span{color:#d0daff}.ai-index button[aria-selected=true] i{opacity:1}.ai-index button:focus-visible,.ai-panel:focus-visible{outline:2px solid #315ee8;outline-offset:-3px}.ai-panel{border-left:1px solid #e2dbcc;min-width:0}.ai-art{border-bottom:1px solid #e4dccb;background:#f5f0e5;overflow:hidden}.ai-art svg{width:100%;display:block;max-height:340px;min-height:230px}.ai-art text{font:12px Gilroy,Arial;fill:#56544d}.ai-art .art-small{font:9px Consolas,monospace;fill:#918b7f}.ai-art line{stroke:#d6cebe;stroke-width:1.5}.art-window{fill:#fcfaf4;stroke:#dcd4c4}.art-card{fill:#fffdf8;stroke:#d9d1c1;stroke-width:1.2}.art-answer{fill:#eaf0ff;stroke:#b6c7f7;stroke-width:1.3}.art-focus{fill:#315ee80b;stroke:#315ee8;stroke-dasharray:7 4;stroke-width:1.5}.ai-art .art-blue{fill:#315ee8}.art-terrain{fill:#e8e2d5;stroke:#d4ccbc}.ai-art .art-wave{stroke:#315ee8;stroke-width:2.5;stroke-linecap:round}.art-product,.art-avatar{fill:#e4ebff;stroke:#315ee8;stroke-width:1.5}.art-timeline{fill:#ded7c9}.art-blue-fill{fill:#315ee8!important;stroke:none}.ai-art .art-inverse{fill:white;font:10px var(--mono)}.ai-art .art-gridline{stroke:#dfd7c7;fill:none}.art-bar{fill:#dbe4ff;stroke:none}.art-trend{fill:none;stroke:#315ee8;stroke-width:2.5}.art-forecast{stroke-dasharray:5 5}.art-route{fill:none;stroke:#c3cff1;stroke-width:4;stroke-linejoin:round}.art-cube{fill:#e5ecff;stroke:#315ee8;stroke-width:1.5}.ai-panel-body{padding:28px 32px 33px;min-height:430px}.ai-panel-meta{display:flex;justify-content:space-between;font:9px var(--mono);color:#9a9387;letter-spacing:.05em}.ai-panel-body h2{font-size:29px;font-weight:400;letter-spacing:-.035em;line-height:1.2;margin:19px 0 24px;max-width:540px}.ai-example{padding:17px 0 20px;border-top:1px solid #eae3d6;border-bottom:1px solid #eae3d6}.ai-example>span{font:8px var(--mono);letter-spacing:.08em;color:#a19a8c}.ai-example>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.ai-example div span{font:10px/1.5 var(--mono);color:#65645e}.ai-example div i{font-style:normal;color:#315ee8}.ai-tasks{padding:5px 0 0;margin:15px 0 0;list-style:none;display:grid;gap:13px}.ai-tasks li{font-size:14px;line-height:1.5;color:#77736b;padding-left:17px;position:relative}.ai-tasks li:before{content:'';width:4px;height:4px;background:#315ee8;position:absolute;left:0;top:.65em}.direction-bridge{display:grid;grid-template-columns:1fr 1.2fr 30px;align-items:center;gap:30px;margin-top:32px;border:1px solid #e2dbcc;border-radius:10px;padding:32px;background:#f2ede2;transition:border-color .2s}.direction-bridge:hover{border-color:#9db1ef}.bridge-path{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.bridge-path span{font:10px var(--mono);border:1px solid #ded5c3;border-radius:5px;background:#fffdf8;padding:12px 9px}.bridge-path i{font-style:normal;color:#aaa18f}.bridge-path .bridge-ai{background:#315ee8;border-color:#315ee8;color:white}.direction-bridge h2{font-size:24px;font-weight:400;letter-spacing:-.03em;margin:12px 0 9px}.direction-bridge p{font-size:13px;line-height:1.6;color:#8a8377;margin:0}.bridge-arrow{font-size:28px;color:#315ee8}.ai-bottom{display:flex;justify-content:space-between;gap:20px;font:10px/1.6 var(--mono);color:#969083;padding-top:22px}.ai-bottom p{margin:0}.ai-bottom a{color:#67635b}.direction-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.direction-links a{display:block;border:1px solid #e2dbcc;border-radius:7px;background:#fffdf8;padding:19px 22px;font-size:19px;letter-spacing:-.02em}.direction-links span{display:block;font:8px var(--mono);color:#9b9487;letter-spacing:.06em;margin-bottom:12px}.direction-links b{float:right;font-size:21px;font-weight:400;color:#315ee8}.direction-links a:hover{border-color:#9db1ef}.agents-page .board-toolbar{display:flex;flex-wrap:wrap;gap:12px;padding:18px 20px}.agents-page .board-toolbar h2{flex-basis:100%;font-size:17px;color:#4a4841}.agents-page .board-hint{margin-left:auto}.agents-page .scenario-tabs{flex-wrap:wrap}.agents-page .scenario-tabs button{font-size:12px;padding:9px 12px}.agents-page .scenario-tabs button.active{color:#fff}.agents-page .workflow-svg .node-title{font-size:14px}.agents-page .workflow-svg .node-subtitle{font-size:11px}.agents-page .workflow-svg .wire{stroke-linejoin:round;stroke-linecap:round}.agents-page .workflow-svg .node-card{transition:fill .15s,stroke .15s}.agents-page .visual-heading>p{font-size:13px;max-width:340px}
@media(min-width:1500px){.ai-index{padding-top:28px}.ai-panel-body{padding:32px 40px}.ai-art svg{max-height:370px}}
@media(max-width:1000px){.ai-atlas{grid-template-columns:250px minmax(0,1fr)}.ai-index{padding:18px 9px}.ai-index button{padding:16px 10px;gap:10px}.ai-index button strong{font-size:13px}.ai-panel-body{padding:24px}.ai-panel-body h2{font-size:25px}.direction-bridge{grid-template-columns:1fr 1.2fr 20px;padding:24px;gap:20px}.bridge-path{gap:4px}.bridge-path span{font-size:8px;padding:10px 6px}}
@media(max-width:720px){.ai-document{padding:25px 0 35px}.ai-heading{display:block;padding:28px 0}.ai-heading h1{font-size:45px}.ai-heading h1>span{margin-left:13px}.ai-heading p{font-size:11px;margin-top:20px}.ai-heading p br{display:none}.ai-atlas{display:block}.ai-index{position:static;padding:16px 12px}.atlas-label{padding:0 4px 15px}.ai-index [role=tablist]{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ai-index button{padding:13px 9px;gap:8px;border:1px solid #eee6d7;border-radius:5px;min-height:58px}.ai-index button strong{font-size:12px;line-height:1.25}.ai-index button span{font-size:8px}.ai-index button i{display:none}.ai-panel{border-left:0;border-top:1px solid #e2dbcc}.ai-art svg{min-height:0}.ai-panel-body{padding:23px 20px 26px;min-height:0}.ai-panel-body h2{font-size:27px}.ai-tasks li{font-size:14px}.ai-tasks{gap:14px}.ai-example div span{font-size:9px}.direction-bridge{grid-template-columns:1fr 20px;padding:22px;margin-top:22px;gap:24px}.bridge-path{grid-column:1/3;gap:8px}.bridge-path span{font-size:9px;padding:11px 8px}.direction-bridge h2{font-size:25px}.direction-bridge p{font-size:13px}.ai-bottom{font-size:9px}.ai-bottom p{max-width:220px}.direction-links{grid-template-columns:1fr;gap:10px}.agents-page .board-toolbar{padding:16px}.agents-page .scenario-tabs{gap:3px}.agents-page .scenario-tabs button{padding:9px 8px;font-size:11px}.agents-page .board-hint{display:none}}
@media(prefers-reduced-motion:reduce){.direction-bridge,.agents-page .workflow-svg .node-card{transition:none}}
.photo-demo{background:#fffdf8}.photo-stage{height:330px;position:relative;overflow:hidden;background:white}.photo-stage>img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .3s}.photo-perception .photo-stage>img,.photo-content .photo-stage>img{object-fit:contain}.photo-demo-label{position:absolute;left:18px;top:17px;font:8px var(--mono);letter-spacing:.04em;background:#fffdf8e8;color:#68645c;padding:9px 11px;border-radius:4px}.photo-overlays{position:absolute;inset:0;pointer-events:none}.vision-box{position:absolute;left:41%;top:10%;width:18%;height:70%;border:1.5px solid #315ee8;border-radius:4px}.vision-box span{position:absolute;left:-1px;bottom:100%;white-space:nowrap;background:#315ee8;color:#fff;font:8px var(--mono);padding:6px 8px}.vision-scan{position:absolute;left:38%;width:24%;height:1px;top:54%;background:#315ee855}.photo-perception[data-mode="1"] .photo-overlays{opacity:0}.photo-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:12px 16px 6px;border-top:1px solid #e8e0d1}.photo-controls button{border:1px solid #e2dacb;background:#f7f3ea;color:#82796a;padding:8px 10px;border-radius:4px;font:10px var(--mono)}.photo-controls button[aria-pressed=true]{background:#315ee8;border-color:#315ee8;color:white}.photo-controls button:focus-visible{outline:2px solid #315ee8;outline-offset:2px}.photo-caption{margin-left:auto;font:8px var(--mono);color:#a39b8c}.photo-credit{font:8px var(--mono);color:#aaa08e;text-align:right;padding:5px 17px 12px}.photo-credit a{color:#8e8574}.crop-frame{position:absolute;border:1.5px solid #315ee8;left:18%;top:14%;width:64%;height:72%;border-radius:4px;box-shadow:0 0 0 500px #1d263412;transition:all .25s}.crop-frame span{position:absolute;right:7px;top:7px;font:10px var(--mono);color:#315ee8;background:#fffdf8;padding:5px}.photo-content[data-mode="1"] .crop-frame{left:32%;top:7%;width:36%;height:86%}.photo-content[data-mode="2"] .crop-frame{left:40%;top:7%;width:20%;height:86%}.photo-live .photo-stage>img{object-position:50% 38%}.photo-live[data-mode="1"] .photo-stage>img{filter:hue-rotate(165deg) saturate(.8)}.live-badge{position:absolute;left:18px;bottom:18px;background:#315ee8;color:white;border-radius:4px;padding:7px 9px;font:9px var(--mono)}.face-points{position:absolute;inset:0;opacity:0;background:linear-gradient(transparent,#315ee808)}.face-points i{position:absolute;width:5px;height:5px;border:1px solid #fff;background:#315ee8;border-radius:50%;box-shadow:0 0 0 3px #315ee825}.photo-live[data-mode="2"] .face-points{opacity:1}.photo-spatial .photo-stage>img{object-position:center 60%}.photo-spatial[data-mode="1"] .photo-stage>img{filter:sepia(.3) saturate(1.15)}.photo-spatial[data-mode="2"] .photo-stage>img{filter:saturate(.65) hue-rotate(12deg)}.spatial-marker{position:absolute;bottom:20%;left:56%;display:flex;align-items:center;gap:10px}.spatial-marker span{background:#fffdf8e8;padding:8px 10px;font:8px var(--mono);color:#6e685c}.spatial-marker i{border-radius:50%;font:22px var(--mono);font-style:normal;background:#315ee8;color:white;display:grid;place-items:center;width:32px;height:32px;border:2px solid white}.case.case-ai{grid-column:span 6;display:flex;flex-direction:column}.case-ai .ai-project-preview{height:auto;aspect-ratio:16/9;min-height:0;border:0;background:white!important}.case-ai .ai-project-preview img{object-fit:contain;max-height:none}.case-ai .case-body{align-self:stretch;padding:23px 25px 12px}.case-ai .case-action{padding:10px 25px 22px}.preview-detection{position:absolute;left:42%;top:11%;width:17%;height:70%;border:1px solid #315ee8;border-radius:3px}.preview-detection i{font:8px var(--mono);font-style:normal;color:#fff;background:#315ee8;position:absolute;bottom:100%;left:-1px;padding:5px;white-space:nowrap}.ai-index button strong{line-height:1.3}
@media(max-width:720px){.photo-stage{height:250px}.photo-controls{padding:10px 11px 5px;gap:4px}.photo-controls button{padding:8px;font-size:9px}.photo-caption{display:none}.photo-credit{padding-right:11px}.photo-demo-label{left:10px;top:10px;font-size:7px;padding:7px}.vision-box{width:25%;left:37.5%}.vision-box span{font-size:7px}.crop-frame{left:8%;width:84%}.photo-content[data-mode="1"] .crop-frame{left:19%;width:62%}.photo-content[data-mode="2"] .crop-frame{left:32%;width:36%}.case.case-ai{display:flex;grid-column:auto}.case-ai .ai-project-preview{height:auto;aspect-ratio:16/9;min-height:0;border:0}.case-ai .case-body{padding:20px 20px 9px;align-self:stretch}.case-ai .case-action{padding:12px 20px 22px}.preview-detection{left:38%;width:24%}}
@media(prefers-reduced-motion:reduce){.photo-stage>img,.crop-frame{transition:none}}
#case-list.filtered .case-ai{grid-column:span 6}@media(max-width:720px){#case-list.filtered .case-ai{grid-column:auto}}
.webcam-stage{height:360px;position:relative;overflow:hidden;background:linear-gradient(110deg,#dce4e9,#e7edf0 52%,#ccd5dc);isolation:isolate}.webcam-person{position:absolute;right:0;top:0;height:100%;width:59%;object-fit:cover;object-position:50% 30%;mask-image:linear-gradient(to right,transparent,#000 16%);z-index:2}.webcam-topline{position:absolute;inset:16px 18px auto;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:3;font:8px var(--mono);letter-spacing:.03em;color:#53616b}.webcam-live{background:#315ee8;color:white;padding:7px 10px;border-radius:4px;font-size:9px}.webcam-chart{position:absolute;left:6%;top:24%;width:35%;z-index:1}.webcam-chart-title{font:10px var(--mono);color:#465c71;letter-spacing:.08em}.webcam-chart svg{width:100%;height:auto;min-height:0;max-height:none;margin:12px 0 0;overflow:visible}.webcam-chart .webcam-grid path{stroke:#aebfcc;stroke-width:.8;fill:none;opacity:.5}.webcam-chart .webcam-bars rect{fill:#315ee833;transform-box:fill-box;transform-origin:center bottom;animation:webcam-bars 4.8s ease-in-out infinite}.webcam-chart .webcam-line{fill:none;stroke:#315ee8;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:350;animation:webcam-line 5.5s ease-in-out infinite}.webcam-chart .webcam-dot{fill:#315ee8;stroke:#fff;stroke-width:2;animation:webcam-dot 2s ease-in-out infinite}.webcam-chart text{font:9px var(--mono);fill:#8495a1}.webcam-chart-foot{display:block;font:7px var(--mono);letter-spacing:.1em;color:#81909a;margin-top:4px}.webcam-chart[hidden]{display:none}.webcam-name{position:absolute;right:18px;bottom:17px;z-index:3;padding:10px 14px;background:#fffdf8de;backdrop-filter:blur(10px);border:1px solid #fff8;border-radius:5px;min-width:170px}.webcam-name span{display:block;font-size:14px;color:#414d56}.webcam-name small{display:block;font:8px var(--mono);color:#82909a;margin-top:6px}.webcam-mic{position:absolute;left:17px;bottom:17px;z-index:3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fffdf8bc}.webcam-mic svg{width:16px!important;height:16px!important;min-height:0!important;margin:0}.webcam-mic svg rect,.webcam-mic svg path{fill:none;stroke:#5e7485;stroke-width:1.7;stroke-linecap:round}.webcam-controls #webcam-graphics{display:flex;gap:9px;align-items:center;padding:9px 12px}.webcam-controls #webcam-graphics i{display:block;width:23px;height:13px;border-radius:9px;background:#d4cdbf;position:relative;flex:none}.webcam-controls #webcam-graphics i:after{content:'';position:absolute;left:2px;top:2px;width:9px;height:9px;border-radius:50%;background:#fff;transition:transform .2s}.webcam-controls #webcam-graphics[aria-pressed=true] i{background:#ffffff55}.webcam-controls #webcam-graphics[aria-pressed=true] i:after{transform:translateX(10px)}
@keyframes webcam-bars{0%,100%{transform:scaleY(.62)}50%{transform:scaleY(1)}}@keyframes webcam-line{0%,8%{stroke-dashoffset:350;opacity:.5}55%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.5}}@keyframes webcam-dot{0%,100%{opacity:.6}50%{opacity:1}}
@media(max-width:720px){.webcam-stage{height:260px}.webcam-person{width:67%;object-position:50% 25%}.webcam-chart{width:37%;left:4%;top:27%}.webcam-topline{inset:12px 11px auto;font-size:6px}.webcam-live{font-size:8px}.webcam-chart-title{font-size:7px;letter-spacing:0}.webcam-chart svg{margin-top:6px}.webcam-chart-foot{font-size:5px}.webcam-name{right:11px;bottom:11px;min-width:0;padding:8px 10px}.webcam-name span{font-size:11px}.webcam-name small{font-size:6px}.webcam-mic{left:11px;bottom:11px;width:24px;height:24px}.webcam-controls #webcam-graphics{font-size:10px}}
@media(prefers-reduced-motion:reduce){.webcam-chart .webcam-bars rect,.webcam-chart .webcam-line,.webcam-chart .webcam-dot{animation:none}.webcam-controls #webcam-graphics i:after{transition:none}}
.webcam-stage{background:linear-gradient(125deg,#e5ebef,#dce5ec 65%,#c6d4df)}.webcam-person{right:0;top:auto;bottom:-25%;width:65%;height:130%;object-fit:contain;object-position:center bottom;mask-image:none;z-index:2}.webcam-chart{left:6%;top:20%;width:88%;height:72%;z-index:1}.webcam-chart svg{height:calc(100% - 35px);width:100%;margin-top:10px}.webcam-chart-title{font-size:9px}.webcam-chart-foot{margin-top:0}.webcam-name{right:15px;bottom:15px}
@media(max-width:720px){.webcam-person{width:76%;height:122%;bottom:-21%;right:-8%}.webcam-chart{width:92%;left:4%;top:25%;height:66%}.webcam-chart svg{height:calc(100% - 29px);margin-top:7px}.webcam-chart-title{font-size:7px}.webcam-name{right:10px;bottom:10px}.webcam-name small{font-size:6px}}
.webcam-chart .webcam-line{stroke-dasharray:950}@keyframes webcam-line{0%,8%{stroke-dashoffset:950;opacity:.5}55%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.5}}
.webcam-person{left:0;right:auto;bottom:-17%;width:45%;height:105%;object-position:left bottom}.webcam-name{left:14px;right:auto;bottom:14px}.webcam-mic{left:auto;right:17px}.webcam-chart-title{display:block;text-align:right}@media(max-width:720px){.webcam-person{left:0;right:auto;width:57%;height:97%;bottom:-15%;object-position:left bottom}.webcam-name{left:10px;right:auto;bottom:10px}.webcam-mic{left:auto;right:11px}}