/* ===== integrations callout: two-worlds orbit hub.
   Linked by any page that carries the .igband markup. One file so copies
   cannot drift; check-site.mjs fails if a page has the markup without this
   sheet, if the block reappears elsewhere, or if this is not the final
   stylesheet (it must follow page CSS to preserve the old cascade). ===== */
.igband{padding:64px 0 68px;background:
  radial-gradient(66% 60% at 12% 8%,  rgba(210,240,140,.5), transparent 62%),
  radial-gradient(60% 56% at 92% 12%, rgba(218,245,248,.5), transparent 60%),
  radial-gradient(74% 70% at 86% 96%, rgba(210,255,81,.34), transparent 60%),
  radial-gradient(64% 60% at 16% 92%, rgba(231,255,149,.4), transparent 62%),
  #ECEFE3}
.igband .igb-in{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;align-items:center;
  justify-content:space-between;gap:44px;flex-wrap:wrap}
.igband .igb-copy{display:flex;flex-direction:column;gap:10px;max-width:430px}
.igband .igb-eye{font-family:'Aeonik Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.24em;
  text-transform:uppercase;font-weight:700;color:#55701A}
.igband h2{font-family:'Dazzed',Arial,sans-serif;font-weight:500;font-size:clamp(24px,3vw,33px);
  letter-spacing:-.02em;line-height:1.12;color:#1C1B0D;margin:0}
.igband .igb-sub{font-size:15px;color:#4C4B3B;line-height:1.6;margin:0}
.igband .igb-cta{margin-top:8px;font-weight:600;font-size:15px;color:#1C1B0D;align-self:flex-start;
  border-bottom:2px solid #D2FF51;padding-bottom:2px;text-decoration:none}
.igband .igb-cta:hover{border-color:#55701A}
.igband .igb-hub{position:relative;width:340px;height:340px;flex:0 0 auto}
.igband .igb-halo{position:absolute;inset:0;width:100%;height:100%}
.igband .igb-glow{position:absolute;left:50%;top:50%;width:200px;height:200px;transform:translate(-50%,-50%);
  border-radius:50%;background:radial-gradient(circle, rgba(210,255,81,.5) 0%, rgba(210,255,81,.14) 46%, transparent 70%);
  animation:igbGlow 6.5s ease-in-out infinite}
@keyframes igbGlow{0%,100%{opacity:.75;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}
.igband .igb-mark{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);z-index:3}
.igband .igb-mark svg{width:100%;height:100%;border-radius:17px;
  box-shadow:0 0 0 1px rgba(85,112,26,.28),0 0 0 7px rgba(210,255,81,.22),0 16px 40px -14px rgba(28,27,13,.4)}
.igband .igb-ring{position:absolute;left:50%;top:50%;width:0;height:0;animation:igbSpin linear infinite}
.igband .igb-ring.r1{--r:97px}
.igband .igb-ring.r2{--r:152px}
.igband .igb-orb{position:absolute;left:0;top:0}
.igband .igb-oc{display:flex;transform-origin:0 0;animation:igbSpinRev linear infinite}
.igband .igb-oci{display:flex;align-items:center;justify-content:center;margin-left:-20px;margin-top:-20px;
  border-radius:12px;background:linear-gradient(165deg,#FFFFFF,#F4F6EC);border:1px solid rgba(28,27,13,.13);
  box-shadow:0 12px 26px -14px rgba(28,27,13,.35);animation:igbBreathe 7s ease-in-out infinite}
.igband .igb-oci.w{background:rgba(255,255,255,.55);border-style:dashed;border-color:rgba(28,27,13,.28)}
.igband .igb-oci svg{width:52%;height:52%}
.igband .igb-spoke{position:absolute;left:0;top:0;width:var(--r);height:1px;transform-origin:0 50%}
.igband .igb-spoke i{display:block;height:1px;width:100%;opacity:0;
  background:linear-gradient(90deg, rgba(85,112,26,0) 4%, rgba(85,112,26,.75) 55%, rgba(85,112,26,0) 96%);
  animation:igbSpark 12s ease-in-out infinite}
.igband .igb-lab{position:absolute;left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap;
  font-family:'Aeonik Mono',ui-monospace,monospace;font-size:7.5px;letter-spacing:.22em;font-weight:700;
  color:#55701A;background:rgba(246,247,242,.92);box-shadow:0 0 0 1px rgba(28,27,13,.08);
  padding:2px 8px;border-radius:99px}
@keyframes igbSpin{to{transform:rotate(360deg)}}
@keyframes igbSpinRev{to{transform:rotate(-360deg)}}
@keyframes igbBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}
@keyframes igbSpark{0%,7%{opacity:0}2.5%{opacity:1}10%,100%{opacity:0}}
@media (max-width:820px){.igband .igb-in{justify-content:center}.igband .igb-hub{transform:scale(.85);margin:-20px 0}}
@media (prefers-reduced-motion:reduce){
  .igband .igb-ring,.igband .igb-oc,.igband .igb-oci,.igband .igb-glow{animation:none!important}
  .igband .igb-spoke{display:none}}
