:root {
  --card-bio: #00d4aa;
  --card-bio-2: #008cff;
  --card-edge: #63d19a;
  --card-edge-2: #efb650;
  --card-city: #4ed4e4;
  --card-city-2: #f07777;
  --card-chip: #00f0ff;
  --card-chip-2: #7c3aed;
}

html, body {
  margin: 0;
  padding: 0;
}

/* ── Desktop Nav ── */
.desktop-nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--ainna-border, rgba(0,0,0,.08));
  z-index: 9999;
  display: none;
}
@media (min-width: 769px) { .desktop-nav { display: block; } }
html[data-theme="dark"] .desktop-nav {
  background: rgba(15,23,42,.92);
  border-bottom-color: rgba(255,255,255,.08);
}
.nav-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 14px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.nav-logo {
  font-size: 22px;
  font-weight: 800;
  color: var(--ainna-text, #1a1a2e);
  text-decoration: none;
  letter-spacing: -.02em;
  flex-shrink: 0;
}
html[data-theme="dark"] .nav-logo { color: #f8fafc; }
.nav-links {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 1;
  justify-content: flex-end;
}
.nav-link {
  color: var(--ainna-text-muted, #64748b);
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  transition: color .2s;
  position: relative;
}
.nav-link:hover { color: var(--ainna-accent, #667eea); }
html[data-theme="dark"] .nav-link { color: #94a3b8; }
html[data-theme="dark"] .nav-link:hover { color: #a78bfa; }

/* ── Mobile topbar ── */
.ainna-mobile-topbar {
  display: none;
}
@media (max-width: 768px) {
  .ainna-mobile-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    min-height: 56px;
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 9998;
    pointer-events: none;
  }
  .ainna-mobile-topbar > * { pointer-events: auto; }
}

/* ── Mobile menu panel ── */
#mobile-panel {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,.5);
  z-index: 9999;
  opacity: 0;
  transition: opacity .3s ease;
}
#mobile-panel.active { opacity: 1; display: block; }
.mobile-menu {
  background: #fff;
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 280px;
  max-width: 85%;
  padding: 20px;
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform .3s ease;
  box-shadow: -4px 0 20px rgba(0,0,0,.2);
}
#mobile-panel.active .mobile-menu { transform: translateX(0); }
html[data-theme="dark"] .mobile-menu { background: #1e293b; }
.menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.menu-header span { font-size: 24px; font-weight: 700; color: #1a1a2e; }
html[data-theme="dark"] .menu-header span { color: #f8fafc; }
.menu-header button { background: none; border: none; font-size: 28px; cursor: pointer; color: #1a1a2e; }
html[data-theme="dark"] .menu-header button { color: #f8fafc; }
.mobile-menu nav { display: flex; flex-direction: column; gap: 20px; }
.mobile-menu nav a { font-size: 18px; color: #1a1a2e; text-decoration: none; }
html[data-theme="dark"] .mobile-menu nav a { color: #94a3b8; }
html[data-theme="dark"] .mobile-menu nav a:hover { color: #a78bfa; }


.ai-services-page {
  background: var(--ainna-bg, #ffffff);
  color: var(--ainna-text, #1a1a2e);
  min-height: 100vh;
}

.ai-services-hero {
  position: relative;
  padding: 120px 24px 64px;
  text-align: center;
  overflow: hidden;
  background:
    radial-gradient(1200px 520px at 50% -10%, rgba(102,126,234,.18), transparent 60%),
    radial-gradient(900px 420px at 85% 0%, rgba(118,75,162,.12), transparent 55%),
    var(--ainna-bg, #ffffff);
}

.ai-services-hero .hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border: 1px solid var(--ainna-border, rgba(0,0,0,.12));
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ainna-accent, #667eea);
  background: rgba(255,255,255,.7);
  margin-bottom: 18px;
}

.ai-services-hero h1 {
  font-size: clamp(2.2rem, 5.5vw, 3.6rem);
  line-height: 1.1;
  font-weight: 800;
  margin: 0 0 16px;
  color: var(--ainna-text, #1a1a2e);
}

.ai-services-hero .grad {
  background: linear-gradient(90deg, #667eea, #764ba2, #f472b6);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ai-services-hero .lead {
  max-width: 720px;
  margin: 0 auto 32px;
  color: var(--ainna-text-muted, #64748b);
  font-size: 1.05rem;
  line-height: 1.7;
}

.ai-services-hero .cta-pill {
  display: inline-flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

.ai-services-hero .cta-pill a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}

.ai-services-hero .cta-pill .primary {
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: #fff;
  box-shadow: 0 8px 30px rgba(102,126,234,.35);
}

.ai-services-hero .cta-pill .primary:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(102,126,234,.45); }
.ai-services-hero .cta-pill .ghost {
  border: 1px solid var(--ainna-border, rgba(0,0,0,.15));
  color: var(--ainna-text, #1a1a2e);
  background: rgba(255,255,255,.6);
}
.ai-services-hero .cta-pill .ghost:hover { background: rgba(0,0,0,.04); }

/* Dark mode hero overrides */
html[data-theme="dark"] .ai-services-hero {
  background:
    radial-gradient(1200px 520px at 50% -10%, rgba(102,126,234,.28), transparent 60%),
    radial-gradient(900px 420px at 85% 0%, rgba(118,75,162,.22), transparent 55%),
    var(--ainna-bg, #0f172a);
}
html[data-theme="dark"] .ai-services-hero .hero-kicker {
  border-color: rgba(167,139,250,.4);
  color: #a78bfa;
  background: rgba(15,23,42,.6);
}
html[data-theme="dark"] .ai-services-hero .lead { color: #94a3b8; }
html[data-theme="dark"] .ai-services-hero .ghost {
  border-color: rgba(255,255,255,.2);
  color: #f8fafc;
  background: rgba(255,255,255,.05);
}
html[data-theme="dark"] .ai-services-hero .ghost:hover { background: rgba(255,255,255,.1); }

/* ── Grid ── */
.ai-services-grid {
  max-width: 1320px;
  margin: 0 auto;
  padding: 48px 20px 96px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

@media (max-width: 1200px) {
  .ai-services-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 900px) {
  .ai-services-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .ai-services-grid { grid-template-columns: 1fr; padding: 32px 16px 72px; }
}

/* ── Card base ── */
.ainna-split-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  min-height: 240px;
  text-decoration: none;
  transition: transform .35s cubic-bezier(0.4,0,0.2,1), box-shadow .35s ease;
  border: 1px solid var(--ainna-border, rgba(0,0,0,.08));
  background: var(--ainna-bg, #ffffff);
  box-shadow: var(--ainna-shadow-card, 0 2px 14px rgba(0,0,0,.08));
}
.ainna-split-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--ainna-shadow-hover, 0 12px 32px rgba(102,126,234,.18));
}

/* ── Visual panel (top 45%) ── */
.ainna-split-card .ainna-split-visual {
  position: relative;
  flex: 0 0 45%;
  min-height: 110px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
}

.ainna-split-card .ainna-split-visual svg {
  width: 100%;
  height: 100%;
  display: block;
  max-height: 140px;
}

.ainna-split-card .ainna-split-content {
  flex: 1;
  padding: 16px 18px 18px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 6px;
  min-width: 0;
}

.ainna-split-badge {
  display: inline-flex;
  align-self: flex-start;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 999px;
  color: #fff;
}

.ainna-split-title {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.24;
  letter-spacing: -0.01em;
  color: var(--ainna-text, #1a1a2e);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ainna-split-motto {
  font-family: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .03em;
  color: var(--ainna-text-muted, #64748b);
  line-height: 1.4;
}

.ainna-split-cta {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  color: #fff !important;
  margin-top: auto;
  transition: transform .2s ease, box-shadow .2s ease;
}

.ainna-split-card:hover .ainna-split-cta { transform: translateX(4px); }

/* ── Theme palettes ── */
.ainna-split-bio .ainna-split-visual { background: linear-gradient(135deg, rgba(0,212,170,0.15), rgba(0,140,255,0.10)); }
.ainna-split-bio .ainna-split-badge { background: linear-gradient(135deg, #007a5e, #0060b8); }
.ainna-split-bio .ainna-split-motto { color: #00d4aa; }
.ainna-split-bio .ainna-split-cta { background: linear-gradient(135deg, #007a5e, #0060b8); box-shadow: 0 3px 14px rgba(0,212,170,0.3); }

.ainna-split-edge .ainna-split-visual { background: linear-gradient(135deg, rgba(99,209,154,0.15), rgba(239,182,80,0.10)); }
.ainna-split-edge .ainna-split-badge { background: linear-gradient(135deg, #267a52, #b87a13); }
.ainna-split-edge .ainna-split-motto { color: #63d19a; }
.ainna-split-edge .ainna-split-cta { background: linear-gradient(135deg, #267a52, #b87a13); box-shadow: 0 3px 14px rgba(99,209,154,0.3); }

.ainna-split-city .ainna-split-visual { background: linear-gradient(135deg, rgba(78,212,228,0.15), rgba(240,119,119,0.10)); }
.ainna-split-city .ainna-split-badge { background: linear-gradient(135deg, #0a6b7a, #a33838); }
.ainna-split-city .ainna-split-motto { color: #4ed4e4; }
.ainna-split-city .ainna-split-cta { background: linear-gradient(135deg, #0a6b7a, #a33838); box-shadow: 0 3px 14px rgba(78,212,228,0.3); }

.ainna-split-chip .ainna-split-visual { background: linear-gradient(135deg, rgba(0,240,255,0.15), rgba(124,58,237,0.10)); }
.ainna-split-chip .ainna-split-badge { background: linear-gradient(135deg, #0891b2, #7c3aed); }
.ainna-split-chip .ainna-split-motto { color: #00f0ff; }
.ainna-split-chip .ainna-split-cta { background: linear-gradient(135deg, #0891b2, #7c3aed); box-shadow: 0 3px 14px rgba(0,240,255,0.3); }

html[data-theme="dark"] .ainna-split-card {
  background: rgba(15,23,42,.72);
  border-color: rgba(255,255,255,.08);
}
html[data-theme="dark"] .ainna-split-title { color: #f8fafc; }
html[data-theme="dark"] .ainna-split-motto { color: #94a3b8; }
html[data-theme="dark"] .ai-services-hero .lead { color: #94a3b8; }
html[data-theme="dark"] .ai-services-hero .ghost {
  border-color: rgba(255,255,255,.25);
  color: #f8fafc;
  background: rgba(255,255,255,.05);
}
html[data-theme="dark"] .ai-services-hero .ghost:hover { background: rgba(255,255,255,.1); }

/* ── Animations ── */
.dna-strand { stroke-dasharray: 120; stroke-dashoffset: 120; animation: dnaDraw 2.5s ease-in-out infinite alternate; }
.dna-dot { animation: dnaPulse 2s ease-in-out infinite; }
.dna-dot:nth-child(2n) { animation-delay: .3s; }
.dna-dot:nth-child(3n) { animation-delay: .6s; }
@keyframes dnaDraw { 0% { stroke-dashoffset: 120; } 100% { stroke-dashoffset: 0; } }
@keyframes dnaPulse { 0%,100% { opacity: .3; r: 2; } 50% { opacity: 1; r: 3.5; } }

.signal-line { stroke-dasharray: 200; stroke-dashoffset: 200; animation: signalDraw 2s ease-in-out infinite alternate; }
.signal-dot { animation: signalBounce 1.5s ease-in-out infinite; }
.signal-dot:nth-child(2) { animation-delay: .3s; }
.signal-dot:nth-child(3) { animation-delay: .6s; }
@keyframes signalDraw { 0% { stroke-dashoffset: 200; } 100% { stroke-dashoffset: 0; } }
@keyframes signalBounce { 0%,100% { transform: translateY(0); opacity: .4; } 50% { transform: translateY(-4px); opacity: 1; } }

.city-building { animation: cityRise 2.5s ease-out both, citySway 4s ease-in-out infinite 2.5s, cityPulse 3s ease-in-out infinite 2.5s; }
.city-building:nth-child(2) { animation-delay: .3s, 2.8s, 2.8s; }
.city-building:nth-child(3) { animation-delay: .6s, 3.1s, 3.1s; }
.city-building:nth-child(4) { animation-delay: .9s, 3.4s, 3.4s; }
.city-building:nth-child(5) { animation-delay: 1.2s, 3.7s, 3.7s; }
.city-window { animation: windowGlow 3.5s ease-in-out infinite alternate; }
.city-window:nth-child(2n) { animation-delay: .6s; }
.city-window:nth-child(3n) { animation-delay: 1.2s; }
@keyframes cityRise { 0% { transform: scaleY(0); transform-origin: bottom; } 100% { transform: scaleY(1); } }
@keyframes citySway { 0%,100% { transform: skewX(0deg); } 25% { transform: skewX(.3deg); } 75% { transform: skewX(-.3deg); } }
@keyframes cityPulse { 0%,100% { opacity: .7; } 50% { opacity: 1; } }
@keyframes windowGlow { 0% { opacity: .15; } 100% { opacity: 1; } }

.chip-trace { stroke-dasharray: 80; stroke-dashoffset: 80; animation: chipTrace 2s ease-in-out infinite alternate; }
.chip-node { animation: chipPulse 1.8s ease-in-out infinite; }
.chip-node:nth-child(2n) { animation-delay: .3s; }
.chip-node:nth-child(3n) { animation-delay: .6s; }
@keyframes chipTrace { 0% { stroke-dashoffset: 80; } 100% { stroke-dashoffset: 0; } }
@keyframes chipPulse { 0%,100% { opacity: .3; r: 2; } 50% { opacity: 1; r: 4; } }

.street-awning { animation: streetPulse 2.5s ease-in-out infinite; }
.street-window { animation: windowGlow 3s ease-in-out infinite alternate; }
.street-pulse { animation: streetPulse 1.8s ease-in-out infinite; }
@keyframes streetPulse { 0%,100% { opacity: .6; } 50% { opacity: 1; } }

.ci-gear { animation: ciSpin 8s linear infinite; transform-origin: 60px 60px; }
.ci-node { animation: chipPulse 2s ease-in-out infinite; }
.ci-link { stroke-dasharray: 30; stroke-dashoffset: 30; animation: ciLink 2s ease-in-out infinite alternate; }
.ci-loop { animation: ciLoop 2s ease-in-out infinite alternate; }
@keyframes ciSpin { 100% { transform: rotate(360deg); } }
@keyframes ciLink { 0% { stroke-dashoffset: 30; } 100% { stroke-dashoffset: 0; } }
@keyframes ciLoop { 0% { opacity: .4; } 100% { opacity: 1; } }

.shield-shell { animation: shieldPulse 3s ease-in-out infinite; }
.shield-check { stroke-dasharray: 60; stroke-dashoffset: 60; animation: shieldCheck 2s ease-in-out infinite alternate; }
.shield-pulse { animation: dnaPulse 2s ease-in-out infinite; }
@keyframes shieldPulse { 0%,100% { opacity: .6; } 50% { opacity: 1; } }
@keyframes shieldCheck { 0% { stroke-dashoffset: 60; } 100% { stroke-dashoffset: 0; } }

.db-layer { animation: dbFloat 3s ease-in-out infinite alternate; }
.db-node { animation: chipPulse 2s ease-in-out infinite; }
.db-link { stroke-dasharray: 25; stroke-dashoffset: 25; animation: ciLink 1.8s ease-in-out infinite alternate; }
@keyframes dbFloat { 0% { transform: translateY(0); } 100% { transform: translateY(-3px); } }

.neural-node { animation: chipPulse 2.2s ease-in-out infinite; }
.neural-link { stroke-dasharray: 50; stroke-dashoffset: 50; animation: ciLink 2s ease-in-out infinite alternate; }

.atom-orbit { animation: atomSpin 10s linear infinite; transform-origin: 60px 90px; }
.atom-orbit:nth-child(3) { animation-duration: 14s; animation-direction: reverse; }
.atom-orbit:nth-child(4) { animation-duration: 18s; }
.atom-electron { animation: atomOrbit 4s linear infinite; transform-origin: 60px 90px; }
.atom-electron:nth-child(7) { animation-duration: 5s; animation-direction: reverse; }
.atom-electron:nth-child(8) { animation-duration: 6s; }
.atom-core { animation: chipPulse 2s ease-in-out infinite; }
@keyframes atomSpin { 100% { transform: rotate(360deg); } }
@keyframes atomOrbit { 100% { transform: rotate(360deg); } }

.rocket-body { animation: rocketHover 3s ease-in-out infinite alternate; }
.rocket-flame { animation: rocketFlame .8s ease-in-out infinite alternate; }
.rocket-trail { animation: trailFade 2s ease-in-out infinite alternate; }
.rocket-window { animation: chipPulse 2s ease-in-out infinite; }
@keyframes rocketHover { 0% { transform: translateY(0); } 100% { transform: translateY(-4px); } }
@keyframes rocketFlame { 0% { transform: scaleY(1); } 100% { transform: scaleY(1.2); } }
@keyframes trailFade { 0% { opacity: .2; } 100% { opacity: .5; } }

.robot-eye { animation: robotBlink 3s ease-in-out infinite; }
.robot-arm { stroke-dasharray: 30; stroke-dashoffset: 30; animation: ciLink 2s ease-in-out infinite alternate; }
.robot-core { animation: chipPulse 2s ease-in-out infinite; }
@keyframes robotBlink { 0%,90%,100% { opacity: 1; } 95% { opacity: .2; } }

.mesh-node { animation: chipPulse 2s ease-in-out infinite; }
.mesh-link { stroke-dasharray: 40; stroke-dashoffset: 40; animation: ciLink 2s ease-in-out infinite alternate; }
.mesh-pulse { animation: dnaPulse 1.5s ease-in-out infinite; }

.cell-membrane { animation: cellBreathe 4s ease-in-out infinite alternate; }
.cell-nucleus { animation: cellBreathe 4s ease-in-out infinite alternate-reverse; }
.cell-org { animation: cellFloat 3s ease-in-out infinite alternate; }
.cell-org:nth-child(2n) { animation-delay: .5s; }
.cell-org:nth-child(3n) { animation-delay: 1s; }
@keyframes cellBreathe { 0% { transform: scale(1); } 100% { transform: scale(1.03); } }
@keyframes cellFloat { 0% { transform: translate(0,0); } 100% { transform: translate(2px,-2px); } }

.chart-bar { transform-origin: bottom; animation: chartGrow 1.8s ease-out infinite alternate; }
.chart-bar:nth-child(2) { animation-delay: .2s; }
.chart-bar:nth-child(3) { animation-delay: .4s; }
.chart-bar:nth-child(4) { animation-delay: .6s; }
.chart-line { stroke-dasharray: 100; stroke-dashoffset: 100; animation: ciLink 2s ease-in-out infinite alternate; }
@keyframes chartGrow { 0% { transform: scaleY(0); } 100% { transform: scaleY(1); } }

.plant-stem { stroke-dasharray: 80; stroke-dashoffset: 80; animation: dnaDraw 2s ease-in-out infinite alternate; }
.plant-leaf { transform-origin: 60px 110px; animation: leafSway 3s ease-in-out infinite alternate; }
.plant-leaf:nth-child(3) { animation-delay: .4s; }
.plant-leaf:nth-child(4) { animation-delay: .8s; }
.plant-leaf:nth-child(5) { animation-delay: 1.2s; }
.plant-root { stroke-dasharray: 40; stroke-dashoffset: 40; animation: ciLink 2s ease-in-out infinite alternate; }
@keyframes leafSway { 0% { transform: rotate(0deg); } 100% { transform: rotate(4deg); } }

.cart-box { animation: cartBox 1.6s ease-in-out infinite alternate; }
.cart-wheel { animation: cartWheel 2s linear infinite; transform-origin: center; }
.cart-body { animation: cartNudge 2s ease-in-out infinite alternate; }
@keyframes cartBox { 0% { transform: translateY(0); } 100% { transform: translateY(-3px); } }
@keyframes cartWheel { 100% { transform: rotate(360deg); } }
@keyframes cartNudge { 0% { transform: translateX(0); } 100% { transform: translateX(2px); } }

.tree-dot { animation: chipPulse 2s ease-in-out infinite; }
.tree-canopy { animation: treeSway 4s ease-in-out infinite alternate; transform-origin: 60px 160px; }
@keyframes treeSway { 0% { transform: rotate(0deg); } 100% { transform: rotate(2deg); } }

.bolt-flash { animation: boltFlash 1.5s ease-in-out infinite alternate; }
.bolt-node { animation: chipPulse 2s ease-in-out infinite; }
.bolt-link { stroke-dasharray: 30; stroke-dashoffset: 30; animation: ciLink 1.5s ease-in-out infinite alternate; }
@keyframes boltFlash { 0%,100% { opacity: .7; } 50% { opacity: 1; } }

.franchise-hub { animation: franchisePulse 2.5s ease-in-out infinite; }
.franchise-node { animation: franchiseNode 2s ease-in-out infinite alternate; }
.franchise-node:nth-child(3) { animation-delay: .3s; }
.franchise-node:nth-child(4) { animation-delay: .6s; }
.franchise-link { stroke-dasharray: 35; stroke-dashoffset: 35; animation: ciLink 2s ease-in-out infinite alternate; }
@keyframes franchisePulse { 0%,100% { opacity: .7; } 50% { opacity: 1; } }
@keyframes franchiseNode { 0% { transform: translateY(0); } 100% { transform: translateY(-3px); } }

/* Accessibility */
@media (prefers-reduced-motion: reduce), (prefers-reduced-data: reduce) {
  .dna-strand, .dna-dot, .signal-line, .signal-dot, .city-building, .city-window,
  .chip-trace, .chip-node, .street-awning, .street-window, .street-pulse,
  .ci-gear, .ci-node, .ci-link, .ci-loop, .shield-shell, .shield-check, .shield-pulse,
  .db-layer, .db-node, .db-link, .neural-node, .neural-link, .atom-orbit, .atom-electron,
  .atom-core, .rocket-body, .rocket-flame, .rocket-trail, .rocket-window, .robot-eye,
  .robot-arm, .robot-core, .mesh-node, .mesh-link, .mesh-pulse, .cell-membrane,
  .cell-nucleus, .cell-org, .chart-bar, .chart-line, .plant-stem, .plant-leaf,
  .plant-root, .cart-box, .cart-wheel, .cart-body, .tree-dot, .tree-canopy, .bolt-flash,
  .bolt-node, .bolt-link, .franchise-hub, .franchise-node, .franchise-link {
    animation: none !important;
  }
}

html[data-boost="true"] .dna-strand, html[data-boost="true"] .dna-dot,
html[data-boost="true"] .signal-line, html[data-boost="true"] .signal-dot,
html[data-boost="true"] .city-building, html[data-boost="true"] .city-window,
html[data-boost="true"] .chip-trace, html[data-boost="true"] .chip-node,
html[data-boost="true"] .street-awning, html[data-boost="true"] .street-window, html[data-boost="true"] .street-pulse,
html[data-boost="true"] .ci-gear, html[data-boost="true"] .ci-node, html[data-boost="true"] .ci-link, html[data-boost="true"] .ci-loop,
html[data-boost="true"] .shield-shell, html[data-boost="true"] .shield-check, html[data-boost="true"] .shield-pulse,
html[data-boost="true"] .db-layer, html[data-boost="true"] .db-node, html[data-boost="true"] .db-link,
html[data-boost="true"] .neural-node, html[data-boost="true"] .neural-link,
html[data-boost="true"] .atom-orbit, html[data-boost="true"] .atom-electron, html[data-boost="true"] .atom-core,
html[data-boost="true"] .rocket-body, html[data-boost="true"] .rocket-flame, html[data-boost="true"] .rocket-trail, html[data-boost="true"] .rocket-window,
html[data-boost="true"] .robot-eye, html[data-boost="true"] .robot-arm, html[data-boost="true"] .robot-core,
html[data-boost="true"] .mesh-node, html[data-boost="true"] .mesh-link, html[data-boost="true"] .mesh-pulse,
html[data-boost="true"] .cell-membrane, html[data-boost="true"] .cell-nucleus, html[data-boost="true"] .cell-org,
html[data-boost="true"] .chart-bar, html[data-boost="true"] .chart-line,
html[data-boost="true"] .plant-stem, html[data-boost="true"] .plant-leaf, html[data-boost="true"] .plant-root,
html[data-boost="true"] .cart-box, html[data-boost="true"] .cart-wheel, html[data-boost="true"] .cart-body,
html[data-boost="true"] .tree-dot, html[data-boost="true"] .tree-canopy,
html[data-boost="true"] .bolt-flash, html[data-boost="true"] .bolt-node, html[data-boost="true"] .bolt-link,
html[data-boost="true"] .franchise-hub, html[data-boost="true"] .franchise-node, html[data-boost="true"] .franchise-link {
  animation: none !important;
}

/* Mobile tweaks */
@media (max-width: 560px) {
  .ai-services-hero { padding: 100px 18px 44px; }
  .ainna-split-card { flex-direction: column; min-height: auto; }
  .ainna-split-card .ainna-split-visual { flex: 0 0 120px; width: 100%; min-width: auto; }
  .ainna-split-card .ainna-split-content { padding: 16px; }
  .ainna-split-title { font-size: 15px; }
}