/* 
   AVGC Light Theme Styles 
   Premium, Clean, and Dynamic Design
*/

:root {
  --avgc-primary: #5a4fcf;
  /* Purple from the design */
  --avgc-primary-dark: #4338ca;
  --avgc-secondary: #9333ea;
  /* Purple */
  --avgc-secondary-dark: #7e22ce;
  --avgc-accent: #e11d48;
  /* Red/Rose */
  --avgc-blue: #3b82f6;
  /* Blue */
  --avgc-blue-light: #eff6ff;
  --avgc-purple-light: #f3e8ff;

  --avgc-bg: #f8fafc;
  --avgc-bg-card: #ffffff;
  --avgc-text-main: #0f172a;
  --avgc-text-muted: #475569;

  --avgc-gradient-btn: linear-gradient(135deg, #4f46e5, #3b82f6);
  /* Blue gradient for Explore Now */
  --avgc-gradient-text: linear-gradient(to right, #3b82f6, #8b5cf6);
  /* Blue to purple for AVGC */

  --avgc-shadow-ultra-soft: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  --avgc-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  --avgc-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);
  --avgc-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
  --avgc-shadow-hover: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
}

.avgc-page {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background-color: var(--avgc-bg);
  color: var(--avgc-text-main);
  overflow-x: hidden;
  position: relative;
}

/* Typography Utilities */
.avgc-text-gradient {
  background: var(--avgc-gradient-text);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}

.avgc-section-title {
  font-size: 1.75rem;
  font-weight: 800;
  text-align: center;
  margin-bottom: 3rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.avgc-section-title-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.avgc-section-title-underline {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: -1.5rem;
}

.avgc-section-title-underline span {
  width: 6px;
  height: 6px;
  background-color: #93c5fd;
  border-radius: 50%;
}

.avgc-section-title-underline span:nth-child(2) {
  width: 30px;
  border-radius: 4px;
  background-color: var(--avgc-blue);
}

.avgc-section-title-underline span:nth-child(3) {
  width: 6px;
  height: 6px;
  background-color: #93c5fd;
  border-radius: 50%;
}


/* Hero Section */
.avgc-hero {
  position: relative;
  padding: 6rem 0 4rem;
  overflow: hidden;
  border-bottom: 1px solid rgba(226, 232, 240, 0.5);
  background-image: url('/assets/images/avgc/herosectionimg.webp');
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
}

.avgc-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  z-index: 0;
}

.avgc-hero .row {
  align-items: center;
}

.avgc-hero-content {
  position: relative;
  z-index: 1;
}

.avgc-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 1rem;
  background: #eff6ff;
  color: var(--avgc-blue);
  border-radius: 9999px;
  font-weight: 700;
  font-size: 0.75rem;
  margin-bottom: 1.5rem;
  letter-spacing: 0.05em;
}

.avgc-hero h1 {
  font-size: 5rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0.25rem;
  letter-spacing: -0.025em;
  color: var(--avgc-primary);
}

.avgc-hero h2 {
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  color: var(--avgc-text-main);
}

.avgc-hero p {
  font-size: 1.05rem;
  color: var(--avgc-text-muted);
  line-height: 1.6;
  margin-bottom: 2.5rem;
  max-width: 500px;
}

.avgc-hero-buttons {
  display: flex;
  gap: 1rem;
}

.avgc-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 2.5rem;
  background: #5a4fcf;
  color: white;
  border-radius: 9999px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px 0 rgba(90, 79, 207, 0.39);
}

.avgc-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(79, 70, 229, 0.5);
  color: white;
}

.avgc-vm-card.vision:hover .avgc-vm-icon {
  background: white;
  color: var(--avgc-blue);
}

.avgc-vm-card.mission:hover .avgc-vm-icon {
  background: white;
  color: var(--avgc-secondary);
}

.avgc-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 2rem;
  background: white;
  color: var(--avgc-text-main);
  border: 1px solid #e2e8f0;
  border-radius: 9999px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: var(--avgc-shadow-sm);
}

.avgc-btn-secondary:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: var(--avgc-text-main);
}

