/* MaxAI Aurora — the corporate design layer (2026).
 * One file, linked everywhere: change here → changes on every page.
 * Principles distilled from products billions trust (Apple/Stripe/Linear/OpenAI):
 * depth & glow over flat, one electric accent on deep dark, glass surfaces,
 * confident type, generous air, micro-motion. Expensive for enterprise,
 * effortless for everyone. */

:root {
  --au-bg: #07070d;
  --au-accent: #6d5dfc;
  --au-accent2: #8b7bff;
  --au-cyan: #22d3ee;
  --au-glass: rgba(255,255,255,.035);
  --au-glass-border: rgba(255,255,255,.08);
}

/* ── Aurora living background: two slow-breathing light fields ─────────── */
body { position: relative; }
body::before {
  content: ""; position: fixed; inset: -20%; z-index: 0; pointer-events: none;
  background:
    radial-gradient(42% 38% at 18% 12%, rgba(109,93,252,.16), transparent 62%),
    radial-gradient(36% 32% at 84% 78%, rgba(34,211,238,.10), transparent 60%),
    radial-gradient(30% 26% at 70% 18%, rgba(139,123,255,.10), transparent 58%);
  animation: auDrift 26s ease-in-out infinite alternate;
}
body::after { /* fine noise = print-grade texture, kills banding */
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .35;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .03 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}
@keyframes auDrift {
  0%   { transform: translate3d(0,0,0) scale(1); }
  100% { transform: translate3d(2.5%,-2%,0) scale(1.06); }
}
body > * { position: relative; z-index: 1; }

/* ── Glass surfaces: every card gains depth and an inner light edge ────── */
.card, .stat-card, .pkg, .panel, .agent-card, .mc-dept, .mc-kpi, .testimonial-card, .stat {
  background:
    linear-gradient(160deg, rgba(255,255,255,.045), rgba(255,255,255,.012) 38%),
    rgba(13,13,22,.72) !important;
  border: 1px solid var(--au-glass-border) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 18px 44px -18px rgba(0,0,0,.6);
  transition: transform .25s cubic-bezier(.2,.7,.3,1), box-shadow .25s, border-color .25s;
}
.card:hover, .agent-card:hover, .pkg:hover, .mc-dept:hover, .stat-card:hover {
  transform: translateY(-3px);
  border-color: rgba(139,123,255,.34) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.08) inset,
              0 24px 60px -16px rgba(0,0,0,.65),
              0 0 0 1px rgba(109,93,252,.18),
              0 0 44px -10px rgba(109,93,252,.35);
}

/* ── Buttons: tactile, glowing, alive ──────────────────────────────────── */
.btn-primary, .cta, button[type="submit"], .send-btn, .copy {
  position: relative;
  box-shadow: 0 6px 22px -6px rgba(109,93,252,.55), 0 1px 0 rgba(255,255,255,.18) inset;
  transition: transform .16s ease, box-shadow .25s ease, filter .2s;
}
.btn-primary:hover, .cta:hover, button[type="submit"]:hover {
  transform: translateY(-1px);
  filter: brightness(1.08);
  box-shadow: 0 10px 32px -6px rgba(109,93,252,.7), 0 1px 0 rgba(255,255,255,.22) inset;
}
.btn-primary:active, .cta:active { transform: translateY(0) scale(.98); }

/* ── Typography: confident, corporate ──────────────────────────────────── */
h1 { letter-spacing: -.025em; }
h1, .section-title {
  background: linear-gradient(180deg, #ffffff 55%, #b9b4e6 130%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
::selection { background: rgba(109,93,252,.4); color: #fff; }

/* ── Polished scrollbars & focus (the details rich products never skip) ── */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #2b2b44, #232338);
  border-radius: 99px; border: 2px solid var(--au-bg);
}
::-webkit-scrollbar-thumb:hover { background: #3a3a5c; }
:focus-visible { outline: 2px solid rgba(139,123,255,.6); outline-offset: 2px; border-radius: 6px; }

/* ── Status dots breathe ───────────────────────────────────────────────── */
.agent-status.online, .live .dot, .mc-agent .dot { animation: auPulse 2.4s ease-in-out infinite; }
@keyframes auPulse { 50% { opacity: .45; } }

/* ── Reduce motion for accessibility ───────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  body::before { animation: none; }
  .card, .agent-card, .btn-primary, .cta { transition: none; }
}

/* logo cross-browser insurance */
.nav-logo{color:#fff !important}
.nav-logo span{background-clip:text}