/* AimSight Design System — 04 Organisms */

/* Header organism */
.as-header {
  position: fixed !important;
  top: var(--as-header-top) !important;
  left: 50% !important;
  z-index: 1000 !important;
  width: min(100% - 40px, var(--as-container-wide)) !important;
  transform: translateX(-50%) !important;
  border: 1px solid var(--as-color-border-soft) !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.90) !important;
  box-shadow: var(--as-shadow-md) !important;
  backdrop-filter: blur(18px) !important;
}

.as-header .as-nav {
  display: grid !important;
  grid-template-columns: minmax(108px, 180px) minmax(0, 1fr) auto auto auto !important;
  align-items: center !important;
  column-gap: clamp(14px, 2vw, 24px) !important;
  row-gap: 0 !important;
  height: var(--as-header-height) !important;
  min-width: 0 !important;
  padding: 0 var(--as-space-5) !important;
}

.as-brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-self: start !important;
  min-width: 0 !important;
}

.as-brand-text,
.as-brand-mark {
  display: none !important;
}

.as-nav-links {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  gap: clamp(18px, 2.6vw, 34px) !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.as-nav-links a:not(.as-download) {
  position: relative;
  padding: 10px 0 !important;
  color: var(--as-color-ink-2) !important;
  font-size: 13px !important;
  font-weight: var(--as-font-weight-black) !important;
  opacity: 0.84;
  white-space: nowrap;
}

.as-nav-links a:not(.as-download)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--as-color-purple), var(--as-color-cyan));
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.18s ease;
}

.as-nav-links a:not(.as-download):hover::after {
  transform: scaleX(1);
}

.as-nav-preferences {
  justify-self: end !important;
  margin: 0 !important;
  padding: 0 !important;
}

.as-download {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 126px !important;
  height: 48px !important;
  padding: 0 24px !important;
  border-radius: 16px !important;
  color: #fff !important;
  background: var(--as-color-ink) !important;
  box-shadow: 0 16px 36px rgba(14, 16, 36, 0.16) !important;
  white-space: nowrap !important;
}

.as-download {
  font-size: 0 !important;
}

.as-download::after {
  content: "Download";
  font-size: 14px !important;
  font-weight: var(--as-font-weight-black) !important;
}

.as-header-download {
  justify-self: end !important;
}

.as-menu-btn {
  display: none !important;
}

/* Hero organism */
.as-hero-reference {
  padding-top: clamp(7rem, 11vw, 9rem) !important;
}

.as-hero-grid-alt {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr) !important;
  align-items: center !important;
  gap: clamp(2rem, 6vw, 5.5rem) !important;
}

.as-hero h1 {
  font-size: var(--as-type-hero) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.058em !important;
}

.as-hero-copy > p:not(.as-eyebrow):not(.as-choice-line) {
  font-size: var(--as-type-body) !important;
  line-height: 1.75 !important;
  max-width: 620px !important;
}

/* Section organisms */
.as-section-title h2,
.as-real-preview-head h2,
.as-analytics-copy h2,
.as-scoring-copy h2,
.as-control-copy h2,
.as-faq-copy h2,
.as-final-cta h2,
.as-news-card h2 {
  font-size: var(--as-type-section) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.04em !important;
}