/* AimSight Design System — 02 Atoms */

.as-brand-img {
  width: clamp(70px, 9vw, 104px);
  height: auto;
}

.as-btn,
.as-download,
.as-final-primary,
.as-final-secondary,
.as-news-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border-radius: var(--as-radius-md);
  font-weight: var(--as-font-weight-black);
  line-height: 1;
  white-space: nowrap;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.as-btn:hover,
.as-download:hover,
.as-final-primary:hover,
.as-final-secondary:hover,
.as-news-form button:hover {
  transform: translateY(-1px);
}

.as-icon-button,
.as-theme-toggle,
.as-menu-btn,
.as-language-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  border: 1px solid var(--as-color-border) !important;
  border-radius: var(--as-radius-sm) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--as-color-ink) !important;
  box-shadow: var(--as-shadow-sm) !important;
  cursor: pointer !important;
}

.as-icon-button:hover,
.as-theme-toggle:hover,
.as-menu-btn:hover,
.as-language-trigger:hover {
  border-color: rgba(91, 45, 244, 0.34) !important;
}

.as-language-select-native,
.as-language-select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.as-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  color: currentColor;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  pointer-events: none;
}

.as-eyebrow,
.mini,
.as-product-kicker,
.as-real-preview-head span,
.as-faq-copy span {
  font-weight: var(--as-font-weight-black) !important;
}

.as-card,
.as-feature,
.as-process-card,
.as-mode,
.as-privacy-card,
.as-faq-item {
  border: 1px solid var(--as-color-border-soft);
  border-radius: var(--as-radius-xl);
  background: var(--as-color-white);
}
