.k360demo{--kd-bg:#10120f;--kd-paper:#f2f3ed;--kd-lime:#d5ff5f;--kd-muted:#a3aa99;--kd-line:#34392e;max-width:1440px;margin:0 auto;padding:112px 64px;color:var(--kd-paper);font-family:inherit;box-sizing:border-box}
.k360demo *{box-sizing:border-box}.k360demo button,.k360demo input{font:inherit}.k360demo button{cursor:pointer}.k360demo [hidden]{display:none!important}.k360demo button:focus-visible,.k360demo input:focus-visible{outline:2px solid var(--kd-lime);outline-offset:5px}.k360demo__intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;margin-bottom:38px}.k360demo__eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:600;letter-spacing:1.9px;color:var(--kd-muted);margin:0 0 22px}.k360demo__eyebrow>span{width:6px;height:6px;background:var(--kd-lime)}.k360demo h2{font-size:clamp(40px,4.5vw,66px);line-height:1.05;font-weight:500;letter-spacing:-2.7px;margin:0}.k360demo h2 em{font-style:normal;color:var(--kd-lime)}.k360demo__intro-copy{max-width:420px;font-size:15px;line-height:1.8;color:var(--kd-muted);margin:0 0 3px}.k360demo__console{background:var(--kd-bg);border:1px solid var(--kd-line);border-radius:18px;overflow:hidden;box-shadow:0 18px 70px #0002}.k360demo__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--kd-line);padding:0 24px;background:#161912}.k360demo__tabs{display:flex;align-self:stretch;gap:22px}.k360demo__tab{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--kd-muted);padding:22px 0 20px;font-size:12px;font-weight:500;white-space:nowrap;transition:color .2s,border-color .2s}.k360demo__tab span{font-size:9px;margin-right:7px;opacity:.5}.k360demo__tab[aria-selected=true]{border-bottom-color:var(--kd-lime);color:var(--kd-lime)}.k360demo__tab:hover{color:var(--kd-paper)}.k360demo__sample{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.15px;color:var(--kd-muted);white-space:nowrap}.k360demo__sample i{display:block;width:4px;height:4px;border-radius:50%;background:var(--kd-muted)}.k360demo__panel{padding:34px 30px 0;animation:k360-enter .3s ease both}.k360demo__panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.k360demo__mini{display:block;margin:0;font-size:9px;letter-spacing:1.5px;font-weight:500;color:var(--kd-muted)}.k360demo h3{font-size:21px;line-height:1.35;letter-spacing:-.55px;font-weight:500;margin:10px 0 0}.k360demo__status{font-size:10px;line-height:1.3;white-space:nowrap;color:var(--kd-muted);border:1px solid var(--kd-line);border-radius:40px;padding:7px 12px;background:#1b1e17}.k360demo__status.is-running{color:var(--kd-lime);border-color:#576834}.k360demo__status.is-alert{color:#ffb18e;border-color:#82543e}.k360demo__flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.k360demo__node{position:relative;background:#181c14;border:1px solid var(--kd-line);border-radius:8px;min-height:216px;padding:18px 20px;transition:border-color .3s,background .3s,transform .3s}.k360demo__node:not(:last-child):after{content:'→';font-size:15px;color:#677358;position:absolute;right:-14px;top:46%;z-index:1;background:var(--kd-bg);line-height:22px}.k360demo__node-n{position:absolute;right:14px;top:14px;font-size:9px;color:#758066}.k360demo__node-icon{width:43px;height:43px;margin:4px 0 22px;color:#9aa78a}.k360demo__node-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.k360demo h4{font-size:16px;font-weight:500;margin:0 0 6px;letter-spacing:-.25px}.k360demo__node p{font-size:11px;color:var(--kd-muted);margin:0 0 15px}.k360demo__node-state{font-size:9px;color:#78856b;text-transform:uppercase;letter-spacing:.9px}.k360demo__node.is-current{border-color:#8eaf45;background:#202815;transform:translateY(-3px)}.k360demo__node.is-current .k360demo__node-icon,.k360demo__node.is-current .k360demo__node-state{color:var(--kd-lime)}.k360demo__node.is-done{border-color:#52613b}.k360demo__node.is-done .k360demo__node-state{color:#bfd28f}.k360demo__detail{display:flex;align-items:center;gap:20px;min-height:112px;border-top:1px solid var(--kd-line);padding:22px 0}.k360demo__detail-label{display:flex;gap:8px;align-items:center;flex:none;font-size:9px;letter-spacing:.8px;color:#bec7ad}.k360demo__signal{width:5px;height:5px;background:var(--kd-lime);border-radius:50%}.k360demo__detail-copy{flex:1}.k360demo__detail-copy strong{display:block;font-size:12px;font-weight:500;line-height:1.6}.k360demo__detail-copy p{margin:4px 0 0;font-size:11px;line-height:1.7;color:var(--kd-muted);max-width:510px}.k360demo__action{display:flex;align-items:center;justify-content:center;gap:20px;flex:none;border:1px solid var(--kd-lime);border-radius:5px;background:var(--kd-lime);color:#17200b;padding:13px 16px;font-size:11px;font-weight:600;transition:background .2s,transform .2s;min-height:44px}.k360demo__action:hover{background:#e2ff96;transform:translateY(-2px)}.k360demo__action:disabled{opacity:.7;cursor:wait;transform:none}.k360demo__action span{font-size:19px;line-height:1}.k360demo__footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;padding:12px 30px;border-top:1px solid var(--kd-line);background:#13160f}.k360demo__footer>span{font-size:8px;letter-spacing:1.4px;color:#88917c}.k360demo__pause{border:0;background:transparent;color:#b4bda9;font-size:10px;display:flex;gap:9px;align-items:center;padding:5px}.k360demo__pause span{color:var(--kd-lime);font-size:12px}.k360demo__pause:disabled{opacity:.45;cursor:default}.k360demo__vision-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:18px;margin-bottom:20px}.k360demo__warehouse{border:1px solid var(--kd-line);border-radius:8px;background:#151912;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.k360demo__map-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px 8px;font-size:8px;letter-spacing:1px;color:#a5b293}.k360demo__map-caption>span:last-child{letter-spacing:0;display:flex;align-items:center;gap:5px}.k360demo__legend-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--kd-lime)}.k360demo__map{display:block;width:100%;height:auto;min-height:240px;max-height:290px}.k360demo__racks path{fill:#242b1d;stroke:#697658;stroke-width:1}.k360demo__racks path:last-child{fill:#303b22;stroke:#4f5d3d}.k360demo__event{border:1px solid var(--kd-line);border-radius:8px;padding:20px;background:#191e14}.k360demo__event-icon{display:block;font-size:44px;line-height:1;color:var(--kd-lime);margin:10px 0 14px}.k360demo__event h4{font-size:15px}.k360demo__event p:not(.k360demo__mini){font-size:11px;line-height:1.65;color:var(--kd-muted);margin:0;min-height:56px}.k360demo__event dl{margin:18px 0 0}.k360demo__event dl div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--kd-line);font-size:9px}.k360demo__event dt{color:#8f9b81}.k360demo__event dd{margin:0;color:#d4dcc9;text-align:right}.k360demo__event.is-alert{border-color:#82543e;background:#251f16}.k360demo__event.is-alert .k360demo__event-icon{color:#ffb18e}.k360demo__warehouse.is-alert .k360demo__zone{stroke:#ffb18e;fill:#ff8b5814}.k360demo__vision-note{max-width:630px;font-size:10px;line-height:1.7;color:var(--kd-muted);margin:0}.k360demo__detail--vision{min-height:88px;justify-content:space-between}.k360demo__budget{display:grid;grid-template-columns:1fr 1.16fr;gap:70px;padding:0 8px 24px}.k360demo__budget-control{padding:9px 0}.k360demo__budget-total{font-size:64px;letter-spacing:-3px;line-height:1.15;font-weight:500;margin:10px 0 14px;font-variant-numeric:tabular-nums}.k360demo__budget-total>span{font-size:16px;letter-spacing:0;color:var(--kd-muted);margin-left:10px}.k360demo__budget-help{font-size:11px;line-height:1.8;color:var(--kd-muted);margin:0 0 25px;max-width:330px}.k360demo__range-label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px;font-size:12px}.k360demo__range-label output{font-size:15px;font-variant-numeric:tabular-nums;color:var(--kd-lime)}.k360demo__range{display:block;width:100%;height:5px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--kd-lime) 0%,var(--kd-lime) var(--range-fill,66.667%),#363e2d var(--range-fill,66.667%),#363e2d 100%);border-radius:6px;cursor:ew-resize;touch-action:pan-y}.k360demo__range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;border:4px solid var(--kd-bg);border-radius:50%;height:22px;width:22px;background:var(--kd-lime);box-shadow:0 0 0 1px #8fab52}.k360demo__range::-moz-range-thumb{border:4px solid var(--kd-bg);border-radius:50%;height:14px;width:14px;background:var(--kd-lime);box-shadow:0 0 0 1px #8fab52}.k360demo__range-end{display:flex;justify-content:space-between;font-size:9px;color:#839173;margin-top:14px}.k360demo__presets{display:flex;gap:8px;margin-top:19px}.k360demo__presets button{border:1px solid var(--kd-line);border-radius:4px;background:transparent;color:var(--kd-muted);font-size:10px;padding:7px 13px;min-height:34px}.k360demo__presets button.is-active{border-color:#829e4c;color:var(--kd-lime);background:#27331b}.k360demo__allocation{padding:22px 24px;border:1px solid var(--kd-line);border-radius:8px;background:#181c14}.k360demo__allocation-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--kd-muted);margin-bottom:20px}.k360demo__budget-bar{height:30px;display:flex;gap:3px;border-radius:3px;overflow:hidden;margin-bottom:20px}.k360demo__budget-bar span{height:100%;transition:width .15s ease}.k360demo__budget-bar span:nth-child(1),.k360demo__swatch--lead{background:var(--kd-lime)}.k360demo__budget-bar span:nth-child(2),.k360demo__swatch--remarket{background:#789946}.k360demo__budget-bar span:nth-child(3),.k360demo__swatch--test{background:#414c34}.k360demo__alloc-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--kd-line);padding:15px 0}.k360demo__alloc-row>div{display:flex;align-items:flex-start;gap:10px}.k360demo__swatch{display:block;width:7px;height:7px;margin-top:4px;flex:none}.k360demo__alloc-row span{font-size:12px}.k360demo__alloc-row small{display:block;font-size:9px;color:var(--kd-muted);margin-top:5px}.k360demo__alloc-row>strong{font-size:15px;white-space:nowrap;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.25px}.k360demo__allocation-total{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:11px}.k360demo__allocation-total>strong{margin-left:auto;font-size:17px;font-weight:500;font-variant-numeric:tabular-nums}.k360demo__check{display:flex;align-items:center;justify-content:center;border:1px solid #80984e;border-radius:50%;width:18px;height:18px;color:var(--kd-lime);font-size:10px}.k360demo__budget-note{font-size:10px;line-height:1.7;color:var(--kd-muted);margin:0;border-top:1px solid var(--kd-line);padding:18px 0}.k360demo__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes k360-enter{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.k360demo{padding-left:80px;padding-right:80px}}
@media(max-width:1100px){.k360demo{padding:90px 32px}.k360demo__toolbar{flex-wrap:wrap;gap:0;padding:0 22px 12px}.k360demo__tabs{width:100%}.k360demo__sample{margin-top:10px}.k360demo__detail{flex-wrap:wrap}.k360demo__detail-label{display:none}.k360demo__detail-copy{min-width:260px}.k360demo__budget{gap:32px;padding-left:0;padding-right:0}.k360demo__vision-layout{grid-template-columns:minmax(0,1fr) 210px}.k360demo__event{padding:16px}.k360demo__node{padding:18px 15px}}
@media(max-width:760px){.k360demo{padding:72px 20px}.k360demo__intro{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.k360demo h2{font-size:45px;letter-spacing:-1.9px}.k360demo__intro-copy{max-width:480px;font-size:14px}.k360demo__toolbar{padding:0 18px 13px}.k360demo__tabs{gap:17px}.k360demo__tab{font-size:10px;padding:19px 0 17px}.k360demo__tab span{display:none}.k360demo__panel{padding:25px 18px 0}.k360demo__panel-head{align-items:flex-start;gap:14px}.k360demo h3{font-size:18px}.k360demo__status{font-size:8px;padding:6px 9px}.k360demo__mini{font-size:8px;letter-spacing:1.2px}.k360demo__flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.k360demo__node{min-height:180px;padding:16px}.k360demo__node-icon{width:35px;height:35px;margin:0 0 15px}.k360demo__node:nth-child(2):after{display:none}.k360demo__node h4{font-size:14px}.k360demo__node p{font-size:10px;margin-bottom:12px}.k360demo__node.is-current{transform:none}.k360demo__detail-copy{min-width:0;width:100%;flex:auto}.k360demo__action{width:100%;justify-content:space-between}.k360demo__footer{padding:12px 18px;gap:12px}.k360demo__footer>span{max-width:150px;font-size:7px;line-height:1.6;letter-spacing:1px}.k360demo__pause{font-size:9px;white-space:nowrap}.k360demo__vision-layout{grid-template-columns:1fr;gap:14px}.k360demo__map{min-height:180px;max-height:none}.k360demo__map-caption{font-size:7px;padding:14px 12px 4px}.k360demo__event{position:relative;padding:18px}.k360demo__event-icon{position:absolute;right:20px;top:7px;font-size:32px;margin:0}.k360demo__event h4{margin-top:12px}.k360demo__event p:not(.k360demo__mini){min-height:0;max-width:90%}.k360demo__event dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.k360demo__event dl div{display:block}.k360demo__event dd{margin-top:5px;text-align:left;font-size:8px}.k360demo__detail--vision{gap:18px}.k360demo__budget{grid-template-columns:1fr;gap:26px;padding-bottom:24px}.k360demo__budget-total{font-size:59px}.k360demo__budget-help{max-width:none}.k360demo__allocation{padding:20px}.k360demo__budget-control{padding:0}.k360demo__alloc-row>strong{font-size:14px}.k360demo__alloc-row span{font-size:11px}.k360demo__allocation-total{font-size:10px}}
@media(max-width:380px){.k360demo{padding-left:14px;padding-right:14px}.k360demo__tabs{gap:12px}.k360demo__tab{font-size:9px}.k360demo__panel-head{flex-wrap:wrap}.k360demo__node{padding:14px}.k360demo__map-caption>span:last-child{display:none}.k360demo__allocation{padding:16px}}
@media(prefers-reduced-motion:reduce){.k360demo *,.k360demo *:before,.k360demo *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.k360demo__node.is-current,.k360demo__action:hover{transform:none}}