:root {
  --bg: var(--ainna-bg, #ffffff);
  --surface: var(--ainna-bg-alt, #f5f5f7);
  --surface-2: #ececef;
  --card: rgba(255,255,255,.82);
  --text: var(--ainna-text, #1a1a2e);
  --muted: var(--ainna-text-muted, #64748b);
  --line: var(--ainna-border, rgba(0,0,0,.08));
  --shadow: var(--ainna-shadow-card, 0 4px 16px rgba(0,0,0,.08));
  --shadow-hover: var(--ainna-shadow-hover, 0 12px 32px rgba(102,126,234,.18));
  --accent: var(--ainna-accent, #667eea);
  --accent-2: var(--ainna-accent-2, #764ba2);
  --accent-contrast: #ffffff;
  --success: #1b8f4c;
  --radius: var(--ainna-radius-card, 20px);
  --gradient: var(--ainna-gradient, linear-gradient(135deg, #667eea, #764ba2));
  --transition: var(--ainna-transition, 0.3s cubic-bezier(0.4, 0, 0.2, 1));
}

[data-theme="dark"] {
  --bg: #0f172a;
  --surface: #1e293b;
  --surface-2: #1e293b;
  --card: rgba(18,18,20,.85);
  --text: #f8fafc;
  --muted: #94a3b8;
  --line: rgba(255,255,255,.1);
  --shadow: 0 4px 16px rgba(0,0,0,.35);
  --shadow-hover: 0 12px 32px rgba(102,126,234,.25);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  transition: background var(--transition), color var(--transition);
}
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.section { padding: 112px 0; position:relative; }
.surface-section { background: var(--surface); }

/* ── Scroll progress bar ── */
.scroll-progress { position:fixed; top:0; left:0; height:3px; background:var(--gradient); z-index:999; width:0%; transition:width 0.1s linear; }

/* ── Section wave dividers ── */
.section-divider { position:absolute; bottom:-1px; left:0; width:100%; height:60px; overflow:hidden; pointer-events:none; }
.section-divider svg { position:absolute; bottom:0; width:100%; height:100%; }
.section-divider .wave1 { animation: waveDrift 8s ease-in-out infinite alternate; }
.section-divider .wave2 { animation: waveDrift 12s ease-in-out infinite alternate-reverse; opacity:0.5; }
@keyframes waveDrift { 0% { transform:translateX(-2%); } 100% { transform:translateX(2%); } }

/* ── Floating shapes ── */
.floating-shapes { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; overflow:hidden; z-index:0; }
.floating-shape { position:absolute; border-radius:50%; opacity:0.06; }
.floating-shape-1 { width:120px; height:120px; background:var(--accent); top:10%; left:5%; animation: floatShape 20s ease-in-out infinite; }
.floating-shape-2 { width:80px; height:80px; background:var(--accent-2); top:60%; right:8%; animation: floatShape 25s ease-in-out infinite reverse; }
.floating-shape-3 { width:60px; height:60px; border:2px solid var(--accent); background:transparent; bottom:15%; left:15%; animation: floatShape 18s ease-in-out infinite 2s; }
.floating-shape-4 { width:100px; height:100px; background:var(--accent); top:30%; right:20%; animation: floatShape 22s ease-in-out infinite 1s; opacity:0.04; }
@keyframes floatShape { 0%,100% { transform:translate(0,0) rotate(0deg); } 25% { transform:translate(30px,-40px) rotate(90deg); } 50% { transform:translate(-20px,20px) rotate(180deg); } 75% { transform:translate(40px,30px) rotate(270deg); } }

/* ── Text gradient shimmer ── */
.shimmer-text { background:linear-gradient(135deg, var(--text) 0%, var(--accent) 25%, var(--accent-2) 50%, var(--accent) 75%, var(--text) 100%); background-size:200% auto; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; animation: shimmer 4s linear infinite; }
@keyframes shimmer { 0% { background-position:0% center; } 100% { background-position:200% center; } }

/* ── Typewriter cursor ── */
.typewriter-cursor { display:inline-block; width:3px; height:1em; background:var(--accent); margin-left:4px; animation: blink 0.8s step-end infinite; vertical-align:text-bottom; }
@keyframes blink { 0%,100% { opacity:1; } 50% { opacity:0; } }

/* ── Animated gradient border ── */
.gradient-border { position:relative; }
.gradient-border::before { content:''; position:absolute; inset:-2px; border-radius:26px; background:var(--gradient); background-size:200% 200%; animation: borderSpin 3s linear infinite; z-index:-1; }
.gradient-border::after { content:''; position:absolute; inset:0; border-radius:24px; background:var(--bg); z-index:-1; }
@keyframes borderSpin { 0% { background-position:0% 50%; } 50% { background-position:100% 50%; } 100% { background-position:0% 50%; } }

/* ── Ripple effect ── */
.ripple { position:absolute; border-radius:50%; background:rgba(255,255,255,0.3); transform:scale(0); animation: rippleAnim 0.6s ease-out; pointer-events:none; }
@keyframes rippleAnim { to { transform:scale(4); opacity:0; } }

/* ── Magnetic button ── */
.magnetic { position:relative; display:inline-flex; align-items:center; justify-content:center; transition:transform 0.15s ease; will-change:transform; }

/* ── Auto-rotating stats ── */
.rotating-stats { position:relative; min-height:80px; }
.rotating-stat { position:absolute; top:0; left:0; width:100%; opacity:0; transform:translateY(10px); transition:opacity 0.6s ease, transform 0.6s ease; }
.rotating-stat.active { opacity:1; transform:translateY(0); }

.site-header {
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: blur(20px);
  background: color-mix(in srgb, var(--bg) 78%, transparent);
  border-bottom: 1px solid var(--line);
}
.nav-wrap { height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; }
.brand-mark { display:grid; place-items:center; width:30px; height:30px; border-radius:10px; background:var(--accent); color:var(--accent-contrast); }
.desktop-nav { display: flex; gap: 30px; font-size: 14px; color: var(--muted); }
.desktop-nav a:hover { color: var(--text); }
.nav-actions { display: flex; align-items:center; gap: 10px; }

.button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 20px; border-radius:999px; font-weight:600; font-size:14px; border:1px solid transparent; transition: var(--transition); cursor:pointer; white-space:nowrap; position:relative; overflow:hidden; }
.button:hover { transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.button-dark { background:var(--accent); color:var(--accent-contrast); }
.button-light { background:var(--card); border-color:var(--line); color:var(--text); }
.button-primary { background:var(--gradient); color:var(--accent-contrast); border-color:transparent; }
.button-secondary { background:transparent; color:var(--text); border-color:var(--line); }
.button-secondary:hover { background:var(--surface); border-color:var(--accent); }
.button-tertiary { background:var(--surface); color:var(--text); border-color:var(--line); }
.button-tertiary:hover { background:var(--card); border-color:var(--accent); }
.button-small { min-height:38px; padding:0 16px; }
.full { width:100%; }

.hero { padding: 40px 0; min-height:0; overflow:hidden; position:relative; }
.hero .container { padding-top:0; padding-bottom:0; }
.hero h1 { font-size:clamp(30px,3.2vw,46px); line-height:1.1; margin:0 0 12px; }
.hero .hero-text { font-size:16px; margin:0 0 18px; }
.hero .hero-actions { margin:14px 0 20px; }
.hero .hero-metrics { gap:24px; }
.hero .hero-metrics strong { font-size:22px; }
.hero .dashboard-card { padding:18px; transform:scale(0.92); transform-origin:center left; }
.hero::before {
  content:''; position:absolute; top:-50%; right:-20%; width:600px; height:600px;
  background: radial-gradient(circle, color-mix(in srgb, var(--accent) 8%, transparent), transparent 70%);
  pointer-events:none; animation: heroGlow 8s ease-in-out infinite alternate;
}
@keyframes heroGlow {
  0% { transform: translate(0,0) scale(1); opacity:0.5; }
  100% { transform: translate(-30px,30px) scale(1.2); opacity:1; }
}
.hero-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; }
.eyebrow { display:inline-block; font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--muted); margin-bottom:18px; }
h1 { font-size:clamp(36px,4.5vw,58px); line-height:1.08; letter-spacing:-.045em; margin:0 0 16px; }
h2 { font-size:clamp(36px,4vw,58px); line-height:1.08; letter-spacing:-.045em; margin:0 0 20px; }
h3 { margin:0; line-height:1.25; letter-spacing:-.02em; }
.hero-text, .section-copy, .section-heading p { font-size:18px; color:var(--muted); max-width:760px; }
.hero-actions { display:flex; gap:14px; margin:22px 0 26px; flex-wrap:wrap; }
.hero-metrics { display:flex; gap:28px; }
.hero-metrics div { display:flex; flex-direction:column; }
.hero-metrics strong { font-size:24px; }
.hero-metrics span { color:var(--muted); font-size:12px; }

.dashboard-card { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:20px; box-shadow:var(--shadow); transition: var(--transition); }
.dashboard-card:hover { box-shadow: var(--shadow-hover); transform: translateY(-4px); }
.dashboard-topbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:22px; }
.muted-label { color:var(--muted); font-size:12px; }
.status-pill { padding:6px 10px; border-radius:999px; font-size:11px; background:rgba(27,143,76,.12); color:var(--success); font-weight:700; }
.pulse { animation: pulse 2s ease-in-out infinite; }
@keyframes pulse { 0%,100% { opacity:1; } 50% { opacity:0.6; } }
.kpi-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.kpi-grid article { background:var(--surface); padding:16px; border-radius:18px; transition: var(--transition); }
.kpi-grid article:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.kpi-grid span,.kpi-grid small { display:block; color:var(--muted); font-size:11px; }
.kpi-grid strong { display:block; font-size:22px; margin:5px 0; }
.chart-card { background:var(--surface); margin-top:12px; border-radius:18px; padding:18px; }
.chart-head { display:flex; justify-content:space-between; font-size:13px; }
.bars { height:150px; display:flex; align-items:end; gap:10px; margin-top:18px; }
.bars i { flex:1; display:block; border-radius:8px 8px 2px 2px; background:var(--gradient); opacity:.9; animation: barGrow 0.6s ease-out both; }
.bars i:nth-child(1) { animation-delay:0.1s; }
.bars i:nth-child(2) { animation-delay:0.2s; }
.bars i:nth-child(3) { animation-delay:0.3s; }
.bars i:nth-child(4) { animation-delay:0.4s; }
.bars i:nth-child(5) { animation-delay:0.5s; }
.bars i:nth-child(6) { animation-delay:0.6s; }
@keyframes barGrow { 0% { height:0 !important; } }
.alert-row { display:flex; gap:12px; margin-top:16px; align-items:flex-start; }
.alert-dot { width:10px; height:10px; margin-top:5px; border-radius:50%; background:#ff9f0a; box-shadow:0 0 0 6px rgba(255,159,10,.12); animation: alertPulse 2s ease-in-out infinite; }
@keyframes alertPulse { 0%,100% { box-shadow:0 0 0 6px rgba(255,159,10,.12); } 50% { box-shadow:0 0 0 12px rgba(255,159,10,.06); } }
.alert-row strong,.alert-row span { display:block; font-size:12px; }
.alert-row span { color:var(--muted); margin-top:3px; }

.logos-strip { border-top:1px solid var(--line); border-bottom:1px solid var(--line); overflow:hidden; }
.logos-grid { min-height:86px; display:flex; align-items:center; gap:48px; color:var(--muted); font-size:11px; letter-spacing:.12em; font-weight:700; white-space:nowrap; }
.scroller { animation: scrollLogos 20s linear infinite; }
.scroller:hover { animation-play-state: paused; }
@keyframes scrollLogos { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }

.section-heading { max-width:820px; margin-bottom:52px; }
.three-col { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.feature-card,.monitor-card,.gtm-card,.price-card,.model-card,.finance-panel { background:var(--card); border:1px solid var(--line); border-radius:24px; padding:30px; transition: var(--transition); }
.feature-card:hover,.monitor-card:hover,.gtm-card:hover { transform: var(--ainna-card-hover, translateY(-6px)); box-shadow: var(--shadow-hover); }
.feature-number,.gtm-card > span { display:block; color:var(--muted); font-size:12px; margin-bottom:56px; }
.feature-card h3,.monitor-card h3,.gtm-card h3 { font-size:22px; margin-bottom:12px; }
.feature-card p,.monitor-card p,.gtm-card p,.model-card p,.price-card p,.finance-panel p { color:var(--muted); }

.split-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:start; }
.package-stack { display:grid; gap:18px; }
.model-card.featured { background:var(--gradient); color:var(--accent-contrast); }
.model-card.featured p,.model-card.featured li { color:color-mix(in srgb, var(--accent-contrast) 72%, transparent); }
.model-label,.price-label,.mini-tag { display:inline-flex; padding:6px 10px; border-radius:999px; background:var(--surface); color:var(--muted); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:18px; }
.model-card.featured .model-label { background:color-mix(in srgb, var(--accent-contrast) 12%, transparent); color:var(--accent-contrast); }
.model-card h3 { font-size:28px; }
ul { padding-left:18px; margin:22px 0 0; }
li { margin:9px 0; color:var(--muted); font-size:14px; }
.monitor-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.monitor-card span { font-size:12px; font-weight:700; }
.gtm-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.gtm-card > span { margin-bottom:36px; }

.finance-layout { align-items:center; }
.finance-panel { box-shadow:var(--shadow); }
.finance-panel h3 { font-size:30px; margin-bottom:28px; }
.finance-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.finance-stats div { background:var(--surface); border-radius:16px; padding:16px; transition: var(--transition); }
.finance-stats div:hover { transform: translateY(-2px); }
.finance-stats span,.finance-stats strong { display:block; }
.finance-stats span { color:var(--muted); font-size:11px; }
.finance-stats strong { margin-top:6px; font-size:18px; }
.progress { height:8px; border-radius:999px; background:var(--surface-2); overflow:hidden; margin:24px 0; }
.progress i { display:block; height:100%; background:var(--gradient); border-radius:inherit; animation: progressFill 1.5s ease-out; }
@keyframes progressFill { 0% { width:0 !important; } }
.check-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:28px; }
.check-grid span { background:var(--surface); border:1px solid var(--line); padding:13px 14px; border-radius:14px; font-size:13px; transition: var(--transition); }
.check-grid span:hover { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 6%, var(--surface)); }

.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch; }
.price-card { position:relative; display:flex; flex-direction:column; }
.price-card.popular { background:var(--bg); box-shadow:var(--shadow); transform:translateY(-12px); border-color: var(--accent); }
.price-card.popular:hover { transform: translateY(-18px); }
.popular-tag { position:absolute; top:16px; right:16px; font-size:10px; font-weight:700; padding:6px 9px; border-radius:999px; background:var(--gradient); color:var(--accent-contrast); }
.price-card h3 { font-size:28px; }
.price { font-size:42px; font-weight:800; letter-spacing:-.04em; margin:18px 0 8px; }
.price span { font-size:14px; font-weight:500; color:var(--muted); margin-left:5px; }
.price-card ul { margin-bottom:28px; flex:1; }
.payment-note { display:flex; gap:12px; align-items:center; justify-content:center; flex-wrap:wrap; margin-top:34px; color:var(--muted); font-size:14px; }
.payment-note strong { color:var(--text); }

.final-cta { background:var(--surface); border:1px solid var(--line); border-radius:34px; padding:56px; display:flex; align-items:center; justify-content:space-between; gap:40px; transition: var(--transition); }
.final-cta:hover { box-shadow: var(--shadow-hover); }
.final-cta h2 { max-width:800px; font-size:clamp(34px,4vw,54px); }

.reveal { opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity:1; transform:none; }
.delay-1 { transition-delay:.08s; }
.delay-2 { transition-delay:.16s; }
.delay-3 { transition-delay:.24s; }
.delay-4 { transition-delay:.32s; }
.delay-5 { transition-delay:.40s; }

.stagger { opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease; }
.reveal.visible .stagger { opacity:1; transform:none; }

.particle-canvas { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:0; }

.log-stream { max-height:160px; overflow:hidden; font-size:11px; font-family:monospace; color:var(--muted); }
.log-entry { opacity:0; transform:translateX(-8px); animation: logIn 0.3s ease forwards; padding:2px 0; }
@keyframes logIn { to { opacity:1; transform:none; } }

.reveal-scale { opacity:0; transform:scale(0.92); transition:opacity .8s ease, transform .8s ease; }
.reveal-scale.visible { opacity:1; transform:scale(1); }

.reveal-left { opacity:0; transform:translateX(-40px); transition:opacity .7s ease, transform .7s ease; }
.reveal-left.visible { opacity:1; transform:none; }
.reveal-right { opacity:0; transform:translateX(40px); transition:opacity .7s ease, transform .7s ease; }
.reveal-right.visible { opacity:1; transform:none; }
.reveal-fade { opacity:0; transition:opacity 1s ease; }
.reveal-fade.visible { opacity:1; }

.feature-card,.monitor-card,.gtm-card,.price-card,.model-card,.neuralops-card,.ai-service-card,.demo-card { position:relative; overflow:hidden; }
.feature-card::after,.monitor-card::after,.gtm-card::after,.price-card::after,.model-card::after,.neuralops-card::after,.ai-service-card::after,.demo-card::after { content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:radial-gradient(circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent) 6%, transparent) 0%, transparent 60%); opacity:0; transition:opacity .4s ease; pointer-events:none; z-index:0; }
.feature-card:hover::after,.monitor-card:hover::after,.gtm-card:hover::after,.price-card:hover::after,.model-card:hover::after,.neuralops-card:hover::after,.ai-service-card:hover::after,.demo-card:hover::after { opacity:1; }
.feature-card > *,.monitor-card > *,.gtm-card > *,.price-card > *,.model-card > *,.neuralops-card > *,.ai-service-card > *,.demo-card > * { position:relative; z-index:1; }

.demo-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.demo-card { background:var(--card); border:1px solid var(--line); border-radius:24px; overflow:hidden; transition: var(--transition); }
.demo-card:hover { transform: var(--ainna-card-hover, translateY(-6px)); box-shadow: var(--shadow-hover); }
.demo-card-header { padding:24px 24px 0; display:flex; align-items:center; gap:14px; }
.demo-icon { font-size:32px; }
.demo-card-header h3 { font-size:20px; }
.demo-body { padding:20px 24px 24px; }
.demo-field { margin-bottom:16px; }
.demo-field label { display:block; font-size:12px; color:var(--muted); margin-bottom:6px; font-weight:600; }
.demo-field input[type="range"] { width:100%; height:6px; -webkit-appearance:none; appearance:none; background:var(--surface-2); border-radius:999px; outline:none; }
.demo-field input[type="range"]::-webkit-slider-thumb { -webkit-appearance:none; width:18px; height:18px; border-radius:50%; background:var(--gradient); cursor:pointer; border:2px solid var(--bg); box-shadow:0 2px 8px rgba(0,0,0,.15); }
.demo-value { display:block; font-size:13px; font-weight:600; margin-top:4px; color:var(--accent); }
.demo-result { background:var(--surface); border-radius:16px; padding:16px; text-align:center; margin-top:8px; }
.demo-result span { display:block; font-size:11px; color:var(--muted); }
.demo-result strong { display:block; font-size:24px; margin-top:4px; background:var(--gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

.health-ring { position:relative; width:140px; height:140px; margin:0 auto 20px; }
.health-ring svg { width:100%; height:100%; }
.health-score { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:36px; font-weight:800; }
.health-factors { display:grid; gap:12px; }
.health-factors > div { display:grid; grid-template-columns:80px 1fr; align-items:center; gap:10px; }
.health-factors span { font-size:12px; color:var(--muted); }
.health-bar { height:6px; border-radius:999px; background:var(--surface-2); overflow:hidden; }
.health-bar i { display:block; height:100%; border-radius:inherit; background:var(--gradient); }

@media (max-width: 980px) {
  .desktop-nav { display:none; }
  .hero-grid,.split-grid { grid-template-columns:1fr; gap:46px; }
  .three-col,.monitor-grid,.pricing-grid { grid-template-columns:1fr 1fr; }
  .gtm-grid { grid-template-columns:1fr 1fr; }
  .demo-grid { grid-template-columns:1fr 1fr; }
  .footer-grid { grid-template-columns:1fr; }
}

@media (max-width: 680px) {
  .container { width:min(100% - 24px, 1180px); }
  .section { padding:78px 0; }
  .hero { padding-top:84px; }
  .nav-actions .button { display:none; }
  h1 { font-size:46px; }
  h2 { font-size:38px; }
  .hero-metrics { gap:18px; }
  .hero-metrics strong { font-size:22px; }
  .dashboard-card { padding:18px; }
  .three-col,.monitor-grid,.pricing-grid,.gtm-grid,.finance-stats,.check-grid,.demo-grid { grid-template-columns:1fr; }
  .price-card.popular { transform:none; }
  .final-cta { padding:34px 24px; flex-direction:column; align-items:flex-start; }
  .health-ring { width:100px; height:100px; }
  .health-score { font-size:28px; }
}

.neuralops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.neuralops-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:30px;transition:var(--transition)}
.neuralops-card:hover{transform:var(--ainna-card-hover,translateY(-6px));box-shadow:var(--shadow-hover)}
.neuralops-icon{font-size:36px;margin-bottom:16px}
.neuralops-card h3{font-size:22px;margin-bottom:12px}
.neuralops-card p{color:var(--muted);font-size:14px;line-height:1.6}
.neuralops-link{display:inline-block;margin-top:16px;font-size:13px;font-weight:600;color:var(--accent);transition:var(--transition)}
.neuralops-link:hover{color:var(--accent-2);gap:4px}
.ai-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ai-service-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;transition:var(--transition)}
.ai-service-card:hover{transform:var(--ainna-card-hover,translateY(-6px));box-shadow:var(--shadow-hover);border-color:var(--accent)}
.ai-service-icon{font-size:28px;display:block;margin-bottom:12px}
.ai-service-card h3{font-size:16px;margin-bottom:8px}
.ai-service-card p{color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:980px){.neuralops-grid,.ai-services-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.neuralops-grid,.ai-services-grid{grid-template-columns:1fr}}