.avgc-hero-img-container {
  position: relative;
  z-index: 1;
  text-align: right;
}

.avgc-hero-img {
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.1));
}

/* Vision & Mission Section */
.avgc-vm {
  padding: 4rem 0;
  position: relative;
  z-index: 1;
}

.avgc-vm-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 2rem;
}

.avgc-vm-card {
  background: var(--avgc-bg-card);
  padding: 3rem;
  border-radius: 12px;
  box-shadow: var(--avgc-shadow-ultra-soft);
  position: relative;
  transition: all 0.4s ease;
}

.avgc-vm-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--avgc-shadow-lg);
}

.avgc-vm-card.vision:hover {
  background: var(--avgc-blue);
}

.avgc-vm-card.mission:hover {
  background: var(--avgc-secondary);
}

.avgc-vm-card:hover h3,
.avgc-vm-card:hover p,
.avgc-vm-card:hover li {
  color: white !important;
}

.avgc-vm-card.vision:hover .avgc-vm-content p::after {
  background-color: white;
}

.avgc-vm-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

.avgc-vm-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}

.avgc-vm-card.vision .avgc-vm-icon {
  background: var(--avgc-blue);
  color: white;
}

.avgc-vm-card.mission .avgc-vm-icon {
  background: var(--avgc-secondary);
  color: white;
}

.avgc-vm-header h3 {
  font-size: 1.25rem;
  font-weight: 800;
  margin: 0;
  color: var(--avgc-blue);
}

.avgc-vm-card.mission .avgc-vm-header h3 {
  color: var(--avgc-secondary);
}

.avgc-vm-content p {
  color: var(--avgc-text-muted);
  line-height: 1.8;
  font-size: 0.95rem;
  position: relative;
  padding-bottom: 1.5rem;
}

/* Distinct Blue Underline for Vision Card */
.avgc-vm-card.vision .avgc-vm-content p::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 3px;
  background-color: var(--avgc-blue);
}

.avgc-mission-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.avgc-mission-list li {
  position: relative;
  padding-left: 1.75rem;
  margin-bottom: 1.25rem;
  color: var(--avgc-text-muted);
  line-height: 1.6;
  font-size: 0.9rem;
}

.avgc-mission-list li::before {
  content: '\f00c';
  /* FontAwesome check */
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0.2rem;
  color: white;
  background: var(--avgc-secondary);
  font-size: 0.6rem;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.4s ease;
}

.avgc-vm-card.mission:hover .avgc-mission-list li::before {
  background: white;
  color: var(--avgc-secondary);
}

/* Why Hunarho Section */
.avgc-why {
  padding: 2rem 0 4rem;
  position: relative;
  z-index: 1;
}

.avgc-why-grid {
  display: grid;
  /* 6 columns for the new design */
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
}

.avgc-why-card {
  background: var(--avgc-bg-card);
  padding: 2rem 1.25rem;
  border-radius: 12px;
  box-shadow: var(--avgc-shadow-ultra-soft);
  transition: all 0.4s ease;
  text-align: center;
  /* Centered layout in the new image */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.avgc-why-card:hover {
  transform: translateY(-10px);
  box-shadow: var(--avgc-shadow-lg);
  background: linear-gradient(135deg, var(--avgc-primary), var(--avgc-blue));
}

.avgc-why-card:hover h4,
.avgc-why-card:hover p {
  color: white;
}

.avgc-why-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
  background: var(--avgc-blue-light);
  color: var(--avgc-blue);
  transition: all 0.4s ease;
}

.avgc-why-card:hover .avgc-why-icon {
  background: rgba(255, 255, 255, 0.2);
  color: white;
}

.avgc-why-card h4 {
  font-size: 0.75rem;
  font-weight: 800;
  margin-bottom: 1rem;
  line-height: 1.4;
  text-transform: uppercase;
}

.avgc-why-card p {
  color: var(--avgc-text-muted);
  font-size: 0.75rem;
  line-height: 1.6;
  margin: 0;
}

