/* AI Access Hub v5: Neural command deck.
   Scoped override loaded after landing.html's inline styles. */

.ai-access-console,
.ai-access-console * {
  box-sizing: border-box !important;
}

.ai-access-console {
  position: relative !important;
  isolation: isolate !important;
  display: block !important;
  grid-template-columns: none !important;
  width: min(1120px, calc(100% - 2rem)) !important;
  max-width: none !important;
  margin: clamp(2.75rem, 5vw, 4rem) auto clamp(1.5rem, 3vw, 2.5rem) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  color: #f7fff9 !important;
  color-scheme: dark !important;
  background:
    repeating-linear-gradient(90deg, rgba(142, 255, 222, 0.075) 0 1px, transparent 1px 58px),
    repeating-linear-gradient(0deg, rgba(165, 197, 255, 0.055) 0 1px, transparent 1px 58px),
    linear-gradient(135deg, #050706 0%, #090d12 34%, #120b18 67%, #0c0e08 100%) !important;
  background-size: 58px 58px, 58px 58px, auto !important;
  border: 1px solid rgba(151, 255, 222, 0.32) !important;
  outline: 1px solid rgba(255, 255, 255, 0.10) !important;
  outline-offset: -10px !important;
  box-shadow:
    0 42px 120px rgba(0, 0, 0, 0.62),
    0 0 0 1px rgba(255, 255, 255, 0.05),
    0 0 70px rgba(0, 229, 171, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  transform: translateZ(0) !important;
}

.ai-access-console.trust-band::before,
.ai-access-console::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(115deg, transparent 0%, transparent 36%, rgba(0, 229, 171, 0.18) 48%, rgba(141, 110, 255, 0.12) 55%, transparent 68%, transparent 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), transparent 22%, transparent 76%, rgba(0, 229, 171, 0.08)) !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  opacity: 0.9 !important;
  animation: ai-surface-scan 8s linear infinite !important;
}

.ai-access-console.trust-band::after,
.ai-access-console::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 12px !important;
  z-index: 0 !important;
  width: auto !important;
  pointer-events: none !important;
  border-radius: 20px !important;
  background:
    linear-gradient(90deg, rgba(0, 229, 171, 0.65), transparent 18%, transparent 82%, rgba(141, 110, 255, 0.48)),
    linear-gradient(0deg, rgba(255, 214, 102, 0.24), transparent 20%, transparent 80%, rgba(94, 189, 255, 0.34)) !important;
  padding: 1px !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  opacity: 0.75 !important;
  animation: none !important;
}

.ai-access-shell {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 1rem !important;
  padding: clamp(0.9rem, 2vw, 1.25rem) !important;
}

.ai-access-header {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 1rem !important;
  min-height: 86px !important;
  padding: 1rem !important;
  border-radius: 20px !important;
  background: rgba(7, 10, 13, 0.72) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 18px 48px rgba(0, 0, 0, 0.26) !important;
  -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
  backdrop-filter: blur(18px) saturate(135%) !important;
}

.ai-core-mark {
  position: relative !important;
  width: 56px !important;
  height: 56px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 16px !important;
  color: #05100c !important;
  background: conic-gradient(from 140deg, #00e5ab, #70f6ff, #8d6eff, #ffd666, #00e5ab) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.36) inset,
    0 0 34px rgba(0, 229, 171, 0.52),
    0 16px 34px rgba(0, 0, 0, 0.34) !important;
  animation: ai-core-rotate 12s linear infinite !important;
}

.ai-core-mark::before,
.ai-core-mark::after {
  content: '' !important;
  position: absolute !important;
  inset: -8px !important;
  border-radius: inherit !important;
  border: 1px solid rgba(0, 229, 171, 0.28) !important;
  pointer-events: none !important;
}

.ai-core-mark::after {
  inset: 9px !important;
  border-color: rgba(5, 16, 12, 0.32) !important;
}

.ai-core-mark svg {
  position: relative !important;
  z-index: 1 !important;
  width: 27px !important;
  height: 27px !important;
}

.ai-access-copy {
  min-width: 0 !important;
}

.ai-access-kicker,
.ai-panel-kicker,
.ai-panel-status,
.ai-model-route,
.ai-channel-eyebrow,
.ai-channel-chip {
  font-family: var(--font-mono, 'IBM Plex Mono', 'JetBrains Mono', ui-monospace, monospace) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
}

.ai-access-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.48rem !important;
  margin: 0 0 0.28rem !important;
  color: #80ffe2 !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
}

