/* AIKnowledgeGate — Unique palette + curves
   Palette:
   --akg-primary:  #6A00F4 (violet)
   --akg-accent:   #00D1B2 (teal)
   --akg-ink:      #0F1020 (rich dark)
   --akg-soft:     #F4F6FF (very light violet tint)
   --akg-white:    #FFFFFF
   Fonts: Space Grotesk + Inter with safe fallbacks */


:root{
  --akg-primary:#6A00F4;
  --akg-accent:#00D1B2;
  --akg-ink:#0F1020;
  --akg-soft:#F4F6FF;
  --akg-white:#fff;
}

.akg-body{
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color:#1b1f24;
  background-color: var(--akg-white);
}

h1, h2, h3, .navbar-brand{
  font-family: "Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing:.2px;
}

.btn-primary,
.card-header.bg-primary { background-color:var(--akg-primary)!important; border-color:var(--akg-primary)!important; }
.btn-outline-light{ border-color:rgba(255,255,255,.75); color:#fff; }
a{ color:var(--akg-primary); }
a:hover{ color:#4b00ad; }

.hero{
  background: radial-gradient(1200px 600px at 10% 10%, #7E1BFF 0%, #4D14C7 40%, #1A1250 100%);
  position:relative;
}
.gradient-text{ background: linear-gradient(90deg, #fff, #9CF6E8 60%, #E5D1FF); -webkit-background-clip:text; background-clip:text; color:transparent; }
.curve{ position:relative; width:100%; height:120px; overflow:hidden; }
.curve svg{ width:100%; height:100%; display:block; }
.curve path{ fill:var(--akg-white); }
.curved-top{ position:relative; background:var(--akg-soft); }
.curved-top .curve-top svg path{ fill:var(--akg-soft); }
.curved-bottom{ position:relative; }
.bg-soft{ background:var(--akg-soft); }

.feature-card{ transition: transform .2s ease, box-shadow .2s ease; }
.feature-card:hover{ transform: translateY(-4px); box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08) !important; }

.price-card{ border:1px solid #eef; border-radius:1rem; overflow:hidden; }

:focus-visible{ outline:3px solid var(--akg-accent); outline-offset:2px; }

img.rounded-4{ border-radius:1rem!important; }