/* AIManagerX landing — custom styles */
:root{
  --ax-bg: #070B14;
  --ax-surface: #0F1C2F;
  --ax-surface-2: #10223A;
  --ax-border: rgba(86, 204, 242, 0.22);
  --ax-text: #EAF6FF;
  --ax-muted: rgba(234, 246, 255, 0.72);
  --ax-primary: #2F80ED;
  --ax-primary-2: #56CCF2;
  --ax-shadow: 0 20px 60px rgba(0,0,0,.35);
  --ax-radius: 18px;
}

html{ scroll-behavior:smooth; }
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, "Noto Sans", sans-serif;
  background: var(--ax-bg);
  color: var(--ax-text);
}

.bg-hero{
  position: relative;
  overflow: hidden;
  background: var(--ax-bg);
}
.bg-hero::before{
  content:"";
  position:absolute; inset:0;
  background-image: url("../img/hero-bg.svg");
  background-size: cover;
  background-position: center;
  opacity: 0.95;
  transform: translateZ(0);
}
.bg-hero > .container{
  position: relative;
  z-index: 1;
}

.navbar{
  backdrop-filter: blur(10px);
  background: rgba(7,11,20,0.55);
  border-bottom: 1px solid rgba(86, 204, 242, 0.12);
}

.brand-mark{
  width: 42px;
  height: 42px;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(47,128,237,.25);
}

.ax-card{
  background: rgba(15,28,47,0.72);
  border: 1px solid rgba(86, 204, 242, 0.14);
  border-radius: var(--ax-radius);
  box-shadow: var(--ax-shadow);
}

.ax-glow{
  box-shadow: 0 0 0 1px rgba(86, 204, 242, 0.25), 0 18px 60px rgba(47,128,237,0.18);
}

.ax-btn{
  border-radius: 999px;
  padding: .85rem 1.2rem;
}
.btn-ax-primary{
  background: linear-gradient(135deg, var(--ax-primary), var(--ax-primary-2));
  border: none;
  color: #06101d;
  font-weight: 700;
}
.btn-ax-primary:hover{ filter: brightness(1.03); transform: translateY(-1px); }
.btn-ax-outline{
  background: rgba(7,11,20,0.2);
  border: 1px solid rgba(86, 204, 242, 0.28);
  color: var(--ax-text);
}
.btn-ax-outline:hover{ border-color: rgba(86, 204, 242, 0.55); }

.section{ padding: 72px 0; }
.section-title{ font-weight: 800; letter-spacing: -0.02em; }
.section-lead{ color: var(--ax-muted); max-width: 60ch; }

.badge-ax{
  background: rgba(86, 204, 242, 0.16);
  border: 1px solid rgba(86, 204, 242, 0.22);
  color: var(--ax-text);
}

.kpi{ display:flex; gap:14px; align-items:flex-start; }
.kpi .icon{
  width: 44px; height: 44px; border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(86, 204, 242, 0.14);
  border: 1px solid rgba(86, 204, 242, 0.2);
}
.kpi h3{ margin:0; font-size: 1.05rem; font-weight: 750;}
.kpi p{ margin:0; color: var(--ax-muted); }

.hero-title{
  font-weight: 900;
  letter-spacing: -0.03em;
  font-size: clamp(2.1rem, 4.2vw, 3.6rem);
  line-height: 1.05;
}
.hero-sub{ color: var(--ax-muted); font-size: 1.08rem; max-width: 60ch; }

.hero-illu{
  width: 100%;
  height: auto;
  border-radius: 22px;
  border: 1px solid rgba(86, 204, 242, 0.18);
  background: rgba(15, 28, 47, 0.35);
}

.divider{
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(86,204,242,0.35), transparent);
}

.pricing .price{
  font-size: 2.3rem;
  font-weight: 900;
  letter-spacing: -0.03em;
}
.pricing .list-unstyled li{
  display:flex; gap:.6rem; align-items:flex-start;
  margin-bottom:.55rem; color: var(--ax-muted);
}
.pricing .list-unstyled i{ color: var(--ax-primary-2); margin-top:.2rem; }

.footer{
  border-top: 1px solid rgba(86, 204, 242, 0.12);
  background: rgba(7,11,20,0.55);
}

.small-muted{ color: rgba(234,246,255,0.65); }

/* Animations */
.reveal{
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .75s ease, transform .75s ease;
}
.reveal.in{ opacity: 1; transform: translateY(0); }
.floaty{ animation: floaty 6.5s ease-in-out infinite; }
@keyframes floaty{ 0%,100%{ transform: translateY(0);} 50%{ transform: translateY(-10px);} }

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .reveal{ transition:none; opacity:1; transform:none; }
  .floaty{ animation:none; }
  .btn-ax-primary:hover{ transform:none; }
}

.link-underline{
  text-decoration: none;
  border-bottom: 1px dashed rgba(86,204,242,0.35);
}
.link-underline:hover{ border-bottom-color: rgba(86,204,242,0.7); }