.ai-access-kicker::before {
  content: '' !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 2px !important;
  background: #00e5ab !important;
  box-shadow: 0 0 14px rgba(0, 229, 171, 0.88) !important;
}

.ai-access-copy strong {
  display: block !important;
  color: #ffffff !important;
  font-size: 1.45rem !important;
  font-weight: 680 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  text-wrap: balance !important;
}

.ai-access-copy p {
  max-width: 690px !important;
  margin: 0.42rem 0 0 !important;
  color: #c4d4cc !important;
  font-size: 0.9rem !important;
  line-height: 1.55 !important;
}

.ai-access-live {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.52rem !important;
  min-height: 38px !important;
  padding: 0 0.78rem !important;
  border-radius: 999px !important;
  color: #dffff7 !important;
  background: rgba(0, 229, 171, 0.10) !important;
  border: 1px solid rgba(0, 229, 171, 0.32) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
  font-family: var(--font-mono, 'IBM Plex Mono', 'JetBrains Mono', ui-monospace, monospace) !important;
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.ai-access-live::before {
  display: none !important;
  content: none !important;
}

.ai-access-live-dot {
  position: relative !important;
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  background: #00e5ab !important;
  box-shadow: 0 0 16px rgba(0, 229, 171, 0.90) !important;
}

.ai-access-live-dot::after {
  content: '' !important;
  position: absolute !important;
  inset: -6px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0, 229, 171, 0.52) !important;
  animation: ai-live-ping 1.9s ease-out infinite !important;
}

.ai-access-live-heartbeat {
  width: 54px !important;
  height: 14px !important;
  color: #80ffe2 !important;
  stroke-dasharray: 140 !important;
  stroke-dashoffset: 140 !important;
  animation: ai-heartbeat 4s linear infinite !important;
}

.ai-command-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.9fr) !important;
  gap: 1rem !important;
}

.ai-access-panel {
  min-width: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  padding: 1rem !important;
  background: rgba(8, 11, 13, 0.68) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 20px 52px rgba(0, 0, 0, 0.28) !important;
  -webkit-backdrop-filter: blur(16px) saturate(130%) !important;
  backdrop-filter: blur(16px) saturate(130%) !important;
}

.ai-access-panel::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(0, 229, 171, 0.16), transparent 38%, rgba(141, 110, 255, 0.12)),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 18px) !important;
  opacity: 0.75 !important;
}

.ai-access-panel > * {
  position: relative !important;
  z-index: 1 !important;
}

.ai-panel-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  margin-bottom: 0.9rem !important;
}

.ai-panel-kicker {
  color: #8fffe4 !important;
  font-size: 0.64rem !important;
  font-weight: 850 !important;
}

.ai-panel-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.42rem !important;
  min-height: 28px !important;
  padding: 0 0.62rem !important;
  border-radius: 999px !important;
  color: #0b160f !important;
  background: #9dffd6 !important;
  border: 1px solid rgba(255, 255, 255, 0.26) !important;
  font-size: 0.58rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.ai-panel-status span {
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: #0b160f !important;
}

.ai-panel-status--quiet {
  color: #cbd8d0 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

.ai-processing-visual {
  display: grid !important;
  grid-template-columns: minmax(210px, 0.86fr) minmax(260px, 1fr) !important;
  gap: 0.85rem !important;
  align-items: stretch !important;
}

.ai-document-card {
  position: relative !important;
  min-height: 216px !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  padding: 1rem !important;
  color: #07100c !important;
  background:
    linear-gradient(180deg, #fbfffb 0%, #e7eee9 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.52) !important;
  box-shadow:
    0 22px 44px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.ai-document-card::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.035) 0 1px, transparent 1px 24px),
    repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.025) 0 1px, transparent 1px 24px) !important;
  pointer-events: none !important;
}