/* Driving Economy Section */
.avgc-economy {
  padding: 2rem 0 0rem;
  position: relative;
  z-index: 1;
}

.avgc-economy-banner {
  background-color: #0b1120;
  /* Fallback */
  border-radius: 16px;
  padding: 4rem;
  position: relative;
  overflow: hidden;
  box-shadow: var(--avgc-shadow-lg);
  display: flex;
  align-items: center;
}

/* Placeholder for the astronaut background image */
.avgc-economy-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  opacity: 0.8;
}

.avgc-economy-content {
  position: relative;
  z-index: 1;
  max-width: 50%;
}

.avgc-economy-content h6 {
  color: var(--avgc-secondary);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.avgc-economy-content h2 {
  font-size: 2.75rem;
  font-weight: 900;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  color: white;
  line-height: 1.1;
}

.avgc-economy-content h2 span {
  background: linear-gradient(to right, #06b6d4, #a855f7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.avgc-economy-content p {
  font-size: 0.95rem;
  line-height: 1.8;
  color: #e2e8f0;
  margin: 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  /* Ensure readability over image */
}


/* Learning Levels Section */
.avgc-levels {
  padding: 4rem 0 6rem;
  position: relative;
  z-index: 1;
}

.avgc-levels-desc {
  text-align: center;
  color: var(--avgc-text-muted);
  max-width: 600px;
  margin: 0 auto 3rem;
  font-size: 0.95rem;
}

.avgc-levels-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem;
}

.avgc-level-card {
  background: var(--avgc-bg-card);
  padding: 2.5rem;
  border-radius: 16px;
  box-shadow: var(--avgc-shadow-ultra-soft);
  position: relative;
  transition: all 0.3s ease;
  overflow: hidden;
  border-top: 4px solid transparent;
}

.avgc-level-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--avgc-shadow-md);
}

.avgc-level-card.foundation {
  border-top-color: var(--avgc-blue);
}

.avgc-level-card.intermediate {
  border-top-color: var(--avgc-secondary);
}

.avgc-level-card.advanced {
  border-top-color: var(--avgc-accent);
}

.avgc-level-illustration {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 80px;
  height: auto;
  z-index: 0;
}

.avgc-level-content {
  position: relative;
  z-index: 1;
}

.avgc-level-indicator {
  display: inline-block;
  padding: 0.3rem 1rem;
  border-radius: 9999px;
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 1rem;
}

.avgc-level-card.foundation .avgc-level-indicator {
  background: var(--avgc-blue);
  color: white;
}

.avgc-level-card.intermediate .avgc-level-indicator {
  background: var(--avgc-secondary);
  color: white;
}

.avgc-level-card.advanced .avgc-level-indicator {
  background: var(--avgc-accent);
  color: white;
}

.avgc-level-card h3 {
  font-size: 1.25rem;
  font-weight: 800;
  margin-bottom: 1rem;
}

.avgc-level-card>p {
  color: var(--avgc-text-muted);
  font-size: 0.85rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e2e8f0;
}

.avgc-level-modules h5 {
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--avgc-text-main);
}

.avgc-module-list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 2;
  /* Make sure list is above illustrations */
}

.avgc-module-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  font-size: 0.8rem;
  color: var(--avgc-text-muted);
}

.avgc-module-list li i {
  font-size: 0.75rem;
  margin-top: 3px;
}

.avgc-level-card.foundation .avgc-module-list li i {
  color: var(--avgc-blue);
}

.avgc-level-card.intermediate .avgc-module-list li i {
  color: var(--avgc-secondary);
}

.avgc-level-card.advanced .avgc-module-list li i {
  color: var(--avgc-accent);
}


/* ==========================================================================
   6. INTEGRATED AI ECOSYSTEM SECTION (REDESIGN)
   ========================================================================== */
.avgc-ai {
  padding: 2.75rem 0 3.5rem;
  position: relative;
  z-index: 1;
  background: radial-gradient(circle at 10% 20%, rgba(147, 51, 234, 0.04) 0%, transparent 40%),
    radial-gradient(circle at 90% 80%, rgba(59, 130, 246, 0.04) 0%, transparent 40%),
    #ffffff;
  overflow: hidden;
}

