/* A responsive all-in-one desktop and illustrated ChatGPT Work experience. */
.page-id-988290 .ka-hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:38px}
.kwl-demo{--kwl-ink:#263047;--kwl-green:#1f7567;--kwl-muted:#687282;position:relative;min-width:0;color:var(--kwl-ink);font-family:"Instrument Sans",sans-serif;font-size:13px;line-height:1.45}
.kwl-demo *{box-sizing:border-box}.kwl-demo [hidden]{display:none!important}
.kwl-demo button{font:inherit;letter-spacing:0;cursor:pointer;color:inherit;text-transform:none;box-shadow:none;min-width:0}
.kwl-scene-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 15px 20px;color:#677888;font-size:10px}
.kwl-scene-label>span:first-child{font-size:10px;font-weight:650;letter-spacing:.08em;display:flex;align-items:center;gap:7px}.kwl-scene-label i{width:6px;height:6px;background:#60877c;border-radius:50%}
.kwl-laptop{position:relative;container-type:inline-size;padding:0 13px 0;filter:drop-shadow(0 20px 22px rgba(42,53,73,.15))}
.kwl-lid{position:relative;background:linear-gradient(120deg,#9ca7b3,#34404e 8%,#293340 88%,#8a96a2);padding:11px 10px 19px;border:1px solid #a2aab6;border-radius:22px 22px 9px 9px;box-shadow:inset 0 0 0 2px #6a7381}
.kwl-camera{position:absolute;width:5px;height:5px;top:4px;left:calc(50% - 2px);background:#141d29;border-radius:50%}
.kwl-display{position:relative;aspect-ratio:1.43;overflow:hidden;background:#e6eaed;border-radius:12px 12px 2px 2px}
.kwl-desktop{position:absolute;inset:0;background:radial-gradient(ellipse at 83% 12%,#def4ed 0,transparent 42%),radial-gradient(ellipse at 8% 96%,#8b9dc0,transparent 64%),linear-gradient(130deg,#c3ccd8,#eee9e2);display:flex;align-items:center;justify-content:center}
.kwl-desktop-name{position:absolute;top:4%;left:4%;font-size:1.5cqw;letter-spacing:.12em;color:#687583}
.kwl-launch-icon{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:2cqw;transform:translateY(-10px)}.kwl-launch-icon>.kwl-ai{width:9cqw;height:9cqw;padding:1.6cqw;background:white;border-radius:2cqw;box-shadow:0 8px 25px #44516c22}
.kwl-desktop-dock{position:absolute;bottom:3%;display:flex;gap:10px;background:#ffffff70;padding:8px;border:1px solid #fff9;border-radius:13px;backdrop-filter:blur(10px)}
.kwl-hinge{height:4px;background:#495363;margin:0 3%;border-radius:0 0 5px 5px}.kwl-base{position:relative;height:19px;background:linear-gradient(#e1e6eb 0,#b0b9c3 20%,#c1c8d0 50%,#778491 96%);margin:0 -13px;border-radius:2px 2px 48% 48%/2px 2px 90% 90%;border-top:1px solid #f9fbff;box-shadow:0 4px 3px #465c7512}.kwl-base>span{position:absolute;left:42%;width:16%;height:5px;background:#7d8998;border-radius:0 0 6px 6px;box-shadow:inset 0 1px 2px #364359}
.kwl-app-window{font-size:1.4cqw;position:absolute;inset:2.5% 2% 3%;background:#fcfcfc;border-radius:9px;overflow:hidden;box-shadow:0 5px 20px #2d35432e;display:flex;flex-direction:column;transform-origin:50% 90%;transition:opacity .55s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.kwl-demo[data-phase="launch"] .kwl-app-window{opacity:0;transform:translateY(12%) scale(.7);pointer-events:none}
.kwl-titlebar{height:4.7cqw;min-height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 2cqw;border-bottom:1px solid #e5e7e8;background:#f2f3f4;font-size:1.5cqw;color:#555d67}.kwl-titlebar>strong{font-weight:550}.kwl-titlebar>span:last-child{font-size:1.25cqw;color:#858a90}.kwl-traffic{display:flex;gap:.65cqw}.kwl-traffic i{width:1cqw;height:1cqw;border-radius:50%;background:#ee9c95}.kwl-traffic i:nth-child(2){background:#e6c375}.kwl-traffic i:nth-child(3){background:#a3c7a4}
.kwl-app-body{display:flex;min-height:0;flex:1}.kwl-sidebar{flex:0 0 18%;padding:2cqw 1.6cqw;background:#f3f4f4;border-right:1px solid #e7e8e8;display:flex;flex-direction:column;gap:1.7cqw;color:#6b7178;font-size:1.25cqw;line-height:1.4}.kwl-sidebar>.kwl-ai{width:3cqw;height:3cqw}.kwl-sidebar small{font-size:1cqw;letter-spacing:.09em;margin-top:1.5cqw;color:#9b9fa4}.kwl-sidebar>strong{font-size:1.5cqw;color:#373f49}.kwl-sidebar>span{display:block}.kwl-sidebar b{float:right;font-weight:400}.kwl-sidebar .kwl-sidebar-selected{background:#e3e9e7;border-radius:5px;padding:.8cqw;color:#35534b;margin:0 -.7cqw}.kwl-sidebar .kwl-sidebar-bottom{margin-top:auto;font-size:1cqw}
.kwl-main{min-width:0;flex:1;display:flex;flex-direction:column}.kwl-toolbar{height:5cqw;flex-shrink:0;padding:0 2.4cqw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0f0;font-size:1.45cqw}.kwl-toolbar strong{font-weight:550}.kwl-local{font-size:1.1cqw;color:#8b9492;display:flex;align-items:center;gap:.7cqw}.kwl-local i{width:.65cqw;height:.65cqw;background:#91b2a3;border-radius:50%}
.kwl-view{position:relative;flex:1;min-height:0;overflow:hidden;padding:2cqw 2.4cqw;background:#fff}.kwl-view>div{height:100%;min-width:0;animation:kwl-view-in .4s ease both}
.kwl-modebar{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:1cqw 2.4cqw 1.2cqw;gap:8px;border-top:1px solid #eff1f1;font-size:1.2cqw;color:#6f7775}.kwl-mode{display:flex;padding:2px;background:#f0f2f2;border:1px solid #e2e5e3;border-radius:7px}.kwl-mode button{border:0;background:transparent;color:#8a928f;padding:.45cqw 1.3cqw;font-size:1.4cqw;line-height:1.5;border-radius:5px;min-height:0}.kwl-mode button[aria-pressed="true"]{background:#fff;color:#293d36;box-shadow:0 1px 4px #1e49321a}.kwl-mode button[data-kwl-mode="work"][aria-pressed="true"]{background:#dcece5;color:#286452}.kwl-mode span{margin-left:3px}
.kwl-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.7cqw;text-align:center}.kwl-welcome>.kwl-ai{width:5cqw;height:5cqw}.kwl-welcome>strong{font-size:2.6cqw;font-weight:500;letter-spacing:-.035em}.kwl-welcome p{font-size:1.4cqw;margin:0!important;color:#808986}.kwl-welcome>span:last-child{font-size:1.3cqw;padding:1cqw 2cqw;background:#f3f5f4;border-radius:6px;margin-top:2cqw;color:#6c7b76}
.kwl-overline{display:block;font-size:1.05cqw;letter-spacing:.1em;color:#7c8887;margin-bottom:.7cqw}.kwl-analyzing{display:flex;flex-direction:column;justify-content:center;padding:0 2.5cqw;gap:1.4cqw}.kwl-analyzing>strong{font-weight:500;font-size:2.6cqw;letter-spacing:-.04em;margin-bottom:1cqw}.kwl-source-row{display:flex;align-items:center;gap:1.5cqw;background:#f4f7f6;border:1px solid #e7eeeb;border-radius:8px;padding:1.2cqw;font-size:1.4cqw}.kwl-source-row .kwl-app-icon{width:3.5cqw;height:3.5cqw;font-size:1.7cqw}.kwl-source-row b{margin-left:auto;color:#5f957e}.kwl-analyzing>small{font-size:1.2cqw;color:#8a918e}.kwl-analysis-track{height:3px;margin-top:1cqw;background:#eaf0ed;overflow:hidden}.kwl-analysis-track i{display:block;width:40%;height:100%;background:#83b29f;animation:kwl-scan 1.5s ease-in-out infinite}
.kwl-report{display:flex;flex-direction:column}.kwl-document-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5cqw}.kwl-document-head strong{display:block;font-size:2.3cqw;font-weight:550;letter-spacing:-.03em}.kwl-file-icon{display:grid;place-items:center;width:3.5cqw;height:4cqw;border-radius:4px;font-size:1.8cqw;font-weight:700;color:white}
.kwl-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw;margin-bottom:1.6cqw}.kwl-metrics>div{background:#f5f7f7;border:1px solid #e5eae8;border-radius:6px;padding:1.1cqw 1.2cqw}.kwl-metrics small{display:block;font-size:.95cqw;letter-spacing:.06em;color:#7e8885}.kwl-metrics strong{display:block;font-size:3.35cqw;font-weight:550;line-height:1.2;letter-spacing:-.05em;margin:.3cqw 0}.kwl-metrics span{font-size:1.05cqw;color:#458a71}.kwl-metrics .kwl-cost{color:#ad7760}
.kwl-chart{min-height:0;flex:1;display:flex;flex-direction:column}.kwl-chart-legend{display:flex;align-items:center;gap:1.8cqw;font-size:1.05cqw;color:#71807d;margin:0 0 .8cqw}.kwl-chart-legend>span{display:flex;gap:.5cqw;align-items:center}.kwl-chart-legend i,.kwl-chart-legend b{width:.8cqw;height:.8cqw;border-radius:2px;background:#6d9e90}.kwl-chart-legend b{background:#c4a38b}.kwl-chart-legend small{font-size:.85cqw;margin-left:auto}
.kwl-chart-body{display:flex;min-height:0;flex:1;gap:1cqw}.kwl-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:.95cqw;color:#9a9f9d;padding-bottom:2.4cqw}.kwl-chart-bars{display:flex;justify-content:space-around;flex:1;background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),#e8eeeb 50%);border-bottom:1px solid #e8eeeb;min-height:0}.kwl-bar-group{display:flex;flex-direction:column;width:18%;align-items:center;min-height:0}.kwl-bars{display:flex;gap:.65cqw;align-items:end;width:100%;flex:1;min-height:0}.kwl-bars i,.kwl-bars b{height:var(--kwl-bar);width:50%;background:linear-gradient(#a7c8bb,#639788);border-radius:3px 3px 0 0;transform-origin:bottom;animation:kwl-grow .8s ease both}.kwl-bars b{background:linear-gradient(#decaba,#b4937c)}.kwl-bar-group>span{font-size:1cqw;height:2.4cqw;display:grid;place-items:center;color:#808b85}
.kwl-finding{display:flex;gap:1cqw;padding:1cqw 1.2cqw;background:#ecf4ef;border-radius:6px;margin-top:1.3cqw;font-size:1.2cqw;color:#4b6c5f}.kwl-finding>span{font-size:2.2cqw;line-height:1}.kwl-finding p{margin:0!important}.kwl-finding strong{display:block;font-size:1.3cqw;color:#355548;font-weight:600}.kwl-report-sources{font-size:.95cqw;color:#969f9a;margin-top:1cqw}
.kwl-store{display:flex;flex-direction:column}.kwl-url{display:flex;gap:1cqw;align-items:center;background:#f4f6f5;border:1px solid #e6ebe8;padding:.6cqw 1cqw;border-radius:5px;font-size:1.05cqw;color:#8b958f}.kwl-url>b{margin-left:auto;font-size:.85cqw;font-weight:500;color:#688676}.kwl-store-nav{display:flex;align-items:center;justify-content:space-between;padding:1.5cqw 0}.kwl-store-nav>strong{font-size:2.4cqw;font-weight:650;letter-spacing:-.065em;line-height:1}.kwl-store-nav>strong span{display:block;font-size:.55cqw;letter-spacing:.17em;margin-top:.5cqw}.kwl-store-nav>span{font-size:.8cqw;color:#7d8986}
.kwl-store-head{position:relative;flex:1;min-height:0;background:linear-gradient(115deg,#eaf0e9,#dfe7e1);border-radius:7px;padding:1.8cqw 2.2cqw;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.kwl-store-head:after{content:"↗";position:absolute;right:3cqw;top:0;font-size:14cqw;font-weight:400;color:#adc4b19c;line-height:1.25}.kwl-store-head>span{font-size:.85cqw;letter-spacing:.12em;color:#789080}.kwl-store-head>strong{font-size:3.7cqw;font-weight:500;letter-spacing:-.06em;line-height:.99;color:#374d43;margin-top:.8cqw}.kwl-store-head>p{font-size:1cqw;color:#7c8e83;margin:.9cqw 0 0!important}
.kwl-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2cqw;margin-top:1.3cqw}.kwl-product{min-width:0;transition:opacity .5s ease,transform .5s ease;transition-delay:calc(var(--kwl-item)*.15s)}.kwl-product>div{border-radius:6px;background:#edf1f3;aspect-ratio:1.65;overflow:hidden}.kwl-product:nth-child(2)>div{background:#e9eff0}.kwl-product:nth-child(3)>div{background:#eceef4}.kwl-product-art{height:100%;width:100%;display:block}.kwl-product>strong{display:block;font-size:1.05cqw;font-weight:550;margin-top:.7cqw}.kwl-product>span{font-size:1cqw;color:#7a8880}.kwl-store-footer{display:flex;justify-content:space-between;font-size:.85cqw;color:#8a968e;padding-top:1cqw}.kwl-store-footer b{font-weight:500;color:#6c8376}
.kwl-demo[data-phase="website-connect"] .kwl-product{opacity:.12;transform:translateY(10px)}.kwl-demo[data-phase="website-connect"] .kwl-store-head{opacity:.25}.kwl-demo[data-phase="website-connect"] .kwl-store-footer{opacity:0}
.kwl-email{display:flex;flex-direction:column}.kwl-email-top{display:flex;align-items:center;gap:1cqw;font-size:1.5cqw;padding-bottom:1cqw}.kwl-email-top .kwl-app-icon{width:2.7cqw;height:2.7cqw;font-size:1.6cqw}.kwl-email-top>strong{font-weight:600}.kwl-email-top>b{margin-left:auto;color:#9a8b57;font-size:1cqw;font-weight:500;background:#f8f2dc;border-radius:4px;padding:.4cqw .7cqw}
.kwl-audience{padding:1cqw 1.2cqw;background:#f6f8f6;border-radius:6px;border:1px solid #e4ebe5;margin-bottom:1cqw}.kwl-audience>strong{font-size:1.4cqw;font-weight:550;color:#4f6a5e}.kwl-audience>div{display:flex;gap:.6cqw;margin-top:.5cqw}.kwl-audience span{font-size:1cqw;background:white;border:1px solid #dce6e0;padding:.3cqw .7cqw;border-radius:4px}.kwl-email-envelope{font-size:1.1cqw;display:flex;flex-direction:column;gap:.45cqw;padding:.5cqw .5cqw 1cqw}.kwl-email-envelope b{font-size:.95cqw;color:#a0a8a3;font-weight:400;display:inline-block;width:5cqw}
.kwl-email-body{min-height:0;flex:1;background:linear-gradient(120deg,#e7eee8,#dce6de);border-radius:7px;display:flex;align-items:center;flex-direction:column;text-align:center;padding:1cqw 2cqw;overflow:hidden}.kwl-email-body>span:first-child{font-size:1.5cqw;font-weight:650;letter-spacing:-.05em}.kwl-email-body>strong{font-size:3.1cqw;font-weight:500;letter-spacing:-.05em;line-height:1.04;margin:.8cqw 0 .2cqw;color:#3a5145}.kwl-email-products{display:flex;justify-content:center;min-height:0;flex:1;width:68%}.kwl-email-products>svg{width:33%;max-height:100%}.kwl-email-cta{display:block;border-radius:99px;background:#425e4d;color:#fff;font-size:1cqw;padding:.65cqw 1.6cqw}.kwl-email-body>small{font-size:.85cqw;margin-top:.8cqw;color:#8b9b8f}
.kwl-ai{position:relative;display:inline-block;flex-shrink:0;overflow:hidden;width:26px;height:26px}.kwl-ai>img{display:block!important;width:333.333%!important;max-width:none!important;height:111.111%!important;object-fit:contain;object-position:left;transform:translateY(-5%);clip-path:inset(0 70% 0 0)}
.kwl-app-icon{width:30px;height:30px;flex-shrink:0;display:inline-grid;place-items:center;font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.05em;font-size:15px;border-radius:8px}.kwl-woo{background:#7651a9;color:white;font-size:12px}.kwl-books{background:#3a8b48;color:white}.kwl-excel{background:#2e7656;color:white}.kwl-mail{background:#f0d46d;color:#3c3930;font-family:Georgia,serif;font-size:22px}
.kwl-connections{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:23px 12px 0;gap:6px;margin-top:4px}.kwl-connection-line{position:absolute;top:8px;left:10%;right:10%;height:1px;background:#ccd9d7}.kwl-connection-line:before{content:"";position:absolute;bottom:0;left:50%;width:1px;height:11px;background:#ccd9d7}.kwl-connection-line>span{position:absolute;top:-2px;width:5px;height:5px;background:#638c83;box-shadow:0 0 6px #42756790;border-radius:50%;left:50%;transition:left 1s ease;opacity:0}.kwl-demo[data-running="true"] .kwl-connection-line>span{opacity:1}
.kwl-connection{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 3px 9px;border-radius:9px;transition:background .35s,box-shadow .35s}.kwl-connection:before{content:"";position:absolute;bottom:100%;height:15px;width:1px;background:#ccd9d7}.kwl-connection>.kwl-ai{width:30px;height:30px}.kwl-connection>strong{font-size:10px;font-weight:600;margin-top:7px;line-height:1.3}.kwl-connection>small{font-size:8px;color:#8a959b;line-height:1.3;margin-top:4px}.kwl-connection-dot{width:4px;height:4px;background:#afbeb8;border-radius:50%;position:absolute;top:-18px}.kwl-connection[data-active="true"]{background:#ffffffb3;box-shadow:0 4px 14px #375b5420}.kwl-connection[data-active="true"] .kwl-connection-dot{background:#609d84;box-shadow:0 0 0 3px #609d8420}
.kwl-conversation{position:relative;z-index:1;background:#ffffffed;border:1px solid #d9e0e5;border-radius:16px;box-shadow:0 14px 35px #23304712;margin:13px 0 0;overflow:hidden}.kwl-conversation-top{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #e9edf0;background:#f9fafb;font-size:12px}.kwl-conversation-top>.kwl-ai{width:17px;height:17px}.kwl-conversation-top>strong{font-weight:600}.kwl-conversation-top>span:last-child{margin-left:auto;font-size:10px;color:#8a9298}.kwl-user{background:#f1f4f7;border:1px solid #e4e9ee;margin:13px 16px 0;border-radius:10px;padding:9px 12px;min-height:92px}.kwl-user>span{display:block;font-size:8px;letter-spacing:.06em;color:#8d969c;margin-bottom:4px}.kwl-user>p{font-size:13px;line-height:1.5;margin:0!important;color:#495660}.kwl-demo[data-typing="true"] .kwl-user p:after{content:"";display:inline-block;width:1px;height:1em;background:#5b746a;vertical-align:-.1em;margin-left:2px;animation:kwl-blink .7s steps(1) infinite}
.kwl-answer{display:flex;align-items:start;gap:10px;padding:12px 17px;min-height:68px;color:#67766f}.kwl-answer>span{font-size:18px;line-height:1.2;color:#8b9b91}.kwl-answer>p{font-size:12px;line-height:1.5;margin:0!important}
.kwl-output-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:16px}.kwl-output-tabs>button{background:#ffffffb8;border:1px solid #d1dbe0;border-radius:9px;display:flex;gap:8px;align-items:center;justify-content:center;padding:11px 7px;font-size:9px;color:#97a4ad;line-height:1.3}.kwl-output-tabs strong{font-size:11px;font-weight:550;color:#5b6872}.kwl-output-tabs>button[aria-selected="true"]{background:#3c5364;border-color:#3c5364;color:#b5cbd6}.kwl-output-tabs>button[aria-selected="true"] strong{color:white}.kwl-output-tabs>button:hover{border-color:#6c939f}
.kwl-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;min-height:34px;color:#7d8b92;font-size:10px}.kwl-controls>div{display:flex;gap:2px}.kwl-controls button{padding:8px;background:transparent;border:0;font-size:10px;border-radius:6px}.kwl-controls button:hover{background:#ffffffbf}.kwl-demo>figcaption{position:static!important;top:auto!important;text-align:center;font-size:9px;color:#8e979e;margin-top:5px;line-height:1.5}.kwl-demo .kwl-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.kwl-demo:not([data-ready]) .kwl-output-tabs,.kwl-demo:not([data-ready]) .kwl-controls,.kwl-demo:not([data-ready]) .kwl-mode{display:none}.kwl-demo:not([data-running="true"]) *{animation-play-state:paused!important}
@keyframes kwl-view-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes kwl-grow{from{transform:scaleY(.1)}to{transform:scaleY(1)}}@keyframes kwl-scan{0%,100%{transform:translateX(-100%)}50%{transform:translateX(250%)}}@keyframes kwl-blink{50%{opacity:0}}
@container(max-width:560px){.kwl-display{aspect-ratio:1.25}.kwl-sidebar{display:none}.kwl-titlebar{height:6cqw}.kwl-titlebar>span:last-child{font-size:1.5cqw}.kwl-toolbar{height:6cqw;font-size:1.8cqw}.kwl-local{font-size:1.4cqw}.kwl-view{padding:2cqw 3cqw}.kwl-modebar{font-size:1.5cqw;padding:1cqw 3cqw}.kwl-mode button{font-size:1.8cqw}.kwl-document-head strong{font-size:2.8cqw}.kwl-overline{font-size:1.4cqw}.kwl-metrics small{font-size:1.2cqw}.kwl-metrics strong{font-size:4cqw}.kwl-metrics span{font-size:1.4cqw}.kwl-chart-legend{font-size:1.3cqw}.kwl-chart-legend small{font-size:1.1cqw}.kwl-bar-group>span,.kwl-axis{font-size:1.3cqw}.kwl-finding{font-size:1.5cqw}.kwl-finding strong{font-size:1.6cqw}.kwl-report-sources{font-size:1.15cqw}.kwl-analyzing>strong{font-size:3.3cqw}.kwl-source-row{font-size:1.8cqw;padding:1.4cqw}.kwl-analyzing>small{font-size:1.5cqw}.kwl-product>strong{font-size:1.4cqw}.kwl-product>span{font-size:1.25cqw}.kwl-store-head>strong{font-size:4.4cqw}.kwl-email-top{font-size:1.9cqw}.kwl-audience>strong{font-size:1.75cqw}.kwl-audience span{font-size:1.35cqw}.kwl-email-envelope{font-size:1.4cqw}.kwl-email-body>strong{font-size:3.6cqw}.kwl-email-cta{font-size:1.3cqw}.kwl-email-body>small{font-size:1cqw}}
@media(max-width:1100px){.page-id-988290 .ka-hero-grid{grid-template-columns:1fr;gap:40px}.page-id-988290 .ka-hero-copy{max-width:720px}.kwl-demo{width:100%;max-width:740px;margin:0 auto!important}.kwl-scene-label{margin-left:10px;margin-right:10px}}
@media(max-width:767px){.kwl-scene-label{margin:0 2px 14px}.kwl-scene-label>span:first-child{font-size:8px}.kwl-scene-label>span:last-child{display:none}.kwl-laptop{padding:0 6px}.kwl-lid{padding:7px 6px 12px;border-radius:13px 13px 5px 5px}.kwl-camera{width:3px;height:3px;top:3px}.kwl-display{border-radius:7px 7px 1px 1px}.kwl-base{margin:0 -6px;height:12px}.kwl-hinge{height:3px}.kwl-app-window{border-radius:5px}.kwl-app-body{min-height:0}.kwl-connections{padding:20px 0 0;gap:3px}.kwl-connection{padding-left:0;padding-right:0}.kwl-connection>strong{font-size:8px}.kwl-connection>small{font-size:7px}.kwl-connection>.kwl-ai,.kwl-connection>.kwl-app-icon{width:24px;height:24px}.kwl-connection>.kwl-app-icon{font-size:13px}.kwl-connection>.kwl-woo{font-size:9px}.kwl-connection-line{top:5px}.kwl-connection-dot{top:-18px}.kwl-conversation{margin-top:9px;border-radius:12px}.kwl-conversation-top{padding:11px 12px;gap:7px;font-size:10px}.kwl-conversation-top>span:last-child{font-size:8px}.kwl-conversation-top>.kwl-ai{width:15px;height:15px}.kwl-user{margin:10px 10px 0;padding:9px 11px;min-height:130px}.kwl-user>p{font-size:13px}.kwl-answer{padding:11px 13px;min-height:98px}.kwl-answer>p{font-size:12px}.kwl-output-tabs{gap:5px;margin-top:12px}.kwl-output-tabs>button{padding:10px 4px;flex-direction:column;gap:3px;font-size:8px}.kwl-output-tabs strong{font-size:10px}.kwl-controls{font-size:9px;gap:5px}.kwl-controls button{font-size:9px;padding:8px 6px}.kwl-demo>figcaption{font-size:8px}.kwl-mode button{padding:.6cqw 1.6cqw}}
@media(prefers-reduced-motion:reduce){.kwl-demo *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.kwl-demo .kwl-user p:after{display:none}}
/* Manual review and pause show the complete output, never a paused entrance frame. */
.kwl-demo:not([data-running="true"]) .kwl-view>div,
.kwl-demo:not([data-running="true"]) .kwl-bars i,
.kwl-demo:not([data-running="true"]) .kwl-bars b{animation:none!important}

/* Keep controls legible over the shared service background and theme focus styles. */
.kwl-demo .kwl-controls button:is(:hover,:focus){color:#435767;background:#fff}
.kwl-demo .kwl-mode button:hover{color:#293d36;background:#e5ede9}
.kwl-demo button:focus-visible{outline:2px solid #487688;outline-offset:3px}

/* Source collection progresses one visible row at a time. */
.kwl-source-row{position:relative;overflow:hidden;transition:opacity .35s ease,transform .35s ease,border-color .3s ease,background .3s ease}
.kwl-source-row[data-state="pending"]{visibility:hidden;opacity:0;transform:translateY(7px)}
.kwl-source-row[data-state="loading"]{border-color:#a4bfb4;background:#f3f8f5}
.kwl-source-row[data-state="ready"]{border-color:#c4dfd0;background:#f0f7f2}
.kwl-source-row:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;transform:scaleX(var(--kwl-source-progress,0));transform-origin:left;background:#60a484}
.kwl-source-row b{display:grid;place-items:center;width:2.6cqw;height:2.6cqw;flex-shrink:0;border-radius:50%;font-size:1.6cqw;line-height:1;color:#fff}
.kwl-source-row[data-state="loading"] b{border:2px solid #c8ddd2;border-top-color:#348364;animation:kwl-source-spin .8s linear infinite}
.kwl-source-row[data-state="ready"] b{background:#348364;animation:kwl-source-check .3s ease both}
.kwl-demo[data-phase="analysis"] .kwl-analysis-track i{width:100%;transform:scaleX(var(--kwl-analysis-progress,0));transform-origin:left;animation:none}
.kwl-demo:not([data-running="true"]) .kwl-source-row[data-state="ready"] b{animation:none}
@keyframes kwl-source-spin{to{transform:rotate(360deg)}}
@keyframes kwl-source-check{from{opacity:.5;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.kwl-source-row{transition:none}.kwl-source-row b{animation:none!important}}

/* Silver all-in-one display: a continuous chassis, narrow pedestal, and desktop foot. */
.kwl-laptop{padding:0 8px;filter:drop-shadow(0 17px 20px #3545551c)}
.kwl-lid{z-index:1;padding:12px 11px clamp(34px,6.2cqw,47px);border:1px solid #b9c2c9;border-radius:16px;background:linear-gradient(135deg,#f7f8f9 0%,#e6e9ec 48%,#f0f2f3 100%);box-shadow:inset 0 0 0 1px #fff,0 2px 4px #34455612;overflow:hidden}
.kwl-lid:after{content:"";position:absolute;bottom:0;left:0;right:0;height:clamp(27px,5.1cqw,39px);border-top:1px solid #cbd2d8;background:linear-gradient(105deg,#d4dbe1,#e6ebef 48%,#cdd5dc);box-shadow:inset 0 1px #ffffff85}
.kwl-camera{width:4px;height:4px;top:5px;left:calc(50% - 2px);background:#33414e;box-shadow:inset 0 0 0 1px #738897}
.kwl-display{border-radius:5px;box-shadow:0 0 0 1px #c7cfd6}
.kwl-hinge{position:relative;z-index:0;width:14%;height:clamp(31px,7.8cqw,60px);margin:-1px auto 0;border-radius:0;background:linear-gradient(90deg,#aeb9c3,#e4e9ed 19%,#d9e1e7 70%,#aab6c0);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);box-shadow:inset 0 11px 15px #687b8d28}
.kwl-base{width:28%;height:clamp(7px,1.5cqw,11px);margin:-1px auto 0;border-radius:50% 50% 18% 18% / 55% 55% 30% 30%;border-top:1px solid #f7fafc;background:linear-gradient(#e1e7ec,#cad4dc 47%,#9fadb9 85%,#c0cad2);box-shadow:0 5px 8px #34475820}
.kwl-base>span{display:none}
.kwl-connections{margin-top:12px}
@media(max-width:767px){.kwl-laptop{padding:0 5px}.kwl-lid{padding:9px 8px 33px;border-radius:12px}.kwl-lid:after{height:26px}.kwl-camera{width:3px;height:3px;top:4px}.kwl-display{border-radius:3px}.kwl-connections{margin-top:9px}}

/* Share the exact five-column geometry between icons, dots, and the moving circle. */
.kwl-connections{--kwl-app-padding:12px;--kwl-app-gap:6px;--kwl-rail-center:8px;padding:calc(var(--kwl-rail-center) + 15px) var(--kwl-app-padding) 0;gap:var(--kwl-app-gap)}
.kwl-connection-line{top:calc(var(--kwl-rail-center) - .5px);left:calc(10% + var(--kwl-app-padding)*.8 - var(--kwl-app-gap)*.4);right:calc(10% + var(--kwl-app-padding)*.8 - var(--kwl-app-gap)*.4)}
.kwl-connection-line:before{left:50%;bottom:50%;transform:translateX(-50%)}
.kwl-connection-line>span{top:50%;transform:translate(-50%,-50%)}
.kwl-connection:before{left:50%;height:15px;transform:translateX(-50%)}
.kwl-connection-dot{left:50%;top:-15px;transform:translate(-50%,-50%)}
@media(max-width:767px){.kwl-connections{--kwl-app-padding:0px;--kwl-app-gap:3px;--kwl-rail-center:5px}}

/* ChatGPT + KeystoneAI branding within the illustrated workspace. */
.kwl-partner-marks{display:inline-flex;align-items:center;justify-content:center;gap:1cqw;line-height:1;flex-shrink:0}
.kwl-partner-marks>.kwl-ai,.kwl-partner-marks>.kwl-keystone-mark{width:3.4cqw;height:3.4cqw;max-width:none;object-fit:contain;display:block;flex-shrink:0}
.kwl-partner-marks>b{font-size:1.7cqw;font-weight:400;color:#84949e}
.kwl-sidebar>.kwl-partner-marks{display:inline-flex;align-self:flex-start;margin-bottom:.5cqw}
.kwl-sidebar .kwl-sidebar-bottom{font-size:.95cqw;line-height:1.65;letter-spacing:.06em;color:#7c898f}
.kwl-launch-icon>.kwl-partner-marks{padding:2cqw 2.7cqw;border-radius:2cqw;background:#fff;box-shadow:0 8px 25px #44516c22;gap:1.7cqw}
.kwl-launch-icon>.kwl-partner-marks>.kwl-ai,.kwl-launch-icon>.kwl-partner-marks>.kwl-keystone-mark{width:7cqw;height:7cqw}
.kwl-launch-icon>.kwl-partner-marks>b{font-size:3cqw}
.kwl-welcome>.kwl-partner-marks>.kwl-ai,.kwl-welcome>.kwl-partner-marks>.kwl-keystone-mark{width:5cqw;height:5cqw}
.kwl-welcome>.kwl-partner-marks{gap:1.5cqw;margin-bottom:1cqw}
.kwl-titlebar{display:grid;grid-template-columns:1fr auto 1fr;gap:1cqw}
.kwl-titlebar>.kwl-traffic{justify-self:start}.kwl-titlebar>strong{white-space:nowrap;text-align:center}.kwl-titlebar>span:last-child{justify-self:end}
@container(max-width:560px){.kwl-titlebar>strong{font-size:1.8cqw}.kwl-titlebar>span:last-child{font-size:1.25cqw}}

/* A prominent H1 with a compact H2-led extension, balanced against the demo. */
.page-id-988290 .ka-hero-copy.kwl-hero-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;gap:34px;padding:12px 0 24px}
.page-id-988290 .kwl-copy-intro .ka-lead{margin:24px 0 0;max-width:480px}
.page-id-988290 .kwl-copy-extension{border-top:0;padding-top:0}
body.page-id-988290 .elementor .ka-scope .kwl-copy-extension h2{font-size:clamp(28px,2.3vw,34px)!important;line-height:1.16!important;letter-spacing:-.035em!important}
.page-id-988290 .kwl-copy-benefits{display:grid;gap:18px;margin-top:24px}
.page-id-988290 .kwl-copy-benefits p{margin:0}
.page-id-988290 .kwl-copy-benefits strong{display:block;font-size:16px;line-height:1.45;font-weight:600;color:var(--ka-ink);margin-bottom:5px}
.page-id-988290 .kwl-copy-benefits span{display:block;font-size:16px;line-height:1.55;color:var(--ka-muted)}
.page-id-988290 .kwl-hero-copy>.ka-actions{margin-top:0}
@media(min-width:1101px) and (max-width:1280px){.page-id-988290 .kwl-copy-intro .ka-lead{font-size:17px}.page-id-988290 .ka-hero-copy.kwl-hero-copy{gap:28px;padding-bottom:16px}.page-id-988290 .kwl-copy-benefits{gap:16px}}
@media(max-width:1100px){.page-id-988290 .ka-hero-copy.kwl-hero-copy{align-self:auto;justify-content:flex-start;gap:28px;padding:0}.page-id-988290 .kwl-copy-intro .ka-lead{max-width:620px}.page-id-988290 .kwl-copy-extension{max-width:620px}}
@media(max-width:767px){body.page-id-988290 .elementor .ka-scope .kwl-copy-extension h2{font-size:27px!important}.page-id-988290 .kwl-copy-benefits{margin-top:20px;gap:16px}.page-id-988290 .kwl-copy-benefits strong,.page-id-988290 .kwl-copy-benefits span{font-size:15px}.page-id-988290 .ka-hero-copy.kwl-hero-copy{gap:18px}}