.ai-document-card::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -35% !important;
  height: 42% !important;
  background: linear-gradient(180deg, transparent, rgba(0, 229, 171, 0.32), transparent) !important;
  animation: ai-doc-scan 4.8s ease-in-out infinite !important;
  pointer-events: none !important;
}

.ai-doc-top,
.ai-doc-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
}

.ai-doc-top span,
.ai-doc-footer span {
  font-family: var(--font-mono, ui-monospace, monospace) !important;
  color: #50625b !important;
  font-size: 0.65rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.ai-doc-title {
  margin-top: 1.05rem !important;
  color: #07100c !important;
  font-size: 1rem !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.ai-doc-lines {
  display: grid !important;
  gap: 0.52rem !important;
  margin: 1rem 0 1.2rem !important;
}

.ai-doc-lines span {
  display: block !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #cbd7d0 !important;
}

.ai-doc-lines span:nth-child(1) { width: 92% !important; }
.ai-doc-lines span:nth-child(2) { width: 72% !important; }
.ai-doc-lines span:nth-child(3) { width: 84% !important; }
.ai-doc-lines span:nth-child(4) { width: 54% !important; }

.ai-doc-footer {
  position: absolute !important;
  left: 1rem !important;
  right: 1rem !important;
  bottom: 1rem !important;
  padding-top: 0.9rem !important;
  border-top: 1px solid rgba(7, 16, 12, 0.12) !important;
}

.ai-doc-footer strong {
  color: #008865 !important;
  font-family: var(--font-mono, ui-monospace, monospace) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.ai-route-map {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.55rem !important;
  align-content: center !important;
  min-height: 216px !important;
  padding: 1rem !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 10% 18%, rgba(0, 229, 171, 0.14), transparent 34%),
    radial-gradient(circle at 94% 86%, rgba(141, 110, 255, 0.13), transparent 36%),
    rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(255, 255, 255, 0.11) !important;
}

.ai-route-map::before {
  content: '' !important;
  position: absolute !important;
  top: 34px !important;
  bottom: 34px !important;
  left: 34px !important;
  right: auto !important;
  width: 2px !important;
  height: auto !important;
  background: linear-gradient(180deg, #00e5ab, #70f6ff, #8d6eff) !important;
  box-shadow: 0 0 18px rgba(0, 229, 171, 0.42) !important;
  transform: none !important;
}

.ai-flow-step {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.72rem !important;
  min-height: 52px !important;
  min-width: 0 !important;
  padding: 0.5rem 0.64rem !important;
  border-radius: 16px !important;
  text-align: start !important;
  background: rgba(5, 7, 6, 0.54) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.ai-flow-step span {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  color: #dffff7 !important;
  background: #07110d !important;
  border: 1px solid rgba(0, 229, 171, 0.42) !important;
  box-shadow:
    0 0 0 5px rgba(8, 11, 13, 0.82),
    0 0 22px rgba(0, 229, 171, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-family: var(--font-mono, ui-monospace, monospace) !important;
  font-size: 0.58rem !important;
  font-weight: 900 !important;
}

.ai-flow-step strong {
  display: block !important;
  max-width: 100% !important;
  color: #ffffff !important;
  font-size: 0.9rem !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.ai-flow-step.is-live span {
  color: #06100c !important;
  background: linear-gradient(135deg, #00e5ab, #98ffe3) !important;
  border-color: rgba(181, 255, 230, 0.72) !important;
  box-shadow:
    0 0 0 5px rgba(8, 11, 13, 0.82),
    0 0 34px rgba(0, 229, 171, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
}

html[dir="rtl"] .ai-route-map::before {
  left: auto !important;
  right: 34px !important;
}

html[dir="rtl"] .ai-flow-step {
  text-align: right !important;
}

.ai-model-route {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.48rem !important;
  margin: 0.85rem 0 !important;
  padding: 0.7rem 0.78rem !important;
  border-radius: 16px !important;
  color: #aebeb6 !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  font-size: 0.62rem !important;
  font-weight: 800 !important;
}

.ai-model-route strong {
  color: #ffffff !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.ai-model-route i {
  width: 18px !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(0, 229, 171, 0.15), rgba(0, 229, 171, 0.85)) !important;
}

.ai-proof-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.6rem !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.ai-proof-item {
  min-width: 0 !important;
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.52rem !important;
  padding: 0.68rem !important;
  border-radius: 16px !important;
  color: #eef9f3 !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.ai-proof-item svg {
  width: 19px !important;
  height: 19px !important;
  flex: 0 0 auto !important;
}

.ai-proof-item span {
  min-width: 0 !important;
  color: inherit !important;
  font-family: var(--font-mono, ui-monospace, monospace) !important;
  font-size: 0.62rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}

.ai-proof-item--mint { border-color: rgba(0, 229, 171, 0.24) !important; color: #9dffd6 !important; }
.ai-proof-item--blue { border-color: rgba(94, 189, 255, 0.24) !important; color: #b8e7ff !important; }
.ai-proof-item--violet { border-color: rgba(141, 110, 255, 0.26) !important; color: #d5caff !important; }
.ai-proof-item--amber { border-color: rgba(255, 214, 102, 0.28) !important; color: #ffe2a0 !important; }

.ai-channel-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.68rem !important;
  width: 100% !important;
}

.ai-channel-card,
.ai-access-console .trust-pill {
  position: relative !important;
  isolation: isolate !important;
  min-width: 0 !important;
  min-height: 96px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.72rem !important;
  padding: 0.78rem !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
  transition:
    transform 0.22s var(--ease, cubic-bezier(0.16, 1, 0.3, 1)),
    border-color 0.22s var(--ease, cubic-bezier(0.16, 1, 0.3, 1)),
    background 0.22s var(--ease, cubic-bezier(0.16, 1, 0.3, 1)),
    box-shadow 0.22s var(--ease, cubic-bezier(0.16, 1, 0.3, 1)) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
}

.ai-channel-card::before,
.ai-access-console .trust-pill::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: #8fffe4 !important;
  z-index: 0 !important;
}

html[dir="rtl"] .ai-channel-card::before,
html[dir="rtl"] .ai-access-console .trust-pill::before {
  inset: 0 0 0 auto !important;
}

.ai-channel-card::after,
.ai-access-console .trust-pill::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.10), transparent 38%, rgba(255, 255, 255, 0.04)) !important;
  opacity: 0 !important;
  transition: opacity 0.22s var(--ease, ease) !important;
}

.ai-channel-card > *,
.ai-access-console .trust-pill > * {
  position: relative !important;
  z-index: 1 !important;
}

.ai-channel-card:hover,
.ai-access-console .trust-pill:hover {
  transform: translate3d(0, -3px, 0) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  background: rgba(255, 255, 255, 0.09) !important;
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

.ai-channel-card:hover::after,
.ai-access-console .trust-pill:hover::after {
  opacity: 1 !important;
}

.ai-channel-card--telegram::before { background: #2eb7f4 !important; }
.ai-channel-card--install::before { background: #00e5ab !important; }
.ai-channel-card--ios::before { background: #f5f7fa !important; }
.ai-channel-card--android::before { background: #34a853 !important; }

.ai-channel-icon,
.ai-access-console .trust-pill-icon {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

.ai-channel-icon svg {
  width: 20px !important;
  height: 20px !important;
}

.ai-channel-card--telegram .ai-channel-icon { color: #2eb7f4 !important; background: rgba(46, 183, 244, 0.14) !important; }
.ai-channel-card--install .ai-channel-icon { color: #00e5ab !important; background: rgba(0, 229, 171, 0.14) !important; }
.ai-channel-card--ios .ai-channel-icon { color: #f5f7fa !important; background: rgba(245, 247, 250, 0.12) !important; }
.ai-channel-card--android .ai-channel-icon { color: #34a853 !important; background: rgba(52, 168, 83, 0.14) !important; }

.ai-channel-copy,
.ai-access-console .trust-pill-text {
  min-width: 0 !important;
  display: grid !important;
  gap: 0.22rem !important;
}

.ai-channel-eyebrow,
.ai-access-console .trust-pill-eyebrow {
  color: #a9b8b1 !important;
  font-size: 0.56rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

.ai-channel-title,
.ai-access-console .trust-pill-title {
  color: #ffffff !important;
  font-size: 0.98rem !important;
  font-weight: 780 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}

.ai-channel-chip {
  width: max-content !important;
  max-width: 100% !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  color: #b7c8c0 !important;
  background: rgba(0, 0, 0, 0.26) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  font-size: 0.55rem !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  text-transform: lowercase !important;
  letter-spacing: 0.06em !important;
}

.ai-channel-arrow,
.ai-access-console .trust-pill-arrow {
  width: 18px !important;
  height: 18px !important;
  color: #9dffd6 !important;
  transition: transform 0.22s var(--ease, ease), color 0.22s var(--ease, ease) !important;
}

.ai-channel-card:hover .ai-channel-arrow,
.ai-access-console .trust-pill:hover .trust-pill-arrow {
  color: #ffffff !important;
  transform: translateX(4px) !important;
}

html[dir="rtl"] .ai-channel-card:hover .ai-channel-arrow,
html[dir="rtl"] .ai-access-console .trust-pill:hover .trust-pill-arrow {
  transform: translateX(-4px) !important;
}

.ai-channel-card--install:hover .ai-channel-arrow {
  transform: translateY(4px) !important;
}

@keyframes ai-surface-scan {
  0% { background-position: -180% 0, 0 0; }
  100% { background-position: 180% 0, 0 0; }
}

@keyframes ai-core-rotate {
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}

@keyframes ai-live-ping {
  0% { opacity: 0.75; transform: scale(0.58); }
  82% { opacity: 0; transform: scale(2.25); }
  100% { opacity: 0; transform: scale(2.45); }
}

@keyframes ai-heartbeat {
  0% { stroke-dashoffset: 140; opacity: 0; }
  10% { opacity: 0.95; }
  84% { stroke-dashoffset: 0; opacity: 0.95; }
  95% { opacity: 0; }
  100% { stroke-dashoffset: 0; opacity: 0; }
}

@keyframes ai-doc-scan {
  0%, 16% { top: -42%; opacity: 0; }
  28% { opacity: 1; }
  72% { opacity: 1; }
  88%, 100% { top: 105%; opacity: 0; }
}

@media (max-width: 1020px) {
  .ai-command-grid {
    grid-template-columns: 1fr !important;
  }

  .ai-launch-panel {
    order: 2 !important;
  }
}

@media (max-width: 760px) {
  .ai-access-console {
    width: min(100%, calc(100% - 1rem)) !important;
    border-radius: 24px !important;
    outline-offset: -8px !important;
  }

  .ai-access-console.trust-band::after,
  .ai-access-console::after {
    inset: 8px !important;
    border-radius: 17px !important;
  }

  .ai-access-shell {
    padding: 0.72rem !important;
  }

  .ai-access-header {
    grid-template-columns: auto minmax(0, 1fr) !important;
    border-radius: 18px !important;
    padding: 0.86rem !important;
  }

  .ai-access-live {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
  }

  .ai-access-copy strong {
    font-size: 1.12rem !important;
  }

  .ai-access-copy p {
    font-size: 0.82rem !important;
  }

  .ai-processing-visual,
  .ai-proof-row,
  .ai-channel-grid {
    grid-template-columns: 1fr !important;
  }

  .ai-route-map {
    min-height: auto !important;
    grid-template-columns: 1fr !important;
  }

  .ai-route-map::before {
    top: 32px !important;
    bottom: 32px !important;
    left: 34px !important;
    right: auto !important;
    width: 2px !important;
    height: auto !important;
    transform: none !important;
    background: linear-gradient(180deg, #00e5ab, #70f6ff, #8d6eff) !important;
  }

  .ai-flow-step {
    min-height: 52px !important;
  }

  html[dir="rtl"] .ai-route-map::before {
    left: auto !important;
    right: 34px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ai-access-console,
  .ai-access-console *,
  .ai-access-console::before,
  .ai-access-console::after,
  .ai-access-console *::before,
  .ai-access-console *::after {
    animation: none !important;
    transition: none !important;
  }
}