/* Subtle dot grid pattern on sides */
.avgc-ai::before,
.avgc-ai::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 240px;
  background-image: radial-gradient(rgba(147, 51, 234, 0.1) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none;
  z-index: 0;
}

.avgc-ai::before {
  left: 0;
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
}

.avgc-ai::after {
  right: 0;
  mask-image: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
  -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
}

/* Top Pill Badge */
.avgc-ai-pill-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f3e8ff;
  color: #7e22ce;
  font-weight: 800;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 5px 16px;
  border-radius: 50px;
  border: 1px solid rgba(147, 51, 234, 0.2);
  box-shadow: 0 3px 10px -2px rgba(147, 51, 234, 0.1);
  position: relative;
  z-index: 1;
}

.avgc-ai-pill-badge .pill-dot {
  width: 5px;
  height: 5px;
  background: #9333ea;
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(147, 51, 234, 0.8);
}

/* Typography */
.avgc-ai-main-title {
  font-size: 2.35rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.03em;
  position: relative;
  z-index: 1;
}

.avgc-ai-main-title .ai-italic,
.avgc-ai-main-title .ecosystem-italic {
  color: #7c3aed;
  font-style: italic;
  font-weight: 800;
}

.avgc-ai-subtitle {
  color: #475569;
  font-size: 0.96rem;
  font-weight: 500;
  max-width: 580px;
  margin: 0 auto;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}

/* Tree Connectors Structure */
.avgc-ai-tree-stem-wrapper {
  justify-content: center;
  position: relative;
  z-index: 1;
  height: 14px;
}

.avgc-ai-tree-stem {
  width: 2px;
  height: 100%;
  background-color: #ddd6fe;
}

.avgc-ai-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.85rem;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.avgc-ai-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.avgc-ai-tree-branch {
  width: 100%;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.branch-top-bar {
  height: 2px;
  background-color: #ddd6fe;
  width: 100%;
}

.branch-right-half {
  width: 50%;
  margin-left: auto;
}

.branch-left-half {
  width: 50%;
  margin-right: auto;
}

.branch-full {
  width: 100%;
}

.branch-drop-line {
  width: 2px;
  height: 14px;
  background-color: #ddd6fe;
}

.branch-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #8b5cf6;
  box-shadow: 0 0 8px 3px rgba(139, 92, 246, 0.45);
  margin-top: -3px;
  margin-bottom: 8px;
  position: relative;
  z-index: 2;
}

/* Card Themes Variables */
.avgc-ai-card.theme-green {
  --theme-color: #059669;
  --theme-border: #a7f3d0;
  --theme-bg: #f0fdf4;
  --theme-shadow: rgba(5, 150, 105, 0.25);
  --theme-pill-bg: #10b981;
}

.avgc-ai-card.theme-orange {
  --theme-color: #ea580c;
  --theme-border: #fed7aa;
  --theme-bg: #fff7ed;
  --theme-shadow: rgba(234, 88, 12, 0.25);
  --theme-pill-bg: #f97316;
}

.avgc-ai-card.theme-purple {
  --theme-color: #7c3aed;
  --theme-border: #ddd6fe;
  --theme-bg: #faf5ff;
  --theme-shadow: rgba(124, 58, 237, 0.25);
  --theme-pill-bg: #8b5cf6;
}

.avgc-ai-card.theme-red {
  --theme-color: #e11d48;
  --theme-border: #fecdd3;
  --theme-bg: #fff1f2;
  --theme-shadow: rgba(225, 29, 72, 0.25);
  --theme-pill-bg: #f43f5e;
}

.avgc-ai-card.theme-teal {
  --theme-color: #0d9488;
  --theme-border: #99f6e4;
  --theme-bg: #f0fdfa;
  --theme-shadow: rgba(13, 148, 136, 0.25);
  --theme-pill-bg: #14b8a6;
}

.pgraph {
  font-size: 14px;
  color: #565759;
}

