/* AINNA shell: globe, cookie, footer, 3 header controls, day/night. */

.topbar-end {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  flex-shrink: 0;
}

.mobile-nav { display: none; }

.card-purpose {
  margin: 18px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
}

.proof-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.proof-card {
  display: grid;
  gap: 8px;
  min-height: 140px;
  padding: 22px;
  border-radius: 22px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.72);
  color: inherit;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease;
}

.proof-card:hover { transform: translateY(-2px); border-color: var(--line-strong); }
.proof-card strong { font: 700 18px/1.2 Manrope, sans-serif; }
.proof-card span { color: var(--muted); font-size: 13px; line-height: 1.55; }
.proof-card-dark { background: #111416; color: #fff; }
.proof-card-dark span { color: #bcc1c5; }

.topbar .ainna-nav-controls {
  gap: 6px;
}

.topbar .ainna-wc-link,
.topbar button.ainna-theme-switch.theme-toggle,
.topbar .ainna-boost-toggle {
  position: static !important;
  top: auto !important;
  right: auto !important;
}

.ainna-page-footer {
  position: relative;
  z-index: 2;
  margin-top: 0;
}

.cyber-network-root,
#cyber-network-root,
.ainna-globe-btn,
.cyber-globe-btn {
  z-index: 99990;
}

html[data-boost="true"] .ambient,
html[data-boost="true"] .orbit,
html[data-boost="true"] .floating-node,
html[data-boost="true"] .signal-line,
html[data-boost="true"] .wheel-ring,
html[data-boost="true"] .moving-line span,
html[data-boost="true"] .mini-flow i {
  animation: none !important;
}

/* ── Night mode ── */
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b0e11;
  --bg-2: #12161a;
  --panel: rgba(18, 22, 26, .78);
  --panel-solid: #161a1e;
  --ink: #eef1f3;
  --muted: #9aa1a7;
  --line: rgba(255, 255, 255, .10);
  --line-strong: rgba(255, 255, 255, .16);
  --shadow: 0 24px 80px rgba(0, 0, 0, .38);
  --accent: #ecfdf5;
  --accent-soft: #1c2428;
}

html[data-theme="dark"] body {
  background: var(--bg);
  color: var(--ink);
}

html[data-theme="dark"] body::before {
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
}

html[data-theme="dark"] .page-progress { background: #5eead4; }
html[data-theme="dark"] .ambient-a { background: #134e4a; opacity: .28; }
html[data-theme="dark"] .ambient-b { background: #1e3a5f; opacity: .22; }
html[data-theme="dark"] .grain { opacity: .07; }

html[data-theme="dark"] .topbar {
  background: rgba(12, 16, 20, .78);
  border-color: rgba(255,255,255,.10);
  box-shadow: 0 8px 32px rgba(0,0,0,.28);
}
html[data-theme="dark"] .brand-mark { background: #ecfdf5; color: #042f2e; }
html[data-theme="dark"] .desktop-nav a { color: #9aa1a7; }
html[data-theme="dark"] .desktop-nav a:hover { color: #ecfdf5; }
html[data-theme="dark"] .nav-cta { background: #ecfdf5; color: #042f2e; }

html[data-theme="dark"] .eyebrow { color: #9aa1a7; }
html[data-theme="dark"] .eyebrow span { background: #5eead4; }
html[data-theme="dark"] .hero h1 span { color: #8b969c; }
html[data-theme="dark"] .hero-lede { color: #9aa1a7; }
html[data-theme="dark"] .btn-dark { background: #ecfdf5; color: #042f2e; }
html[data-theme="dark"] .btn-ghost { background: rgba(255,255,255,.04); color: var(--ink); }
html[data-theme="dark"] .btn-ghost:hover { background: rgba(255,255,255,.08); }

html[data-theme="dark"] .hero-metrics article,
html[data-theme="dark"] .thesis-flow,
html[data-theme="dark"] .allocation-card,
html[data-theme="dark"] .capital-visual,
html[data-theme="dark"] .deep-card,
html[data-theme="dark"] .knowledge-pipeline,
html[data-theme="dark"] .revenue-card,
html[data-theme="dark"] .impact-step,
html[data-theme="dark"] .impact-card,
html[data-theme="dark"] .scenario-card,
html[data-theme="dark"] .value-drivers,
html[data-theme="dark"] .investor-table,
html[data-theme="dark"] .gates-grid div {
  background: rgba(18, 22, 26, .72);
  border-color: var(--line);
}

html[data-theme="dark"] .flow-node,
html[data-theme="dark"] .pipeline-node,
html[data-theme="dark"] .driver-grid span {
  background: #161a1e;
  border-color: var(--line);
  color: var(--ink);
}

html[data-theme="dark"] .orbital-card {
  background: radial-gradient(circle at center, rgba(22,28,32,.98) 0 19%, rgba(16,22,26,.9) 20% 47%, rgba(12,16,20,.7) 48% 68%, rgba(11,14,17,.2) 69% 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 28px 80px rgba(0,0,0,.4);
}
html[data-theme="dark"] .orbit { border-color: rgba(94,234,212,.18); }
html[data-theme="dark"] .core-node { background: #042f2e; color: #ecfdf5; }
html[data-theme="dark"] .floating-node {
  background: rgba(18,22,26,.88);
  border-color: rgba(255,255,255,.12);
  color: var(--ink);
}
html[data-theme="dark"] .visual-caption { color: #9aa1a7; }
html[data-theme="dark"] .dot-live { background: #5eead4; box-shadow: 0 0 0 6px rgba(94,234,212,.12); }

html[data-theme="dark"] .allocation-primary,
html[data-theme="dark"] .flow-node.strong,
html[data-theme="dark"] .pipeline-node.final,
html[data-theme="dark"] .revenue-card-dark,
html[data-theme="dark"] .institutional-card,
html[data-theme="dark"] .scenario-breakout,
html[data-theme="dark"] .table-row-emphasis {
  background: #042f2e;
  color: #ecfdf5;
}

html[data-theme="dark"] .icon-chip,
html[data-theme="dark"] .revenue-no { background: #1c2428; color: #ecfdf5; }
html[data-theme="dark"] .card-note,
html[data-theme="dark"] .pill-cloud span { background: #1c2428; color: #c5cdcf; border-color: var(--line); }
html[data-theme="dark"] .cost-list div span,
html[data-theme="dark"] .deep-card-head small,
html[data-theme="dark"] .revenue-card p,
html[data-theme="dark"] .flywheel-copy p,
html[data-theme="dark"] .impact-card p,
html[data-theme="dark"] .scenario-card p,
html[data-theme="dark"] .scenario-card li,
html[data-theme="dark"] .table-row span,
html[data-theme="dark"] .disclaimer,
html[data-theme="dark"] .chapter-tag,
html[data-theme="dark"] .legend { color: var(--muted); }

html[data-theme="dark"] .allocation-bar { background: #1c2428; }
html[data-theme="dark"] .allocation-bar span { background: #5eead4; }
html[data-theme="dark"] .stacked-track { background: #1c2428; }
html[data-theme="dark"] .seg-50 { background: #5eead4; }
html[data-theme="dark"] .seg-30 { background: #2dd4bf; }
html[data-theme="dark"] .seg-20 { background: #134e4a; }
html[data-theme="dark"] .l1 { background: #5eead4; }
html[data-theme="dark"] .l2 { background: #2dd4bf; }
html[data-theme="dark"] .l3 { background: #134e4a; }

html[data-theme="dark"] .transition-band {
  background: linear-gradient(180deg, rgba(18,22,26,.7), rgba(12,16,20,.9));
  border-color: var(--line);
}
html[data-theme="dark"] .moving-line { background: #1c2428; }
html[data-theme="dark"] .moving-line span { background: #5eead4; }
html[data-theme="dark"] .pipeline-link { background: linear-gradient(90deg, #2dd4bf, #1c2428); }
html[data-theme="dark"] .pipeline-link::after { background: #5eead4; }

html[data-theme="dark"] .flywheel-wrap {
  background: linear-gradient(140deg, rgba(18,22,26,.88), rgba(12,16,20,.72));
}
html[data-theme="dark"] .wheel-center { background: #042f2e; color: #ecfdf5; }
html[data-theme="dark"] .wheel-item {
  background: rgba(18,22,26,.92);
  border-color: var(--line);
  color: var(--ink);
}

html[data-theme="dark"] .timeline-track { background: #1c2428; }
html[data-theme="dark"] .timeline-item::before { background: #5eead4; border-color: var(--bg); }
html[data-theme="dark"] .scenario-highlight { background: linear-gradient(180deg, #161a1e, #12161a); }
html[data-theme="dark"] .table-head { background: #161a1e; color: #9aa1a7; }

html[data-theme="dark"] .closing-section { background: #050708; }
html[data-theme="dark"] .proof-card { background: rgba(18, 22, 26, .72); }
html[data-theme="dark"] .proof-card-dark { background: #042f2e; color: #ecfdf5; }
html[data-theme="dark"] .mobile-nav a {
  background: rgba(18, 22, 26, .8);
  border-color: var(--line);
  color: var(--ink);
}

@media (max-width: 1080px) {
  .topbar-end { width: auto; }
  .mobile-nav {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    width: min(calc(100% - 32px), 1280px);
    margin: 10px auto 0;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
  }
  .mobile-nav a {
    flex: 0 0 auto;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.72);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
  }
  .proof-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .topbar {
    flex-wrap: wrap;
    gap: 10px;
  }
  .topbar-end {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .topbar .ainna-nav-controls {
    flex-wrap: wrap;
  }
}