/* Approved standalone v2, scoped to the About product module. */
#kw-about #connection *{box-sizing:border-box}#kw-about #connection{margin:0;background:#fff;color:#202124;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}#kw-about #connection a{color:inherit;text-decoration:none}#kw-about #connection header{margin:0 5%;padding:30px 0;border-bottom:1px solid #ebebeb;display:flex;justify-content:space-between;align-items:center}#kw-about #connection .brand{font-size:23px;font-weight:650;letter-spacing:-.7px}#kw-about #connection .brand span{font-size:12px;font-weight:400;letter-spacing:0;color:#888;margin-left:24px}#kw-about #connection .view{font-size:13px;color:#777}#kw-about #connection .review-main{padding:64px 0 24px}#kw-about #connection .intro{margin:0 5% 48px;display:flex;justify-content:space-between;align-items:flex-start}#kw-about #connection .intro .intro-row h2{font-size:38px;font-weight:500;letter-spacing:-1.2px;margin:0}#kw-about #connection .intro p{margin:3px 0 0;max-width:440px;font-size:16px;line-height:1.8}#kw-about #connection .gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 5%;scrollbar-width:none}#kw-about #connection .gallery::-webkit-scrollbar{display:none}#kw-about #connection .scene{flex:0 0 520px;min-width:0;scroll-snap-align:center}#kw-about #connection .art{position:relative;background:#f4f4f3;overflow:hidden;border-radius:8px}#kw-about #connection .canvas{width:600px;height:558px;transform-origin:top left;position:relative;font-size:17px;line-height:1.55}#kw-about #connection .window{background:white;border:1px solid #e7e7e7;border-radius:16px;box-shadow:0 20px 60px #0000000b;overflow:hidden}#kw-about #connection .windowtop{height:63px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:12px;padding:0 26px;font-size:17px}#kw-about #connection .windowtop b{font-weight:560}#kw-about #connection .ui-icon{width:22px;height:22px;vertical-align:middle;flex:none}#kw-about #connection .right{margin-left:auto;display:flex;gap:14px}#kw-about #connection .muted,#kw-about #connection small{color:#888}#kw-about #connection .context{position:absolute;left:118px;top:55px;width:500px;height:510px}#kw-about #connection .reply{padding:34px 30px;width:440px}#kw-about #connection .reply small{font-size:13px}#kw-about #connection .reply p{margin:16px 0;line-height:1.8}#kw-about #connection .source{display:inline-flex;gap:7px;align-items:center;font-size:13px;background:#f5f5f5;padding:5px 10px;border-radius:5px;color:#777}#kw-about #connection .source .ui-icon{width:15px}#kw-about #connection .floating{position:absolute;left:32px;right:46px;bottom:46px}#kw-about #connection .composer{border:1px solid #e6e6e6;border-radius:22px;background:white;box-shadow:0 15px 45px #00000013;padding:20px 23px 17px}#kw-about #connection .composer p{font-size:20px;line-height:1.6;margin:6px 0 24px}#kw-about #connection .composerbar{display:flex;align-items:center;gap:16px}#kw-about #connection .plus{width:34px;height:34px;border-radius:50%;border:1px solid #e7e7e7;display:inline-flex;align-items:center;justify-content:center;flex:none}#kw-about #connection .plus .ui-icon{width:21px}#kw-about #connection .model{font-size:13px;color:#777;margin-left:auto}#kw-about #connection .send{background:#202124;color:white;border-radius:50%;height:34px;width:34px;display:flex;align-items:center;justify-content:center}#kw-about #connection .filechip{display:flex;gap:12px;align-items:center;min-width:0}#kw-about #connection .composer .filechip{border:1px solid #e9e9e9;padding:10px 12px;border-radius:12px;margin-bottom:17px;width:fit-content}#kw-about #connection .filechip b{font-size:16px;font-weight:560;white-space:nowrap}#kw-about #connection .filechip small{display:block;font-size:12px;margin-top:1px}#kw-about #connection .fileglyph{display:flex;align-items:center;justify-content:center;width:40px;height:45px;border-radius:7px;background:#f3f3f3}#kw-about #connection .fileglyph .ui-icon{width:25px;height:29px}#kw-about #connection .red{color:#c36157;background:#fff0ed}#kw-about #connection .blue{color:#2e88d5;background:#eaf4fe}#kw-about #connection .market{position:absolute;left:63px;top:48px;width:510px;padding:25px 28px 30px}#kw-about #connection .marketnav{display:flex;gap:30px;font-size:20px;align-items:center;color:#777}#kw-about #connection .marketnav b{color:#202124;border-bottom:2px solid #202124;padding-bottom:14px;font-weight:550}#kw-about #connection .marketsub{font-size:13px;color:#888;margin:9px 0 22px}#kw-about #connection .filters{display:flex;gap:8px;font-size:12px;margin-bottom:18px}#kw-about #connection .filters>*{padding:5px 13px;border:1px solid #e9e9e9;border-radius:30px;white-space:nowrap;font-weight:400}#kw-about #connection .filters b{background:#202124;color:white;border-color:#202124}#kw-about #connection .partner{border:1px solid #e8e8e8;border-radius:16px;margin-bottom:14px;padding:20px}#kw-about #connection .partnerhead{display:flex;align-items:center;gap:12px}#kw-about #connection .avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}#kw-about #connection .mint{background:#d4fae8;color:#0d8064}#kw-about #connection .lavender{background:#e3e7ff;color:#4e42c5}#kw-about #connection .sand{background:#fff4c5;color:#92651a}#kw-about #connection .partnerhead b{font-size:17px}#kw-about #connection .partnerhead small{display:block;font-size:12px}#kw-about #connection .partnerhead .plus{margin-left:auto}#kw-about #connection .partner p{font-size:14px;line-height:1.65;color:#7b7b7b;margin:14px 0}#kw-about #connection .tags{display:flex;gap:6px}#kw-about #connection .tags span{font-size:11px;background:#f4f4f5;border-radius:20px;padding:2px 8px;color:#777}#kw-about #connection .filetree{position:absolute;left:132px;top:61px;width:495px;height:490px}#kw-about #connection .previewtabs{height:54px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #ededed;padding:0 17px;font-size:14px;color:#777;white-space:nowrap}#kw-about #connection .previewtabs b{display:flex;align-items:center;gap:8px;padding:7px 11px;background:#f4f4f5;border-radius:10px;color:#333;font-weight:450}#kw-about #connection .previewtabs b .ui-icon{width:17px}#kw-about #connection .previewtabs i{font-style:normal;color:#999;margin-left:14px}#kw-about #connection .treefolder{display:flex;align-items:center;gap:10px;margin:27px 25px 15px;font-size:19px}#kw-about #connection .treefolder .ui-icon{color:#078bd1}#kw-about #connection .treerow{margin:3px 16px 3px 45px;padding:12px 14px;font-size:16px;display:flex;align-items:center;gap:12px;white-space:nowrap}#kw-about #connection .treerow .ui-icon{color:#929292;width:19px}#kw-about #connection .treerow.active{background:#f4f4f5;border-radius:7px}#kw-about #connection .files .floating{bottom:40px;right:64px}#kw-about #connection .files .composer p{font-size:19px}#kw-about #connection .preview{position:absolute;left:84px;top:43px;width:510px;height:570px}#kw-about #connection .toolbar{height:46px;border-bottom:1px solid #e9e9e9;display:flex;align-items:center;gap:13px;padding:0 19px;color:#aaa;font-size:14px}#kw-about #connection .toolbar .ui-icon{width:17px}#kw-about #connection .toolbar .right{gap:12px}#kw-about #connection .document{padding:19px 30px 34px;color:#262b37}#kw-about #connection .document h2{font-size:27px;margin:0 0 19px;padding-bottom:15px;border-bottom:1px solid #e1e3e8;font-weight:650}#kw-about #connection .document blockquote{font-size:16px;margin:0 0 26px;padding-left:15px;border-left:3px solid #e2e5eb;color:#6d7380}#kw-about #connection .document h3{font-size:20px;margin:20px 0 9px}#kw-about #connection .document p{font-size:16px;line-height:1.7;margin:0;color:#555d6a}#kw-about #connection .outputfile{position:absolute;bottom:33px;left:24px;right:128px;background:white;padding:19px 20px;border:1px solid #e7e7e7;border-radius:15px;box-shadow:0 15px 40px #00000018;display:flex;gap:20px;align-items:center}#kw-about #connection .outputfile>span{font-size:12px;background:#f8f8f8;padding:7px 12px;margin-left:auto;white-space:nowrap}#kw-about #connection .conversation{position:absolute;left:56px;top:42px;width:496px;height:510px}#kw-about #connection .conversationbody{padding:27px 29px;font-size:17px}#kw-about #connection .userbubble{margin:0 0 22px auto;background:#f3f3f3;padding:13px 16px;border-radius:18px;max-width:340px;font-size:16px}#kw-about #connection .conversationbody>small{font-size:11px}#kw-about #connection .conversationbody>p{line-height:1.75;margin:12px 0}#kw-about #connection .artifact{display:flex;border:1px solid #e9e9e9;border-radius:14px;padding:14px;align-items:center;gap:25px}#kw-about #connection .artifact>span{font-size:12px;white-space:nowrap;color:#555}#kw-about #connection .continue .floating{bottom:32px;left:90px;right:26px}#kw-about #connection .continue .composer p{font-size:18px}#kw-about #connection .continue .composer{padding-top:17px}#kw-about #connection .projectwindow{position:absolute;left:55px;top:69px;width:790px;height:480px}#kw-about #connection .crumb{padding:25px 25px;display:flex;align-items:center;gap:10px;font-size:18px}#kw-about #connection .crumb>span{color:#888}#kw-about #connection .projecttabs{display:flex;gap:25px;padding:5px 25px 0;font-size:14px;white-space:nowrap;color:#888}#kw-about #connection .projecttabs b{color:#222;font-weight:550;border-bottom:2px solid #202124;padding-bottom:17px}#kw-about #connection table{border-collapse:collapse;font-size:14px;margin:20px 25px;width:700px;text-align:left}#kw-about #connection th{font-weight:400;font-size:12px;color:#999;padding:12px 10px;border-bottom:1px solid #e9e9e9}#kw-about #connection td{padding:18px 10px;white-space:nowrap;color:#888}#kw-about #connection td:first-child{color:#333;font-weight:500}#kw-about #connection td .ui-icon{width:16px;margin-right:10px}#kw-about #connection td em{font-style:normal;font-size:12px;color:#188875;background:#eafaf3;border-radius:20px;padding:5px 10px}#kw-about #connection .person{display:inline-flex;width:28px;height:28px;border-radius:50%;background:#e5e5e7;align-items:center;justify-content:center;font-size:12px}#kw-about #connection .project .floating{bottom:38px;left:33px;right:64px}#kw-about #connection .project .composer p{font-size:18px}
#kw-about #connection{color:#242424;background:#fff}#kw-about #connection .review-main{width:min(1200px,calc(100% - 64px));margin:0 auto;padding:80px 0;display:block}#kw-about #connection .intro-row,#kw-about #connection .module-row{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1fr);gap:76px;align-items:start}#kw-about #connection .intro-row{margin-bottom:64px}#kw-about #connection .intro-row .intro-row h2{margin-bottom:0}#kw-about #connection .intro-row .definition{max-width:none}#kw-about #connection .copy-column,#kw-about #connection #panels,#kw-about #connection .group{min-width:0}#kw-about #connection .intro-row h2{font-size:38px;line-height:1.42;letter-spacing:-1.1px;font-weight:500;margin:0 0 24px}#kw-about #connection .definition{font-size:17px;line-height:1.95;text-wrap:pretty;margin:0;color:#666;max-width:470px}#kw-about #connection #topics{margin-top:0}#kw-about #connection .topic{border-top:1px solid #eaeaea}#kw-about #connection .topic:last-child{border-bottom:1px solid #eaeaea}#kw-about #connection .topic-heading{margin:0}#kw-about #connection .topic-heading button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;border:0;background:none;font-family:inherit;text-align:left;font-size:20px;font-weight:450;line-height:1.5;color:#929292;cursor:pointer;padding:21px 0}#kw-about #connection .topic-heading button[aria-expanded=true]{color:#222}#kw-about #connection .topic-heading .ui-icon{width:17px;height:17px;color:#999}#kw-about #connection .topic-heading button[aria-expanded=true] .vertical{display:none}#kw-about #connection .topic-heading button:hover{color:#222}#kw-about #connection .topic-heading button:focus-visible{outline:2px solid #888;outline-offset:4px;border-radius:2px}#kw-about #connection .topic-copy{padding:0 24px 24px 0}#kw-about #connection .topic-copy h3{font-size:15px;line-height:1.8;font-weight:550;margin:0 0 8px;color:#444}#kw-about #connection .topic-copy p{font-size:14px;line-height:1.95;margin:0;color:#777}#kw-about #connection [hidden]{display:none!important}#kw-about #connection .art{width:100%;min-width:0;position:relative;border:1px solid #e8e8e6;border-radius:18px;background:#f5f5f3;overflow:hidden}#kw-about #connection .canvas{width:640px;height:640px;position:relative;font-size:17px;line-height:1.6;transform-origin:top left}#kw-about #connection .window{border:1px solid #e5e5e5;border-radius:14px;box-shadow:0 2px 5px #00000002,0 15px 35px #24242407}#kw-about #connection .windowtop{height:58px;padding:0 26px;gap:11px;font-size:17px;border-bottom:1px solid #f0f0f0}#kw-about #connection .windowtop b{font-weight:550;letter-spacing:-.2px}#kw-about #connection .windowtop .ui-icon{width:19px;height:19px}#kw-about #connection .windowtop .right{color:#9a9a9a}#kw-about #connection .task-window{position:absolute;left:34px;top:35px;width:544px;height:441px}#kw-about #connection .task-content{padding:24px 27px;width:100%}#kw-about #connection .task-content .userbubble{margin:0 0 22px auto;padding:14px 18px;max-width:380px;font-size:16px;line-height:1.7;border-radius:17px;background:#f2f2f2}#kw-about #connection .task-content>small{font-size:12px;letter-spacing:.1px;color:#929292}#kw-about #connection .task-content>p{font-size:17px;line-height:1.85;margin:9px 0 15px;max-width:440px}#kw-about #connection .source{font-size:12px;line-height:1.4;border:1px solid #ededed;border-radius:6px;background:#fafafa;gap:7px;padding:7px 9px;color:#858585}#kw-about #connection .source .ui-icon{width:14px;height:16px}#kw-about #connection .market-snippet{position:absolute;left:104px;right:26px;top:342px;padding:16px 18px 18px;box-shadow:0 3px 7px #00000003,0 17px 40px #2828280c}#kw-about #connection .market-snippet .marketnav{font-size:15px;gap:23px;margin:0 0 14px;line-height:1.5;align-items:stretch;color:#999}#kw-about #connection .market-snippet .marketnav>*{padding:0 0 10px}#kw-about #connection .market-snippet .marketnav b{font-weight:550;border-bottom:1.5px solid #222}#kw-about #connection .market-snippet .partner{padding:14px 16px;border:1px solid #ebebeb;border-radius:11px;margin-bottom:10px;box-shadow:0 1px 2px #00000002}#kw-about #connection .market-snippet .partner:last-child{margin-bottom:0}#kw-about #connection .market-snippet .partnerhead{gap:12px}#kw-about #connection .market-snippet .avatar{width:36px;height:36px;font-size:12px;font-weight:500;letter-spacing:.3px}#kw-about #connection .mint{background:#def7ea;color:#277d64}#kw-about #connection .lavender{background:#e8eaff;color:#5952af}#kw-about #connection .market-snippet .partnerhead b{font-size:15px;font-weight:550;letter-spacing:.1px}#kw-about #connection .market-snippet .partnerhead small{font-size:10px;line-height:1.6;margin-top:1px;color:#969696}#kw-about #connection .market-snippet .plus{width:28px;height:28px;border-color:#e6e6e6;color:#6c6c6c}#kw-about #connection .market-snippet .plus .ui-icon{width:16px;height:16px}#kw-about #connection .market-snippet .partner p{display:none}#kw-about #connection .market-snippet .tags{gap:6px;margin:8px 0 0 48px}#kw-about #connection .market-snippet .tags span{font-size:10px;line-height:1.5;padding:2px 8px;background:#f6f6f6;color:#939393;border-radius:4px}#kw-about #connection .systems .filetree{left:128px;top:38px;width:471px;height:554px;border-radius:14px}#kw-about #connection .previewtabs{height:51px;padding:0 17px;gap:15px;font-size:13px;border-bottom:1px solid #eee}#kw-about #connection .previewtabs b{padding:6px 10px;font-weight:450;border-radius:7px;background:#f5f5f5}#kw-about #connection .previewtabs b .ui-icon{width:16px;height:16px}#kw-about #connection .previewtabs>.ui-icon{width:18px}#kw-about #connection .treefolder{margin:23px 25px 13px;font-size:17px;gap:9px}#kw-about #connection .treefolder .ui-icon{width:21px}#kw-about #connection .treerow{font-size:15px;padding:12px;margin-left:39px;gap:10px}#kw-about #connection .treerow .ui-icon{width:17px}#kw-about #connection .equipment{position:absolute;top:252px;left:30px;right:88px;padding:20px 24px 16px;box-shadow:0 3px 7px #00000003,0 17px 40px #2828280c}#kw-about #connection .equipment h3{font-size:19px;font-weight:550;margin:0 0 13px;letter-spacing:-.2px}#kw-about #connection .equipment-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #f0f0f0}#kw-about #connection .equipment-row>.ui-icon{width:21px;height:21px;color:#777}#kw-about #connection .equipment-row b{font-size:15px;font-weight:500}#kw-about #connection .equipment-row small{font-size:11px;display:block;margin-top:3px;line-height:1.6;color:#999}#kw-about #connection .equipment-row i{font-style:normal;color:#aaa;margin-left:auto;font-size:17px}#kw-about #connection .tool-row{margin:0 -11px;padding-left:11px;padding-right:11px;background:#f7f7f7;border-radius:7px}#kw-about #connection .project-context{position:absolute;left:30px;top:34px;width:545px;height:530px}#kw-about #connection .project-context .crumb{font-size:16px;padding:20px 22px;gap:8px}#kw-about #connection .project-context .crumb .ui-icon{width:19px}#kw-about #connection .project-context .crumb b{font-weight:550}#kw-about #connection .project-context .projecttabs{padding:0 22px;font-size:12px;gap:24px}#kw-about #connection .project-context .projecttabs b{font-weight:500;padding-bottom:13px;border-bottom:1.5px solid}#kw-about #connection .task-line{font-size:14px;line-height:1.5;padding:15px 22px;color:#aaa}#kw-about #connection .task-line .ui-icon{width:16px;height:16px;margin-right:11px;color:#aaa}#kw-about #connection .handoff .preview{left:116px;top:169px;width:498px;height:453px;box-shadow:0 3px 7px #00000003,0 17px 40px #2828280c}#kw-about #connection .toolbar{height:41px;gap:12px;padding:0 17px;font-size:12px}#kw-about #connection .toolbar .ui-icon{width:16px;height:16px}#kw-about #connection .toolbar small{font-size:10px;color:#999}#kw-about #connection .handoff .document{padding:20px 26px}#kw-about #connection .handoff .document h2{font-size:23px;line-height:1.5;font-weight:600;letter-spacing:-.5px;margin:0 0 15px;padding-bottom:15px;border-color:#e8e9ec}#kw-about #connection .handoff .document blockquote{font-size:14px;line-height:1.85;border-left:2px solid #e5e7ea;padding-left:13px;margin:0 0 19px}#kw-about #connection .handoff .document h3{font-size:17px;line-height:1.5;font-weight:550;margin:16px 0 8px}#kw-about #connection .handoff .document p{font-size:14px;line-height:1.8}#kw-about #connection .handoff .floating{left:30px;right:61px;bottom:30px}#kw-about #connection .composer{border-color:#e5e5e5;border-radius:15px;box-shadow:0 3px 7px #00000003,0 17px 40px #2828280c}#kw-about #connection .handoff .composer{padding:19px 21px 16px}#kw-about #connection .handoff .composer p{font-size:17px;line-height:1.7;margin:0 0 19px}#kw-about #connection .composerbar{gap:12px}#kw-about #connection .composerbar .plus,#kw-about #connection .composerbar .send{width:28px;height:28px}#kw-about #connection .composerbar .plus .ui-icon,#kw-about #connection .composerbar .send .ui-icon{width:17px;height:17px}#kw-about #connection .composerbar .model{font-size:10px;color:#9b9b9b}#kw-about #connection .composerbar .send{background:#2b2b2b}#kw-about #connection .all-groups .review-main{display:block}#kw-about #connection .spread{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1fr);gap:76px;padding-bottom:65px;margin-bottom:65px;border-bottom:1px solid #ededed;align-items:start}#kw-about #connection .spread:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}#kw-about #connection .expanded-copy{margin-top:38px}#kw-about #connection .spread:not(:first-child) .expanded-copy{margin-top:10px}#kw-about #connection .topic-label{font-size:14px;color:#999;margin:0 0 16px}#kw-about #connection .expanded-copy h2{font-size:24px;line-height:1.6;font-weight:500;margin:0 0 18px}#kw-about #connection .expanded-copy>p:last-child{font-size:15px;line-height:1.95;color:#777;margin:0}@media(min-width:1257px){#kw-about #connection .review-main{width:min(clamp(1160px,calc(8.3333vw + 1040px),1200px),calc(100% - 48px))}}@media(min-width:1200px) and (max-width:1256px){#kw-about #connection .review-main{width:calc(100% - 96px)}}@media(max-width:1100px){#kw-about #connection .intro-row,#kw-about #connection .module-row,#kw-about #connection .spread{gap:40px}#kw-about #connection .intro-row{margin-bottom:48px}#kw-about #connection .review-main{padding:58px 0}#kw-about #connection .intro-row h2{font-size:32px}#kw-about #connection .definition{font-size:14px}#kw-about #connection #topics{margin-top:0}#kw-about #connection .topic-heading button{font-size:18px;padding:18px 0}#kw-about #connection .topic-copy{padding-right:0}#kw-about #connection .topic-copy h3{font-size:14px}#kw-about #connection .topic-copy p{font-size:13px}#kw-about #connection .expanded-copy h2{font-size:21px}}@media(max-width:767px){#kw-about #connection .intro-row,#kw-about #connection .module-row{display:block}#kw-about #connection .intro-row{margin-bottom:32px}#kw-about #connection .intro-row .intro-row h2{margin-bottom:20px}#kw-about #connection .review-main{width:calc(100% - 36px);display:block;padding:38px 0 30px}#kw-about #connection .intro-row h2{font-size:30px;line-height:1.45;margin-bottom:20px;letter-spacing:-.7px}#kw-about #connection .definition{font-size:14px;line-height:1.95}#kw-about #connection #topics{margin-top:0;margin-bottom:30px}#kw-about #connection .topic-heading button{font-size:17px;padding:17px 0}#kw-about #connection .topic-copy{padding-bottom:20px}#kw-about #connection .topic-copy h3{font-size:14px}#kw-about #connection .topic-copy p{font-size:13px;line-height:1.9}#kw-about #connection .art{border-radius:13px}#kw-about #connection .spread{display:block;margin-bottom:38px;padding-bottom:38px}#kw-about #connection .expanded-copy{margin-top:28px;margin-bottom:26px}#kw-about #connection .expanded-copy h2{font-size:21px}#kw-about #connection .expanded-copy>p:last-child{font-size:14px}#kw-about #connection .topic-label{font-size:12px}}@media(prefers-reduced-motion:reduce){#kw-about #connection{scroll-behavior:auto}}

