/* MagaWatts LLC case-study extensions */
.page-magawatts-case .kp-case-logo-link { width:min(370px,100%); justify-content:center; cursor:default; }
.page-magawatts-case .kp-case-logo { max-height:92px; object-position:center; }
.page-magawatts-case .kp-mw-ataglance-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.page-magawatts-case .kp-mw-ataglance-grid .kp-mini-label { display:block; color:#8a2528; font-size:.8rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }

.page-magawatts-case .kp-mw-hero-system { position:relative; min-height:600px; padding:36px; overflow:hidden; }
.page-magawatts-case .kp-mw-system-center { position:absolute; left:50%; top:50%; width:min(300px,34%); min-height:190px; transform:translate(-50%,-50%); display:grid; place-items:center; align-content:center; gap:10px; padding:28px; text-align:center; border:1px solid rgba(138,37,40,.18); border-radius:28px; background:#fff; z-index:3; }
.page-magawatts-case .kp-mw-system-center img { width:190px; max-height:70px; object-fit:contain; }
.page-magawatts-case .kp-mw-system-center small { color:rgba(17,17,17,.58); line-height:1.5; }
.page-magawatts-case .kp-mw-system-node { position:absolute; width:min(260px,27%); min-height:130px; padding:20px; border:1px solid rgba(17,17,17,.08); border-radius:20px; background:#fff; z-index:2; transition:transform .28s ease,border-color .28s ease; }
.page-magawatts-case .kp-mw-system-node:hover { transform:translateY(-5px); border-color:rgba(138,37,40,.22); }
.page-magawatts-case .kp-mw-system-node span,.page-magawatts-case .kp-mw-system-node small { display:block; }
.page-magawatts-case .kp-mw-system-node span { color:#111; font-weight:850; line-height:1.35; }
.page-magawatts-case .kp-mw-system-node small { margin-top:8px; color:rgba(17,17,17,.58); line-height:1.5; }
.page-magawatts-case .kp-mw-system-node::after { content:""; position:absolute; width:80px; height:1px; background:linear-gradient(90deg,rgba(138,37,40,.38),rgba(138,37,40,.08)); }
.page-magawatts-case .kp-mw-system-node--employee { left:3%; top:7%; }
.page-magawatts-case .kp-mw-system-node--employee::after { left:100%; top:70%; transform:rotate(24deg); transform-origin:left; }
.page-magawatts-case .kp-mw-system-node--onboarding { left:3%; top:39%; }
.page-magawatts-case .kp-mw-system-node--onboarding::after { left:100%; top:50%; }
.page-magawatts-case .kp-mw-system-node--payroll { left:8%; bottom:7%; }
.page-magawatts-case .kp-mw-system-node--payroll::after { left:100%; top:28%; transform:rotate(-25deg); transform-origin:left; }
.page-magawatts-case .kp-mw-system-node--commission { right:8%; bottom:7%; }
.page-magawatts-case .kp-mw-system-node--commission::after { right:100%; top:28%; transform:rotate(25deg); transform-origin:right; }
.page-magawatts-case .kp-mw-system-node--storage { right:3%; top:39%; }
.page-magawatts-case .kp-mw-system-node--storage::after { right:100%; top:50%; }
.page-magawatts-case .kp-mw-system-node--dashboard { right:3%; top:7%; }
.page-magawatts-case .kp-mw-system-node--dashboard::after { right:100%; top:70%; transform:rotate(-24deg); transform-origin:right; }
.page-magawatts-case.kp-case-effects-ready [data-kp-mw-system-preview] .kp-mw-system-node,.page-magawatts-case.kp-case-effects-ready [data-kp-mw-system-preview] .kp-mw-system-center { opacity:0; transform:translateY(24px) scale(.97); }
.page-magawatts-case.kp-case-effects-ready [data-kp-mw-system-preview] .kp-mw-system-center { transform:translate(-50%,calc(-50% + 24px)) scale(.97); }
.page-magawatts-case [data-kp-mw-system-preview].is-system-animated .kp-mw-system-node { opacity:1; transform:translateY(0) scale(1); transition:opacity .6s ease,transform .72s var(--kp-case-ease); }
.page-magawatts-case [data-kp-mw-system-preview].is-system-animated .kp-mw-system-center { opacity:1; transform:translate(-50%,-50%) scale(1); transition:opacity .65s ease,transform .78s var(--kp-case-ease); }
.page-magawatts-case [data-kp-mw-system-preview].is-system-animated .kp-mw-system-node:nth-of-type(1){transition-delay:80ms}.page-magawatts-case [data-kp-mw-system-preview].is-system-animated .kp-mw-system-node:nth-of-type(2){transition-delay:160ms}.page-magawatts-case [data-kp-mw-system-preview].is-system-animated .kp-mw-system-node:nth-of-type(3){transition-delay:240ms}.page-magawatts-case [data-kp-mw-system-preview].is-system-animated .kp-mw-system-node:nth-of-type(5){transition-delay:320ms}.page-magawatts-case [data-kp-mw-system-preview].is-system-animated .kp-mw-system-node:nth-of-type(6){transition-delay:400ms}.page-magawatts-case [data-kp-mw-system-preview].is-system-animated .kp-mw-system-node:nth-of-type(7){transition-delay:480ms}

.page-magawatts-case .kp-mw-before-visual,.page-magawatts-case .kp-mw-confidential-card,.page-magawatts-case .kp-mw-before-after>article { padding:28px; }
.page-magawatts-case .kp-mw-disconnected-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:22px 0; }
.page-magawatts-case .kp-mw-disconnected-grid span { padding:16px; border:1px dashed rgba(138,37,40,.24); border-radius:16px; background:rgba(138,37,40,.025); text-align:center; font-weight:760; }
.page-magawatts-case .kp-mw-manual-center { padding:18px; border-radius:18px; background:rgba(138,37,40,.07); color:#8a2528; text-align:center; font-weight:850; }

.page-magawatts-case .kp-mw-audit-map { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-areas:"s1 s2 s3 s4" ". s7 s6 s5"; gap:42px 50px; }
.page-magawatts-case .kp-mw-audit-map .kp-process-node[data-step="1"]{grid-area:s1}.page-magawatts-case .kp-mw-audit-map .kp-process-node[data-step="2"]{grid-area:s2}.page-magawatts-case .kp-mw-audit-map .kp-process-node[data-step="3"]{grid-area:s3}.page-magawatts-case .kp-mw-audit-map .kp-process-node[data-step="4"]{grid-area:s4}.page-magawatts-case .kp-mw-audit-map .kp-process-node[data-step="5"]{grid-area:s5}.page-magawatts-case .kp-mw-audit-map .kp-process-node[data-step="6"]{grid-area:s6}.page-magawatts-case .kp-mw-audit-map .kp-process-node[data-step="7"]{grid-area:s7}
.page-magawatts-case .kp-mw-audit-map .kp-process-node::after,.page-magawatts-case .kp-mw-architecture-flow .kp-process-node::after { position:absolute; z-index:2; width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(138,37,40,.18); border-radius:999px; background:#fff; color:#8a2528; font-weight:900; }
.page-magawatts-case .kp-mw-audit-map .kp-process-node[data-step="1"]::after,.page-magawatts-case .kp-mw-audit-map .kp-process-node[data-step="2"]::after,.page-magawatts-case .kp-mw-audit-map .kp-process-node[data-step="3"]::after { content:"→"; right:-42px; top:50%; transform:translateY(-50%); }
.page-magawatts-case .kp-mw-audit-map .kp-process-node[data-step="4"]::after { content:"↓"; left:50%; bottom:-38px; transform:translateX(-50%); }
.page-magawatts-case .kp-mw-audit-map .kp-process-node[data-step="5"]::after,.page-magawatts-case .kp-mw-audit-map .kp-process-node[data-step="6"]::after { content:"←"; left:-42px; top:50%; transform:translateY(-50%); }
.page-magawatts-case .kp-mw-audit-map .kp-process-node[data-step="7"]::after { display:none; content:none; }
.page-magawatts-case .kp-mw-audit-example { margin-top:34px; padding:28px; }
.page-magawatts-case .kp-mw-example-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:18px; }
.page-magawatts-case .kp-mw-example-grid>div { padding:18px; border:1px solid rgba(17,17,17,.08); border-radius:18px; background:rgba(17,17,17,.02); }
.page-magawatts-case .kp-mw-example-grid p { margin:8px 0 0; }

.page-magawatts-case .kp-mw-operations-map { padding:30px; }
.page-magawatts-case .kp-mw-operations-center { width:min(360px,100%); margin:0 auto 30px; padding:24px; display:grid; place-items:center; gap:10px; text-align:center; border:1px solid rgba(138,37,40,.18); border-radius:24px; background:rgba(138,37,40,.04); }
.page-magawatts-case .kp-mw-operations-center img { width:190px; max-height:64px; object-fit:contain; }
.page-magawatts-case .kp-mw-function-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.page-magawatts-case .kp-mw-function-grid span { min-height:86px; display:grid; place-items:center; padding:18px; border:1px solid rgba(17,17,17,.08); border-radius:18px; background:#fff; text-align:center; font-weight:780; }
.page-magawatts-case .kp-mw-platform-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:28px; padding-top:28px; border-top:1px solid rgba(17,17,17,.08); }
.page-magawatts-case .kp-mw-platform-grid article { padding:20px; border-radius:18px; background:rgba(138,37,40,.045); text-align:center; }
.page-magawatts-case .kp-mw-platform-grid strong,.page-magawatts-case .kp-mw-platform-grid small { display:block; }
.page-magawatts-case .kp-mw-platform-grid small { margin-top:6px; color:rgba(17,17,17,.58); }
.page-magawatts-case.kp-case-effects-ready [data-kp-mw-operations-map] .kp-mw-function-grid span,.page-magawatts-case.kp-case-effects-ready [data-kp-mw-operations-map] .kp-mw-platform-grid article { opacity:0; transform:translateY(20px); }
.page-magawatts-case [data-kp-mw-operations-map].is-operations-animated .kp-mw-function-grid span,.page-magawatts-case [data-kp-mw-operations-map].is-operations-animated .kp-mw-platform-grid article { opacity:1; transform:translateY(0); transition:opacity .55s ease,transform .65s var(--kp-case-ease); }

.page-magawatts-case .kp-mw-benefit { margin-top:18px!important; padding-top:16px; border-top:1px solid rgba(17,17,17,.07); }
.page-magawatts-case .kp-mw-architecture-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-areas:"s1 s2 s3" "s6 s5 s4"; gap:42px 50px; }
.page-magawatts-case .kp-mw-architecture-flow .kp-process-node[data-step="1"]{grid-area:s1}.page-magawatts-case .kp-mw-architecture-flow .kp-process-node[data-step="2"]{grid-area:s2}.page-magawatts-case .kp-mw-architecture-flow .kp-process-node[data-step="3"]{grid-area:s3}.page-magawatts-case .kp-mw-architecture-flow .kp-process-node[data-step="4"]{grid-area:s4}.page-magawatts-case .kp-mw-architecture-flow .kp-process-node[data-step="5"]{grid-area:s5}.page-magawatts-case .kp-mw-architecture-flow .kp-process-node[data-step="6"]{grid-area:s6}
.page-magawatts-case .kp-mw-architecture-flow .kp-process-node[data-step="1"]::after,.page-magawatts-case .kp-mw-architecture-flow .kp-process-node[data-step="2"]::after { content:"→"; right:-42px; top:50%; transform:translateY(-50%); }
.page-magawatts-case .kp-mw-architecture-flow .kp-process-node[data-step="3"]::after { content:"↓"; left:50%; bottom:-38px; transform:translateX(-50%); }
.page-magawatts-case .kp-mw-architecture-flow .kp-process-node[data-step="4"]::after,.page-magawatts-case .kp-mw-architecture-flow .kp-process-node[data-step="5"]::after { content:"←"; left:-42px; top:50%; transform:translateY(-50%); }
.page-magawatts-case .kp-mw-architecture-flow .kp-process-node[data-step="6"]::after { display:none; content:none; }

.page-magawatts-case .kp-mw-principles-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.page-magawatts-case .kp-mw-value-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px; }
.page-magawatts-case .kp-mw-value-grid article:nth-child(1),.page-magawatts-case .kp-mw-value-grid article:nth-child(2),.page-magawatts-case .kp-mw-value-grid article:nth-child(3){grid-column:span 2}.page-magawatts-case .kp-mw-value-grid article:nth-child(4){grid-column:2/span 2}.page-magawatts-case .kp-mw-value-grid article:nth-child(5){grid-column:4/span 2}
.page-magawatts-case .kp-mw-before-after { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.page-magawatts-case .kp-mw-owned-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.page-magawatts-case .kp-mw-highlight { max-width:900px; margin:24px auto 0; padding:24px 28px; border-left:3px solid #8a2528; text-align:center; font-weight:720; line-height:1.7; }
.page-magawatts-case .kp-mw-final-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:14px; margin-top:30px; }
.page-magawatts-case .kp-case-major-divider { width:min(calc(100% - 48px),1060px); height:1px; margin:12px auto 0; background:linear-gradient(90deg,transparent,rgba(17,17,17,.22),transparent); }
.page-magawatts-case .kp-case-major-divider--after-cta { margin-bottom:72px; }
.page-magawatts-case .kp-case-final-cta { padding:78px 0; text-align:center; }

/* City Publications-style process motion for all MagaWatts LLC maps */
.page-magawatts-case.kp-case-effects-ready [data-kp-mw-process-map] .kp-process-node { opacity:0; transform:translateY(24px) scale(.975); }
.page-magawatts-case.kp-case-effects-ready [data-kp-mw-process-map] .kp-process-node::after { opacity:0; }
.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-node { opacity:1; transform:translateY(0) scale(1); transition:opacity .62s ease,transform .72s var(--kp-case-ease),border-color .26s ease; }
.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-node::after { opacity:1; transition:opacity .36s ease; animation:kpMapArrowPulseHorizontal 1.45s ease-in-out infinite; }
.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-number { position:relative; overflow:hidden; }
.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-number::after { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.66) 48%,transparent 82%); transform:translateX(-130%); animation:kpProcessNumberSweep 2.8s ease-in-out infinite; }
.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-node:nth-child(1){transition-delay:40ms}.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-node:nth-child(2){transition-delay:130ms}.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-node:nth-child(3){transition-delay:220ms}.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-node:nth-child(4){transition-delay:310ms}.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-node:nth-child(5){transition-delay:400ms}.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-node:nth-child(6){transition-delay:490ms}.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-node:nth-child(7){transition-delay:580ms}
.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-node:nth-child(2) .kp-process-number::after{animation-delay:180ms}.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-node:nth-child(3) .kp-process-number::after{animation-delay:360ms}.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-node:nth-child(4) .kp-process-number::after{animation-delay:540ms}.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-node:nth-child(5) .kp-process-number::after{animation-delay:720ms}.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-node:nth-child(6) .kp-process-number::after{animation-delay:900ms}.page-magawatts-case [data-kp-mw-process-map].is-map-animated .kp-process-node:nth-child(7) .kp-process-number::after{animation-delay:1080ms}

@media (max-width:1080px){
 .page-magawatts-case .kp-mw-hero-system{min-height:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}.page-magawatts-case .kp-mw-system-center,.page-magawatts-case .kp-mw-system-node{position:relative; inset:auto; width:auto; min-height:130px; transform:none!important}.page-magawatts-case .kp-mw-system-center{grid-column:span 2}.page-magawatts-case .kp-mw-system-node::after{display:none}
 .page-magawatts-case .kp-mw-audit-map,.page-magawatts-case .kp-mw-architecture-flow{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:none;gap:38px 44px}.page-magawatts-case .kp-mw-audit-map .kp-process-node,.page-magawatts-case .kp-mw-architecture-flow .kp-process-node{grid-area:auto!important}.page-magawatts-case .kp-mw-audit-map .kp-process-node::after,.page-magawatts-case .kp-mw-architecture-flow .kp-process-node::after{content:"↓"!important;left:50%!important;right:auto!important;top:auto!important;bottom:-35px!important;transform:translateX(-50%)!important}.page-magawatts-case .kp-mw-audit-map .kp-process-node:last-child::after,.page-magawatts-case .kp-mw-architecture-flow .kp-process-node:last-child::after{display:none!important;content:none!important}
 .page-magawatts-case .kp-mw-example-grid,.page-magawatts-case .kp-mw-ataglance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-magawatts-case .kp-mw-function-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-magawatts-case .kp-mw-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-magawatts-case .kp-mw-value-grid article{grid-column:auto!important}.page-magawatts-case .kp-mw-owned-grid{grid-template-columns:1fr}.page-magawatts-case .kp-mw-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
 .page-magawatts-case .kp-mw-hero-system,.page-magawatts-case .kp-mw-ataglance-grid,.page-magawatts-case .kp-mw-example-grid,.page-magawatts-case .kp-mw-function-grid,.page-magawatts-case .kp-mw-platform-grid,.page-magawatts-case .kp-mw-principles-grid,.page-magawatts-case .kp-mw-value-grid,.page-magawatts-case .kp-mw-before-after{grid-template-columns:1fr}.page-magawatts-case .kp-mw-system-center{grid-column:span 1}.page-magawatts-case .kp-mw-ataglance-grid .kp-ataglance-item{border-right:0;border-bottom:1px solid rgba(17,17,17,.08);padding:24px 0}.page-magawatts-case .kp-mw-ataglance-grid .kp-ataglance-item:last-child{border-bottom:0}.page-magawatts-case .kp-mw-final-actions{flex-direction:column}.page-magawatts-case .kp-mw-final-actions .kp-cta-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.page-magawatts-case [data-kp-mw-process-map] .kp-process-node,.page-magawatts-case [data-kp-mw-system-preview] .kp-mw-system-node,.page-magawatts-case [data-kp-mw-system-preview] .kp-mw-system-center{opacity:1!important;transform:none!important}.page-magawatts-case [data-kp-mw-process-map] .kp-process-node::after,.page-magawatts-case [data-kp-mw-process-map] .kp-process-number::after{animation:none!important}}