/* ============================================================
   ARIA v2 — light, product-led Create Calm
   Replaces the dark void/orb treatment on the main Aria page.
   body.aria-v2 scopes these overrides.
   ============================================================ */

body.aria-v2 {
  --ax-bg: #f6f3ee;
  --ax-ink: #171916;
  --ax-muted: #5c635c;
  --ax-faint: #8a918a;
  --ax-line: rgba(23, 25, 22, 0.1);
  --ax-soft: #ece7df;
  --ax-pine: #2f6b5a;
  --ax-pine-soft: rgba(47, 107, 90, 0.1);
  background: var(--ax-bg);
  color: var(--ax-ink);
}
body.aria-v2 .mk-nav {
  --ink: var(--ax-ink);
  --ink-2: var(--ax-muted);
  --ink-3: var(--ax-faint);
  --bg: rgba(246, 243, 238, 0.82);
  --surface: #fff;
  --border: var(--ax-line);
  --accent: var(--ax-pine);
}
body.aria-v2 .mk-footer {
  background: #171916;
  color: rgba(246, 243, 238, 0.62);
  border-top: 0;
}
body.aria-v2 .mk-footer .word,
body.aria-v2 .mk-footer h4,
body.aria-v2 .mk-footer a { color: rgba(246, 243, 238, 0.85); }
body.aria-v2 .mk-footer a:hover { color: #fff; }

/* ---- Hero: light stage, product is the visual ---- */
body.aria-v2 .ax-hero {
  min-height: auto;
  align-items: start;
  padding: clamp(110px, 14vh, 140px) 0 clamp(48px, 7vh, 72px);
  background:
    radial-gradient(54% 48% at 82% 18%, rgba(47, 107, 90, 0.16), transparent 62%),
    radial-gradient(42% 38% at 12% 72%, rgba(196, 154, 110, 0.14), transparent 58%),
    radial-gradient(80% 60% at 50% 100%, rgba(255,255,255,0.7), transparent 55%),
    linear-gradient(180deg, #faf7f2 0%, #f3efe8 55%, #efeae2 100%);
}
body.aria-v2 .ax-hero-canvas,
body.aria-v2 .ax-hero-grid,
body.aria-v2 .ax-hero-orb { display: none !important; }

body.aria-v2 .ax-hero-inner {
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  gap: clamp(28px, 4.5vw, 64px);
  align-items: start;
}
body.aria-v2 .ax-hero-col { margin-top: 8px; }
body.aria-v2 .ax-chips { max-width: 100%; }
@media (max-width: 960px) {
  body.aria-v2 .ax-hero-inner { grid-template-columns: 1fr; }
}

body.aria-v2 .ax-kicker { color: var(--ax-pine); }
body.aria-v2 .ax-display {
  color: var(--ax-ink);
  font-size: clamp(42px, 6.2vw, 76px);
  max-width: 13ch;
  letter-spacing: -0.04em;
}
body.aria-v2 .ax-display .em {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  color: var(--ax-pine);
}
body.aria-v2 .ax-lede {
  color: var(--ax-muted);
  max-width: 40ch;
}
body.aria-v2 .ax-hero-actions .mk-btn.secondary {
  background: transparent !important;
  color: var(--ax-ink) !important;
  border-color: var(--ax-line) !important;
}

body.aria-v2 .ax-prompt {
  background: #fff;
  border: 1px solid var(--ax-line);
  box-shadow: 0 18px 50px -28px rgba(23, 25, 22, 0.35);
  backdrop-filter: none;
  margin-top: 28px;
  max-width: 100%;
}
body.aria-v2 .ax-prompt .line { color: var(--ax-ink); }
body.aria-v2 .ax-prompt .spark { color: var(--ax-pine); }
body.aria-v2 .ax-prompt .caret { background: var(--ax-pine); }
body.aria-v2 .ax-prompt .go {
  background: var(--ax-pine);
  box-shadow: none;
}

body.aria-v2 .ax-chip {
  background: #fff;
  border-color: var(--ax-line);
  color: var(--ax-muted);
}
body.aria-v2 .ax-chip:hover,
body.aria-v2 .ax-chip.is-on {
  color: var(--ax-ink);
  border-color: color-mix(in srgb, var(--ax-pine) 45%, var(--ax-line));
  background: var(--ax-pine-soft);
}

body.aria-v2 .ax-hero-visual {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--ax-line);
  box-shadow:
    0 40px 90px -40px rgba(23, 25, 22, 0.4),
    0 0 0 1px rgba(255,255,255,0.6) inset;
}
body.aria-v2 .ax-hero-visual img {
  width: 100%; height: auto; display: block;
}
body.aria-v2 .ax-hero-visual .bar {
  display: flex; align-items: center; gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--ax-line);
  background: #faf8f5;
}
body.aria-v2 .ax-hero-visual .bar i {
  width: 8px; height: 8px; border-radius: 50%;
  background: #d5d0c8; display: block;
}
body.aria-v2 .ax-hero-visual .url {
  margin-left: 8px; font-size: 12px; color: var(--ax-faint);
  font-family: var(--font-mono);
}

/* Soft wash behind the product frame — CSS only, no noisy gen art */
body.aria-v2 .ax-hero-softbg {
  position: absolute;
  inset: -10% -12% -16% -12%;
  z-index: -1;
  border-radius: 48px;
  pointer-events: none;
  background:
    radial-gradient(60% 55% at 70% 40%, rgba(47, 107, 90, 0.18), transparent 70%),
    radial-gradient(50% 45% at 20% 80%, rgba(212, 165, 116, 0.16), transparent 65%),
    #efeae2;
}
body.aria-v2 .ax-hero-softbg img { display: none; }
body.aria-v2 .ax-hero-col { position: relative; }

