/* Alkyon · organograma em constelação (componente da seção "Empresa agêntica").
   Prefixo .alkorg-. Fundo transparente: fica sobre a seção preta da página. */
@font-face{font-family:'AlkOrg';src:url('fonts/Archivo-var.ttf') format('truetype');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:'AlkOrg X';src:url('fonts/ArchivoExpanded-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}

.alkorg{--a-linho:#EFECE6;--a-linho2:#C8C5BF;--a-pedra:#9A9893;--a-gelo:#A9C1D9;--a-grafite:#1B1C1E;
  position:relative;width:100%;max-width:1240px;margin:0 auto;color:var(--a-linho);text-align:left;
  font-family:'AlkOrg','Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px;line-height:1.3;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;isolation:isolate}
.alkorg *,.alkorg *::before,.alkorg *::after{box-sizing:border-box}
.alkorg-stage{position:relative;width:100%;height:760px;overflow:hidden;overflow:clip}

/* camadas de luz (canvas): estática (halo e estrelas distantes), fundo vivo e primeiro plano */
.alkorg-cv{position:absolute;left:0;top:0;width:100%;height:100%;display:block;pointer-events:none}
.alkorg-cv--s{left:-24px;top:-24px;width:calc(100% + 48px);height:calc(100% + 48px);opacity:0;will-change:transform;transition:opacity 2s ease .1s}
.alkorg.is-lit .alkorg-cv--s{opacity:1}

/* nós: botões transparentes; o desenho do nó está no canvas, aqui ficam alvo, foco e rótulo */
.alkorg-nodes{position:absolute;inset:0}
.alkorg-node{position:absolute;left:0;top:0;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;border-radius:50%;
  background:none;color:inherit;font:inherit;line-height:inherit;text-align:inherit;cursor:pointer;outline:none;
  -webkit-appearance:none;appearance:none;will-change:transform;touch-action:manipulation;overflow:visible}
.alkorg-node--core{width:84px;height:84px;margin:-42px 0 0 -42px}
.alkorg-node--client{width:100px;height:100px;margin:-50px 0 0 -50px}
.alkorg-node--futuro{width:40px;height:40px;margin:-20px 0 0 -20px}
.alkorg-ring{position:absolute;inset:6px;border-radius:50%;border:1px solid var(--a-gelo);opacity:0;transform:scale(.6);
  transition:opacity .3s ease,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.alkorg-node--core .alkorg-ring{inset:-4px}
.alkorg-node--client .alkorg-ring{inset:-6px}
.alkorg-node:focus-visible .alkorg-ring,.alkorg-node.is-sel .alkorg-ring{opacity:.95;transform:none}

/* rótulos */
.alkorg-lab{position:absolute;display:block;transition:opacity .45s ease;pointer-events:auto}
.alkorg-lab--r{left:calc(100% + 8px);top:50%;transform:translate(0,-50%)}
.alkorg-lab--l{right:calc(100% + 8px);top:50%;transform:translate(0,-50%);text-align:right}
.alkorg-lab--t{bottom:100%;left:50%;transform:translate(-50%,0);text-align:center}
.alkorg-lab--b{top:100%;left:50%;transform:translate(-50%,0);text-align:center}
.alkorg-lab--start{left:0;right:auto;transform:none;text-align:left}
.alkorg-lab--end{left:auto;right:0;transform:none;text-align:right}
.alkorg-labin{display:block;position:relative;transform:translate3d(0,8px,0);transition:transform 1.15s cubic-bezier(.16,.84,.24,1)}
.alkorg-txt{display:block;width:max-content;max-width:var(--mw,220px);opacity:0;transition:opacity .9s ease .14s}
.alkorg-ghost{position:absolute;left:0;top:0;opacity:0;filter:blur(7px);pointer-events:none;transition:none}
.alkorg-node.is-in .alkorg-labin{transform:none}
.alkorg-node.is-in .alkorg-txt{opacity:1}
.alkorg-node.is-in .alkorg-ghost{opacity:0;animation:alkorg-ghost 1.25s ease-out both}
@keyframes alkorg-ghost{0%{opacity:0}16%{opacity:.9}100%{opacity:0}}

.alkorg-name{display:inline-block;position:relative;font-weight:600;font-size:18px;line-height:1.12;font-stretch:80%;letter-spacing:.003em;color:var(--a-linho)}
.alkorg-name small{font-size:15px;font-weight:400;font-stretch:86%;color:var(--a-linho2);letter-spacing:0}
.alkorg-name::after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:1px;background:var(--a-gelo);
  transform:scaleX(0);transform-origin:0 50%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.alkorg-lab--l .alkorg-name::after,.alkorg-lab--end .alkorg-name::after{transform-origin:100% 50%}
.alkorg-lab--t .alkorg-name::after,.alkorg-lab--b:not(.alkorg-lab--start):not(.alkorg-lab--end) .alkorg-name::after{transform-origin:50% 50%}
.alkorg-node.is-hot .alkorg-name::after,.alkorg-node.is-sel .alkorg-name::after,.alkorg-node.is-cur .alkorg-name::after{transform:scaleX(1)}
.alkorg-desc{display:block;margin-top:4px;font-weight:400;font-size:14px;line-height:1.3;font-stretch:88%;color:var(--a-pedra)}
.alkorg-lab--core .alkorg-desc{margin-top:0;color:var(--a-linho2)}
.alkorg-node--futuro .alkorg-name{font-weight:500;color:var(--a-linho2)}

/* núcleo: o nome fica dentro da massa clara (gente) */
.alkorg-corename{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;
  font-weight:650;font-size:16px;font-stretch:82%;letter-spacing:.01em;color:#1B1C1E;opacity:0;transition:opacity .8s ease .25s}
.alkorg-node.is-in .alkorg-corename{opacity:1}

/* avatares dos clientes: moldura redonda de vidro com pontinha de balão */
.alkorg-avaw{position:absolute;inset:0;transition:opacity .45s ease}
.alkorg-ava{position:absolute;inset:0;opacity:0;transform:scale(.8);transform-origin:50% 46%;
  transition:opacity .9s ease,transform 1.3s cubic-bezier(.16,.84,.24,1)}
.alkorg-node.is-in .alkorg-ava{opacity:1;transform:none}
.alkorg-ava svg{display:block;width:100%;height:100%;overflow:visible}

/* foco: atenua o que não faz parte */
.alkorg.is-focus .alkorg-node:not(.is-rel) .alkorg-lab{opacity:.24}
.alkorg.is-focus .alkorg-node:not(.is-rel) .alkorg-avaw{opacity:.32}
.alkorg.is-focus .alkorg-node:not(.is-rel) .alkorg-corename{opacity:.5}

/* pill de vidro com a legenda do ciclo */
.alkorg-pill{--pw:min(540px,calc(100% - 32px));position:absolute;left:50%;bottom:26px;z-index:3;display:flex;align-items:center;gap:13px;
  width:var(--pw);height:48px;margin-left:calc(var(--pw) / -2);padding:0 22px 0 17px;border-radius:999px;
  border:1px solid rgba(255,255,255,.17);
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.035) 58%,rgba(255,255,255,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(255,255,255,.04),0 22px 44px -20px rgba(0,0,0,.75);
  -webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25);
  opacity:0;transform:translate3d(0,10px,0);transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,.84,.24,1);pointer-events:none}
.alkorg.is-ready .alkorg-pill{opacity:1;transform:none}
.alkorg-dot{position:relative;flex:none;width:7px;height:7px;border-radius:50%;background:#DCE6F0;box-shadow:0 0 10px 1px rgba(169,193,217,.75)}
.alkorg-dot::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(169,193,217,.55);animation:alkorg-ping 2.4s ease-out infinite}
@keyframes alkorg-ping{0%{transform:scale(.35);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.alkorg-tag{flex:none;font-family:'AlkOrg X','AlkOrg',sans-serif;font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--a-gelo);white-space:nowrap}
.alkorg-cap{position:relative;flex:1;min-width:0;height:22px;overflow:hidden}
.alkorg-capi{position:absolute;left:0;top:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:16px;line-height:22px;font-weight:450;font-stretch:92%;color:var(--a-linho);
  transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .45s ease}
.alkorg-capi.is-out{transform:translate3d(0,-100%,0);opacity:0}
.alkorg-capi.is-wait{transform:translate3d(0,100%,0);opacity:0;transition:none}

/* legenda mínima e dica */
.alkorg-legend,.alkorg-hint{position:absolute;top:26px;z-index:2;display:flex;align-items:center;gap:22px;pointer-events:none;
  font-family:'AlkOrg X','AlkOrg',sans-serif;font-weight:600;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--a-pedra);
  opacity:0;transition:opacity 1s ease .2s}
.alkorg-legend{left:clamp(16px,3vw,40px)}
.alkorg-hint{right:clamp(16px,3vw,40px);letter-spacing:.16em}
.alkorg.is-ready .alkorg-legend,.alkorg.is-ready .alkorg-hint{opacity:1}
.alkorg-lg{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.alkorg-lg i{display:inline-block;flex:none;width:12px;height:12px;border-radius:50%}
.alkorg-lg-gente{background:radial-gradient(circle at 36% 32%,#FFFEFA,#EFECE6 52%,#C6C2BA);box-shadow:0 0 10px rgba(239,236,230,.35)}
.alkorg-lg-agente{border:1px solid rgba(190,207,224,.85);background:radial-gradient(circle,#F6F4EF 0 1.5px,rgba(169,193,217,.4) 2.6px,rgba(169,193,217,0) 5.5px);box-shadow:0 0 10px rgba(169,193,217,.5)}

.alkorg-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* celular: braço vertical, pill acompanha a rolagem */
.alkorg--tall .alkorg-pill{--pw:calc(100% - 24px);position:sticky;left:auto;bottom:14px;margin:-80px auto 24px;max-width:520px;height:58px;padding:0 18px 0 15px;gap:11px;border-radius:29px}
.alkorg--tall .alkorg-cap{height:40px}
.alkorg--tall .alkorg-capi{display:flex;align-items:center;height:40px;white-space:normal;font-size:14.5px;line-height:18px;font-stretch:88%}
.alkorg--tall .alkorg-tag{font-size:11px;letter-spacing:.12em}
.alkorg--tall .alkorg-legend{left:50%;top:14px;transform:translateX(-50%);gap:20px;font-size:12px;letter-spacing:.18em;white-space:nowrap}
.alkorg--tall .alkorg-hint{display:none}
.alkorg--tall .alkorg-node--client{width:86px;height:86px;margin:-43px 0 0 -43px}

@media (prefers-reduced-motion:reduce){
  .alkorg *{transition:none!important;animation:none!important}
  .alkorg-labin,.alkorg-pill{transform:none}
}
