/* ========== LOKÁLNÍ STYLY PRO AI ADVISORY ========== */

/* Zvýrazněná gradientní sekce "Proč AI právě teď" */
.why-now { 
  background: linear-gradient(135deg, rgba(0,176,240,0.08) 0%, rgba(212,168,67,0.06) 100%); 
  border: 1px solid rgba(0,176,240,0.2); 
  border-radius: var(--radius-xl); 
  padding: var(--space-12); 
  text-align: center; 
}
.why-now h2 { 
  font-size: var(--text-2xl); 
  font-weight: 900; 
  letter-spacing: -1px; 
  color: #fff; 
  margin-bottom: var(--space-6); 
}
.why-now p { 
  font-size: var(--text-base); 
  color: var(--text-muted); 
  max-width: 600px; 
  margin: 0 auto var(--space-4); 
  line-height: 1.7; 
}

/* Klientské karty */
.client-grid { 
  display: grid; 
  grid-template-columns: repeat(2,1fr); 
  gap: 20px; 
  margin-top: var(--space-8); 
}
@media(max-width:768px) { .client-grid { grid-template-columns: 1fr; } }

.client-card { 
  background: var(--bg-card); 
  border: 1px solid var(--border); 
  border-radius: var(--radius-lg); 
  padding: var(--space-6); 
  display: flex; 
  gap: var(--space-4); 
  align-items: flex-start; 
}
.client-icon { 
  font-size: 2rem; 
  flex-shrink: 0; 
}
.client-card h4 { 
  font-family: var(--font-display); 
  font-size: var(--text-base); 
  font-weight: 700; 
  color: var(--text-main); 
  margin-bottom: var(--space-2); 
}
.client-card p { 
  font-size: var(--text-sm); 
  color: var(--text-muted); 
  line-height: 1.6; 
}

/* Nový Use cases grid (vedle sebe jako dlaždice) */
.use-case-grid { 
  display: grid; 
  grid-template-columns: repeat(3, 1fr); 
  gap: var(--space-4); 
  margin-top: var(--space-6); 
}
@media(max-width: 1024px) { 
  .use-case-grid { grid-template-columns: repeat(2, 1fr); } 
}
@media(max-width: 600px) { 
  .use-case-grid { grid-template-columns: 1fr; } 
}

.use-case { 
  background: rgba(255,255,255,0.02); 
  border: 1px solid var(--border); 
  border-radius: var(--radius-md); 
  padding: var(--space-6); 
  display: flex; 
  flex-direction: column; 
  gap: var(--space-3); 
  align-items: flex-start; 
  transition: all var(--transition);
  height: 100%;
}
.use-case:hover { 
  border-color: rgba(0,176,240,0.3); 
  background: rgba(0,176,240,0.03); 
  transform: translateY(-4px); 
}
.use-case-dot { 
  width: 10px; 
  height: 10px; 
  border-radius: 50%; 
  background: var(--blue); 
  margin-bottom: var(--space-2); 
  box-shadow: 0 0 8px var(--blue-glow);
}
.use-case p { 
  font-size: var(--text-sm); 
  color: #d1d5db; 
  line-height: 1.7; 
  margin: 0;
}
.use-case strong { 
  color: #fff; 
  font-size: var(--text-base);
  font-family: var(--font-display);
}

/* Proces krok za krokem */
.process-steps { 
  display: grid; 
  grid-template-columns: repeat(4,1fr); 
  gap: 16px; 
  margin-top: var(--space-8); 
}
@media(max-width:900px) { .process-steps { grid-template-columns: 1fr 1fr; } }
@media(max-width:500px) { .process-steps { grid-template-columns: 1fr; } }

.step { 
  background: var(--bg-card); 
  border: 1px solid var(--border); 
  border-radius: var(--radius-lg); 
  padding: var(--space-6); 
  position: relative; 
}
.step-num { 
  font-family: var(--font-display); 
  font-size: 3rem; 
  font-weight: 900; 
  color: rgba(0,176,240,0.15); 
  line-height: 1; 
  margin-bottom: var(--space-3); 
}
.step h4 { 
  font-family: var(--font-display); 
  font-size: var(--text-base); 
  font-weight: 700; 
  color: var(--text-main); 
  margin-bottom: var(--space-2); 
}
.step p { 
  font-size: var(--text-sm); 
  color: var(--text-muted); 
  line-height: 1.6; 
}

/* Poznámka ke smlouvě */
.contract-note { 
  display: flex; 
  gap: var(--space-4); 
  align-items: flex-start; 
  background: rgba(212,168,67,0.06); 
  border: 1px solid rgba(212,168,67,0.2); 
  border-radius: var(--radius-md); 
  padding: var(--space-5) var(--space-6); 
  margin-top: var(--space-6); 
}
.contract-note-icon { 
  font-size: 1.5rem; 
  flex-shrink: 0; 
}
.contract-note p { 
  font-size: var(--text-sm); 
  color: var(--text-muted); 
  line-height: 1.7; 
}

/* Odrážky s modrou šipkou pro Divi (stejný reset jako na minulých stránkách) */
.site-wrap .gs-list li { list-style-type: none; display: flex; gap: var(--space-3); align-items: flex-start; }
.site-wrap ul.gs-list li::before { content: '→'; color: var(--blue); font-weight: 700; }

/* Modrý gradient pro zvýrazněná slova v hlavním nadpisu (Advisory) */
.site-wrap .page-hero h1 .accent-blue {
  background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%) !important;
  -webkit-background-clip: text !important; 
  -webkit-text-fill-color: transparent !important; 
  background-clip: text !important;
  color: transparent !important;
}