/* All preview content is decorative. The surrounding card supplies its link name. */
body.kws-home-hybrid .kh-service-card .kpv-widget{width:100%;max-width:100%;margin:0 0 20px!important;align-self:stretch;container-type:inline-size}
body.kws-home-hybrid .kpv{--ink:#142d4b;--muted:#64768b;--teal:#138f84;position:relative;isolation:isolate;width:100%;aspect-ratio:1.15;overflow:hidden;border:1px solid #dce6ee;border-radius:12px;background:radial-gradient(ellipse at 92% 0%,#d0e8f4 0%,transparent 60%),linear-gradient(135deg,#f5f9fc,#e4edf5);font-family:Inter,Arial,sans-serif;font-size:3cqw;line-height:1.35;color:var(--ink);text-align:left;letter-spacing:0}
body.kws-home-hybrid .kpv *,body.kws-home-hybrid .kpv *::before,body.kws-home-hybrid .kpv *::after{box-sizing:border-box}
body.kws-home-hybrid .kpv :is(b,strong,small,em,i,span){margin:0;padding:0;font-family:inherit;line-height:inherit;letter-spacing:inherit}
body.kws-home-hybrid .kpv b,body.kws-home-hybrid .kpv strong{font-weight:650;color:inherit}
body.kws-home-hybrid .kpv i,body.kws-home-hybrid .kpv em{font-style:normal}
body.kws-home-hybrid .kpv-icon{display:block;flex:none;width:5cqw;height:5cqw;color:inherit}
body.kws-home-hybrid .kpv-eyebrow{position:absolute;left:6%;top:5%;font-size:2.6cqw;font-weight:650;letter-spacing:.1em;color:#567189}
body.kws-home-hybrid .kpv-window{position:absolute;background:#fff;border:1px solid #cedbe6;border-radius:2.8cqw;box-shadow:0 4cqw 10cqw #1638521c;overflow:hidden}
body.kws-home-hybrid .kpv-bar{display:flex;align-items:center;justify-content:space-between;height:7cqw;padding:0 3cqw;background:#f2f5f8;border-bottom:1px solid #e4eaf0;font-size:2.6cqw;color:#546778}
body.kws-home-hybrid .kpv-dots{display:flex;gap:1cqw}
body.kws-home-hybrid .kpv-dots i{width:1.3cqw;height:1.3cqw;border-radius:50%;background:#a8b6c4}
body.kws-home-hybrid .kpv-dots i:first-child{background:#86bcb7}
body.kws-home-hybrid .kpv-bar-end{width:6cqw}
body.kws-home-hybrid .kpv-proof{position:absolute;left:6%;bottom:2.5%;display:flex;align-items:center;gap:2cqw;color:#48677a;font-size:3cqw;font-weight:550}
body.kws-home-hybrid .kpv-proof .kpv-icon{width:3.8cqw;height:3.8cqw;color:var(--teal)}
body.kws-home-hybrid .kpv-float{transition:transform .45s cubic-bezier(.2,.65,.2,1),box-shadow .45s ease}
/* A real client photo and identity, arranged into a representative responsive site. */
body.kws-home-hybrid .kpv-site-window{left:5.5%;top:14%;width:83%;height:65%}
body.kws-home-hybrid .kpv-site-nav{height:9cqw;display:flex;align-items:center;justify-content:space-between;padding:0 3cqw;font-size:2.25cqw;color:#667687}
body.kws-home-hybrid .kpv .kpv-site-logo{display:block;width:24cqw!important;height:9cqw!important;max-width:none;object-fit:contain;border-radius:0;box-shadow:none}
body.kws-home-hybrid .kpv-site-hero{height:32cqw;position:relative;overflow:hidden}
body.kws-home-hybrid .kpv .kpv-site-photo{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:center 68%;max-width:none;border-radius:0;box-shadow:none}
body.kws-home-hybrid .kpv-site-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#122c42bb,#122c4200 90%)}
body.kws-home-hybrid .kpv-site-hero>div{position:relative;z-index:1;padding:5cqw 4cqw;color:#fff}
body.kws-home-hybrid .kpv-site-hero small{display:block;font-size:1.9cqw;letter-spacing:.1em}
body.kws-home-hybrid .kpv-site-hero b{display:block;font-size:5.2cqw;line-height:1.1;margin:1.7cqw 0 2.2cqw}
body.kws-home-hybrid .kpv-site-button{display:inline-flex;align-items:center;gap:2cqw;font-size:2.1cqw;padding:1.4cqw 2cqw;background:#fff;color:#183a48;border-radius:.7cqw}
body.kws-home-hybrid .kpv-site-button svg{width:3cqw;height:3cqw}
body.kws-home-hybrid .kpv-site-footer{height:8cqw;display:flex;align-items:center;gap:2cqw;padding:0 4cqw;font-size:2.7cqw;font-weight:600}
body.kws-home-hybrid .kpv-site-footer i{height:1.7cqw;width:9cqw;background:#e4ecef;border-radius:1cqw}
body.kws-home-hybrid .kpv-site-footer i:first-of-type{margin-left:auto}
body.kws-home-hybrid .kpv-phone{position:absolute;right:4.5%;top:37%;width:27%;height:47%;border:1.2cqw solid #20374c;border-radius:4cqw;background:#fff;overflow:hidden;box-shadow:0 3cqw 5cqw #15314924;padding:3cqw 1.5cqw;color:#28434c}
body.kws-home-hybrid .kpv-phone-speaker{position:absolute;top:.8cqw;left:40%;width:20%;height:.6cqw;background:#233c50;border-radius:2cqw}
body.kws-home-hybrid .kpv-phone .kpv-site-logo{width:18cqw!important;height:6cqw!important;margin:0 auto 1cqw}
body.kws-home-hybrid .kpv-phone-photo{height:12cqw;position:relative;margin:0 -1.5cqw}
body.kws-home-hybrid .kpv-phone b{display:block;font-size:3.3cqw;line-height:1.07;margin:2cqw 0 1.5cqw}
body.kws-home-hybrid .kpv-phone-line{width:80%;height:1cqw;background:#e2e9e9}
body.kws-home-hybrid .kpv-phone-button{display:block;width:12cqw;padding:1cqw 0;text-align:center;font-size:1.9cqw;border-radius:.6cqw;background:#2b5f69;color:#fff;margin-top:1.5cqw}
/* A portal with actual visual hierarchy, metrics, a chart and a customer record. */
body.kws-home-hybrid .kpv-software{background:radial-gradient(ellipse at 0% 100%,#d8dff8,transparent 60%),linear-gradient(135deg,#e4edf6,#f7f9fd)}
body.kws-home-hybrid .kpv-portal{left:5%;top:14%;width:92%;height:64%}
body.kws-home-hybrid .kpv-portal-body{display:flex;height:calc(100% - 7cqw)}
body.kws-home-hybrid .kpv-sidebar{position:relative;width:25%;padding:4cqw 2cqw;background:#18324d;color:#91a8c3}
body.kws-home-hybrid .kpv-monogram{display:flex;align-items:center;gap:1.6cqw;font-size:5cqw;font-weight:750;color:#fff;margin-bottom:4cqw}
body.kws-home-hybrid .kpv-monogram span{font-size:2.3cqw;font-weight:550}
body.kws-home-hybrid .kpv-sidebar>div{display:flex;align-items:center;gap:1.8cqw;margin:0 -1cqw 1cqw;padding:1.6cqw 1cqw;font-size:2.25cqw;border-radius:1cqw}
body.kws-home-hybrid .kpv-sidebar .kpv-icon{width:3.2cqw;height:3.2cqw}
body.kws-home-hybrid .kpv-sidebar .kpv-nav-active{background:#38536e;color:#fff}
body.kws-home-hybrid .kpv-user-avatar{position:absolute;bottom:3cqw;left:3cqw;width:5cqw;height:5cqw;background:#44677f;border-radius:50%;display:grid;place-items:center;font-size:2cqw;color:#fff}
body.kws-home-hybrid .kpv-dashboard{padding:3cqw;width:75%;background:#fbfcff}
body.kws-home-hybrid .kpv-dashboard>small{display:block;font-size:1.9cqw;color:#728396;letter-spacing:.08em}
body.kws-home-hybrid .kpv-dashboard>b{display:block;font-size:3.8cqw;margin:1cqw 0 2cqw}
body.kws-home-hybrid .kpv-stats{display:grid;grid-template-columns:1fr 1fr;gap:2cqw}
body.kws-home-hybrid .kpv-stats>div{padding:1.5cqw;border:1px solid #e2e8f0;border-radius:1.4cqw;background:#fff}
body.kws-home-hybrid .kpv-stats span{display:block;font-size:2.1cqw;color:#6f7d91}
body.kws-home-hybrid .kpv-stats strong{display:block;font-size:5.2cqw;line-height:1.25}
body.kws-home-hybrid .kpv-stats i{display:block;font-size:1.8cqw;color:#2d8d7c}
body.kws-home-hybrid .kpv-chart-label{display:flex;justify-content:space-between;font-size:2.2cqw;font-weight:650;margin-top:2cqw}
body.kws-home-hybrid .kpv-chart-label em{color:#8190a2;font-weight:400}
body.kws-home-hybrid .kpv-chart{display:flex;align-items:flex-end;gap:3cqw;height:7cqw;border-bottom:1px solid #d9e1eb;margin-top:1cqw;padding:0 1cqw;background:repeating-linear-gradient(0deg,transparent 0,transparent 3.3cqw,#edf1f6 3.3cqw,#edf1f6 3.5cqw)}
body.kws-home-hybrid .kpv-chart i{flex:1;height:var(--bar);background:#94b6dd;border-radius:.7cqw .7cqw 0 0;transform-origin:bottom}
body.kws-home-hybrid .kpv-chart i:nth-last-child(-n+2){background:#287e94}
body.kws-home-hybrid .kpv-record{position:absolute;left:18%;right:5%;top:71%;display:flex;align-items:center;gap:2.6cqw;padding:1.5cqw 3cqw;background:#fff;border:1px solid #d7e4ec;border-radius:2.4cqw;box-shadow:0 2cqw 6cqw #1438591a}
body.kws-home-hybrid .kpv-record-avatar{display:grid;place-items:center;width:10cqw;height:10cqw;flex:none;border-radius:2cqw;background:#e4eaf7;color:#486483;font-size:3.5cqw;font-weight:650}
body.kws-home-hybrid .kpv-record small{display:block;font-size:1.9cqw;color:#7b899a;letter-spacing:.07em}
body.kws-home-hybrid .kpv-record b{display:block;font-size:3.8cqw;margin:.5cqw 0}
body.kws-home-hybrid .kpv-record div>span{display:flex;align-items:center;gap:1cqw;font-size:2.3cqw;color:#298976}
body.kws-home-hybrid .kpv-record div>span svg{width:3cqw;height:3cqw}
body.kws-home-hybrid .kpv-record>.kpv-icon{margin-left:auto;color:#728ca4}
/* The workflow reads left to right, then resolves into a completed handoff. */
body.kws-home-hybrid .kpv-automation{background:radial-gradient(ellipse at 80% 0%,#d5ede7,transparent 65%),linear-gradient(135deg,#f4f9fc,#e2edf3)}
body.kws-home-hybrid .kpv-flow-line{position:absolute;left:20%;right:20%;top:29%;height:2px;background:#93babb}
body.kws-home-hybrid .kpv-flow-line::before,body.kws-home-hybrid .kpv-flow-line::after{content:"";position:absolute;top:-.8cqw;width:1.8cqw;height:1.8cqw;border:solid #648f98;border-width:1px 1px 0 0;transform:rotate(45deg)}
body.kws-home-hybrid .kpv-flow-line::before{left:24%}
body.kws-home-hybrid .kpv-flow-line::after{left:74%}
body.kws-home-hybrid .kpv-flow-nodes{position:absolute;left:5%;right:5%;top:20%;display:flex;justify-content:space-between;text-align:center}
body.kws-home-hybrid .kpv-node{width:31%;color:#214760}
body.kws-home-hybrid .kpv-node>span{display:grid;place-items:center;width:17cqw;height:17cqw;margin:0 auto 2.5cqw;border:1px solid #d2e1e7;border-radius:4cqw;background:#fff;box-shadow:0 2cqw 4cqw #1e597812}
body.kws-home-hybrid .kpv-node .kpv-icon{width:8cqw;height:8cqw}
body.kws-home-hybrid .kpv-node-crm>span{background:#1e6d78;border-color:#1e6d78;color:#fff}
body.kws-home-hybrid .kpv-node-mail>span{color:#46709b}
body.kws-home-hybrid .kpv-node b{display:block;font-size:3.8cqw}
body.kws-home-hybrid .kpv-node small{display:block;margin-top:.7cqw;font-size:2.45cqw;color:#68808f}
body.kws-home-hybrid .kpv-traveller{position:absolute;z-index:3;left:0;top:-3.5cqw;width:7cqw;height:7cqw;display:grid;place-items:center;color:#fff;background:#178d86;border-radius:1.8cqw;opacity:0;box-shadow:0 1cqw 3cqw #18485333}
body.kws-home-hybrid .kpv-traveller svg{width:4cqw;height:4cqw}
body.kws-home-hybrid .kpv-flow-result{position:absolute;left:6%;right:6%;top:56%;display:flex;align-items:center;gap:3cqw;flex-wrap:wrap;background:#fff;border:1px solid #d4e4e6;border-radius:2.8cqw;padding:4cqw;box-shadow:0 3cqw 6cqw #12564c12}
body.kws-home-hybrid .kpv-result-mark{width:9cqw;height:9cqw;display:grid;place-items:center;border-radius:50%;background:#e1f3ed;color:#168674}
body.kws-home-hybrid .kpv-flow-result b{display:block;font-size:3.6cqw}
body.kws-home-hybrid .kpv-flow-result div>span{display:block;font-size:2.4cqw;color:#768591;margin-top:1cqw}
body.kws-home-hybrid .kpv-step-track{display:flex;gap:1.5cqw;flex-basis:100%}
body.kws-home-hybrid .kpv-step-track i{width:33.333%;height:1.1cqw;border-radius:1cqw;background:#2c9e8c}
body.kws-home-hybrid .kpv-run{position:absolute;left:8%;right:8%;top:81%;display:flex;align-items:center;gap:1.5cqw;font-size:2.5cqw;color:#60838a}
body.kws-home-hybrid .kpv-run b{margin-left:auto;color:#25877d}
body.kws-home-hybrid .kpv-pulse{display:block;width:1.5cqw;height:1.5cqw;background:#259887;border-radius:50%}
/* A conversational request, connected sources, and a concrete reviewable result. */
body.kws-home-hybrid .kpv-agent{background:radial-gradient(ellipse at 85% 90%,#d6e0f1,transparent 65%),linear-gradient(135deg,#e7edf8,#f3f9fc)}
body.kws-home-hybrid .kpv-agent-window{left:6%;top:14%;width:88%;height:64%}
body.kws-home-hybrid .kpv-agent-bar{display:flex;align-items:center;gap:2.5cqw;padding:2.5cqw 3cqw;background:#18344e;color:#fff;font-size:3.3cqw}
body.kws-home-hybrid .kpv-agent-bar>span{display:grid;place-items:center;width:6cqw;height:6cqw;border-radius:2cqw;background:#335471;color:#bce7e1}
body.kws-home-hybrid .kpv-agent-bar>i{width:1.8cqw;height:1.8cqw;border-radius:50%;background:#80ccb6;margin-left:auto}
body.kws-home-hybrid .kpv-conversation{padding:3cqw}
body.kws-home-hybrid .kpv-message{position:relative;width:92%;margin-left:auto;padding:2.5cqw 7cqw 2.5cqw 3cqw;border-radius:2cqw 2cqw 0 2cqw;background:#eaf0f7;color:#35506a;font-size:3.1cqw;line-height:1.4}
body.kws-home-hybrid .kpv-message>span{position:absolute;right:2.5cqw;bottom:3cqw;color:#849caf}
body.kws-home-hybrid .kpv-agent-working{display:flex;align-items:flex-start;gap:2cqw;margin-top:3cqw;color:#2b596e}
body.kws-home-hybrid .kpv-agent-working>b{font-size:3cqw}
body.kws-home-hybrid .kpv-agent-working div>span{display:block;font-size:2.7cqw;color:#7d8b9d;margin-top:1.2cqw}
body.kws-home-hybrid .kpv-tools{display:flex;gap:2cqw;margin:2cqw 0 0 7cqw}
body.kws-home-hybrid .kpv-tools>span{display:flex;align-items:center;gap:1.3cqw;padding:1cqw 2cqw;border:1px solid #dce7ef;border-radius:1.3cqw;color:#527587;font-size:2.5cqw}
body.kws-home-hybrid .kpv-tools svg{width:3cqw;height:3cqw}
body.kws-home-hybrid .kpv-tools svg:last-child{color:#168b76}
body.kws-home-hybrid .kpv-brief{position:absolute;left:12%;right:4%;top:71%;display:flex;align-items:center;gap:2.8cqw;padding:1.5cqw 3cqw;background:#fff;border:1px solid #d3e2e7;border-radius:2.5cqw;box-shadow:0 3cqw 7cqw #173b5721}
body.kws-home-hybrid .kpv-brief-file{display:grid;place-items:center;width:10cqw;height:10cqw;border-radius:1.5cqw;background:#e6f2f0;color:#25867f}
body.kws-home-hybrid .kpv-brief-file svg{width:6cqw;height:6cqw}
body.kws-home-hybrid .kpv-brief small{display:block;font-size:1.9cqw;letter-spacing:.07em;color:#218776}
body.kws-home-hybrid .kpv-brief b{display:block;font-size:4cqw;margin:.8cqw 0}
body.kws-home-hybrid .kpv-brief div>span{display:block;font-size:2.3cqw;color:#7a8796}
body.kws-home-hybrid .kpv-brief-check{display:grid;place-items:center;margin-left:auto;width:5cqw;height:5cqw;border-radius:50%;background:#198b7b;color:#fff}
body.kws-home-hybrid .kpv-brief-check svg{width:3cqw;height:3cqw}
/* Motion is finite and user-triggered. Touch screens retain the completed composition. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.kws-home-hybrid .kh-service-card:is(:hover,:focus-visible) .kpv-float{transform:translateY(-1.5cqw);box-shadow:0 4cqw 9cqw #14385929}
 body.kws-home-hybrid .kh-service-card:is(:hover,:focus-visible) .kpv-traveller{animation:kpv-transfer 1.7s ease-in-out both}
 body.kws-home-hybrid .kh-service-card:is(:hover,:focus-visible) .kpv-chart i{animation:kpv-chart-rise .8s ease both}
 body.kws-home-hybrid .kh-service-card:is(:hover,:focus-visible) .kpv-brief-check{animation:kpv-confirm .7s .15s ease both}
}
@keyframes kpv-transfer{0%{left:0;opacity:0}12%{opacity:1}45%,55%{left:calc(50% - 3.5cqw);opacity:1}88%{opacity:1}100%{left:calc(100% - 7cqw);opacity:0}}
@keyframes kpv-chart-rise{from{transform:scaleY(.3)}to{transform:scaleY(1)}}
@keyframes kpv-confirm{0%{transform:scale(.5);opacity:.3}60%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}
@media(max-width:767px){
 body.kws-home-hybrid .kh-service-card .kpv-widget{margin-bottom:10px!important}
 body.kws-home-hybrid .kpv{border-radius:8px}
}
@media(prefers-reduced-motion:reduce){body.kws-home-hybrid .kpv-float{transition:none}}
