.kd-ai-art{position:relative;isolation:isolate;min-width:0;border:1px solid #49432b;border-radius:24px;padding:26px;background:radial-gradient(ellipse at 50% 38%,#ffda0019,transparent 70%),#161714;box-shadow:0 20px 90px #0004;overflow:hidden;color:#eee;text-align:left;font-family:Arial,sans-serif}.kd-ai-art:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.3;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(#000,transparent)}.kd-ai-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.07em;color:#bcb9a9}.kd-ai-badge{display:flex;align-items:center;gap:8px}.kd-ai-badge i{width:6px;height:6px;border-radius:50%;background:#ffdc00;box-shadow:0 0 12px #ffdc00}.kd-ai-art h2{font-size:clamp(22px,2.3vw,30px);font-weight:600;letter-spacing:-.025em;line-height:1.25;margin:22px 0 9px}.kd-ai-sub{color:#9e9e92;font-size:12px;margin:0}.kd-ai-core{display:grid;place-items:center;position:relative;height:165px;margin:6px 0}.kd-ai-ring{position:absolute;width:144px;height:144px;border:1px dashed #dfc9344d;border-radius:50%;animation:kd-orbit 24s linear infinite}.kd-ai-ring:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#ffdc00;top:10px;left:22px;box-shadow:0 0 15px #ffdc00}.kd-ai-ring.second{width:190px;height:105px;transform:rotate(-20deg);animation:kd-orbit-alt 19s linear infinite;border-color:#b6ad492d}.kd-ai-chip{width:78px;height:78px;display:grid;place-items:center;border-radius:20px;border:1px solid #ffe571;background:linear-gradient(135deg,#fff4a2,#ffdc00 45%,#c89f00);color:#121212;font:bold 30px/1 Arial;box-shadow:0 0 38px #ffdc0025;z-index:1;animation:kd-core 5s ease-in-out infinite}.kd-ai-nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;position:relative}.kd-ai-node{border:1px solid #3a3b33;background:#20211c;border-radius:10px;padding:12px 7px;min-width:0;text-align:center;transition:background .4s,border-color .4s,transform .4s;position:relative}.kd-ai-node:after{content:'→';position:absolute;right:-7px;top:30%;color:#8a8252;z-index:2;font-size:11px}.kd-ai-node:last-child:after{display:none}.kd-ai-node b{display:block;font-size:18px;font-weight:400;color:#bcbcad;margin-bottom:8px}.kd-ai-node span{font-size:10px;line-height:1.35;display:block;overflow-wrap:anywhere}.kd-ai-node.kd-active{background:#ffdc0015;border-color:#e7ce3a;transform:translateY(-3px)}.kd-ai-node.kd-active b{color:#ffdc00}.kd-ai-progress{height:3px;background:#ffffff10;margin:20px 0 15px;border-radius:3px;overflow:hidden}.kd-ai-progress i{display:block;height:100%;background:#ffdc00;width:25%;transition:width .7s ease}.kd-ai-live{min-height:55px;border-left:2px solid #ffdc00;padding-left:12px}.kd-ai-live strong{font-size:13px;display:block;line-height:1.4;font-weight:500}.kd-ai-live small{display:block;font-size:11px;color:#a2a392;margin-top:5px;line-height:1.5}.kd-ai-foot{font-size:10px;color:#a3a394;margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.kd-motion-control{background:transparent;border:1px solid #565241;color:#e3dfc8;padding:8px 10px;border-radius:7px;cursor:pointer;font-size:10px;line-height:1.4;font-family:inherit}.kd-motion-control:hover{border-color:#ffdc00;color:#ffdc00}.kd-motion-wrap{max-width:1280px;margin:0 auto;padding:0 40px 20px;display:flex;justify-content:flex-end}.kd-dynamic .kr-preview{position:relative;isolation:isolate;overflow:hidden;transition:transform .45s ease,border-color .45s ease,box-shadow .45s ease;transform:perspective(1100px) rotateX(var(--kd-x,0deg)) rotateY(var(--kd-y,0deg))}.kd-dynamic .kr-preview:before{content:'';pointer-events:none;position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at var(--kd-px,50%) var(--kd-py,30%),#ffdc0016,transparent 58%);opacity:.7}.kd-dynamic .kr-node,.kd-dynamic .kr-order,.kd-dynamic .kr-phone,.kd-dynamic .kr-status-item{transition:border-color .45s,background .45s,box-shadow .45s,transform .45s}.kd-dynamic .kr-node.kd-active,.kd-dynamic .kr-status-item.kd-active{border-color:#ffdc00a0;background:#ffdc0010;box-shadow:0 0 22px #ffdc0008;transform:translateX(3px)}.kd-dynamic .kr-order.kd-active{background:#fff9cf;box-shadow:inset 3px 0 #d7b900}.kd-dynamic .kr-phone.kd-active{border-color:#b3a14a;transform:translateY(-7px);box-shadow:0 12px 30px #0003}.kd-dynamic .kr-chart i{transform-origin:bottom;animation:kd-bar 4s ease-in-out infinite;animation-delay:calc(var(--kd-i,0)*.24s)}.kd-dynamic .kr-wire{animation:kd-wire 6s ease-in-out infinite}.kd-dynamic .kr-ui-product{animation:kd-product 6s ease-in-out infinite}.kd-reveal-ready .kd-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease;transition-delay:var(--kd-delay,0ms)}.kd-reveal-ready .kd-reveal.kd-visible{opacity:1;transform:none}.kd-dynamic .kr-btn,.kd-dynamic .home-actions a{transition:transform .25s,box-shadow .25s}.kd-dynamic .kr-btn:hover,.kd-dynamic .home-actions a:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffdc0014}.kd-dynamic .kr-service-links a{transition:border-color .3s,background .3s,transform .3s}.kd-dynamic .kr-service-links a:hover{transform:translateY(-5px);background:#29281c}.kd-paused .kd-ai-art *,.kd-paused .kr-preview *,.kd-paused .pencil-float{animation-play-state:paused!important}.kd-paused .kd-ai-progress i{transition:none}.kd-paused .kr-preview{transform:none!important}.kd-paused .kd-reveal{opacity:1!important;transform:none!important;transition:none!important}.kd-offscreen *{animation-play-state:paused!important}@keyframes kd-orbit{to{transform:rotate(360deg)}}@keyframes kd-orbit-alt{to{transform:rotate(340deg)}}@keyframes kd-core{50%{box-shadow:0 0 65px #ffdc0040;transform:translateY(-4px)}}@keyframes kd-bar{0%,100%{transform:scaleY(.78)}50%{transform:scaleY(1)}}@keyframes kd-wire{50%{opacity:.65}}@keyframes kd-product{50%{filter:brightness(1.08);transform:translateY(-3px)}}@media(max-width:760px){.kd-ai-art{padding:21px 17px;border-radius:18px}.kd-ai-core{height:150px}.kd-ai-art h2{font-size:25px}.kd-ai-node{padding:11px 5px}.kd-ai-node span{font-size:10px}.kd-motion-wrap{padding:0 22px 16px}.kd-dynamic .kr-preview{transform:none!important}}@media(prefers-reduced-motion:reduce){.kd-ai-art *,.kr-preview *{animation:none!important;transition:none!important}.kd-ai-ring{transform:none!important}.kd-reveal-ready .kd-reveal{opacity:1!important;transform:none!important;transition:none!important}}

.kd-page-control{display:block;margin:22px 0 0;position:relative;z-index:3}.kd-page-control .kd-motion-control{font-size:11px}.kd-more .webdev-hero-visual{position:relative;animation:kd-device-float 7s ease-in-out infinite}.kd-more .webdev-hero-visual img{box-shadow:0 24px 70px #0005;border:1px solid #ffffff10;transition:box-shadow .4s}.kd-more .webdev-hero-visual:hover img{box-shadow:0 26px 80px #ffdc0012}.kd-more .proj-card{position:relative;isolation:isolate;overflow:hidden;transition:transform .45s,border-color .45s,box-shadow .45s}.kd-more .proj-card img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s}.kd-more .proj-card:hover img{transform:scale(1.035);filter:brightness(1.06)}.kd-more .proj-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px #0004}.kd-more .auto-card,.kd-more .clarity-card,.kd-more .spec-card,.kd-more .s6-card,.kd-more .f3card{transition:border-color .35s,box-shadow .35s,transform .35s}.kd-more .auto-card:hover,.kd-more .clarity-card:hover,.kd-more .spec-card:hover,.kd-more .s6-card:hover,.kd-more .f3card:hover{border-color:#ffdc0070;box-shadow:0 12px 35px #0003;transform:translateY(-4px)}.kd-more .c-card{transition:transform .3s,border-color .3s,background .3s}.kd-more .c-card:hover{transform:translateX(5px);border-color:#ffdc0070;background:#ffdc0008}.kd-more input,.kd-more textarea{transition:border-color .25s,box-shadow .25s}.kd-more input:focus,.kd-more textarea:focus{border-color:#ffdc00!important;box-shadow:0 0 0 3px #ffdc0012;outline:none}.kd-more .hero-globe-wrap{animation:kd-device-float 8s ease-in-out infinite}.kd-more .auto-actions a,.kd-more .btn-y,.kd-more .cta-btn{transition:transform .25s,box-shadow .25s}.kd-more .auto-actions a:hover,.kd-more .btn-y:hover,.kd-more .cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #ffdc001c}.kd-more-reveal{opacity:0!important;transform:translateY(18px)!important;transition:opacity .65s ease,transform .65s ease!important;transition-delay:var(--kd-more-delay,0ms)!important}.kd-more-reveal.kd-more-visible{opacity:1!important;transform:translateY(0)!important}.kd-demo-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.kd-demo-tabs button{font-family:inherit;font-size:11px;border-radius:6px;padding:9px 11px;background:#dfddd6;border:1px solid transparent;color:#202020;cursor:pointer}.kd-demo-tabs button[aria-pressed=true]{background:#ffdc00;border-color:#b6a000}.kd-demo-tabs button:focus-visible,.kd-demo-replay:focus-visible,.kd-motion-control:focus-visible{outline:2px solid #c8a900;outline-offset:3px}.kd-demo-replay{display:block;cursor:pointer;color:#e3dfc8;border:1px solid #595547;background:transparent;padding:9px 12px;border-radius:7px;font:11px/1.4 Arial;margin-top:14px}.kr-node{position:relative}.kd-active.kr-node:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 18px #ffdc0010;animation:kd-node-arrive .6s ease-out}.kr-ui-art.kd-replaying .kr-wire{animation:kd-wire-build 1.2s ease-out both}.kr-ui-art.kd-replaying .kr-ui-product{animation:kd-screen-arrive .8s .4s both}.kr-ui-art.kd-replaying .kr-ui-button{animation:kd-screen-arrive .6s .8s both}.kr-window.kd-changing{animation:kd-screen-arrive .4s ease-out}.kr-phone.kd-active .kr-phone-item.yellow{box-shadow:0 4px 16px #cfb40020}.kr-status-item.kd-active:before{content:'✓';color:#ffdc00;animation:kd-screen-arrive .4s}.kd-demo-hint{font-size:11px;color:#9d9d8b;margin-top:12px}.kd-paused .webdev-hero-visual,.kd-paused .hero-globe-wrap,.kd-paused .kd-active:after{animation-play-state:paused!important}.kd-paused .kd-more-reveal{opacity:1!important;transform:none!important;transition:none!important}@keyframes kd-device-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes kd-node-arrive{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes kd-screen-arrive{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes kd-wire-build{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media(pointer:coarse){.kd-more .webdev-hero-visual,.kd-more .hero-globe-wrap{animation:none}.kd-more .proj-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.kd-more *,.kr-ui-art *,.kr-window{animation:none!important;transition:none!important;scroll-behavior:auto!important}.kd-more-reveal{opacity:1!important;transform:none!important}}