.showcase-page{padding-bottom:60px}.showcase-intro{text-align:center;max-width:900px;margin:0 auto;padding:85px 0 65px}.showcase-intro h1{font-size:clamp(35px,4.5vw,61px);font-weight:550;line-height:1.25;letter-spacing:-.045em;text-wrap:balance;margin:0 0 23px}.showcase-intro>p{max-width:690px;margin:0 auto 27px;font-size:16px;line-height:1.9;color:#737780}.showcase-page svg{width:18px;height:18px;flex-shrink:0}.feature-tabs{display:flex;gap:5px;justify-content:space-between;overflow-x:auto;padding:5px;border:1px solid #edf0f4;border-radius:35px;scrollbar-width:thin}.feature-tabs button{border:0;background:transparent;color:#737b86;border-radius:30px;padding:14px 20px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;min-height:46px}.feature-tabs button:hover{background:#f5f7fa}.feature-tabs button[aria-selected=true]{background:#edf1f7;color:#243247}.feature-description{text-align:center;max-width:760px;margin:30px auto;font-size:15px;color:#747f90;line-height:1.8;min-height:28px}.feature-stage{background:#e2f1fc;border-radius:24px;padding:50px 65px 75px;position:relative;min-height:565px}.theme-1 .feature-stage{background:#eaeafa}.theme-2 .feature-stage{background:#f4efe7}.theme-3 .feature-stage{background:#e3f0fc}.theme-4 .feature-stage{background:#eee9f9}.theme-5 .feature-stage{background:#f5ede6}.feature-window{background:#fff;border:1px solid #e0e7f0;border-radius:15px;overflow:hidden;box-shadow:0 18px 35px -20px #3e63864d}.feature-window>header{height:53px;display:flex;align-items:center;padding:0 23px;gap:25px;border-bottom:1px solid #edf0f5}.feature-window>header strong{font-size:19px;letter-spacing:-.5px}.feature-window>header span{font-size:11px;color:#8993a0}.feature-window>header i{margin-inline-start:auto;width:8px;height:8px;border-radius:50%;background:#2687df}.feature-window-body{display:grid;grid-template-columns:175px minmax(0,1fr);min-height:370px}.feature-window-body>aside{background:#fafbfd;border-inline-end:1px solid #edf0f5;padding:23px 13px}.feature-window-body>aside>div{display:flex;gap:10px;align-items:center;padding:12px 9px;border-radius:8px;font-size:11px;color:#838d9a;margin-bottom:5px}.feature-window-body>aside>div.active{color:#076bc6;background:#e9f3ff}.demo-content{padding:30px;min-width:0;color:#263245}.demo-content h3{font-size:22px;letter-spacing:-.5px;font-weight:550;margin:0 0 24px}.demo-chat{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:24px;align-items:stretch}.demo-chat>img{width:100%;height:275px;object-fit:cover;border-radius:12px}.demo-row{display:flex;align-items:center;border:1px solid #e8edf3;border-radius:10px;padding:15px 12px;gap:10px;margin-bottom:10px}.demo-row>svg{color:#2574c7}.demo-row>svg:last-child{margin-inline-start:auto;color:#90a4ba;width:13px}.demo-row strong{display:block;font-size:12px;font-weight:500}.demo-row small{display:block;font-size:10px;color:#97a0ab;margin-top:6px}.feature-prompt{position:relative;z-index:1;max-width:780px;margin:-8px auto -32px;background:#fff;border:1px solid #e0e7f0;box-shadow:0 14px 30px -18px #203d6277;border-radius:17px;padding:22px 80px 22px 25px;min-height:98px}.feature-prompt>span{display:flex;align-items:center;gap:9px;color:#8593a4;font-size:11px}.feature-prompt>span svg{color:#087ad6}.feature-prompt p{margin:10px 0 0;font-size:17px;line-height:1.6;color:#293443}.feature-prompt>a{position:absolute;inset-inline-end:23px;bottom:23px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#0578d7;color:#fff}.feature-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 75px}.feature-pagination>button{display:flex;align-items:center;gap:12px;border:0;background:none;padding:12px 0;font:inherit;font-size:13px;color:#57667b;cursor:pointer;min-height:44px}.feature-pagination>button:first-child svg{transform:rotate(180deg)}.feature-pagination>button:disabled{opacity:.3;cursor:default}.feature-pagination>div{text-align:center;font-size:12px;color:#53627a}.feature-pagination small{display:block;font-size:10px;color:#95a0ae;margin-top:8px}.demo-profile{display:grid;grid-template-columns:45% 1fr;gap:28px}.demo-profile>img{width:100%;height:265px;object-fit:cover;border-radius:10px}.demo-profile>div>span{font-size:9px;letter-spacing:1px;color:#999}.demo-profile h3{margin:15px 0 7px}.demo-profile p{font-size:11px;color:#96a0aa}.demo-profile-row{display:flex;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid #edf0f5;font-size:12px;color:#687b92}.demo-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-board>div{background:#f7f9fc;border-radius:10px;padding:16px 12px;min-height:210px}.demo-board>div>span{color:#9facbc;font-size:10px}.demo-board h4{font-size:12px;margin:13px 0 20px}.demo-note{padding:14px 12px;border:1px solid #e3eaf3;border-radius:8px;background:#fff}.demo-note svg{color:#3782ce;display:block;margin-bottom:10px}.demo-note strong{font-size:12px}.demo-note p{font-size:10px;line-height:1.7;color:#8796aa}.demo-devices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-device{display:flex;flex-direction:column;align-items:start;gap:20px;padding:24px 15px;border-radius:12px;background:#edf5ff;color:#1474c5}.demo-device:nth-child(2){color:#aa791a;background:#fff5df}.demo-device:nth-child(3){color:#8656bd;background:#f4ecff}.demo-device svg{width:25px;height:25px}.demo-device span{font-size:11px}.demo-device strong{font-size:20px;white-space:nowrap}.demo-footnote{font-size:10px;color:#939daa;margin-top:28px}.demo-schedule>div{display:flex;gap:18px;padding:19px 0;align-items:center;border-bottom:1px solid #e9edf4}.demo-schedule time{background:#eef3ff;color:#447ac6;padding:12px;border-radius:8px;font-size:13px}.demo-schedule strong{font-size:13px}.demo-schedule p{font-size:11px;color:#919baa;margin:7px 0 0}.demo-schedule svg{margin-inline-start:auto;color:#7a8fac}.demo-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.demo-timeline img{width:100%;height:165px;object-fit:cover;border-radius:9px}.demo-timeline small{display:block;margin-top:13px;font-size:10px;color:#9b9da2}.demo-timeline strong{display:block;margin-top:7px;font-size:12px}.product-grounding{padding:40px 0 75px}.product-grounding>h2{text-align:center;font-size:32px;font-weight:500;letter-spacing:-1px;margin-bottom:40px}.product-grounding>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.product-grounding article>svg{color:#197ace;width:24px;height:24px}.product-grounding h3{font-size:20px;font-weight:500;margin:17px 0 12px}.product-grounding p{font-size:13px;line-height:1.9;color:#888}.showcase-closing{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:45px;border:1px solid #e1e9f5;border-radius:20px;background:#f7faff;margin:25px 0 40px}.showcase-closing h2{font-size:29px;letter-spacing:-.8px;font-weight:500;margin:0 0 13px}.showcase-closing p{font-size:13px;color:#7e8b9e;line-height:1.9;max-width:710px;margin:0}.showcase-closing>.btn{flex-shrink:0}.showcase-text-link{display:inline-flex;gap:12px;align-items:center;font-size:14px;color:#086bc3}.scenario-caption{font-size:11px;color:#949dab;margin:0 0 22px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 26px}.case-card{min-width:0}.case-preview{height:260px;position:relative;background:#e8f3ff;border-radius:18px;overflow:hidden;padding:25px 28px}.case-color-1,.case-color-4{background:#efebff}.case-color-2{background:#fff2da}.case-color-3{background:#e5effc}.case-color-5{background:#f1edef}.case-sheet{position:relative;background:#fff;border:1px solid #e2e7f0;border-radius:9px;padding:17px;height:255px;box-shadow:0 12px 20px #344c6114;transform:rotate(-2deg);z-index:1}.case-sheet.back-sheet{position:absolute;width:77%;height:215px;top:39px;left:17%;transform:rotate(6deg);z-index:0;background:#fafbfd}.case-color-1 .case-sheet:not(.back-sheet),.case-color-4 .case-sheet:not(.back-sheet){transform:rotate(2deg)}.case-sheet header{display:flex;align-items:center;gap:7px;font-size:10px;color:#3277c1;border-bottom:1px solid #edf0f6;padding-bottom:11px;margin-bottom:13px}.case-sheet header svg{width:14px;height:14px}.case-sheet>strong{display:block;font-size:14px;color:#30394c;margin:10px 0 18px}.case-sheet>img{width:60px;height:85px;object-fit:cover;float:right;margin:0 0 10px 12px;border-radius:7px}.case-sheet-row{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eef1f6;padding:11px 0;font-size:10px;color:#8190a1}.case-sheet-row svg{width:13px;height:13px;color:#6a8fb7}.case-stamp{position:absolute;bottom:18px;right:18px;z-index:2;background:#fff;color:#2579c9;width:40px;height:40px;border-radius:11px;box-shadow:0 5px 15px #3951721a;display:grid;place-items:center}.case-category{display:flex;align-items:center;gap:9px;color:#8a919a;font-size:12px;margin-top:21px}.case-category svg{width:16px;height:16px;color:#7399c2}.case-card>h2{font-size:20px;line-height:1.5;letter-spacing:-.4px;margin:13px 0 16px;font-weight:550}.case-card details>summary{display:flex;align-items:center;gap:10px;list-style:none;color:#2876bd;font-size:12px;cursor:pointer;padding:10px 0;min-height:44px}.case-card summary::-webkit-details-marker{display:none}.case-card summary svg{width:15px;height:15px;transition:transform .2s}.case-card details[open] summary svg{transform:rotate(45deg)}.case-detail{border-top:1px solid #e9edf4;padding-top:8px}.case-detail p{font-size:13px;line-height:1.9;color:#7d8795}.case-detail h3{font-size:12px;font-weight:500;margin-top:19px}.case-detail ul{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:7px}.case-detail li{font-size:10px;background:#f1f6fc;border-radius:6px;padding:7px;color:#6887a6}.case-detail>a{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#1677c8;margin:12px 0}.cooperation-path{padding:85px 0 50px;scroll-margin-top:110px}.cooperation-path header{max-width:750px;margin-bottom:40px}.cooperation-path h2{font-size:35px;font-weight:500;letter-spacing:-1px;line-height:1.4}.cooperation-path header p{font-size:14px;color:#8a929e;line-height:1.9}.cooperation-path>div{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.cooperation-path article{border-top:1px solid #dbe5f1;padding-top:22px}.cooperation-path article>span{display:grid;place-items:center;background:#e8f2ff;border-radius:50%;width:36px;height:36px;color:#1976c9;font-size:13px}.cooperation-path h3{font-size:18px;font-weight:500;margin:20px 0 12px}.cooperation-path article p{font-size:12px;line-height:1.9;color:#8c96a3}
dialog#apply-dialog{background:#fff;border:1px solid #e2e7ee;border-radius:20px;box-shadow:0 25px 90px #172b4730;padding:30px}dialog .dialog-head{gap:20px;align-items:flex-start}dialog .dialog-head h2{font-size:25px;line-height:1.4}dialog .close{display:grid;place-items:center;border:0!important;background:#f3f5f8;color:#48515f;border-radius:50%;width:36px;height:36px;min-width:36px;padding:0;cursor:pointer;box-shadow:none;line-height:1}dialog .close:hover{background:#e9edf3}dialog .close:focus-visible{outline:2px solid #0875d1;outline-offset:3px}dialog .close svg{width:18px;height:18px}dialog .field input,dialog .field select,dialog .field textarea{border-radius:10px;background:#fff;border-color:#dce2eb}dialog>p{font-size:14px;color:#8b94a0;line-height:1.8}dialog .field{font-size:13px}dialog .btn{width:100%}dialog::backdrop{background:#18243466;backdrop-filter:blur(5px)}
@media(max-width:1000px){.feature-tabs button{padding:12px 15px;font-size:12px}.feature-stage{padding:30px 30px 60px}.feature-window-body{grid-template-columns:140px 1fr}.feature-window-body>aside>div{font-size:10px;gap:7px}.demo-content{padding:24px}.demo-chat{grid-template-columns:1fr 120px;gap:15px}.demo-device strong{font-size:16px}.case-grid{gap:32px 18px}.case-preview{padding:23px 17px;height:240px}.case-sheet{padding:13px}.case-card>h2{font-size:18px}.showcase-closing{padding:30px;gap:25px}}
@media(max-width:700px){.showcase-intro{padding:48px 0 35px}.showcase-intro h1{font-size:35px}.showcase-intro>p{font-size:14px}.feature-tabs{justify-content:flex-start;border-radius:20px}.feature-tabs button{font-size:12px;padding:10px 15px;min-height:42px}.feature-description{text-align:start;font-size:13px;min-height:70px;margin:24px 0 14px}.feature-stage{padding:20px 12px 35px;border-radius:16px;min-height:0}.feature-window>header{height:44px;padding:0 14px;gap:12px}.feature-window>header strong{font-size:15px}.feature-window>header span{font-size:9px}.feature-window-body{display:block;min-height:300px}.feature-window-body>aside{display:none}.demo-content{padding:20px 13px;min-height:300px}.demo-content h3{font-size:18px;margin-bottom:20px}.demo-chat{grid-template-columns:1fr}.demo-chat>img{display:none}.demo-row{padding:12px 10px}.demo-row strong{font-size:11px}.demo-row small{font-size:9px}.feature-prompt{padding:17px 48px 17px 15px;min-height:110px;margin:0 5px -17px;border-radius:12px}.feature-prompt p{font-size:13px;line-height:1.8}.feature-prompt>span{font-size:10px}.feature-prompt>a{width:28px;height:28px;inset-inline-end:12px;bottom:18px}.feature-prompt>a svg{width:15px}.feature-pagination{margin:18px 0 30px;gap:10px}.feature-pagination>button{font-size:11px;gap:7px}.feature-pagination>div{font-size:10px}.feature-pagination small{font-size:8px;max-width:160px;line-height:1.5}.demo-profile{grid-template-columns:40% 1fr;gap:15px}.demo-profile>img{height:210px}.demo-profile h3{font-size:19px}.demo-profile p{font-size:9px;overflow-wrap:anywhere}.demo-profile-row{font-size:10px;padding:12px 0}.demo-board{gap:6px}.demo-board>div{padding:12px 8px;min-height:220px}.demo-board h4{font-size:10px}.demo-note{padding:10px 7px}.demo-note strong{font-size:10px}.demo-note p{font-size:9px}.demo-devices{gap:7px}.demo-device{padding:15px 8px;gap:19px;min-height:180px}.demo-device span{font-size:10px}.demo-device strong{font-size:15px;white-space:normal}.demo-timeline{gap:9px}.demo-timeline img{height:140px}.demo-timeline strong{font-size:10px}.demo-schedule{font-size:11px}.demo-schedule>div{gap:10px;padding:15px 0}.demo-schedule time{padding:9px;font-size:11px}.demo-schedule strong{font-size:11px}.demo-schedule p{font-size:10px}.product-grounding{padding:35px 0}.product-grounding>h2{font-size:27px;line-height:1.4}.product-grounding>div{grid-template-columns:1fr;gap:25px}.product-grounding article{border-bottom:1px solid #edf0f5;padding-bottom:18px}.product-grounding h3{font-size:18px}.showcase-closing{display:block;padding:25px 22px}.showcase-closing h2{font-size:25px;line-height:1.5}.showcase-closing p{font-size:12px}.showcase-closing>.btn{margin-top:23px}.case-grid{grid-template-columns:1fr;gap:34px}.case-preview{height:280px;padding:28px 30px}.case-sheet{height:275px;padding:19px}.case-sheet>strong{font-size:17px}.case-sheet-row{font-size:12px;padding:13px 0}.case-category{font-size:12px}.case-card>h2{font-size:22px}.cooperation-path{padding-top:60px}.cooperation-path h2{font-size:29px}.cooperation-path>div{grid-template-columns:1fr 1fr;gap:28px 20px}.cooperation-path h3{font-size:16px}.cooperation-path article p{font-size:12px}.scenario-caption{font-size:10px;line-height:1.8}dialog#apply-dialog{padding:23px}dialog .dialog-head h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.case-card summary svg{transition:none}}

/* Scenario previews: workflow, environment, integration and growth. */
.case-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.case-board>div{padding:10px 7px;background:#f5f8fc;border-radius:6px;min-height:120px}.case-board svg{color:#5493cd;width:15px}.case-board span{display:block;font-size:9px;color:#6e7f93;margin:8px 0}.case-board i{display:block;height:18px;background:#fff;border:1px solid #e3eaf3;border-radius:4px;margin:7px 0}.showcase-page .case-chart{display:block;width:100%;height:80px;margin-top:22px}.case-mini-labels{display:flex;gap:10px;justify-content:space-between;margin-top:14px;font-size:9px;color:#72879b}.case-connections{display:flex;justify-content:space-between;gap:9px;position:relative;padding-top:20px}.case-connections:before{content:"";position:absolute;top:44px;left:12%;right:12%;height:1px;background:#a9c9e9}.case-connections>div{position:relative;flex:1;text-align:center;font-size:9px;color:#7c8da3}.case-connections svg{display:block;box-sizing:content-box;margin:0 auto 13px;padding:15px;background:#edf4fc;border:1px solid #d5e7f8;border-radius:14px;color:#3385ce}.case-growth{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.case-growth img{width:100%;height:100px;object-fit:cover;border-radius:5px}.case-growth span{display:block;margin-top:9px;font-size:9px;color:#8190a1}