/* Sektion 04 — The AI Operating System */

.fut {
  background: #ffffff;
  padding: clamp(3.2rem, 8vh, 5.4rem) clamp(1.2rem, 3.4vw, 3.4rem);
}
.fut__inner {
  max-width: 76rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  gap: clamp(2.5rem, 5vw, 5rem);
  align-items: center;
}
@media (max-width: 880px) { .fut__inner { grid-template-columns: 1fr; } }
.fut__title {
  margin: 0 0 1.2rem;
  font-family: "Axodren Display", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(1.9rem, 3.6vw, 3.2rem);
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: #000000;
}
.fut__title .xf { font-family: "Axodren Display Ext", "Axodren Display", sans-serif; }
.fut__text {
  margin: 0;
  color: #3f3f45;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.72;
  max-width: 33rem;
}
.fut__text + .fut__text { margin-top: 1rem; }
.fut__vis { width: 100%; max-width: 32rem; justify-self: center; }
.fut__vis svg { width: 100%; display: block; }
/* Entstehung */
.fut .dl { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset .7s ease; }
.fut.go .dl { stroke-dashoffset: 0; }
.fut .df { opacity: 0; transition: opacity .45s ease; }
.fut.go .df { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .fut .dl { stroke-dasharray: none; stroke-dashoffset: 0; transition: none; }
  .fut .df { opacity: 1; transition: none; }
}