/* Equal-height interaction and landscape product compositions. */
#kw-about #connection .module-row{align-items:stretch}
#kw-about #connection #topics{position:relative}
#kw-about #connection .topic-copy{min-height:var(--copy-height,0px)}
#kw-about #connection .topic-measurements{position:absolute;inset:0 0 auto;visibility:hidden;pointer-events:none}#kw-about #connection .topic-measurements .topic-copy{display:block!important;min-height:0;animation:none!important}
#kw-about #connection #panels,#kw-about #connection .group{height:100%}
#kw-about #connection .art{aspect-ratio:8/5}
#kw-about #connection .module-row .art{height:var(--module-height,auto)}
#kw-about #connection .canvas{height:400px;position:absolute;top:0;left:0}
#kw-about #connection .group.is-entering .canvas,#kw-about #connection .topic-copy.is-entering{animation:kw-product-reveal 200ms ease-out both}
@keyframes kw-product-reveal{from{opacity:0}to{opacity:1}}
#kw-about #connection .work .task-window{left:38px;top:26px;width:558px;height:315px}
#kw-about #connection .work .windowtop{height:48px;padding:0 23px;font-size:15px}
#kw-about #connection .work .task-content{padding:17px 23px}
#kw-about #connection .work .userbubble{font-size:15px;line-height:1.7;max-width:416px;padding:11px 15px;margin-bottom:15px}
#kw-about #connection .work .task-content>p{font-size:16px;line-height:1.8;margin:6px 0 11px;max-width:452px}
#kw-about #connection .work .task-content>small{font-size:11px}
#kw-about #connection .work .source{font-size:11px;padding:6px 8px}
#kw-about #connection .work .market-snippet{left:258px;right:25px;top:257px;padding:12px 14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
#kw-about #connection .work .marketnav{grid-column:1/-1;margin:0;gap:20px;font-size:12px}
#kw-about #connection .work .marketnav>*{padding-bottom:7px}
#kw-about #connection .work .market-snippet .partner{padding:10px 8px;margin:0;border-radius:8px}
#kw-about #connection .work .partnerhead{gap:7px}
#kw-about #connection .work .market-snippet .avatar{width:27px;height:27px;flex:none;font-size:10px}
#kw-about #connection .work .market-snippet .partnerhead b{font-size:12px;white-space:nowrap}
#kw-about #connection .work .market-snippet .partnerhead small{font-size:9px}
#kw-about #connection .work .market-snippet .plus{display:none}
#kw-about #connection .work .market-snippet .tags{display:none}
#kw-about #connection .systems .equipment{top:25px;left:55px;right:55px;padding:18px 24px 13px}
#kw-about #connection .systems .equipment h3{font-size:17px;margin-bottom:10px}
#kw-about #connection .systems .equipment-row{padding:12px 0}
#kw-about #connection .systems .equipment-row>.ui-icon{width:19px;height:19px}
#kw-about #connection .systems .equipment-row b{font-size:14px}
#kw-about #connection .systems .equipment-row small{font-size:11px;margin-top:2px}
#kw-about #connection .systems .tool-row{padding:12px 11px;border:1px solid #e5e5e5;background:#f5f5f4}
#kw-about #connection .project-breadcrumb{position:absolute;left:62px;top:20px;display:flex;align-items:center;gap:8px;font-size:12px;color:#8a8a8a}
#kw-about #connection .project-breadcrumb .ui-icon{width:15px;height:15px}
#kw-about #connection .project-breadcrumb b{font-weight:500;color:#606060}
#kw-about #connection .handoff .preview{left:86px;top:53px;width:524px;height:332px;overflow:hidden}
#kw-about #connection .handoff .previewtabs{height:40px;font-size:12px}
#kw-about #connection .handoff .toolbar{height:31px}
#kw-about #connection .handoff .document{padding:16px 24px}
#kw-about #connection .handoff .document h2{font-size:21px;margin-bottom:11px;padding-bottom:11px}
#kw-about #connection .handoff .document blockquote{font-size:12px;margin-bottom:12px}
#kw-about #connection .handoff .document h3{font-size:15px;margin:10px 0 6px}
#kw-about #connection .handoff .document p{font-size:13px;line-height:1.7}
#kw-about #connection .handoff .floating{left:24px;right:134px;bottom:16px}
#kw-about #connection .handoff .composer{padding:13px 16px 10px}
#kw-about #connection .handoff .composer p{font-size:14px;line-height:1.65;margin-bottom:10px}
#kw-about #connection .handoff .composerbar{height:24px}
#kw-about #connection .handoff .composerbar .send{width:26px;height:26px}
#kw-about #connection .handoff .composerbar .plus{width:22px;height:22px}
#kw-about #connection .handoff .composerbar .model{font-size:9px}
@media(max-width:900px){
 #kw-about #connection .module-row{display:block}
 #kw-about #connection #topics{margin-bottom:30px}
 #kw-about #connection .topic-copy{min-height:0}
 #kw-about #connection #panels,#kw-about #connection .group{height:auto}
 #kw-about #connection .module-row .art{height:auto}
}
@media(prefers-reduced-motion:reduce){#kw-about #connection .group.is-entering .canvas,#kw-about #connection .topic-copy.is-entering{animation:none}}

/* Keep the visible document excerpt complete above the foreground request. */
#kw-about #connection .handoff .document h3:nth-of-type(n+2),#kw-about #connection .handoff .document h3:nth-of-type(n+2)+p{display:none}

/* Every scene now explains its relationship to the same launch task. */
#kw-about #connection .canvas .scenario-window{left:36px;top:24px;width:568px;height:352px}
#kw-about #connection .scenario-window .windowtop{height:46px;padding:0 23px;font-size:15px}
#kw-about #connection .scenario-window .task-content{padding:16px 23px}
#kw-about #connection .scenario-window .task-content .userbubble{max-width:424px;margin:0 0 14px auto;padding:11px 15px;font-size:15px;line-height:1.7;border-radius:14px;background:#f2f2f2}
#kw-about #connection .scenario-window .task-content>small{font-size:11px;color:#888}
#kw-about #connection .scenario-window .task-content>p{font-size:15px;line-height:1.75;margin:6px 0 8px;max-width:none}
#kw-about #connection .scenario-window .task-plan{padding-left:18px;margin:0 0 10px;font-size:15px;line-height:1.85;color:#333}
#kw-about #connection .scenario-window .task-plan li{padding-left:2px;margin:3px 0}
#kw-about #connection .scenario-window .task-plan li::marker{font-size:10px;color:#8d8d8d}
#kw-about #connection .scenario-window .task-plan b{font-weight:550;color:#222}
#kw-about #connection .scenario-window .task-content>.task-followup{font-size:13px;color:#777;margin:8px 0 10px;line-height:1.75}
#kw-about #connection .scenario-window .source{font-size:10px;padding:5px 7px;line-height:1.4}

/* Official Lucide glyphs; preserve existing controls and their dimensions. */
#kw-about #connection .topic-toggle{display:grid;width:17px;height:17px;flex:none}#kw-about #connection .topic-toggle>span{grid-area:1/1;display:flex}#kw-about #connection .topic-toggle .toggle-minus{display:none}#kw-about #connection .topic-heading button[aria-expanded=true] .toggle-plus{display:none}#kw-about #connection .topic-heading button[aria-expanded=true] .toggle-minus{display:flex}
#kw-about #connection .previewtabs b i{display:flex;align-items:center}#kw-about #connection .previewtabs b i .ui-icon{width:12px;height:12px}#kw-about #connection .composerbar .model{display:flex;align-items:center;gap:3px}#kw-about #connection .composerbar .model .ui-icon{width:11px;height:11px}
#kw-about #connection .scenario-window .task-content .userbubble{margin-bottom:24px}

/* Display official assets directly; no path, viewBox or stroke overrides. */
#kw-about #connection .ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0;object-fit:contain}
#kw-about #connection .send .ui-icon{filter:invert(1)}
#kw-about #connection .toolbar .ui-icon,#kw-about #connection .project-breadcrumb .ui-icon,#kw-about #connection .source .ui-icon,#kw-about #connection .topic-heading .ui-icon,#kw-about #connection .windowtop .right .ui-icon{opacity:.6}

/* Adopt the confirmed About shell and shared title/copy proportions. */
#kw-about #connection{display:block;margin-inline:auto;padding-block:104px 80px;scroll-margin-top:104px}
#kw-about #connection .review-main{width:100%;max-width:none;margin:0;padding:0;display:block}
#kw-about #connection .intro-row{margin-bottom:48px}
#kw-about #connection .intro-row h2{margin:0;font-size:36px;line-height:44px;font-weight:500;letter-spacing:-1.1px}
#kw-about #connection .intro-row .definition{font-size:18px;line-height:30px;color:var(--kwa-muted);margin:0;padding:0;max-width:none}
@media(min-width:1000px){#kw-about #connection .intro-row,#kw-about #connection .module-row{grid-template-columns:minmax(400px,.82fr) minmax(0,1.18fr);column-gap:40px}}
@media(max-width:999px){#kw-about #connection .intro-row,#kw-about #connection .module-row{display:block}#kw-about #connection .intro-row h2{font-size:32px;line-height:1.4;margin-bottom:24px}#kw-about #connection #topics{margin-bottom:30px}#kw-about #connection .topic-copy{min-height:0}#kw-about #connection #panels,#kw-about #connection .group{height:auto}#kw-about #connection .module-row .art{height:auto}}
@media(max-width:767px){#kw-about #connection{padding-block:64px}#kw-about #connection .intro-row{margin-bottom:32px}#kw-about #connection .intro-row h2{font-size:30px;line-height:1.45}}

#kw-about #connection .task-plan{list-style:disc}


/* Real product components, composed from verified project and document screens. */
#kw-about #connection .kw-real-project{position:absolute;left:28px;top:42px;width:704px;height:310px;background:#fff;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px #00000005}
#kw-about #connection .kw-real-breadcrumb{height:48px;display:flex;align-items:center;gap:8px;padding:0 18px;font-size:14px;color:#888}
#kw-about #connection .kw-real-breadcrumb b{color:#292929;font-weight:600}
#kw-about #connection .kw-real-breadcrumb .ui-icon{width:18px;height:18px;opacity:.7}
#kw-about #connection .kw-real-more{margin-left:auto}
#kw-about #connection .kw-real-tabs{display:flex;gap:22px;padding:0 18px;height:37px;font-size:12px;white-space:nowrap;color:#888}
#kw-about #connection .kw-real-tabs b{border-bottom:2px solid #292929;color:#292929;font-weight:500}
#kw-about #connection .kw-real-table{padding:14px 14px 0;width:354px;font-size:12px}
#kw-about #connection .kw-real-tablehead,#kw-about #connection .kw-real-row{display:grid;grid-template-columns:1fr 57px 32px;align-items:center;gap:6px;padding:0 8px}
#kw-about #connection .kw-real-tablehead{height:25px;color:#999;font-size:10px}
#kw-about #connection .kw-real-row{height:43px;color:#454545;border-radius:8px}
#kw-about #connection .kw-real-row:nth-child(2){background:#f3f3f4}
#kw-about #connection .kw-real-row>span:first-child{display:flex;align-items:center;gap:6px;white-space:nowrap}
#kw-about #connection .kw-real-row .ui-icon{width:16px;height:16px;opacity:.8}
#kw-about #connection .kw-real-people{display:flex}
#kw-about #connection .kw-real-people i{font-style:normal;font-size:10px;color:#555;background:#e7e7e7;border:2px solid white;width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:-6px}
#kw-about #connection .kw-real-preview{position:absolute;left:388px;top:139px;width:344px;height:258px}
#kw-about #connection .kw-real-preview .preview{inset:0;width:100%;height:100%;border-radius:10px;background:#fff;box-shadow:0 8px 28px #0000000d}
#kw-about #connection .kw-real-preview .previewtabs{gap:9px;padding:0 10px;height:35px;font-size:10px}
#kw-about #connection .kw-real-preview .previewtabs .ui-icon{width:12px;height:12px}
#kw-about #connection .kw-real-preview .toolbar{height:27px;padding:0 10px;gap:8px}
#kw-about #connection .kw-real-preview .toolbar .ui-icon{width:12px;height:12px}
#kw-about #connection .kw-real-preview .document{padding:12px 16px}
#kw-about #connection .kw-real-preview .document h2{font-size:18px;margin:0 0 10px;padding-bottom:9px;line-height:1.4}
#kw-about #connection .kw-real-preview .document blockquote{font-size:11px;margin:0 0 12px;line-height:1.7}
#kw-about #connection .kw-real-preview .document h3{font-size:13px;margin:0 0 6px}
#kw-about #connection .kw-real-preview .document p{font-size:12px;line-height:1.7}
#kw-about #connection .kw-real-request{position:absolute;left:28px;top:312px;width:344px}
#kw-about #connection .kw-real-request .composer{background:#fff;border:1px solid #ececec;border-radius:14px;padding:12px 13px 9px;box-shadow:0 4px 18px #00000008}
#kw-about #connection .kw-real-request .composer p{font-size:13px;line-height:1.6;margin:0 0 9px;color:#777}
#kw-about #connection .kw-real-request .composerbar{height:22px}
#kw-about #connection .kw-real-request .composerbar .model{font-size:9px}
#kw-about #connection .kw-real-request .composerbar .send{width:23px;height:23px}
#kw-about #connection .kw-real-request .composerbar .plus{width:20px;height:20px}

/* Identity colors match the supplied product avatar reference; scene chrome stays neutral. */
#kw-about #connection .kw-real-people .kw-person-ten{background:#f4f0ff;color:#6750bd}
#kw-about #connection .kw-real-people .kw-person-lin{background:#ddf7fb;color:#087f99}

/* A wider composition balances the space around the complete product scene. */
#kw-about #connection .canvas.handoff{width:760px;height:440px}

/* One original landscape per topic; retain the centered product composition. */
#kw-about #connection .art{
 background:#e3ebed url('/kuwork/images/about-product-lakeside.webp') center center / cover no-repeat;
}
#kw-about #connection .art-systems{background-image:url('/kuwork/images/about-product-hillside.webp')}
#kw-about #connection .art-handoff{background-image:url('/kuwork/images/about-product-forest.webp')}

/* ERP sample: verified child-agent controls, within the existing 640×400 canvas. */
#kw-about #connection .erp-window .windowtop{padding-right:105px}
#kw-about #connection .erp-sample{position:absolute;right:22px;top:17px;color:#919191;font-size:10px}
#kw-about #connection .erp-window .windowtop .right{display:none}
#kw-about #connection .erp-window .task-content{padding:14px 22px}
#kw-about #connection .erp-window .task-content .userbubble{font-size:13px;line-height:1.6;margin-bottom:12px;padding:9px 12px;max-width:414px}
#kw-about #connection .erp-window .task-content>.erp-response{font-size:13px;line-height:1.6;margin:0 0 11px}
#kw-about #connection .erp-agents{display:flex;gap:7px;margin-bottom:10px}
#kw-about #connection .erp-agents button{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border:1px solid #e8e8e8;border-radius:24px;background:#fafafa;color:#333;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}
#kw-about #connection .erp-agents button[aria-selected=true]{border-color:#bcbcbc;background:#f2f2f2}
#kw-about #connection .erp-agents button:focus-visible{outline:2px solid #777;outline-offset:3px}
#kw-about #connection .erp-avatar{width:21px;height:23px;border-radius:9px 9px 7px 7px;display:flex;justify-content:center;align-items:center;gap:3px;flex:none;transform:rotate(-5deg)}
#kw-about #connection .erp-avatar i{height:6px;width:2px;background:#555;border-radius:2px}
#kw-about #connection .erp-avatar.purple{background:#d8b8e8}#kw-about #connection .erp-avatar.blue{background:#b8bef0}#kw-about #connection .erp-avatar.green{background:#bbdbc1}
#kw-about #connection .erp-check{color:#429f60;border:1px solid currentColor;width:12px;height:12px;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center}
#kw-about #connection .erp-detail{font-size:11px;line-height:1.6;padding:8px 11px;border-left:2px solid #dedede;margin-bottom:11px;background:#fafafa}
#kw-about #connection .erp-detail[hidden]{display:none}
#kw-about #connection .erp-detail b{font-weight:550}#kw-about #connection .erp-detail p{margin:2px 0 0;color:#777}
#kw-about #connection .erp-result{border:1px solid #e7e7e7;border-radius:8px;padding:10px 12px;font-size:12px}
#kw-about #connection .erp-result>div{display:flex;align-items:center;gap:6px}
#kw-about #connection .erp-result .ui-icon{width:14px;height:14px}
#kw-about #connection .erp-result>div>span{margin-left:auto;color:#999;font-size:10px}
#kw-about #connection .erp-result p{display:flex;gap:15px;margin:8px 0 5px;font-size:11px;color:#777}
#kw-about #connection .erp-result p b{font-weight:500;color:#333}
#kw-about #connection .erp-result small{font-size:10px;color:#777}

#kw-about #connection .erp-window .task-content .userbubble{margin-bottom:8px}
#kw-about #connection .erp-window .task-content>.erp-response{margin-bottom:8px}
#kw-about #connection .erp-agents button{line-height:20px}
#kw-about #connection .erp-detail{padding:6px 10px;margin-bottom:8px}
#kw-about #connection .erp-detail p{font-size:11px;line-height:18px;margin:2px 0 0;max-width:none}
#kw-about #connection .erp-result{padding:8px 10px;line-height:18px}
#kw-about #connection .erp-result p{font-size:11px;line-height:17px;margin:6px 0 3px;max-width:none}
#kw-about #connection .erp-result small{display:block;line-height:16px}