/* Satin surfaces, luminous edges and rounded controls for the corporate site. */
body.kkw-parallax:not(.kkw-refined) main{overflow-wrap:anywhere}
body.kkw-parallax.kkw-refined{
 --kkw-surface-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #bdc2d225,0 5px 12px #26315606,0 22px 46px #3235600c;
 --kkw-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23595478' opacity='.065' filter='url(%23n)' d='M0 0h120v120H0z'/%3E%3C/svg%3E");
 background-color:#fcfcff;
 background-image:radial-gradient(ellipse 900px 640px at 100% 160px,#eae2f654,transparent 72%),radial-gradient(ellipse 800px 540px at 0 600px,#ddf2f64a,transparent 72%),var(--kkw-grain);
}
body.kkw-parallax.kkw-refined :is(.hero,.detail-hero) h1 span{color:#64439d;background:linear-gradient(115deg,#7653ae 5%,#514385 55%,#326c82);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.kkw-parallax.kkw-refined.plugin-detail :is(.hero,.detail-hero) h1 span{background-image:linear-gradient(115deg,var(--accent),color-mix(in srgb,var(--accent) 65%,#111b3c))}
body.kkw-parallax.kkw-refined :is(.site-header,.corporate-header){box-shadow:inset 0 -1px #fff,0 7px 25px #26315608}
body.kkw-parallax.kkw-refined :is(.section-label,.section-topline){border-image:linear-gradient(90deg,#b4a0d99c,#dbe2ee88,#9bcfd699) 1}

/* Decorative sparkle stays behind content and never receives pointer events. */
.kkw-parallax .kkw-depth-scene:not(.kkw-depth-scene--end)::before{
 content:"";position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.4;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='740' viewBox='0 0 900 740'%3E%3Cg fill='%238976b8'%3E%3Cpath opacity='.6' d='M612 123q0 9 9 9-9 0-9 9 0-9-9-9 9 0 9-9Z'/%3E%3Cpath opacity='.45' d='M115 567q0 7 7 7-7 0-7 7 0-7-7-7 7 0 7-7Z'/%3E%3C/g%3E%3Cg fill='%2352a8b5'%3E%3Cpath opacity='.6' d='M787 491q0 11 11 11-11 0-11 11 0-11-11-11 11 0 11-11Z'/%3E%3Ccircle cx='396' cy='358' r='1.5' opacity='.5'/%3E%3Ccircle cx='658' cy='647' r='2' opacity='.4'/%3E%3C/g%3E%3C/svg%3E");
 background-size:900px 740px;animation:kkw-sparkle 7s ease-in-out infinite alternate;
}
@keyframes kkw-sparkle{from{opacity:.18}to{opacity:.65}}

/* Round buttons: layered colour, an inset highlight and a short interaction sheen. */
body.kkw-parallax.kkw-refined :is(.button,.corporate-button){
 position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:1px solid #48466a;
 min-height:54px;padding-inline:23px;gap:16px;border-radius:999px;font-weight:650;letter-spacing:-.015em;
 color:#fff;background:linear-gradient(180deg,#ffffff16,transparent 46%),linear-gradient(125deg,#514470,#263355 55%,#18223f);
 box-shadow:inset 0 1px 1px #ffffff60,inset 0 -2px 2px #0e14355e,0 3px 5px #17234314,0 12px 26px #493c701f;
 transition:transform .22s,box-shadow .22s,border-color .22s;
}
body.kkw-parallax.kkw-refined :is(.button.primary,.button.button-primary){background:linear-gradient(180deg,#ffffff16,transparent 46%),linear-gradient(125deg,#514470,#263355 55%,#18223f)}
body.kkw-parallax.kkw-refined.plugin-detail .detail-actions .button.primary{border-color:var(--accent);background:linear-gradient(180deg,#ffffff12,transparent 48%),linear-gradient(130deg,color-mix(in srgb,var(--accent) 84%,#111b3c),color-mix(in srgb,var(--accent) 60%,#111b3c));box-shadow:inset 0 1px 1px #ffffff50,inset 0 -2px 2px #111b3c38,0 12px 24px color-mix(in srgb,var(--accent) 20%,transparent)}
body.kkw-parallax.kkw-refined .button.secondary{color:#293554;border-color:#d5d6e8;background:linear-gradient(165deg,#fff 15%,#f5f2fc 64%,#eaf4f8);box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #bec1d72e,0 8px 20px #3530500c}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button)::before{content:"";position:absolute;inset:2px 7px auto;height:44%;border-radius:999px;background:linear-gradient(180deg,#ffffff1c,transparent);pointer-events:none}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button)::after{content:"";position:absolute;inset:-45% -60%;background:linear-gradient(105deg,transparent 42%,#ffffff3b 50%,transparent 58%);transform:translateX(-100%);opacity:0;pointer-events:none}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button):is(:hover,:focus-visible){transform:translateY(-2px);border-color:#9c8bc1;box-shadow:inset 0 1px 2px #ffffff70,inset 0 -2px 2px #111b3c2e,0 5px 12px #36305212,0 17px 32px #63508024}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button):is(:hover,:focus-visible)::after{animation:kkw-button-sheen .85s ease-out}
@keyframes kkw-button-sheen{0%{transform:translateX(-85%);opacity:0}20%{opacity:.9}80%{opacity:.9}100%{transform:translateX(85%);opacity:0}}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button):active{transform:translateY(1px);box-shadow:inset 0 2px 5px #111b3c38,0 4px 10px #493c7012}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button):disabled{opacity:.55;transform:none;box-shadow:none;cursor:wait}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button):disabled::after{animation:none}
body.kkw-parallax.kkw-refined .contact-form button[type=submit]{border-radius:999px;box-shadow:inset 0 1px 1px #ffffff60,inset 0 -2px 2px #0e14355e,0 12px 26px #493c701f}
body.kkw-parallax.kkw-refined .contact-form button[type=submit]:disabled{box-shadow:none}
body.kkw-parallax.kkw-refined :is(.back-to-top,.privacy-notice__actions button,.privacy-notice__actions a){border-radius:999px;box-shadow:inset 0 1px 1px #ffffff80,0 5px 14px #34305210}
body.kkw-parallax.kkw-refined :is(.button,.corporate-button,.dialog-close):focus-visible{outline:3px solid #7352b3;outline-offset:4px}
body.kkw-parallax.kkw-refined :is(.dialog-close,.contact-arrow){background:linear-gradient(145deg,#fff,#eee9f8);color:#5c448b;border:1px solid #cbbfe0;box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #d5cde7,0 8px 20px #33265020}
body.kkw-parallax.kkw-refined :is(.dialog-close,.contact-link:hover .contact-arrow):hover{background:linear-gradient(145deg,#fff,#e2d8f3);color:#4e317e}

/* Deeper surfaces without changing the layout or the page-specific accent colours. */
body.kkw-parallax.kkw-refined :is(.field-card:not(.operio-card),.solution,.system-card,.category-example,.benefit,.game-card,.logo-tile){border-color:#daddec;border-radius:24px;box-shadow:var(--kkw-surface-shadow)}
body.kkw-parallax.kkw-refined :is(.field-card:not(.operio-card),.solution-page-link,.system-card,.logo-tile):hover{border-color:#b6a1d4;box-shadow:inset 0 1px 2px #fff,0 8px 14px #28315709,0 25px 42px #54427319}
body.kkw-parallax.kkw-refined :is(.delivery,.mini-process,.category-panel,.games-intro-note,.contact,.contact-form,.contact-email-card){border-radius:28px;box-shadow:var(--kkw-surface-shadow)}
body.kkw-parallax.kkw-refined :is(.visual,.plugin-visual,.concept,.detail-emblem){border-radius:34px;border-color:#d7dce9;box-shadow:inset 0 2px 2px #ffffffed,inset 0 -2px 2px #afb8d522,0 9px 20px #2e315908,0 30px 65px #52477a13}
body.kkw-parallax.kkw-refined :is(.browser,.ui-window){border-radius:17px;box-shadow:inset 0 1px #fff,0 8px 18px #25355710,0 25px 48px #28375d20}
body.kkw-parallax.kkw-refined .phone{box-shadow:inset 0 1px 2px #ffffff70,0 12px 22px #1423431f,0 28px 42px #24334e24}
body.kkw-parallax.kkw-refined :is(.integration-block,.idea-label,.crm-node){border-radius:16px;box-shadow:inset 0 1px 1px #ffffff80,0 4px 9px #34324f08,0 13px 22px #34324f0e}
body.kkw-parallax.kkw-refined :is(.step-icon,.benefit-icon,.card-symbol),body.kkw-parallax.kkw-refined .field-card:not(.operio-card)>.icon{border-radius:15px;box-shadow:inset 0 2px 1px #ffffffd9,inset 0 -2px 2px #84729b13,0 5px 11px #78609412}
body.kkw-parallax.kkw-refined .contact-form :is(input:not([type=checkbox]):not([type=hidden]),textarea,select){border-radius:15px;background:linear-gradient(175deg,#f6f7fc,#fff);box-shadow:inset 0 2px 4px #3b426508,0 1px #fff}
body.kkw-parallax.kkw-refined .contact-form :is(input:not([type=checkbox]):not([type=hidden]),textarea,select):focus{border-color:#9473bf;box-shadow:0 0 0 3px #9473bf16}

/* The approved design previews retain their exact image crop. */
body.kkw-parallax.kkw-refined.kkw-webdesign .hero-screen{border-radius:16px;border-color:#ffffffd9;box-shadow:inset 0 1px 1px #fff,0 9px 18px #17234310,0 28px 56px #3e345d24}
body.kkw-parallax.kkw-refined.kkw-webdesign .hero-screen-main{box-shadow:inset 0 1px #fff,0 12px 24px #17234319,0 35px 65px #3e345d30}
body.kkw-parallax.kkw-refined.kkw-webdesign .browser-bar{background:linear-gradient(165deg,#fff 35%,#f0edf7);border-bottom:1px solid #e6e1ef}
body.kkw-parallax.kkw-refined.kkw-webdesign .art-badge{background:radial-gradient(circle at 28% 16%,#a792d5,#7760b5 38%,#51368c 95%);border:1px solid #c2afe7;box-shadow:inset 0 2px 2px #ffffff91,inset 0 -4px 6px #321b6557,0 0 0 7px #faf9f7b0,0 14px 26px #4e33713b}
body.kkw-parallax.kkw-refined.kkw-webdesign .project-open>.concept-frame{border-radius:17px;box-shadow:0 0 0 1px #d5d1df,0 4px 10px #17234306,0 15px 28px #3c345b14}
body.kkw-parallax.kkw-refined.kkw-webdesign .project-open:hover>.concept-frame{box-shadow:0 0 0 1px #b5a1d1,0 8px 17px #17234312,0 22px 38px #5e447722}
body.kkw-parallax.kkw-refined.kkw-webdesign .design-dialog{border-radius:24px;border:1px solid #f8f6ff;box-shadow:inset 0 1px #fff,0 35px 100px #111b3c55}
body.kkw-parallax.kkw-refined.kkw-webdesign .contact-section{background:radial-gradient(ellipse at 90% 0,#7951ae42,transparent 65%),linear-gradient(125deg,#171f3f,#222748 65%,#32335c)}

@media(max-width:760px){
 body.kkw-parallax.kkw-refined :is(.button,.corporate-button){min-height:50px;padding-inline:18px;gap:12px;max-width:100%}
 body.kkw-parallax.kkw-refined :is(.field-card:not(.operio-card),.system-card,.game-card,.logo-tile,.benefit){border-radius:20px}
 body.kkw-parallax.kkw-refined :is(.visual,.plugin-visual,.concept,.detail-emblem,.contact,.contact-form){border-radius:25px}
 .kkw-parallax .kkw-depth-scene:not(.kkw-depth-scene--end)::before{background-size:680px 620px}
}
@media(prefers-reduced-motion:reduce){
 .kkw-parallax .kkw-depth-scene:not(.kkw-depth-scene--end)::before{animation:none;opacity:.35}
 body.kkw-parallax.kkw-refined :is(.button,.corporate-button){transition:none}
 body.kkw-parallax.kkw-refined :is(.button,.corporate-button):is(:hover,:focus-visible,:active){transform:none}
 body.kkw-parallax.kkw-refined :is(.button,.corporate-button)::after{animation:none!important;display:none}
}
@media(forced-colors:active){
 body.kkw-parallax.kkw-refined{background:Canvas;color:CanvasText}
 body.kkw-parallax.kkw-refined :is(.hero,.detail-hero) h1 span{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
 body.kkw-parallax.kkw-refined :is(.button,.corporate-button,.dialog-close,.contact-arrow){background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none!important}
 body.kkw-parallax.kkw-refined :is(.button,.corporate-button)::before,body.kkw-parallax.kkw-refined :is(.button,.corporate-button)::after{display:none}
}
@media print{
 body.kkw-parallax.kkw-refined{background:#fff}
 body.kkw-parallax.kkw-refined :is(.hero,.detail-hero) h1 span{background:none;color:#111b3c;-webkit-text-fill-color:#111b3c}
 body.kkw-parallax.kkw-refined :is(.button,.corporate-button)::before,body.kkw-parallax.kkw-refined :is(.button,.corporate-button)::after{display:none}
}