@keyframes cp-detail-in{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}@keyframes cp-line-pulse{0%,100%{opacity:1}50%{opacity:.3}}@keyframes cp-scan{0%{top:100%;opacity:0}5%{opacity:.8}90%{opacity:.6}100%{top:0%;opacity:0}}.change-pyramid-wrap{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:none;box-sizing:border-box;align-items:center;min-height:340px}.cp-panel{padding:2rem 3rem 2rem 0;position:relative;min-height:340px;display:flex;align-items:center}.cp-panel-hint{color:rgb(200 215 240 / .55);font-size:12px;font-style:italic;pointer-events:none;transition:opacity .25s ease;position:absolute}.cp-panel.has-detail .cp-panel-hint{opacity:0}.cp-detail{display:none;width:100%;flex-direction:column;gap:.65rem}.cp-detail.is-visible{display:flex;animation:cp-detail-in .32s cubic-bezier(.4,0,.2,1) both}.cp-detail-card{padding:1.4rem 1.6rem;border-radius:2px;background:rgb(255 255 255 / .03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .1)}.cp-detail-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.9rem}.cp-detail-num{display:none}.cp-detail-title{font-size:22px;font-weight:700;color:rgb(230 240 255 / .95);display:block;line-height:1.2}.cp-detail-subtitle{font-size:11.5px;color:rgb(160 185 220 / .7);display:block;margin-top:.25rem;font-weight:400}.cp-detail-text{font-size:13px;line-height:1.76;color:rgb(195 215 245 / .8);margin:0 0 1rem}.cp-output{display:block;padding:1rem 1.6rem;border-radius:2px;background:rgb(255 255 255 / .03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .1);border-left:2px solid var(--cp-detail-accent,#7c3aed)}.cp-output-label{font-size:9.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--cp-detail-accent,#7c3aed);display:block;margin-bottom:.4rem}.cp-output-text{font-size:13px;line-height:1.76;color:rgb(195 215 245 / .8);display:block}.cp-pyramid-col{padding:2.5rem 1.5rem;display:flex;justify-content:center;align-items:center;position:relative}.change-pyramid{display:flex;flex-direction:column;gap:6px;align-items:center;width:100%;max-width:560px;position:relative;z-index:1}.change-pyramid::after{content:'';position:absolute;left:6%;right:6%;height:1.5px;top:100%;opacity:0;background:linear-gradient(90deg,transparent 0%,rgb(148 180 255 / .55) 35%,rgb(210 235 255 / .9) 50%,rgb(148 180 255 / .55) 65%,transparent 100%);pointer-events:none;z-index:20}.change-pyramid.cp-scan-run::after{animation:cp-scan 3.5s ease-in-out 1 forwards}.cp-item--1{--cp-accent:#7c3aed;--cp-c1:#7c3aed;--cp-c2:#6366f1;--cp-fill:rgba(22, 10, 50, 0.92)}.cp-item--2{--cp-accent:#5b6cf5;--cp-c1:#6366f1;--cp-c2:#4f7ef5;--cp-fill:rgba(12, 15, 60, 0.92)}.cp-item--3{--cp-accent:#4f7ef5;--cp-c1:#4f7ef5;--cp-c2:#38bdf8;--cp-fill:rgba(8,  18, 62, 0.92)}.cp-item--4{--cp-accent:#38bdf8;--cp-c1:#38bdf8;--cp-c2:#22d3ee;--cp-fill:rgba(5,  20, 58, 0.92)}.cp-item--5{--cp-accent:#22d3ee;--cp-c1:#22d3ee;--cp-c2:#a5f3fc;--cp-fill:rgba(3,  20, 52, 0.92)}.cp-item{width:100%;height:72px;position:relative;cursor:pointer;z-index:1;opacity:0;transform:scaleX(.45);transition:opacity .5s ease,transform .5s cubic-bezier(.4,0,.2,1),filter .25s ease}.cp-item.cp-item--visible{opacity:1;transform:scaleX(1)}.cp-item--5{clip-path:polygon(39% 0%,61% 0%,69% 100%,31% 100%)}.cp-item--4{clip-path:polygon(31% 0%,69% 0%,77% 100%,23% 100%)}.cp-item--3{clip-path:polygon(23% 0%,77% 0%,85% 100%,15% 100%)}.cp-item--2{clip-path:polygon(15% 0%,85% 0%,92% 100%,8% 100%)}.cp-item--1{clip-path:polygon(8% 0%,92% 0%,100% 100%,0% 100%)}.cp-item:hover,.cp-item.is-active{opacity:1;filter:drop-shadow(0 0 7px var(--cp-accent)) drop-shadow(0 0 20px var(--cp-accent));z-index:4;transition:opacity .22s ease,filter .18s ease}.change-pyramid.has-active .cp-item:not(.is-active){opacity:.28;filter:none;transition:opacity .32s ease,filter .32s ease}.cp-item::before{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent 0%,var(--cp-c1) 20%,var(--cp-c2) 80%,transparent 100%);opacity:.45;z-index:5;pointer-events:none}.cp-item:hover::before,.cp-item.is-active::before{height:2px;opacity:1;animation:cp-line-pulse 1.8s ease-in-out infinite}.cp-item-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;gap:6px;background-color:var(--cp-fill,rgb(14 18 50 / .9));background-image:radial-gradient(ellipse 55% 120% at 50% 50%,rgb(255 255 255 / .055) 0%,transparent 65%);transition:background-color .25s ease;z-index:2}.cp-item:hover .cp-item-inner,.cp-item.is-active .cp-item-inner{background-color:rgb(80 95 210 / .28)}.cp-item--5 .cp-item-inner{padding-left:calc(35%   + 10px)}.cp-item--4 .cp-item-inner{padding-left:calc(27%   + 10px)}.cp-item--3 .cp-item-inner{padding-left:calc(19%   + 10px)}.cp-item--2 .cp-item-inner{padding-left:calc(11.5% + 10px)}.cp-item--1 .cp-item-inner{padding-left:calc(4%    + 10px)}.cp-num{flex-shrink:0;width:19px;height:19px;border-radius:50%;border:1px solid var(--cp-accent,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--cp-accent,#7c3aed);transition:background .25s,color .25s;position:relative;z-index:3}.cp-item:hover .cp-num,.cp-item.is-active .cp-num{background:var(--cp-accent,#7c3aed);color:#fff}.cp-title{font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:rgb(190 210 255 / .65);white-space:nowrap;transition:color .25s,text-shadow .25s;position:relative;z-index:3}.cp-item:hover .cp-title,.cp-item.is-active .cp-title{color:#fff;text-shadow:0 0 12px var(--cp-accent)}@media (max-width:860px){.change-pyramid-wrap{grid-template-columns:1fr}.cp-panel{order:2;padding:1rem 1rem 1.5rem;min-height:0;align-items:flex-start}.cp-panel-hint{position:static}.cp-pyramid-col{order:1;padding:2rem 1rem}}