/* Agenz Foundation V75 — cinematic human + AI homepage wallpaper */
.ecosystem-hero{
  min-height:max(760px,100svh)!important;
  background:#010704!important;
}

.ecosystem-hero .hero-background{
  background:#010704!important;
}

.ecosystem-hero .hero-background img{
  opacity:1!important;
  object-position:center center!important;
  filter:saturate(1.07) contrast(1.06) brightness(.86)!important;
  transform:scale(1.012);
  animation:agenzWallpaperBreath 18s ease-in-out infinite alternate!important;
}

.ecosystem-hero .hero-background-wash{
  background:
    linear-gradient(90deg,rgba(1,5,4,.96) 0%,rgba(1,8,6,.86) 27%,rgba(1,8,6,.54) 43%,rgba(0,7,5,.12) 71%,rgba(0,5,4,.08) 100%),
    linear-gradient(180deg,rgba(1,6,4,.62) 0%,transparent 24%,transparent 65%,rgba(0,4,3,.76) 100%)!important;
}

.ecosystem-hero .hero-neon-beam,
.ecosystem-hero .hero-grid{
  display:none!important;
}

.ecosystem-hero #neural-canvas{
  z-index:-1!important;
  opacity:.9!important;
  mix-blend-mode:screen;
  pointer-events:none;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.42),#000 35%,#000 100%);
}

.ecosystem-hero .hero-inner{
  grid-template-columns:minmax(0,720px) minmax(180px,1fr)!important;
  gap:clamp(28px,6vw,110px)!important;
}

.ecosystem-hero .hero-copy{
  max-width:720px;
  text-shadow:0 3px 24px rgba(0,0,0,.78);
}

.ecosystem-hero .hero-visual{
  display:none!important;
}

.ecosystem-hero .eyebrow{
  color:#71ffc2!important;
  text-shadow:0 0 18px rgba(64,255,172,.34);
}

.ecosystem-hero .hero-spectrum{
  background-image:linear-gradient(96deg,#f4fff9 0%,#93ffd0 38%,#27d58f 70%,#d8fff0 100%)!important;
  filter:drop-shadow(0 0 20px rgba(37,219,144,.12));
}

.ecosystem-hero .hero-lead{
  color:rgba(236,248,242,.78)!important;
}

.ecosystem-hero .button-primary{
  color:#02130c!important;
  border-color:#51eda8!important;
  background:linear-gradient(105deg,#87ffd0,#35dc96)!important;
  box-shadow:0 0 34px rgba(53,220,150,.22)!important;
}

.ecosystem-hero .button-primary:hover{
  border-color:#b8ffdf!important;
  background:linear-gradient(105deg,#b8ffdf,#58efad)!important;
  box-shadow:0 0 44px rgba(83,239,173,.34)!important;
}

.ecosystem-hero .button-secondary:hover{
  color:#8effc8!important;
  border-color:#69efb2!important;
  background:rgba(57,225,151,.07)!important;
}

.ecosystem-hero .hero-meta{
  color:rgba(219,241,230,.57)!important;
}

.ecosystem-hero .hero-meta i{
  background:#53f0aa!important;
  box-shadow:0 0 16px rgba(83,240,170,.9)!important;
}

/* Developer portrait — replaces the legacy NL monogram on the homepage. */
.developer-mark.developer-portrait{
  position:relative;
  overflow:hidden;
  align-self:start;
  justify-self:center;
  width:min(100%,360px);
  aspect-ratio:1;
  box-sizing:border-box;
  padding:clamp(7px,.8vw,11px)!important;
  color:transparent!important;
  border:1px solid rgba(18,96,212,.2)!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#fff 0 35%,#d7143b 35% 48%,#1764d5 48% 100%)!important;
  box-shadow:0 24px 58px rgba(18,96,212,.2),0 10px 24px rgba(17,31,69,.12)!important;
  isolation:isolate;
}

.developer-mark.developer-portrait span{
  display:block;
  width:100%;
  height:100%;
  box-sizing:border-box;
  overflow:hidden;
  border:3px solid rgba(255,255,255,.96);
  border-radius:50%;
  background:#626262;
  box-shadow:inset 0 0 0 1px rgba(12,27,58,.14);
}

.developer-mark.developer-portrait img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  border-radius:50%;
  object-fit:cover;
  object-position:50% 43%;
  transform:scale(1.06);
  transform-origin:50% 43%;
}

@keyframes agenzWallpaperBreath{
  from{transform:scale(1.012) translate3d(0,0,0)}
  to{transform:scale(1.035) translate3d(-.35%,.25%,0)}
}

@media(max-width:1100px){
  .ecosystem-hero .hero-inner{
    grid-template-columns:minmax(0,700px) 1fr!important;
  }
  .ecosystem-hero .hero-background-wash{
    background:
      linear-gradient(90deg,rgba(1,6,4,.94) 0%,rgba(1,7,5,.78) 42%,rgba(0,6,4,.22) 78%),
      linear-gradient(180deg,rgba(0,5,3,.58),transparent 32%,rgba(0,4,3,.74))!important;
  }
}

@media(max-width:760px){
  .ecosystem-hero{
    min-height:100svh!important;
  }
  .ecosystem-hero .hero-background img{
    opacity:.72!important;
    object-position:69% center!important;
    filter:saturate(1.05) contrast(1.04) brightness(.74)!important;
  }
  .ecosystem-hero .hero-background-wash{
    background:
      linear-gradient(90deg,rgba(0,5,3,.76),rgba(0,5,3,.32)),
      linear-gradient(180deg,rgba(0,5,3,.76) 0%,rgba(0,5,3,.36) 36%,rgba(0,4,3,.9) 86%)!important;
  }
  .ecosystem-hero .hero-inner{
    grid-template-columns:1fr!important;
  }
  .ecosystem-hero .hero-copy{
    max-width:100%;
  }
  .ecosystem-hero #neural-canvas{
    opacity:.72!important;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.6),#000 45%,#000);
  }
  .developer-mark.developer-portrait{
    width:min(180px,58vw)!important;
    justify-self:center;
  }
}

@media(prefers-reduced-motion:reduce){
  .ecosystem-hero .hero-background img{
    animation:none!important;
    transform:none!important;
  }
}