.amx-hero { position: relative; overflow: hidden; padding: 140px 0 96px; }
.amx-hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; position: relative; z-index: 1; }
.amx-hero h1 { color: var(--amx-slate-50); }
.amx-hero-text { max-width: 46ch; font-size: 1.1rem; }
.amx-trust { list-style: none; margin: 32px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: .85rem; color: var(--amx-slate-400); }
.amx-trust li::before { content: '\2713'; color: var(--amx-accent); margin-right: 8px; }

.amx-mesh {
  position: absolute;
  inset: -20%;
}
.amx-mesh::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(40% 40% at 20% 20%, rgba(79, 70, 229, .35), transparent),
    radial-gradient(35% 35% at 80% 30%, rgba(6, 182, 212, .3), transparent),
    radial-gradient(45% 45% at 60% 80%, rgba(79, 70, 229, .2), transparent);
  filter: blur(40px);
  animation: amx-mesh-drift 18s ease-in-out infinite alternate;
}
@keyframes amx-mesh-drift {
  from { transform: translate3d(0,0,0) scale(1); }
  to { transform: translate3d(-2%, 2%, 0) scale(1.05); }
}
@media (prefers-reduced-motion: reduce) {
  .amx-mesh::before { animation: none; }
}

.amx-hero-art { position: relative; height: 420px; }
.amx-hero.amx-cursor-active .amx-mesh {
  transform: translate3d(var(--cursor-shift-x, 0), var(--cursor-shift-y, 0), 0);
}
.amx-floating-card {
  position: absolute;
  padding: 16px 20px;
  border-radius: var(--amx-radius-md);
  z-index: 2;
}
.amx-floating-card-one { top: 8%; right: 4%; background: rgba(255,255,255,.06); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,.12); }
.amx-floating-card-two { bottom: 12%; left: 0; background: rgba(255,255,255,.06); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,.12); }
.amx-floating-card strong { display: block; color: var(--amx-slate-50); font-family: var(--amx-font-heading); font-size: 1.1rem; }
.amx-floating-card span { font-size: .8rem; color: var(--amx-slate-400); }

.amx-ui-card { position: absolute; inset: 15% 8%; padding: 24px; }
.amx-ui-card-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--amx-gradient-brand); margin-bottom: 16px; }
.amx-ui-card-line { height: 10px; border-radius: 6px; background: rgba(255,255,255,.14); margin-bottom: 10px; }
.amx-ui-card-bars { display: flex; align-items: flex-end; gap: 8px; height: 100px; margin-top: 24px; }
.amx-ui-card-bars span { flex: 1; border-radius: 6px 6px 0 0; background: var(--amx-gradient-brand); opacity: .85; }

.amx-industries { background: var(--amx-bg-dark); padding: 0 0 64px; }
.amx-industries-label { color: var(--amx-slate-400); font-size: .8rem; text-transform: uppercase; letter-spacing: .1em; text-align: center; margin-bottom: 24px; }
.amx-industries-list {
  list-style: none;
  margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;
}
.amx-industries-list li {
  padding: 8px 18px;
  border-radius: 999px;
  border: 1px solid var(--amx-slate-800);
  color: var(--amx-slate-300);
  font-size: .85rem;
}

@media (max-width: 900px) {
  .amx-hero-grid { grid-template-columns: 1fr; }
  .amx-hero-art { height: 320px; }
  .amx-hero { padding: 112px 0 64px; }
}