/* Card Design */
.avgc-ai-card {
  background: var(--theme-bg);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 16px;
  padding: 1.25rem 0.85rem 1.15rem;
  width: 100%;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: relative;
  overflow: hidden;
}

.avgc-ai-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px -10px var(--theme-shadow);
  background: #ffffff;
  border-color: var(--theme-border);
}

.avgc-ai-card-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Circular Icon Wrapper */
.avgc-ai-icon-circle {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #ffffff;
  border: 1.5px solid var(--theme-border);
  box-shadow: 0 4px 12px -3px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.85rem;
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.avgc-ai-card:hover .avgc-ai-icon-circle {
  transform: scale(1.08);
  box-shadow: 0 8px 18px -4px var(--theme-shadow);
}

.avgc-ai-icon-img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.midjourney-img {
  width: 30px;
  height: 24px;
}

/* Custom Styled Text Badges for Icons */
.claude-icon-badge {
  font-weight: 800;
  font-size: 1.05rem;
  color: #ea580c;
  border: 1.5px solid #fed7aa;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fffaf5;
}

.firefly-icon-badge {
  font-weight: 900;
  font-size: 1.18rem;
  color: #e11d48;
  letter-spacing: -0.5px;
}

.runway-icon-badge {
  font-weight: 900;
  font-size: 1.22rem;
  color: #0d9488;
}

/* Card Content Details */
.avgc-ai-title {
  font-size: 0.84rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: 0.04em;
  margin-bottom: 0.35rem;
  text-transform: uppercase;
}

.avgc-ai-bar {
  width: 20px;
  height: 2.5px;
  border-radius: 4px;
  background: var(--theme-color);
  margin: 0 auto 0.55rem;
  transition: width 0.3s ease;
}

.avgc-ai-card:hover .avgc-ai-bar {
  width: 34px;
}

.avgc-ai-desc {
  font-size: 0.75rem;
  color: #64748b;
  font-weight: 500;
  margin-bottom: 0.2rem;
  line-height: 1.35;
}

/* Responsive Adjustments */
@media (max-width: 1200px) {
  .avgc-why-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .avgc-ai-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 991px) {
  .avgc-hero h1 {
    font-size: 4rem;
  }

  .avgc-hero h2 {
    font-size: 1.75rem;
  }

  .avgc-hero-img-container {
    margin-top: 3rem;
    text-align: center;
  }

  .avgc-economy-banner {
    padding: 3rem 2rem;
    flex-direction: column;
  }

  .avgc-economy-content {
    max-width: 100%;
  }

  .avgc-why-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .avgc-ai-main-title {
    font-size: 1.9rem;
  }
}

@media (max-width: 768px) {
  .avgc-hero {
    padding: 5rem 0 3rem;
    text-align: center;
  }

  .avgc-hero h1 {
    font-size: 3.5rem;
  }

  .avgc-hero-buttons {
    justify-content: center;
  }

  .avgc-hero p {
    margin-left: auto;
    margin-right: auto;
  }

  .avgc-vm-grid {
    grid-template-columns: 1fr;
  }

  .avgc-vm-card {
    padding: 1.75rem 1.25rem;
  }

  .avgc-why-grid {
    grid-template-columns: 1fr;
  }

  .avgc-levels-grid {
    grid-template-columns: 1fr;
  }

  .avgc-level-card {
    padding: 1.75rem 1.25rem;
  }

  .avgc-economy-banner {
    padding: 2.5rem 1.25rem;
  }

  .avgc-economy-content h2 {
    font-size: 2rem;
  }

  .avgc-ai-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .avgc-hero h1 {
    font-size: 2.75rem;
  }

  .avgc-hero h2 {
    font-size: 1.35rem;
  }

  .avgc-hero-buttons {
    flex-direction: column;
    width: 100%;
    gap: 0.75rem;
  }

  .avgc-btn-primary, .avgc-btn-secondary {
    width: 100%;
    justify-content: center;
  }

  .avgc-ai-main-title {
    font-size: 1.6rem;
  }

  .avgc-ai-grid {
    grid-template-columns: 1fr;
    max-width: 320px;
  }
}