.hub[data-astro-cid-hoygrhoc] {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / .92;
  max-width: 34rem;
  margin-inline: auto;
}

.hub-linjer[data-astro-cid-hoygrhoc] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hub-linje[data-astro-cid-hoygrhoc] {
  stroke: oklab(100% 0 5.96046e-8 / .22);
  stroke-width: 1.5px;
}

.hub-puls[data-astro-cid-hoygrhoc] {
  stroke: var(--calm-bright);
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-dasharray: 0 14;
  animation: 2.6s linear infinite hub-flyt;
  animation-delay: var(--forsinkelse);
}

@keyframes hub-flyt {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: -14px;
  }
}

.hub-kjerne[data-astro-cid-hoygrhoc] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  width: clamp(6.5rem, 26%, 9.5rem);
  aspect-ratio: 1;
  border-radius: 999px;
  background: var(--calm-ink);
  border: 1px solid oklab(100% 0 5.96046e-8 / .14);
  box-shadow: 0 0 0 12px color-mix(in oklab, var(--calm-bright) 8%, transparent),
      0 18px 50px #00000073;
  z-index: 2;
}

.hub-kjerne[data-astro-cid-hoygrhoc] img[data-astro-cid-hoygrhoc] {
  width: 68%;
  height: auto;
  filter: brightness(0) invert();
}

.hub-node[data-astro-cid-hoygrhoc] {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .7rem 1rem .7rem .7rem;
  border-radius: .875rem;
  background: #fff;
  box-shadow: 0 2px 6px #00000029, 0 16px 40px #0000004d;
  transform: translate(-50%, -50%) rotate(var(--vinkel));
  animation: 7s ease-in-out infinite hub-duv;
  animation-delay: var(--forsinkelse);
  white-space: nowrap;
}

@keyframes hub-duv {
  0%, 100% {
    transform: translate(-50%, -50%) rotate(var(--vinkel));
  }

  50% {
    transform: translate(-50%, calc(-50% - 8px)) rotate(var(--vinkel));
  }
}

.hub-navn[data-astro-cid-hoygrhoc] {
  font-family: var(--font-heading);
  font-size: .9375rem;
  font-weight: 700;
  color: var(--calm-ink);
  line-height: 1.1;
}

@media (width <= 560px) {
  .hub-node[data-astro-cid-hoygrhoc] {
    padding: .5rem;
    gap: .5rem;
  }

  .hub-navn[data-astro-cid-hoygrhoc] {
    font-size: .8125rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hub-puls[data-astro-cid-hoygrhoc], .hub-node[data-astro-cid-hoygrhoc] {
    animation: none;
  }
}
.mcp[data-astro-cid-exwggpwj] {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  padding: 2rem;
  border-radius: 1.25rem;
  background: var(--calm-ink);
  color: oklab(100% 0 5.96046e-8 / .72);
}

.mcp[data-astro-cid-exwggpwj] h2 {
  color: #fff;
}

.mcp[data-astro-cid-exwggpwj] .calm-link {
  color: #fff;
}

.mcp[data-astro-cid-exwggpwj] .calm-link:hover {
  color: var(--calm-bright);
}

.mcp[data-astro-cid-exwggpwj] p[data-astro-cid-exwggpwj] {
  color: oklab(100% 0 5.96046e-8 / .68);
}

.mcp-emblem[data-astro-cid-exwggpwj] {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: .875rem;
  flex: none;
}

@media (width <= 640px) {
  .mcp[data-astro-cid-exwggpwj] {
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.5rem;
  }
}

.integrasjon[data-astro-cid-exwggpwj] {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.5rem;
  border-radius: 1rem;
  background: #fff;
  border: 1px solid color-mix(in oklab, var(--calm-ink) 10%, transparent);
  transition: transform .3s cubic-bezier(.16, 1, .3, 1), border-color .3s, box-shadow .3s;
}

.integrasjon[data-astro-cid-exwggpwj]:hover {
  transform: translateY(-3px);
  border-color: color-mix(in oklab, var(--calm-bright-ink) 35%, transparent);
  box-shadow: 0 2px 6px #060b270d, 0 16px 36px #060b271a;
}

.integrasjon-navn[data-astro-cid-exwggpwj] {
  font-family: var(--font-heading);
  font-size: 1.0625rem;
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--calm-ink);
}

.integrasjon-lenke[data-astro-cid-exwggpwj] {
  color: inherit;
  text-decoration: none;
}

.integrasjon-lenke[data-astro-cid-exwggpwj]:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1rem;
}

.integrasjon[data-astro-cid-exwggpwj]:hover .integrasjon-lenke[data-astro-cid-exwggpwj] {
  color: var(--calm-bright-ink);
}

.integrasjon-pil[data-astro-cid-exwggpwj] {
  flex: none;
  color: var(--calm-bright-ink);
  opacity: 0;
  transform: translateX(-.35rem);
  transition: opacity .25s, transform .25s;
}

.integrasjon[data-astro-cid-exwggpwj]:hover .integrasjon-pil[data-astro-cid-exwggpwj] {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .integrasjon[data-astro-cid-exwggpwj], .integrasjon-pil[data-astro-cid-exwggpwj] {
    transition: none;
  }

  .integrasjon[data-astro-cid-exwggpwj]:hover {
    transform: none;
  }
}