/* Warp Field host/canvas rules extracted from verified threeui.css.
   AIZERO supplies absolute Hero placement and its #050505 fallback. */
#home.az-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  min-height: 100svh;
  overflow: hidden;
  background: #050505;
  padding: 120px 24px 100px;
}
#home .warp-field {
  position: absolute;
  inset: 0;
  z-index: 0;
  isolation: isolate;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  pointer-events: none;
}
#home .warp-field > canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  visibility: hidden;
  pointer-events: none;
}
#home .warp-field.is-ready > canvas { visibility: visible; }
#home .az-hero__scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 46%, rgba(5,5,5,.48) 0%, rgba(5,5,5,.29) 30%, rgba(5,5,5,.06) 65%, transparent 82%),
    linear-gradient(180deg, rgba(5,5,5,.16), transparent 20%, transparent 84%, rgba(5,5,5,.65));
}
#home .az-hero__content { position: relative; z-index: 2; width: 100%; max-width: 980px; }
#home .az-hero__eyebrow {
  margin: 0 0 30px;
  color: var(--az-muted);
  font: 600 11px/1.5 var(--az-font-sans);
  letter-spacing: .32em;
}
#home .az-hero__headline {
  margin: 0;
  font-family: var(--az-font-sans);
  font-size: clamp(52.2px, 5.85vw, 84.6px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -.045em !important;
}
#home .az-hero__headline em { color: var(--az-accent); font-style: normal; }
#home .az-hero__actions { display: flex; flex-direction: column; align-items: center; gap: 17px; margin-top: 38px; }
#home .az-hero__actions .az-button { display: inline-flex; align-items: center; padding: 12px 20px; font-size: 14px; min-height: 48px; }
#home .az-hero__explore { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 12px; color: #B8BFBC; font-size: 13px; text-decoration: none; transition: color .2s ease; }
#home .az-hero__explore:hover { color: var(--az-accent-soft); }
@media (max-width: 640px) {
  #home.az-hero { padding: 112px 20px 92px; }
  #home .az-hero__eyebrow { margin-bottom: 27px; font-size: 10px; }
  #home .az-hero__headline { font-size: clamp(30px, 9.3vw, 58px); line-height: 1.1; }
  #home .az-hero__actions { margin-top: 32px; gap: 15px; }
  #home .az-hero__scrim {
    background: radial-gradient(ellipse at 50% 48%, rgba(5,5,5,.54), rgba(5,5,5,.29) 38%, rgba(5,5,5,.045) 78%),
      linear-gradient(180deg, rgba(5,5,5,.16), transparent 20%, transparent 85%, rgba(5,5,5,.65));
  }
}
@media (prefers-reduced-motion: reduce) {
  #home .az-hero__explore { transition: none; }
}