/* Ensure hero content is never stuck invisible if motion fails */
body.aria-v2 .ax-hero [data-ax-in] {
  opacity: 1;
  visibility: visible;
}

/* ---- Manifesto light ---- */
body.aria-v2 .ax-manifesto {
  border-top: 1px solid var(--ax-line);
  background: #fff;
}
body.aria-v2 .ax-man-sticky { color: var(--ax-ink); }
body.aria-v2 .ax-man-item { color: var(--ax-muted); }
body.aria-v2 .ax-man-item strong { color: var(--ax-ink); }

/* ---- Capabilities: bento, not cinema ---- */
body.aria-v2 .ax-cinema {
  border-top: 1px solid var(--ax-line);
  background: var(--ax-bg);
  overflow: visible;
}
body.aria-v2 .ax-cinema .ax-display { color: var(--ax-ink); }
body.aria-v2 .ax-track-wrap {
  margin-inline: 0;
  padding-inline: 0;
  overflow: visible;
}
body.aria-v2 .ax-track {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  width: 100% !important;
  transform: none !important;
}
@media (max-width: 800px) {
  body.aria-v2 .ax-track { grid-template-columns: 1fr; }
}
body.aria-v2 .ax-card {
  width: auto;
  background: #fff;
  border: 1px solid var(--ax-line);
  border-radius: 20px;
}
body.aria-v2 .ax-card .shot::after {
  background: linear-gradient(180deg, transparent 50%, rgba(23, 25, 22, 0.55));
}
body.aria-v2 .ax-card .tag { color: var(--ax-pine); }
body.aria-v2 .ax-card h3 { color: var(--ax-ink); }
body.aria-v2 .ax-card p { color: var(--ax-muted); }
body.aria-v2 .ax-card a.more { color: var(--ax-ink); }
body.aria-v2 .ax-card a.more:hover { color: var(--ax-pine); }
body.aria-v2 .ax-card.ax-card-cta .shot {
  background: linear-gradient(145deg, #e8f2ee, #f6f3ee) !important;
  display: grid; place-items: center;
}
body.aria-v2 .ax-card.ax-card-cta .shot::after { display: none; }

/* ---- Chat light ---- */
body.aria-v2 .ax-live {
  border-top: 1px solid var(--ax-line);
  background: #fff;
}
body.aria-v2 .ax-live .ax-display { color: var(--ax-ink); }
body.aria-v2 .ax-live .ax-lede { color: var(--ax-muted); }
body.aria-v2 .ax-chat {
  background: var(--ax-bg);
  border: 1px solid var(--ax-line);
  box-shadow: 0 24px 60px -36px rgba(23, 25, 22, 0.25);
}
body.aria-v2 .ax-chat-bar {
  border-bottom: 1px solid var(--ax-line);
  color: var(--ax-muted);
  background: #fff;
}
body.aria-v2 .ax-chat-bar .dot { background: var(--ax-pine); box-shadow: 0 0 0 4px var(--ax-pine-soft); }
body.aria-v2 .ax-bubble.user {
  background: var(--ax-pine-soft);
  border-color: color-mix(in srgb, var(--ax-pine) 28%, transparent);
  color: var(--ax-ink);
}
body.aria-v2 .ax-bubble.aria {
  background: #fff;
  border-color: var(--ax-line);
  color: var(--ax-muted);
}
body.aria-v2 .ax-bubble.aria b { color: var(--ax-ink); }
body.aria-v2 .ax-action-chip {
  background: #fff;
  border: 1px solid var(--ax-line);
  color: var(--ax-pine);
}

/* ---- Models + trust ---- */
body.aria-v2 .ax-models,
body.aria-v2 .ax-trust {
  border-top: 1px solid var(--ax-line);
  background: var(--ax-bg);
}
body.aria-v2 .ax-models .ax-display,
body.aria-v2 .ax-trust .ax-display { color: var(--ax-ink); }
body.aria-v2 .ax-models .ax-lede { color: var(--ax-muted); }
body.aria-v2 .ax-model {
  background: #fff;
  border-color: var(--ax-line);
}
body.aria-v2 .ax-model h3 { color: var(--ax-ink); }
body.aria-v2 .ax-model p { color: var(--ax-muted); }
body.aria-v2 .ax-trust-grid {
  border-color: var(--ax-line);
  background: #fff;
}
body.aria-v2 .ax-trust-cell { border-color: var(--ax-line); }
body.aria-v2 .ax-trust-cell h3 { color: var(--ax-ink); }
body.aria-v2 .ax-trust-cell p { color: var(--ax-muted); }
body.aria-v2 .ax-trust-cell .ic { color: var(--ax-pine); }

/* ---- CTA ---- */
body.aria-v2 .ax-cta {
  border-top: 1px solid transparent;
  background: #171916;
  color: #f6f3ee;
}
body.aria-v2 .ax-cta::before {
  background: radial-gradient(circle, rgba(95, 176, 148, 0.22), transparent 65%);
}
body.aria-v2 .ax-cta .ax-display { color: #f6f3ee; }
body.aria-v2 .ax-cta .ax-lede { color: rgba(246, 243, 238, 0.62); }
body.aria-v2 .ax-cta .mk-btn.secondary {
  color: #f6f3ee !important;
  border-color: rgba(246, 243, 238, 0.2) !important;
}
body.aria-v2 .ax-cta .mk-reassure { color: rgba(246, 243, 238, 0.4) !important; }