.pce-interactive{--im-gold:var(--gold,#e5c96e);--im-teal:var(--teal,#35c9bb);--im-bg:rgba(5,10,10,.9);--im-line:rgba(229,201,110,.2);position:relative;width:min(100%,980px);margin:38px auto;padding:clamp(22px,4vw,38px);overflow:hidden;border:1px solid var(--im-line);border-radius:20px;background:linear-gradient(145deg,rgba(13,23,22,.94),rgba(4,8,8,.96));box-shadow:0 28px 80px rgba(0,0,0,.3),inset 0 0 70px rgba(53,201,187,.035);isolation:isolate}
.pce-interactive::before{content:"";position:absolute;inset:-45%;z-index:-1;background:radial-gradient(circle at 50% 50%,rgba(229,201,110,.08),transparent 42%);pointer-events:none}
.pce-interactive button{font:inherit}
.pce-interactive-kicker{display:block;margin-bottom:8px;color:var(--im-gold);font:600 10px/1.4 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.2em;text-transform:uppercase}
.pce-interactive-title{margin:0 0 8px!important;color:var(--ink,#ede6d6)!important;font:600 clamp(20px,3vw,30px)/1.15 var(--disp,"Cinzel",serif)!important;text-align:left!important}
.pce-interactive-intro{max-width:680px;margin:0 0 28px!important;color:var(--muted,#9ba8a4)!important;font-size:14px!important;line-height:1.65!important}
.pce-reading{min-height:118px;margin-top:24px;padding:20px 22px;border-left:2px solid var(--reading-color,var(--im-gold));border-radius:0 12px 12px 0;background:linear-gradient(90deg,color-mix(in srgb,var(--reading-color,var(--im-gold)) 10%,transparent),transparent 72%)}
.pce-reading small{display:block;margin-bottom:7px;color:var(--reading-color,var(--im-gold));font:600 9px/1.3 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.17em;text-transform:uppercase}
.pce-reading strong{display:block;margin-bottom:7px;color:var(--ink,#ede6d6);font:600 18px/1.25 var(--disp,"Cinzel",serif)}
.pce-reading p{margin:0!important;color:var(--ink-soft,#c8cfcb)!important;font-size:14px!important;line-height:1.65!important}

/* Diagnóstico · circuito da decisão */
.decision-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.decision-track::before{content:"";position:absolute;left:9%;right:9%;top:36px;height:1px;background:linear-gradient(90deg,rgba(53,201,187,.15),rgba(229,201,110,.52),rgba(53,201,187,.15))}
.decision-node{position:relative;z-index:1;display:grid;place-items:center;gap:10px;min-width:0;padding:0;border:0;background:none;color:var(--muted,#9ba8a4);cursor:pointer}
.decision-node span:first-child{display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(229,201,110,.24);border-radius:50%;background:#07100f;color:var(--im-gold);box-shadow:0 0 0 8px rgba(5,10,10,.92);transition:.3s ease}
.decision-node svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7}
.decision-node b{font:600 10px/1.3 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.08em;text-transform:uppercase}
.decision-node.is-active span:first-child,.decision-node:hover span:first-child,.decision-node:focus-visible span:first-child{border-color:var(--node-color,var(--im-gold));color:var(--node-color,var(--im-gold));box-shadow:0 0 0 8px rgba(5,10,10,.92),0 0 30px color-mix(in srgb,var(--node-color,var(--im-gold)) 42%,transparent);transform:translateY(-4px) scale(1.04)}
.decision-node:focus-visible{outline:1px solid var(--im-gold);outline-offset:7px;border-radius:10px}

/* N7 · órbita */
.journey-orbit{position:relative;width:min(100%,520px);aspect-ratio:1;margin:10px auto 0;border:1px solid rgba(229,201,110,.15);border-radius:50%;background:radial-gradient(circle,rgba(229,201,110,.09),rgba(5,10,10,.2) 42%,transparent 68%)}
.journey-orbit::before,.journey-orbit::after{content:"";position:absolute;inset:13%;border:1px dashed rgba(53,201,187,.14);border-radius:50%;animation:im-spin 30s linear infinite}
.journey-orbit::after{inset:27%;border-color:rgba(229,201,110,.13);animation-direction:reverse;animation-duration:22s}
.journey-core{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:45%;aspect-ratio:1;padding:24px;border:1px solid rgba(229,201,110,.34);border-radius:50%;background:radial-gradient(circle,rgba(19,44,41,.98),rgba(5,10,10,.98));text-align:center;transform:translate(-50%,-50%);box-shadow:0 0 60px rgba(229,201,110,.08)}
.journey-core small{color:var(--im-gold);font:600 8px/1.4 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.15em;text-transform:uppercase}
.journey-core strong{display:block;margin:6px 0;color:var(--ink,#ede6d6);font:600 clamp(16px,2.3vw,24px)/1.15 var(--disp,"Cinzel",serif)}
.journey-core p{margin:0!important;color:var(--muted,#9ba8a4)!important;font-size:11px!important;line-height:1.45!important}
.journey-node{--angle:0deg;position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:96px;height:96px;padding:8px;border:1px solid rgba(229,201,110,.24);border-radius:50%;background:#07100f;color:var(--muted,#9ba8a4);font:600 8px/1.2 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.02em;text-transform:uppercase;text-align:center;white-space:nowrap;cursor:pointer;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-205%) rotate(calc(-1 * var(--angle)));transition:.28s ease}
.journey-node:nth-of-type(1){--angle:0deg}.journey-node:nth-of-type(2){--angle:90deg}.journey-node:nth-of-type(3){--angle:180deg}.journey-node:nth-of-type(4){--angle:270deg}
.journey-node.is-active,.journey-node:hover,.journey-node:focus-visible{border-color:var(--im-gold);color:var(--im-gold);box-shadow:0 0 28px rgba(229,201,110,.24);transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-205%) rotate(calc(-1 * var(--angle))) scale(1.07)}
.journey-node:focus-visible{outline:1px solid var(--im-gold);outline-offset:5px}
@keyframes im-spin{to{transform:rotate(360deg)}}

/* N6 · protocolo vivo */
.pce-days-protocol .st{appearance:none;border:0;background:none;color:inherit;cursor:pointer;transition:transform .3s ease,filter .3s ease;outline:none}
.pce-days-protocol .st:hover,.pce-days-protocol .st:focus-visible,.pce-days-protocol .st.is-active{transform:translateY(-6px);filter:drop-shadow(0 0 14px rgba(229,201,110,.3))}
.pce-days-protocol .st.is-active .pce-day-track{stroke:rgba(53,201,187,.45)}
.pce-days-protocol .st.is-active .pce-day-value{filter:drop-shadow(0 0 5px rgba(229,201,110,.8))}
.day-protocol-reading{--progress:17.5%;position:relative;margin:26px auto 4px;padding:22px 24px;overflow:hidden;border:1px solid rgba(229,201,110,.18);border-radius:14px;background:rgba(4,9,9,.62)}
.day-protocol-reading::before{content:"";position:absolute;left:0;bottom:0;width:var(--progress);height:3px;background:linear-gradient(90deg,var(--im-teal),var(--im-gold));box-shadow:0 0 18px rgba(229,201,110,.5);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.day-protocol-reading small{color:var(--im-gold);font:600 9px/1.4 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.16em;text-transform:uppercase}
.day-protocol-reading strong{display:block;margin:8px 0 5px;color:var(--ink,#ede6d6);font:600 19px/1.25 var(--disp,"Cinzel",serif)}
.day-protocol-reading p{margin:0!important;color:var(--muted,#9ba8a4)!important;font-size:14px!important;line-height:1.6!important}

/* N5 · núcleo magnético */
.ancora>.viz{display:none}
.magnetic-builder{display:grid;grid-template-columns:1fr minmax(220px,300px) 1fr;gap:18px;align-items:center}
.magnetic-side{display:grid;gap:14px}
.magnetic-factor{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1px solid rgba(229,201,110,.16);border-radius:12px;background:rgba(5,10,10,.72);color:var(--muted,#9ba8a4);text-align:left;cursor:pointer;transition:.25s ease}
.magnetic-factor i{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid currentColor;border-radius:50%;font:600 11px/1 var(--mono,"IBM Plex Mono",monospace);font-style:normal}
.magnetic-factor b{display:block;color:var(--ink,#ede6d6);font-size:13px}.magnetic-factor small{font-size:10px;line-height:1.35}
.magnetic-factor.is-active,.magnetic-factor:hover,.magnetic-factor:focus-visible{border-color:var(--factor-color,var(--im-gold));color:var(--factor-color,var(--im-gold));background:color-mix(in srgb,var(--factor-color,var(--im-gold)) 9%,rgba(5,10,10,.88));transform:translateY(-2px);box-shadow:0 0 24px color-mix(in srgb,var(--factor-color,var(--im-gold)) 18%,transparent)}
.magnetic-core{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(229,201,110,.24);border-radius:50%;background:radial-gradient(circle,rgba(229,201,110,.13),rgba(15,61,62,.12) 42%,rgba(5,10,10,.9) 70%);text-align:center}
.magnetic-core::before,.magnetic-core::after{content:"";position:absolute;border:1px solid rgba(53,201,187,.18);border-radius:50%;inset:12%;transition:.4s ease}.magnetic-core::after{inset:25%;border-color:rgba(229,201,110,.24)}
.magnetic-core.is-complete{box-shadow:0 0 60px rgba(229,201,110,.2)}.magnetic-core.is-complete::before{transform:rotate(45deg);border-radius:28%}
.magnetic-core span{position:relative;z-index:1;color:var(--im-gold);font:600 clamp(32px,5vw,52px)/1 var(--disp,"Cinzel",serif)}
.magnetic-core b{position:relative;z-index:1;display:block;margin-top:7px;color:var(--ink,#ede6d6);font:600 10px/1.45 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.12em;text-transform:uppercase}
.magnetic-message{margin:22px 0 0!important;color:var(--ink-soft,#c8cfcb)!important;font-size:14px!important;line-height:1.65!important;text-align:center!important}

/* N4 · mesa de implementação */
.implementation-areas{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0}
.implementation-area{padding:13px 10px;border:1px solid rgba(229,201,110,.16);border-radius:10px;background:rgba(5,10,10,.72);color:var(--muted,#9ba8a4);font:600 10px/1.3 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.25s ease}
.implementation-area.is-active,.implementation-area:hover,.implementation-area:focus-visible{border-color:var(--im-gold);color:var(--im-gold);background:rgba(229,201,110,.08);box-shadow:0 0 22px rgba(229,201,110,.1)}
.implementation-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;margin-top:26px}
.implementation-flow::before{content:"";position:absolute;left:8%;right:8%;top:28px;height:1px;background:linear-gradient(90deg,var(--im-teal),var(--im-gold))}
.implementation-step{position:relative;z-index:1;display:grid;place-items:center;gap:8px;padding:0;border:0;background:none;color:var(--muted,#9ba8a4);cursor:pointer}
.implementation-step span{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(229,201,110,.2);border-radius:50%;background:#07100f;color:var(--im-gold);font:600 13px/1 var(--mono,"IBM Plex Mono",monospace);box-shadow:0 0 0 7px #07100f;transition:.25s ease}
.implementation-step b{font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.implementation-step.is-active span,.implementation-step:hover span,.implementation-step:focus-visible span{background:var(--im-gold);color:#07100f;box-shadow:0 0 0 7px #07100f,0 0 30px rgba(229,201,110,.3);transform:scale(1.08)}

/* Módulos complementares */
.pce-control{display:grid;gap:18px}.pce-control label{display:grid;gap:9px;color:var(--ink-soft,#c8cfcb);font-size:12px}.pce-control label span{display:flex;justify-content:space-between;gap:14px}.pce-control output{color:var(--im-gold);font-family:var(--mono,"IBM Plex Mono",monospace)}
.pce-control input[type="range"]{width:100%;height:5px;appearance:none;border-radius:99px;background:linear-gradient(90deg,var(--im-teal) 0 var(--range,50%),rgba(255,255,255,.09) var(--range,50%));outline:none}.pce-control input[type="range"]::-webkit-slider-thumb{width:22px;height:22px;appearance:none;border:2px solid #07100f;border-radius:50%;background:var(--im-gold);box-shadow:0 0 18px rgba(229,201,110,.48);cursor:pointer}
.metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-card{padding:18px;border:1px solid rgba(229,201,110,.15);border-radius:12px;background:rgba(5,10,10,.68)}.metric-card small{display:block;color:var(--muted,#9ba8a4);font:600 8px/1.4 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.13em;text-transform:uppercase}.metric-card strong{display:block;margin-top:8px;color:var(--metric-color,var(--im-gold));font:600 28px/1 var(--disp,"Cinzel",serif)}
/* [ENRICK · 18/set] Diagnóstico · O custo invisível.
   O thumb do terceiro range avançava sobre os cartões porque os dois blocos
   eram adjacentes. O respiro considera o raio real do thumb (11px) e mantém
   uma zona de leitura. Musgo = Malkut/Reino no cânone; ação = ouro PCE. */
[data-leak-console]{--im-teal:#5E6B34;box-shadow:0 28px 80px rgba(0,0,0,.3),inset 0 0 70px rgba(94,107,52,.055)}
[data-leak-console] .pce-control{margin-bottom:26px}
[data-leak-console] .pce-control input[type="range"]{background:linear-gradient(90deg,#5E6B34 0 var(--range,50%),rgba(229,201,110,.1) var(--range,50%))}
[data-leak-console] .pce-control input[type="range"]::-webkit-slider-thumb{border-color:#1A1E0F;background:var(--im-gold);box-shadow:0 0 0 3px rgba(94,107,52,.26),0 0 18px rgba(229,201,110,.42)}
[data-leak-console] .pce-control input[type="range"]::-moz-range-thumb{width:18px;height:18px;border:2px solid #1A1E0F;border-radius:50%;background:var(--im-gold);box-shadow:0 0 0 3px rgba(94,107,52,.26),0 0 18px rgba(229,201,110,.42)}
.pce-selector-grid{display:grid;grid-template-columns:repeat(var(--selector-cols,3),minmax(0,1fr));gap:10px}.pce-selector-option{min-width:0;padding:15px 12px;border:1px solid rgba(229,201,110,.15);border-radius:11px;background:rgba(5,10,10,.7);color:var(--muted,#9ba8a4);font:600 10px/1.35 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.04em;text-align:center;cursor:pointer;transition:.25s ease}.pce-selector-option b{display:block;margin-bottom:4px;color:var(--ink,#ede6d6);font:600 13px/1.3 var(--sans,system-ui)}.pce-selector-option.is-active,.pce-selector-option:hover,.pce-selector-option:focus-visible{border-color:var(--option-color,var(--im-gold));color:var(--option-color,var(--im-gold));background:color-mix(in srgb,var(--option-color,var(--im-gold)) 9%,rgba(5,10,10,.82));box-shadow:0 0 24px color-mix(in srgb,var(--option-color,var(--im-gold)) 15%,transparent);transform:translateY(-2px)}
.constellation-stage{position:relative;min-height:290px;margin:6px 0 22px;border:1px solid rgba(53,201,187,.11);border-radius:16px;background:radial-gradient(circle at center,rgba(53,201,187,.08),transparent 58%)}.constellation-stage::before{content:"";position:absolute;inset:15%;border:1px dashed rgba(229,201,110,.15);border-radius:50%}.pce-interactive .constellation-point{position:absolute;left:var(--x);top:var(--y);z-index:1;display:grid;place-items:center;width:112px;height:112px;padding:14px;border:1px solid rgba(229,201,110,.2);border-radius:50%;background:#07100f;color:var(--muted,#9ba8a4);font-family:var(--mono,"IBM Plex Mono",monospace);font-size:9px;font-weight:600;line-height:1.2;letter-spacing:0;text-align:center;text-transform:uppercase;white-space:nowrap;cursor:pointer;transform:translate(-50%,-50%);transition:.25s ease}.constellation-point.is-active,.constellation-point:hover{border-color:var(--option-color,var(--im-gold));color:var(--option-color,var(--im-gold));box-shadow:0 0 30px color-mix(in srgb,var(--option-color,var(--im-gold)) 24%,transparent);transform:translate(-50%,-50%) scale(1.06)}
.compass-stage{display:grid;grid-template-columns:minmax(190px,280px) 1fr;gap:28px;align-items:center}.compass-dial{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(229,201,110,.24);border-radius:50%;background:radial-gradient(circle,rgba(229,201,110,.1),transparent 62%)}.compass-dial::before{content:"";position:absolute;inset:12%;border:1px dashed rgba(53,201,187,.2);border-radius:50%}.compass-needle{position:absolute;left:50%;top:50%;width:4px;height:36%;border-radius:99px;background:linear-gradient(var(--im-gold),transparent);transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(var(--needle,-55deg));transition:transform .55s cubic-bezier(.2,.8,.2,1)}.compass-center{position:relative;z-index:1;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#07100f;border:1px solid rgba(229,201,110,.3);color:var(--im-gold);font:600 24px/1 var(--disp,"Cinzel",serif)}.compass-choices{display:grid;gap:10px}.compass-choice{padding:14px 16px;border:1px solid rgba(229,201,110,.15);border-radius:10px;background:rgba(5,10,10,.66);color:var(--ink-soft,#c8cfcb);text-align:left;cursor:pointer}.compass-choice.is-active{border-color:var(--im-gold);background:rgba(229,201,110,.08);color:var(--im-gold)}
.garden-stage{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;min-height:270px;padding:30px 12px 18px;border-bottom:1px solid rgba(229,201,110,.2);background:linear-gradient(180deg,transparent,rgba(15,61,62,.08))}.garden-seed{--growth:36px;position:relative;display:grid;align-content:end;justify-items:center;gap:8px;height:210px;padding:0;border:0;background:none;color:var(--muted,#9ba8a4);cursor:pointer}.garden-seed::before{content:"";width:2px;height:var(--growth);border-radius:99px;background:linear-gradient(var(--seed-color,var(--im-teal)),rgba(53,201,187,.16));transition:height .58s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 10px color-mix(in srgb,var(--seed-color,var(--im-teal)) 28%,transparent)}.garden-seed::after{content:"";position:absolute;bottom:calc(var(--growth)*.48 + 23px);width:19px;height:11px;border:1px solid var(--seed-color,var(--im-teal));border-radius:100% 0 100% 0;background:color-mix(in srgb,var(--seed-color) 12%,transparent);opacity:.22;transform:translateX(8px) rotate(-18deg) scale(.5);transition:bottom .58s cubic-bezier(.2,.8,.2,1),opacity .3s .22s,transform .45s .22s}.garden-bloom{position:absolute;left:50%;bottom:calc(var(--growth) + 23px);width:48px;height:48px;border-radius:50%;opacity:.18;background:radial-gradient(circle,var(--seed-color) 0 4px,color-mix(in srgb,var(--seed-color) 70%,#fff) 4.5px 5.5px,transparent 6px);transform:translateX(-50%) translateY(7px) rotate(-18deg) scale(.18);transition:bottom .58s cubic-bezier(.2,.8,.2,1),opacity .26s .24s,transform .62s .2s cubic-bezier(.15,1.45,.35,1);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--seed-color) 34%,transparent))}.garden-bloom::before,.garden-bloom::after,.garden-bloom i,.garden-bloom i::before,.garden-bloom i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:23px;margin:-22px 0 0 -7px;border:1px solid color-mix(in srgb,var(--seed-color) 86%,#fff);border-radius:72% 72% 58% 58%;background:linear-gradient(180deg,color-mix(in srgb,var(--seed-color) 38%,#fff),color-mix(in srgb,var(--seed-color) 12%,transparent));transform-origin:50% 22px}.garden-bloom::before{transform:rotate(72deg)}.garden-bloom::after{transform:rotate(144deg)}.garden-bloom i{display:block;transform:rotate(0)}.garden-bloom i::before{margin:0;left:0;top:0;transform:rotate(216deg)}.garden-bloom i::after{margin:0;left:0;top:0;transform:rotate(288deg)}.garden-seed.is-active{--growth:120px;color:var(--seed-color,var(--im-teal))}.garden-seed.is-active::after{opacity:.92;transform:translateX(8px) rotate(-18deg) scale(1)}.garden-seed.is-active .garden-bloom{opacity:1;transform:translateX(-50%) translateY(0) rotate(0) scale(1);animation:garden-breathe 3.2s ease-in-out .9s infinite}.garden-seed b{font:600 7px/1.25 var(--mono,"IBM Plex Mono",monospace);text-transform:uppercase}@keyframes garden-breathe{50%{filter:drop-shadow(0 0 13px color-mix(in srgb,var(--seed-color) 58%,transparent));transform:translateX(-50%) translateY(-2px) rotate(2deg) scale(1.04)}}
.resource-stage{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center}.resource-device{position:relative;display:grid;place-items:center;aspect-ratio:4/5;border:1px solid rgba(229,201,110,.25);border-radius:22px;background:linear-gradient(145deg,#101c1b,#050909);box-shadow:inset 0 0 0 7px #050909,0 24px 50px rgba(0,0,0,.28)}.resource-device::before{content:"";position:absolute;top:10px;width:34px;height:4px;border-radius:9px;background:rgba(229,201,110,.25)}.resource-device span{padding:20px;color:var(--im-gold);font:600 16px/1.35 var(--disp,"Cinzel",serif);text-align:center}.resource-list{display:grid;gap:10px}
.journey-quarters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quarter-card{position:relative;padding:22px 16px;border:1px solid rgba(229,201,110,.16);border-radius:14px;background:rgba(5,10,10,.7);color:var(--muted,#9ba8a4);text-align:left;cursor:pointer}.quarter-card b{display:block;color:var(--im-gold);font:600 30px/1 var(--disp,"Cinzel",serif)}.quarter-card span{display:block;margin-top:10px;color:var(--ink,#ede6d6);font-weight:600}.quarter-card.is-active{border-color:var(--im-gold);box-shadow:0 0 28px rgba(229,201,110,.14);transform:translateY(-4px)}
.cycle-stage{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cycle-stage::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,var(--im-teal),var(--im-gold),#ef704a)}.cycle-node{position:relative;z-index:1;padding:18px 10px;border:1px solid rgba(229,201,110,.18);border-radius:50%;aspect-ratio:1;background:#07100f;color:var(--muted,#9ba8a4);font:600 9px/1.3 var(--mono,"IBM Plex Mono",monospace);text-transform:uppercase;cursor:pointer}.cycle-node.is-active{border-color:var(--im-gold);color:var(--im-gold);box-shadow:0 0 28px rgba(229,201,110,.22)}
.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ecosystem-item{min-height:110px;padding:16px;border:1px solid rgba(229,201,110,.15);border-radius:14px;background:rgba(5,10,10,.68);color:var(--muted,#9ba8a4);text-align:left;cursor:pointer}.ecosystem-item span{display:block;margin-bottom:9px;color:var(--im-gold);font:600 18px/1 var(--disp,"Cinzel",serif)}.ecosystem-item b{color:var(--ink,#ede6d6);font-size:12px}.ecosystem-item.is-active{border-color:var(--im-teal);box-shadow:0 0 25px rgba(53,201,187,.14);transform:translateY(-3px)}
.hourglass-stage{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}.hourglass{position:relative;width:150px;height:230px;margin:auto;border-top:8px solid var(--im-gold);border-bottom:8px solid var(--im-gold);clip-path:polygon(12% 0,88% 0,62% 50%,88% 100%,12% 100%,38% 50%);background:linear-gradient(180deg,rgba(229,201,110,.55) 0 var(--sand-top,35%),transparent var(--sand-top,35%) calc(100% - var(--sand-bottom,35%)),rgba(229,201,110,.7) calc(100% - var(--sand-bottom,35%)));filter:drop-shadow(0 0 16px rgba(229,201,110,.18));transition:.4s ease}
.architecture-map{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.architecture-node{position:relative;padding:18px 10px;border:1px solid rgba(229,201,110,.16);border-radius:12px;background:#07100f;color:var(--muted,#9ba8a4);font:600 9px/1.3 var(--mono,"IBM Plex Mono",monospace);text-transform:uppercase;cursor:pointer}.architecture-node.is-active{border-color:var(--im-teal);color:var(--im-teal);box-shadow:0 0 24px rgba(53,201,187,.16)}
.proximity-stage{display:grid;grid-template-columns:1fr 180px 1fr;gap:18px;align-items:center}.proximity-role{padding:16px;border:1px solid rgba(229,201,110,.15);border-radius:12px;background:rgba(5,10,10,.7);text-align:center}.proximity-role b{display:block;color:var(--im-gold)}.proximity-role span{display:block;margin-top:7px;color:var(--muted,#9ba8a4);font-size:11px;line-height:1.5}.proximity-meter{display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(229,201,110,.2);border-radius:50%;background:conic-gradient(var(--im-gold) 0 var(--proximity,70%),rgba(255,255,255,.06) var(--proximity,70%));box-shadow:inset 0 0 0 14px #07100f}.proximity-meter span{display:grid;place-items:center;width:70%;aspect-ratio:1;border-radius:50%;background:#07100f;color:var(--im-gold);font:600 25px/1 var(--disp,"Cinzel",serif)}
.scope-groups{display:grid;gap:18px}.scope-group>b{display:block;margin-bottom:8px;color:var(--muted,#9ba8a4);font:600 8px/1.4 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.14em;text-transform:uppercase}.scope-options{display:flex;flex-wrap:wrap;gap:8px}.scope-option{padding:10px 13px;border:1px solid rgba(229,201,110,.15);border-radius:99px;background:#07100f;color:var(--muted,#9ba8a4);font-size:11px;cursor:pointer}.scope-option.is-active{border-color:var(--im-gold);color:var(--im-gold);background:rgba(229,201,110,.08)}

@media(max-width:720px){
  .pce-interactive{margin:28px auto;padding:22px 16px;border-radius:16px}.decision-track{grid-template-columns:repeat(2,1fr);row-gap:24px}.decision-track::before{display:none}.decision-node span:first-child{width:62px;height:62px}.journey-orbit{width:min(100%,330px)}.journey-node{width:58px;height:58px;font-size:5.7px;letter-spacing:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-180%) rotate(calc(-1 * var(--angle)))}.journey-node.is-active,.journey-node:hover,.journey-node:focus-visible{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-180%) rotate(calc(-1 * var(--angle))) scale(1.05)}.journey-core{width:50%;padding:12px}.magnetic-builder{grid-template-columns:repeat(2,minmax(0,1fr))}.magnetic-core{grid-column:1/-1;grid-row:1;width:min(190px,65vw);margin:auto}.magnetic-side{display:contents}.magnetic-factor{min-width:0;gap:8px;padding:10px 8px}.magnetic-factor span{min-width:0}.implementation-areas{grid-template-columns:repeat(2,1fr)}.implementation-flow{gap:5px}.implementation-step b{font-size:7px}.implementation-step span{width:46px;height:46px}.pce-selector-grid{--selector-cols:2}.metric-pair,.compass-stage,.resource-stage,.hourglass-stage,.proximity-stage{grid-template-columns:1fr}.constellation-stage{min-height:330px}.pce-interactive .constellation-point{width:86px;height:86px;padding:10px;font-size:6.6px}.garden-stage{grid-template-columns:repeat(4,1fr);min-height:430px}.garden-seed{height:185px}.garden-bloom{width:34px;height:34px}.journey-quarters,.ecosystem-grid{grid-template-columns:1fr}.cycle-stage{grid-template-columns:repeat(2,1fr)}.cycle-stage::before{display:none}.architecture-map{grid-template-columns:repeat(2,1fr)}.architecture-node:last-child{grid-column:1/-1}.proximity-meter{width:160px;margin:auto}.scope-options{display:grid;grid-template-columns:1fr 1fr}.scope-option{border-radius:10px}.resource-device{width:190px;margin:auto}}
@media(prefers-reduced-motion:reduce){.journey-orbit::before,.journey-orbit::after,.garden-seed.is-active .garden-bloom{animation:none}.pce-interactive *{scroll-behavior:auto!important;transition-duration:.01ms!important}}
