#kl-techno{--red:#ed2945;--round:6px;--glow:.17;background:#08090b;color:#f4f2f3;font:15px/1.65 'Space Grotesk',Arial,sans-serif;color-scheme:dark;overflow-wrap:anywhere}
#kl-techno *{box-sizing:border-box}#kl-techno button,#kl-techno a{font:inherit}#kl-techno button{cursor:pointer}#kl-techno a{color:inherit;text-decoration:none}#kl-techno button:focus-visible,#kl-techno a:focus-visible,#kl-techno summary:focus-visible{outline:2px solid #fff;outline-offset:4px}#kl-techno button{color:inherit}#kl-techno img{display:block;max-width:100%}#kl-techno [hidden]{display:none!important}
#kl-techno .kl-header{padding:20px 4%;display:flex;gap:25px;align-items:center;justify-content:space-between;border-bottom:1px solid #26262c;background:#0b0c0f}#kl-techno .kl-brand{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;font-weight:700;letter-spacing:2px;white-space:nowrap}#kl-techno .kl-brand img{width:28px;height:39px;object-fit:contain}#kl-techno .kl-nav{display:flex;flex-wrap:wrap;gap:6px}#kl-techno .kl-nav a{border:0;background:none;color:#a8a7b1;font-size:12px;padding:8px 9px}#kl-techno .kl-nav a[aria-current=page]{color:#fff;box-shadow:inset 0 -2px var(--red)}#kl-techno .kl-nav a:hover{color:#fff}
#kl-techno .kl-wrap{padding:0 6%}#kl-techno h1,#kl-techno h2,#kl-techno h3,#kl-techno p{margin:0}#kl-techno h1{font-size:clamp(38px,7vw,74px);line-height:1.04;letter-spacing:-3px;font-weight:500}#kl-techno h2{font-size:clamp(26px,4vw,38px);font-weight:500;line-height:1.15;letter-spacing:-1px}#kl-techno h3{font-size:22px;font-weight:500;line-height:1.25}#kl-techno p{color:#b1afb9}#kl-techno .kl-eye{font:11px/1.6 'IBM Plex Mono',monospace;letter-spacing:2px;text-transform:uppercase;color:#ee8e9c;margin-bottom:22px}#kl-techno .kl-eye:before{content:'';display:inline-block;width:22px;height:2px;background:var(--red);vertical-align:middle;margin-right:10px}#kl-techno .kl-mono{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:1px;color:#9d9ba7}#kl-techno .kl-red{color:var(--red)}
#kl-techno .kl-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:center;min-height:540px;padding:65px 6%;background:radial-gradient(ellipse at 85% 50%,rgba(205,20,49,var(--glow)),transparent 58%),linear-gradient(90deg,transparent 99%,#ffffff05 99%),#08090b;background-size:auto,52px 52px,auto}#kl-techno .kl-hero p{max-width:420px;margin-top:25px}#kl-techno .kl-hero .kl-eye{margin:0 0 25px}#kl-techno .kl-hero h1 span{display:block}#kl-techno .kl-art{position:relative;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}#kl-techno .kl-art:before,#kl-techno .kl-art:after{content:'';position:absolute;width:83%;height:83%;border:1px solid #ed29453a;border-radius:50%;transform:rotate(-24deg)}#kl-techno .kl-art:after{width:97%;height:45%;border-color:#ed294565;transform:rotate(-34deg)}#kl-techno .kl-art img{width:43%;max-height:310px;object-fit:contain;filter:drop-shadow(0 0 28px #ed294530)}#kl-techno .kl-art-label{position:absolute;bottom:0;right:0;font:10px 'IBM Plex Mono',monospace;color:#9a6d77;letter-spacing:2px}
#kl-techno .kl-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}#kl-techno .kl-action{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid #38343d;background:#121216;border-radius:var(--round);padding:11px 19px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s}#kl-techno .kl-action:hover{border-color:var(--red);background:#261018}#kl-techno .kl-primary{background:var(--red);border-color:var(--red);color:white}#kl-techno .kl-primary:hover{background:#c81935}#kl-techno .kl-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:19px 6%;border-block:1px solid #28252b;font:11px 'IBM Plex Mono',monospace;letter-spacing:2px;color:#a5a1ac}
#kl-techno .kl-section{padding:64px 0;border-bottom:1px solid #232329}#kl-techno .kl-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}#kl-techno .kl-heading .kl-eye{margin-bottom:12px}#kl-techno .kl-link{border:0;background:none;padding:0;color:#ededf2;font-size:12px}#kl-techno .kl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#kl-techno .kl-four{grid-template-columns:repeat(4,minmax(0,1fr))}#kl-techno .kl-tile{background:#101115;border:1px solid #28272f;border-radius:var(--round);overflow:hidden;min-width:0}#kl-techno .kl-pad{padding:24px}#kl-techno .kl-tile p{font-size:13px;margin-top:12px}#kl-techno .kl-tile h3{margin-top:10px}#kl-techno .kl-shot{width:100%;aspect-ratio:16/9;object-fit:cover;background:#0b0c10;border-bottom:1px solid #28272f}#kl-techno .kl-price{font-size:22px;color:#fff}#kl-techno .kl-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}#kl-techno .kl-tag{display:inline-block;padding:4px 8px;border:1px solid #4a2933;color:#f69aaa;font:10px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:1px}#kl-techno .kl-four h3{font-size:17px;margin-top:28px}#kl-techno .kl-four .kl-pad{padding:22px 18px}#kl-techno .kl-num{color:var(--red);font:13px 'IBM Plex Mono',monospace}
#kl-techno .kl-feature{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #2c2630;background:#101014;border-radius:var(--round);overflow:hidden}#kl-techno .kl-feature>img{width:100%;height:100%;object-fit:cover;min-height:260px}#kl-techno .kl-feature .kl-pad{padding:38px}#kl-techno .kl-feature p{margin-top:18px}#kl-techno .kl-callout{padding:50px 5%;margin:55px 0;background:linear-gradient(120deg,#2b0b15,#120e13 70%);border:1px solid #54202e;border-left:3px solid var(--red);border-radius:var(--round);display:flex;align-items:center;justify-content:space-between;gap:25px}#kl-techno .kl-callout p{margin-top:12px;font-size:13px}#kl-techno .kl-page-head{padding:60px 0 38px}#kl-techno .kl-page-head h1{font-size:clamp(38px,6vw,58px)}#kl-techno .kl-page-head p{margin-top:22px;max-width:600px}#kl-techno .kl-footer{border-top:1px solid #25232b;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}#kl-techno .kl-footer nav{display:flex;gap:20px;flex-wrap:wrap}#kl-techno .kl-footer a{border:0;background:none;color:#b2aeb9;font-size:12px;padding:0}#kl-techno .kl-footnote{padding:8px 6%;background:#151016;color:#bca5ac;font:10px 'IBM Plex Mono',monospace;letter-spacing:.4px}
#kl-techno .kl-game-art{height:180px;display:grid;place-items:center;background:repeating-linear-gradient(135deg,#ffffff03 0 1px,transparent 1px 20px),radial-gradient(ellipse at center,#3b1424,#0b0b0f);font-size:46px;font-weight:700;letter-spacing:-3px;color:#b14b63}#kl-techno .kl-detail{padding:30px;border:1px solid #562333;background:#121014;margin-top:24px;border-radius:var(--round)}#kl-techno .kl-detail p{margin:18px 0}#kl-techno .kl-specs{margin-top:24px}#kl-techno .kl-specs div{display:grid;grid-template-columns:140px 1fr;gap:18px;border-top:1px solid #302833;padding:13px 0;font-size:13px}#kl-techno .kl-specs dt{color:#938e9c}#kl-techno .kl-specs dd{margin:0;color:#ddd8e0}#kl-techno details{margin-top:14px;border-top:1px solid #302833;padding:14px 0}#kl-techno summary{font-weight:500}#kl-techno .kl-bio{display:grid;grid-template-columns:1.4fr .7fr;gap:40px;align-items:center}#kl-techno .kl-bio p{margin-bottom:22px}#kl-techno .kl-bio img{max-height:220px;margin:auto}#kl-techno .kl-steps{counter-reset:steps}#kl-techno .kl-step{padding:22px 0;border-bottom:1px solid #28272f;display:grid;grid-template-columns:45px 1fr;gap:15px}#kl-techno .kl-step:before{counter-increment:steps;content:'0' counter(steps);color:var(--red);font-family:monospace}#kl-techno .kl-step p{font-size:13px;margin-top:8px}
@media(max-width:740px){#kl-techno .kl-header{flex-direction:column;align-items:start;gap:12px}#kl-techno .kl-hero{grid-template-columns:1fr;padding-top:45px;min-height:0}#kl-techno .kl-art{max-width:290px;width:100%;margin:auto}#kl-techno .kl-four{grid-template-columns:repeat(2,minmax(0,1fr))}#kl-techno .kl-feature{grid-template-columns:1fr}#kl-techno .kl-callout{flex-direction:column;align-items:start}#kl-techno .kl-bio{grid-template-columns:1fr}#kl-techno h1{letter-spacing:-2px}}
@media(max-width:450px){#kl-techno .kl-grid{grid-template-columns:1fr}#kl-techno .kl-heading{align-items:start;flex-direction:column}#kl-techno .kl-specs div{grid-template-columns:1fr;gap:4px}#kl-techno .kl-nav a{padding:9px 7px}#kl-techno .kl-section{padding:40px 0}}
@media(prefers-reduced-motion:reduce){#kl-techno *{transition:none!important}}
#kl-techno .kl-brand img{filter:brightness(1.7) drop-shadow(0 0 8px #ed29452a)}
#kl-techno .kl-art img{filter:brightness(1.55) drop-shadow(0 0 28px #ed294548);width:47%}
#kl-techno .kl-shot{object-fit:contain;aspect-ratio:16/10;padding:12px;background:radial-gradient(ellipse at center,#19171d,#0b0c10 75%)}
#kl-techno .kl-game-art{height:auto;aspect-ratio:16/10}
#kl-techno .kl-tile{display:flex;flex-direction:column;transition:border-color .18s,box-shadow .18s}
#kl-techno .kl-tile>.kl-pad{display:flex;flex-direction:column;flex:1}
#kl-techno .kl-tile .kl-actions{margin-top:auto;padding-top:24px}
#kl-techno .kl-tile:focus-within{border-color:#a33b50}
#kl-techno .kl-action{min-height:44px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
#kl-techno .kl-action:active{transform:translateY(1px)}
#kl-techno .kl-nav a{min-height:40px}
#kl-techno .kl-quicklinks{display:flex;flex-wrap:wrap;gap:20px;margin-top:18px}
#kl-techno .kl-quicklinks a{background:none;border:0;border-bottom:1px solid #55414a;padding:5px 0;color:#c9c0c7;font-size:12px}
#kl-techno .kl-menu-toggle{display:none;background:#171218;border:1px solid #4d2a35;border-radius:var(--round);padding:9px 14px;min-height:44px;font-size:12px}
#kl-techno .kl-detail-top{padding:28px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#kl-techno .kl-detail-top .kl-mono{color:#c6b9c1}
#kl-techno .kl-detail-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:start;margin:10px 0 32px}
#kl-techno .kl-detail-layout>img{width:100%;aspect-ratio:16/12;object-fit:contain;background:#101115;border:1px solid #31252e;border-radius:var(--round);padding:16px}
#kl-techno .kl-detail-layout h1{font-size:clamp(34px,5vw,52px);letter-spacing:-1.5px;margin:20px 0}
#kl-techno .kl-detail-layout p{margin-bottom:20px;font-size:14px}
#kl-techno .kl-detail-layout .kl-price{font-size:30px}
#kl-techno .kl-detail-page{padding-bottom:50px}
#kl-techno .kl-detail-page .kl-specs{margin-top:32px}
#kl-techno .kl-detail-page li{color:#c7bec7;margin:10px 0}
#kl-techno .kl-project-body{max-width:760px}
#kl-techno .kl-project-body h2{font-size:26px}
#kl-techno .kl-detail-page .kl-actions{margin:22px 0}
#kl-techno .kl-detail-page .kl-mono{font-size:11px}
#kl-techno .kl-buy-note{font-size:12px!important;color:#b6a5af}
#kl-techno details p{padding-top:14px}
#kl-techno summary{padding:6px 0;min-height:40px}
@media(hover:hover){#kl-techno .kl-tile:hover{border-color:#683141;box-shadow:0 6px 24px #ed29450b}#kl-techno .kl-action:hover{box-shadow:0 0 18px #ed294519}#kl-techno .kl-quicklinks a:hover{color:#fff;border-color:var(--red)}}
@media(max-width:820px){#kl-techno .kl-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0;padding:14px 5%}#kl-techno .kl-menu-toggle{display:block}#kl-techno .kl-nav{display:none;grid-column:1/-1;padding-top:16px;margin-top:14px;border-top:1px solid #32232c;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#kl-techno .kl-nav.kl-open{display:grid}#kl-techno .kl-nav a{text-align:left;padding:12px 14px;min-height:44px;background:#121014;border-radius:var(--round)}#kl-techno .kl-nav a[aria-current=page]{background:#2d101a;box-shadow:inset 2px 0 var(--red)}}
@media(max-width:650px){#kl-techno .kl-detail-layout{grid-template-columns:1fr;gap:24px}#kl-techno .kl-detail-top{align-items:start}#kl-techno .kl-art{max-width:240px}#kl-techno .kl-hero{gap:36px}#kl-techno .kl-hero h1{font-size:44px}#kl-techno .kl-hero>.kl-art{padding-bottom:16px}#kl-techno .kl-art-label{font-size:9px}#kl-techno .kl-footer a{min-height:40px}#kl-techno .kl-detail-top .kl-mono{font-size:10px}}
@media(prefers-reduced-motion:reduce){#kl-techno *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}


body{margin:0;background:#08090b}
#kl-techno .kl-nav a{display:block}
#kl-techno .kl-quicklinks a{display:block}
#kl-techno .kl-skip{position:absolute;left:12px;top:-100px;z-index:10;padding:12px 20px;background:#ed2945;color:#fff}
#kl-techno .kl-skip:focus{top:12px}
#kl-techno .kl-product-video{display:block;width:100%;aspect-ratio:16/12;object-fit:contain;background:#101115;border:1px solid #31252e;border-radius:var(--round)}
#kl-techno .kl-project-body figure{margin:28px 0}
#kl-techno .kl-project-body figcaption{font-size:12px;color:#bbb3bc;margin-top:12px}
#kl-techno .kl-project-body p a,#kl-techno .kl-project-body li a{color:#ff9cad;text-decoration:underline;text-underline-offset:3px}
#kl-techno .kl-detail-page .kl-project-body>p{margin-top:24px}
@media(max-width:820px){#kl-techno:not(.kl-enhanced) .kl-nav{display:grid}#kl-techno:not(.kl-enhanced) .kl-menu-toggle{display:none}}

/* Living K hero: slow orbits + ember glow. transform/opacity only; paused off-screen and for reduced motion. */
#kl-techno .kl-art .kl-orb{transform:translateZ(-70px);position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,#ed294540 0,#ed294514 42%,transparent 68%);z-index:-1;pointer-events:none}
#kl-techno .kl-art:before{transform:none;border:0;width:88%;height:88%;background:conic-gradient(from 0deg,transparent 0 55%,#ed294500 55%,#ed2945cc 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px))}
#kl-techno .kl-art:after{border-color:#ed29453d}
@media(prefers-reduced-motion:no-preference){
#kl-techno .kl-art:before{animation:kl-spin 26s linear infinite}
#kl-techno .kl-art:after{animation:kl-tilt 70s linear infinite}
#kl-techno .kl-art .kl-orb{animation:kl-ember 6s ease-in-out infinite}
#kl-techno .kl-art>.kl-k{animation:kl-float 8s ease-in-out infinite}
#kl-techno .kl-art.kl-paused:before,#kl-techno .kl-art.kl-paused:after,#kl-techno .kl-art.kl-paused .kl-orb,#kl-techno .kl-art.kl-paused>.kl-k{animation-play-state:paused}
}
@keyframes kl-spin{from{transform:translateZ(-40px) rotate(0)}to{transform:translateZ(-40px) rotate(360deg)}}
@keyframes kl-tilt{from{transform:rotate(-34deg)}to{transform:rotate(326deg)}}
@keyframes kl-ember{0%,100%{opacity:.55;transform:translateZ(-70px) scale(.94)}50%{opacity:1;transform:translateZ(-70px) scale(1.04)}}
@keyframes kl-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* K morph: image + WebGL canvas share one box */
#kl-techno .kl-art .kl-k{position:relative;width:64%;aspect-ratio:440/641}
#kl-techno .kl-art .kl-k img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;transition:opacity .25s}
#kl-techno .kl-art .kl-k canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
#kl-techno .kl-art-label{transition:opacity .3s}
@media(max-width:740px){#kl-techno .kl-art .kl-k{width:72%}}

/* 3D wheel rings orbiting the K */
#kl-techno .kl-art{perspective:1100px;transform-style:preserve-3d}
#kl-techno .kl-art:after{display:none}
#kl-techno .kl-ring{position:absolute;border-radius:50%;pointer-events:none;transform-style:preserve-3d;will-change:transform}
#kl-techno .kl-ring:before{content:'';position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#ff6a80;box-shadow:0 0 10px 2px #ed2945}
#kl-techno .kl-r1{inset:0;border:1.5px solid #ed2945b0;transform:rotateX(74deg)}
#kl-techno .kl-r2{inset:6%;border:2px dashed #ed294595;transform:rotateZ(-24deg) rotateY(60deg)}
#kl-techno .kl-r3{inset:12%;border:1px solid #ed2945a0;transform:rotateZ(32deg) rotateX(60deg)}
#kl-techno .kl-r3:before{top:auto;bottom:-4px}
@media(prefers-reduced-motion:no-preference){
#kl-techno .kl-r1{animation:kl-w1 22s linear infinite}
#kl-techno .kl-r2{animation:kl-w2 15s linear infinite}
#kl-techno .kl-r3{animation:kl-w3 26s linear infinite}
#kl-techno .kl-art.kl-paused .kl-ring{animation-play-state:paused}
}
@keyframes kl-w1{from{transform:rotateX(74deg) rotateZ(0)}to{transform:rotateX(74deg) rotateZ(360deg)}}
@keyframes kl-w2{from{transform:rotateZ(-24deg) rotateY(0)}to{transform:rotateZ(-24deg) rotateY(360deg)}}
@keyframes kl-w3{from{transform:rotateZ(32deg) rotateX(360deg)}to{transform:rotateZ(32deg) rotateX(0)}}

/* --- stop 3D rings from stretching the page (horizontal scrollbar) --- */
#kl-techno{overflow-x:clip}
#kl-techno .kl-hero{overflow-x:clip}

/* --- emblem-style ornaments: four-point star, ring, corner brackets --- */
#kl-techno{--star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0l2 10 10 2-10 2-2 10-2-10L0 12l10-2z' fill='%23ed2945'/%3E%3Ccircle cx='12' cy='12' r='2.4' fill='none' stroke='%2308090b' stroke-width='1.1'/%3E%3C/svg%3E")}
#kl-techno .kl-eye:before{width:12px;height:12px;background:var(--star) center/contain no-repeat;vertical-align:-1px;margin-right:12px}
#kl-techno .kl-strip span:before{content:'';display:inline-block;width:9px;height:9px;margin-right:12px;background:var(--star) center/contain no-repeat;opacity:.9}
#kl-techno .kl-section{position:relative}
#kl-techno .kl-section:after{content:'';position:absolute;left:50%;bottom:-11px;width:22px;height:22px;transform:translateX(-50%);border-radius:50%;background:var(--star) center/11px no-repeat,#08090b;border:1px solid #ed294555}
#kl-techno .kl-tile,#kl-techno .kl-feature{position:relative}
#kl-techno .kl-tile:before,#kl-techno .kl-feature:before,#kl-techno .kl-tile:after,#kl-techno .kl-feature:after{content:'';position:absolute;width:18px;height:18px;pointer-events:none;z-index:2;border:0 solid var(--red)}
#kl-techno .kl-tile:before,#kl-techno .kl-feature:before{top:0;left:0;border-top-width:2px;border-left-width:2px;border-top-left-radius:6px}
#kl-techno .kl-tile:after,#kl-techno .kl-feature:after{right:0;bottom:0;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:6px}
#kl-techno .kl-tile:hover:before,#kl-techno .kl-tile:hover:after,#kl-techno .kl-feature:hover:before,#kl-techno .kl-feature:hover:after{width:34px;height:34px;transition:width .25s,height .25s}
#kl-techno .kl-callout{position:relative;overflow:hidden}
#kl-techno .kl-callout:before{content:'';position:absolute;right:-70px;top:50%;width:330px;height:330px;margin-top:-165px;pointer-events:none;background:var(--star) center/34px no-repeat,radial-gradient(circle,transparent 0 60%,#ed294533 60.4%,transparent 61.4% 72%,#ed294522 72.4%,transparent 73.4%)}
#kl-techno .kl-footer{position:relative}
#kl-techno .kl-footer:before{content:'';position:absolute;left:50%;top:-11px;width:22px;height:22px;transform:translateX(-50%);border-radius:50%;background:var(--star) center/11px no-repeat,#08090b;border:1px solid #ed294555}
@media(prefers-reduced-motion:reduce){#kl-techno .kl-tile:hover:before,#kl-techno .kl-tile:hover:after,#kl-techno .kl-feature:hover:before,#kl-techno .kl-feature:hover:after{transition:none}}
#kl-techno .kl-callout>*{position:relative;z-index:1}