/* Shared visual finish. Intentionally scoped to the corporate page collection. */
@font-face{font-family:'KKW Manrope';src:url('/assets/manrope.60b3a198a11a.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'KKW DM Sans';src:url('/assets/dm-sans.af8787e15f26.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
body.kkw-refined{
 --sans:'KKW DM Sans',Arial,sans-serif;--kkw-heading:'KKW Manrope',Arial,sans-serif;
 --kkw-edge:#dce1ee;--kkw-shadow:0 3px 9px #19274504,0 18px 40px #19274506;
 font-family:var(--sans);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;
 background-color:#fdfdfd;
 background-image:radial-gradient(ellipse 700px 460px at 98% 200px,#f0edf866,transparent),radial-gradient(ellipse 620px 390px at 0 440px,#e4f5f844,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='83' height='83'%3E%3Cg fill='%23273858' opacity='.035'%3E%3Ccircle cx='8' cy='13' r='.6'/%3E%3Ccircle cx='41' cy='32' r='.5'/%3E%3Ccircle cx='68' cy='71' r='.55'/%3E%3C/g%3E%3C/svg%3E");
}
.kkw-refined :is(h1,h2,h3){font-family:var(--kkw-heading);font-weight:750;font-optical-sizing:auto}
.kkw-refined :is(h1,h2){text-wrap:balance}
.kkw-refined :is(p,li){font-optical-sizing:auto}
.kkw-refined :is(button,input,select,textarea){font-family:var(--sans)}
.kkw-refined :is(a,button,input,textarea,summary):focus-visible{outline:3px solid #6b54ae;outline-offset:4px}
.kkw-refined :is(.site-header,.corporate-header){background:#fff;border-top-width:3px;border-image:linear-gradient(90deg,#22b8c1 0,#6855b3 54%,#ccb8e6 100%) 1;box-shadow:0 5px 22px #111b3c03}
.kkw-refined :is(.main-nav,.corporate-nav) a{font-weight:600;letter-spacing:-.015em;transition:color .18s,border-color .18s}
.kkw-refined :is(.main-nav,.corporate-nav) a[aria-current]{border-bottom-color:#6750ac}
.kkw-refined :is(.page-path,.breadcrumb,.kkw-page-path){color:#69728a;letter-spacing:.01em}
.kkw-refined :is(.eyebrow,.corporate-eyebrow){font-weight:650;letter-spacing:.16em}
.kkw-refined.kkw-classic .eyebrow:before{box-shadow:0 0 0 4px #23c5c70b}
.kkw-refined :is(.hero-lead,.detail-lead){letter-spacing:-.01em}
.kkw-refined.kkw-classic .hero-lead{line-height:1.7}
.kkw-refined.kkw-classic :is(.hero,.compact-hero,.detail-hero){padding-bottom:56px}
.kkw-refined .section-label{position:relative;border-color:#dce1ec;color:#596780;font-weight:650;padding-top:19px}
.kkw-refined .section-label:before{content:'';position:absolute;left:0;top:-1px;width:48px;height:2px;background:linear-gradient(90deg,var(--accent,#6750ac),#23c5c7)}
.kkw-refined .section-label span:last-child{letter-spacing:.01em}
.kkw-refined.kkw-classic .section-heading{margin-bottom:28px}
.kkw-refined.kkw-classic .section-heading p{font-size:14px;line-height:1.7}
/* Tactile controls, with a clear keyboard focus and restrained motion. */
.kkw-refined.kkw-classic .button,.kkw-refined .corporate-button{border-radius:11px;font-weight:650;letter-spacing:-.01em;transition:background .18s,box-shadow .18s,border-color .18s,transform .18s}
.kkw-refined.kkw-classic .button.primary{background:linear-gradient(125deg,#202d50,#111b3c);border-color:#1d294b;box-shadow:0 5px 12px #111b3c13,inset 0 1px #ffffff18}
.kkw-refined.kkw-classic .button.secondary{background:#ffffffb8;border-color:#d4daea;box-shadow:inset 0 1px #fff}
.kkw-refined.kkw-classic .button:hover{transform:translateY(-2px);box-shadow:0 8px 17px #26375a16}
.kkw-refined.kkw-classic .button.primary:hover{background:linear-gradient(125deg,#6852a6,#413464)}
.kkw-refined .text-link{font-weight:650}
/* Fine technical grid and soft light around the software illustration. */
.kkw-refined .visual{isolation:isolate;border:1px solid #e1e4f0;border-radius:32px;background:radial-gradient(ellipse at 18% 58%,#c7eef2,transparent 70%),radial-gradient(ellipse at 94% 38%,#dfd7f1,transparent 65%),#f3f5fb;box-shadow:inset 0 1px #fff,0 22px 55px #29375508}
.kkw-refined .visual:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background-image:linear-gradient(#6883a010 1px,transparent 1px),linear-gradient(90deg,#6883a010 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at 65% 40%,#000,transparent 80%)}
.kkw-refined .visual:after{content:'';position:absolute;width:240px;height:240px;right:25px;top:50px;z-index:-1;pointer-events:none;border:1px solid #ffffffaa;border-radius:50%;box-shadow:0 0 0 22px #ffffff22,0 0 0 44px #ffffff1c}
.kkw-refined .browser{border-color:#d3d9e7;box-shadow:0 7px 17px #1b2b4a0a,0 26px 55px #1b2b4a19}
.kkw-refined:not(.kkw-webdesign) .browser-bar{background:linear-gradient(90deg,#f2f3fa,#fafbfd)}
.kkw-refined .browser-bar i:first-child,.kkw-refined .ui-top i:first-child{background:#b6a5d7}
.kkw-refined .browser-bar i:nth-child(2),.kkw-refined .ui-top i:nth-child(2){background:#b5d4d8}
.kkw-refined .phone{box-shadow:0 12px 25px #1b2b4a18,0 28px 45px #1b2b4a11}
.kkw-refined .idea-label{border-color:#d9dfeb;box-shadow:0 8px 24px #21334f10;z-index:1}
.kkw-refined .visual-label{color:#576982;font-weight:600}
.kkw-refined :is(.mock-title,.ui-title,.phone-title){font-family:var(--kkw-heading)}
/* Reusable surfaces, preserving the different page layouts and accent colours. */
.kkw-refined :is(.field-card,.solution,.system-card,.category-example,.benefit,.game-card,.logo-tile){border-color:var(--kkw-edge);box-shadow:var(--kkw-shadow);background-color:#fff;border-radius:16px}
.kkw-refined :is(.field-card,.solution-page-link,.system-card,.logo-tile,.category-related a,.area-nav a){transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}
.kkw-refined :is(.field-card,.solution-page-link,.system-card,.logo-tile):hover{border-color:#b8abd2;box-shadow:0 5px 12px #19274505,0 18px 35px #19274510;transform:translateY(-3px)}
.kkw-refined :is(.field-card strong,.solution-title strong,.integration-block,.mini-process strong){font-family:var(--kkw-heading);font-weight:750}
.kkw-refined .field-card{padding-top:24px;padding-bottom:25px;gap:12px}
.kkw-refined .field-card:not(.operio-card)>.icon{width:40px;height:40px;padding:8px;box-sizing:border-box;stroke-width:1.6;background:#f1edf8;border:1px solid #e7def2;border-radius:12px}
.kkw-refined .field-card:first-child{background:linear-gradient(135deg,#edf9fa,#f6f3fc)}
.kkw-refined .field-card.webdesign-tile{background:linear-gradient(140deg,#f3edf9,#fcfaff)}
.kkw-refined .field-card:not(.operio-card) p{font-size:13px;line-height:1.65}
.kkw-refined .field-card .field-arrow{color:#6a58a0;transition:transform .18s}
.kkw-refined .field-card:hover .field-arrow{transform:translate(2px,-2px)}
.kkw-refined .field-card.operio-card{padding:0;gap:0;border-color:#d1e5e6;box-shadow:0 4px 12px #14364904,0 18px 38px #14364908}
.kkw-refined .operio-copy{background:linear-gradient(125deg,#f3fafb,#eaf5f5)}
.kkw-refined .operio-cta{font-weight:700;letter-spacing:.01em}
.kkw-refined .logo-tile{background:linear-gradient(160deg,#fff,#f8f9fd)}
.kkw-refined .solution-title strong{line-height:1.4}
.kkw-refined .solution-title small{line-height:1.6;color:#56647b}
.kkw-refined :is(.delivery,.mini-process,.category-panel,.games-intro-note){border:1px solid #dde3ef;box-shadow:inset 0 1px #fff,var(--kkw-shadow);border-radius:18px;background:radial-gradient(ellipse at 0 0,#e8f5f7,transparent 65%),linear-gradient(115deg,#f1f5fb,#f2eef8)}
.kkw-refined .step-icon{background:linear-gradient(140deg,#faf9fc,#efebf7);border-color:#dfd8ee;box-shadow:0 4px 9px #34355506,inset 0 1px #fff;border-radius:13px}
.kkw-refined .step-number{font-variant-numeric:tabular-nums;color:#5d6780}
.kkw-refined .steps h3{font-size:15px;letter-spacing:-.035em}
.kkw-refined .steps p{font-size:13px;line-height:1.65}
.kkw-refined .milestone strong{font-family:var(--kkw-heading);font-weight:750;font-variant-numeric:tabular-nums}
.kkw-refined .category-flow li{border-color:#dbe1ed;box-shadow:0 4px 12px #1a294604}
.kkw-refined .category-example>p,.kkw-refined .benefit p{font-size:14px;line-height:1.75}
.kkw-refined .category-example ul{font-size:13px;line-height:1.75}
.kkw-refined .category-example-label{font-weight:600;letter-spacing:.1em}
.kkw-refined .category-example:target{box-shadow:0 0 0 3px #b8a6d42e}
.kkw-refined :is(.category-related a,.area-nav a){border-radius:9px}
.kkw-refined .plugin-visual{background:linear-gradient(145deg,#e8f5f6,#f1ebfa);border:1px solid #dddfee;box-shadow:inset 0 1px #fff,var(--kkw-shadow)}
.kkw-refined .integration-block{box-shadow:0 7px 16px #19274506}
.kkw-refined .plugin-visual .integration-block:nth-child(2){background:linear-gradient(125deg,#7860b7,#59468c);box-shadow:0 8px 22px #6750ac24}
.kkw-refined .system-card p{font-size:13px;line-height:1.7}
/* Plugin detail pages keep their own violet, copper, teal, blue or green theme. */
.kkw-refined.plugin-detail .concept{border-radius:28px;box-shadow:inset 0 1px #ffffffb8,0 24px 50px #1b2b4a07;background:radial-gradient(ellipse at 0 0,#ffffffb5,transparent 65%),var(--tint)}
.kkw-refined.plugin-detail .concept:before{background-size:20px 20px;opacity:.45;mask-image:linear-gradient(110deg,#000,#0004)}
.kkw-refined.plugin-detail .ui-window{border-color:#d7dde8;box-shadow:0 8px 15px #111b3c08,0 24px 42px #111b3c14}
.kkw-refined.theme-crm .crm-node:nth-child(3){margin-inline:25px;background:linear-gradient(125deg,#237f86,#176d77);color:#fff;border-color:#176d77;box-shadow:0 10px 20px #176d771b}
.kkw-refined.theme-crm .crm-node:nth-child(3) :is(.icon,small){color:#e0f6f3}
.kkw-refined.plugin-detail .detail-actions .button.primary{background:var(--accent);border-color:var(--accent);box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 18%,transparent)}
.kkw-refined.plugin-detail .detail-actions .button.primary:hover{background:color-mix(in srgb,var(--accent) 85%,#111b3c)}
.kkw-refined.plugin-detail .detail-tags span{background:color-mix(in srgb,var(--tint) 60%,#fff);font-weight:550;padding:6px 11px}
.kkw-refined .benefit-icon{border:1px solid var(--edge);box-shadow:inset 0 1px #fff;border-radius:13px}
.kkw-refined .case-study{border:1px solid #233055;border-radius:23px;background:radial-gradient(ellipse at 2% 100%,#33476b55,transparent 70%),linear-gradient(125deg,#192443,#111a34);box-shadow:0 22px 45px #111b3c10}
.kkw-refined .case-flow{background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:24px 24px}
.kkw-refined .case-copy p{font-size:14px;line-height:1.75}
.kkw-refined .flow-row{background:#ffffff06;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff05}
.kkw-refined .faq-list details{border:1px solid #dce1ec;border-radius:12px;background:#ffffff9e;padding-inline:18px;margin-bottom:9px}
.kkw-refined .faq-list details[open]{background:var(--tint);border-color:var(--edge)}
/* Sports and leisure: readable content, refined numbered markers. */
.kkw-refined.detail-page .detail-emblem{position:relative;isolation:isolate;border-radius:32px;box-shadow:inset 0 1px #fff,0 18px 35px #1c2e4e08;background:radial-gradient(circle at 20% 20%,#ddf4f7,transparent 70%),linear-gradient(145deg,#fafaff,#eae4f5)}
.kkw-refined.detail-page .detail-emblem:before{content:'';position:absolute;inset:22px;border:1px solid #fff;border-radius:50%;z-index:-1;box-shadow:0 0 0 13px #ffffff2e}
.kkw-refined.detail-page .ten-points>li{padding-block:20px;border-color:#dce1ec}
.kkw-refined.detail-page .ten-points h3{font-size:15px;line-height:1.45;letter-spacing:-.025em}
.kkw-refined.detail-page .ten-points p{font-size:13px;line-height:1.75}
.kkw-refined.detail-page .point-number{font-family:var(--kkw-heading);font-weight:750;font-variant-numeric:tabular-nums;background:linear-gradient(145deg,#f8f5fc,#ede7f6);border:1px solid #e0d7ed;border-radius:10px;width:33px;height:33px}
/* Shared closing block and footer. */
.kkw-refined.kkw-classic .contact{position:relative;border:1px solid #dce5ed;border-radius:22px;padding:34px;background:radial-gradient(ellipse at 0 100%,#dcf0f399,transparent 60%),radial-gradient(ellipse at 100% 0,#e9e0f399,transparent 70%),#f3f5fb;box-shadow:inset 0 1px #fff,0 17px 35px #1b2b4a05}
.kkw-refined.kkw-classic .contact:before{content:'';position:absolute;width:38px;height:3px;left:34px;top:-1px;background:linear-gradient(90deg,#23b5bd,#7861b6);border-radius:4px}
.kkw-refined.kkw-classic .contact p{font-size:15px;line-height:1.7}
.kkw-refined.kkw-classic .contact .byline{font-size:12px}
.kkw-refined :is(.site-footer,.corporate-footer){background:linear-gradient(115deg,#f1f4f9,#f4f1f9);border-top-color:#dae0ed}
/* Existing contact and legal templates. */
.kkw-refined.corporate-site .corporate-page-heading h1{font-weight:750;letter-spacing:-.055em}
.kkw-refined.corporate-site .contact-form{border:1px solid #dce1ed;border-radius:20px;background:#fff;box-shadow:0 20px 50px #1b2b4a08;padding:30px}
.kkw-refined.corporate-site .contact-email-card{border-radius:14px;border-color:#dbe0ed;background:linear-gradient(135deg,#eef6f8,#f2edf8)}
.kkw-refined.corporate-site .contact-form :is(input:not([type=checkbox]):not([type=hidden]),textarea,select){border-color:#d3dbe8;background:#fafbfe;border-radius:10px;box-shadow:inset 0 1px 2px #16274503;min-width:0;max-width:100%}
.kkw-refined.corporate-site .contact-form :is(input,textarea,select):focus{border-color:#8b74bb;background:#fff}
.kkw-refined.corporate-site .contact-form button[type=submit]{border-radius:10px;box-shadow:0 5px 12px #111b3c12}
.kkw-refined :is(.legal-hero,.legal-card){background-color:#fff}
.kkw-refined .legal-heading h1{font-family:var(--kkw-heading);font-weight:750;letter-spacing:-.045em}
.kkw-refined .legal-card{border:1px solid #dce1ed;border-radius:16px;box-shadow:var(--kkw-shadow)}
.kkw-refined .legal-content :is(p,li){line-height:1.8}
.kkw-refined .legal-nav a{font-family:var(--sans);border-radius:8px;transition:background .18s,border-color .18s}
/* Approved webdesign collage: preserve its composition, refine the finish. */
.kkw-refined.kkw-webdesign{background-color:#faf9f7}
.kkw-refined.kkw-webdesign h1{font-weight:750;letter-spacing:-.065em}
.kkw-refined.kkw-webdesign h2{font-weight:650}
.kkw-refined.kkw-webdesign .button{border-radius:9px;box-shadow:0 7px 15px #17234314}
.kkw-refined.kkw-webdesign .hero-screen{border-radius:10px;border-color:#d6d4df}
.kkw-refined.kkw-webdesign .hero-screen-main{box-shadow:0 8px 20px #17234312,0 28px 50px #17234324}
.kkw-refined.kkw-webdesign .art-badge{box-shadow:0 0 0 7px #faf9f7b0,0 10px 20px #6750ac1a}
.kkw-refined.kkw-webdesign .filters button{border-radius:8px;font-weight:550}
.kkw-refined.kkw-webdesign .project-open>.concept-frame{border-radius:9px;box-shadow:0 0 0 1px #111b3c0c,0 10px 20px #111b3c06}
.kkw-refined.kkw-webdesign .project-caption{padding-top:16px}
.kkw-refined.kkw-webdesign .project-arrow{border-radius:50%}
.kkw-refined.kkw-webdesign .design-dialog{border-radius:16px;border-color:#d8d4e1;box-shadow:0 30px 90px #111b3c40}
.kkw-refined.kkw-webdesign .contact-section{background-image:radial-gradient(ellipse at 100% 0,#7861b629,transparent 55%)}
@media(max-width:1100px){.kkw-refined.kkw-classic .main-nav a{font-size:12px}.kkw-refined.kkw-classic .site-header .main-nav{gap:14px}}
@media(max-width:1023px){
 .kkw-refined.kkw-classic :is(.hero,.compact-hero,.detail-hero){padding-bottom:42px}
 .kkw-refined .steps h3{font-size:14px}.kkw-refined .steps p{font-size:12px}
 .kkw-refined.kkw-classic .contact{padding:28px}.kkw-refined.kkw-classic .contact:before{left:28px}
}
@media(max-width:760px){
 .kkw-refined.kkw-classic :is(.hero,.compact-hero,.detail-hero){padding-bottom:34px}
 .kkw-refined.kkw-classic .site-header .main-nav{gap:0 8px}.kkw-refined.kkw-classic .main-nav a{font-size:12px}
 .kkw-refined .field-card{padding:19px 15px;gap:9px}.kkw-refined .field-card:not(.operio-card) p{font-size:12px;line-height:1.6}
 .kkw-refined .field-card:not(.operio-card)>.icon{width:35px;height:35px;padding:7px;border-radius:10px}
 .kkw-refined .field-card.operio-card{padding:0;gap:0}
 .kkw-refined .visual{border-radius:24px}.kkw-refined .visual:after{width:170px;height:170px;top:48px;right:32px;box-shadow:0 0 0 17px #ffffff22,0 0 0 34px #ffffff1c}
 .kkw-refined.kkw-classic .section-heading p{font-size:13px}
 .kkw-refined .category-example>p,.kkw-refined .benefit p{font-size:13px;line-height:1.75}
 .kkw-refined .category-example ul{font-size:12px}
 .kkw-refined .system-card p{font-size:12px}
 .kkw-refined .case-copy p{font-size:13px}
 .kkw-refined.detail-page .ten-points>li{padding-block:17px}
 .kkw-refined.kkw-classic .contact{padding:25px 22px;border-radius:18px}.kkw-refined.kkw-classic .contact:before{left:22px}
 .kkw-refined.kkw-classic .contact p{font-size:14px}
 .kkw-refined.corporate-site .contact-form{padding:22px;border-radius:16px}
}
@media(max-width:420px){.kkw-refined.kkw-classic .main-nav a{font-size:11px}.kkw-refined .field-card{padding:17px 13px}.kkw-refined .field-card.operio-card{padding:0}}
@media(prefers-reduced-motion:reduce){.kkw-refined :is(a,button,.field-arrow,.operio-photo img){transition:none}.kkw-refined :is(.field-card,.solution-page-link,.system-card,.logo-tile,.button,.project-open):hover{transform:none}}
@media(forced-colors:active){body.kkw-refined{background:Canvas;color:CanvasText}.kkw-refined :is(.visual,.case-study,.contact,.field-card,.category-panel,.benefit,.concept,.legal-card,.contact-form){background:Canvas;color:CanvasText;box-shadow:none;border-color:CanvasText}.kkw-refined :is(.visual,.detail-emblem):before,.kkw-refined .visual:after{display:none}}
@media print{body.kkw-refined{background:#fff}.kkw-refined :is(.field-card,.benefit,.case-study,.contact,.legal-card){box-shadow:none}.kkw-refined :is(.visual,.detail-emblem):before,.kkw-refined .visual:after{display:none}}