/* Light visual surfaces shared by the home and Sovereign AI hero graphics. */
.hero-system{
  color:var(--ink);
  background:
    radial-gradient(circle at 72% 16%,rgba(101,88,238,.18),transparent 34%),
    radial-gradient(circle at 18% 82%,rgba(52,87,245,.10),transparent 36%),
    linear-gradient(145deg,#fbfbf8 0%,#f0f0ea 100%);
  border-color:rgba(11,13,18,.11);
  box-shadow:0 32px 90px rgba(28,35,76,.13),inset 0 1px rgba(255,255,255,.9);
}
.hero-system:before{
  opacity:.18;
  background-image:linear-gradient(rgba(11,13,18,.19) 1px,transparent 1px),linear-gradient(90deg,rgba(11,13,18,.19) 1px,transparent 1px);
  -webkit-mask-image:linear-gradient(#000,transparent 90%);
  mask-image:linear-gradient(#000,transparent 90%);
}
.hero-system:after{color:rgba(11,13,18,.46)}
.hero-system .orbit{border-color:rgba(52,87,245,.36);box-shadow:0 0 50px rgba(52,87,245,.07)}
.hero-system .orbit-two{border-color:rgba(11,13,18,.16)}
.hero-system .outcome{
  color:var(--ink);
  background:rgba(255,255,255,.78);
  border-color:rgba(11,13,18,.12);
  box-shadow:0 14px 35px rgba(23,30,69,.10);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.hero-system .outcome b{color:var(--blue)}
.hero-system .platform-icon{background:#151a25;border-color:rgba(255,255,255,.15);box-shadow:0 7px 16px rgba(16,21,38,.17)}

.control-zone-card{
  color:var(--ink);
  background:
    radial-gradient(circle at 54% 25%,rgba(101,88,238,.18),transparent 32%),
    radial-gradient(circle at 12% 82%,rgba(52,87,245,.09),transparent 34%),
    linear-gradient(145deg,#fbfbf8 0%,#efefe9 100%);
  border-color:rgba(11,13,18,.11);
  box-shadow:0 32px 92px rgba(29,35,75,.14),inset 0 1px rgba(255,255,255,.92);
}
.control-zone-card:before{
  opacity:.16;
  background-image:linear-gradient(rgba(11,13,18,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(11,13,18,.18) 1px,transparent 1px);
}
.control-zone-topline{color:rgba(11,13,18,.58);border-bottom-color:rgba(11,13,18,.10)}
.control-zone-topline strong{color:#3e34a8}
.control-zone-topline i{box-shadow:0 0 0 4px rgba(154,184,31,.12),0 0 13px rgba(154,184,31,.35)}
.control-zone-canvas{
  border-color:rgba(101,88,238,.43);
  background:linear-gradient(145deg,rgba(255,255,255,.77),rgba(101,88,238,.055));
  box-shadow:inset 0 0 44px rgba(101,88,238,.05),0 13px 34px rgba(31,37,74,.055);
}
.control-zone-canvas:before{color:#5749c3}
.architecture-stack>p{color:rgba(11,13,18,.50)}
.architecture-stack>div{
  color:rgba(11,13,18,.78);
  background:rgba(255,255,255,.75);
  border-color:rgba(11,13,18,.10);
  box-shadow:0 7px 18px rgba(31,37,74,.05);
}
.gateway-core{color:#fff}
.gateway-controls span{color:rgba(255,255,255,.74);background:rgba(9,12,20,.80);border-color:rgba(255,255,255,.13)}
.controlled-border{color:rgba(11,13,18,.42)}
.controlled-border:before{background:linear-gradient(90deg,transparent,rgba(11,13,18,.18))}
.controlled-border:after{background:linear-gradient(90deg,rgba(11,13,18,.18),transparent)}
.public-models{background:rgba(255,255,255,.54);border-color:rgba(11,13,18,.17)}
.public-models-heading small{color:rgba(11,13,18,.46)}
.public-models-heading b{color:#5749c3}
.provider-grid span{
  color:rgba(11,13,18,.74);
  background:rgba(255,255,255,.76);
  border-color:rgba(11,13,18,.10);
  box-shadow:0 6px 15px rgba(31,37,74,.045);
}
.managed-foundation{background:rgba(255,255,255,.42);border-top-color:rgba(11,13,18,.09)}
.managed-foundation span{color:rgba(11,13,18,.48);border-right-color:rgba(11,13,18,.08)}

@media (width<=760px){
  .managed-foundation span{border-bottom-color:rgba(11,13,18,.08)}
}

/* Let both hero diagrams merge cleanly into the page surface. */
.hero-system{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}
.hero-system:before{opacity:0}

.control-zone-card{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}
.control-zone-card:before{opacity:0}